use only our own exported type/enum of blueprint intent states

Author: haschek

src/common/Intent/index.ts

@@ -2,13 +2,15 @@ import { Intent as BlueprintIntent } from "@blueprintjs/core";
 
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 
-export type IntentBlueprint = BlueprintIntent;
+/** @deprecated (v27) use `IntentBlueprint` instead */
 export const DefinitionsBlueprint = BlueprintIntent;
+export const IntentBlueprint = BlueprintIntent;
+export type IntentBlueprint = BlueprintIntent;
 
 export type IntentTypes = IntentBlueprint | "neutral" | "accent" | "info";
 
 export const Definitions: { [key: string]: IntentTypes } = {
-    ...DefinitionsBlueprint,
+    ...IntentBlueprint,
     ACCENT: "accent",
     NEUTRAL: "neutral",
     INFO: "info",

src/components/Button/Button.tsx

@@ -4,9 +4,9 @@ import {
     AnchorButtonProps as BlueprintAnchorButtonProps,
     Button as BlueprintButton,
     ButtonProps as BlueprintButtonProps,
-    Intent as BlueprintIntent,
 } from "@blueprintjs/core";
 
+import { IntentBlueprint } from "../../common/Intent";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import Icon from "../Icon/Icon";
@@ -33,7 +33,7 @@ interface AdditionalButtonProps {
     /**
      * Intent state visualized by color.
      */
-    intent?: BlueprintIntent | "accent";
+    intent?: IntentBlueprint | "accent";
     /**
      * Content displayed in a badge that is attached to the button.
      * By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
@@ -94,7 +94,7 @@ export const Button = ({
             intentByFunction = "accent";
             break;
         case disruptive:
-            intentByFunction = BlueprintIntent.DANGER;
+            intentByFunction = IntentBlueprint.DANGER;
             break;
         default:
             break;
@@ -111,7 +111,7 @@ export const Button = ({
         <ButtonType
             {...restProps}
             className={`${eccgui}-button ` + className}
-            intent={(intent || intentByFunction) as BlueprintIntent}
+            intent={(intent || intentByFunction) as IntentBlueprint}
             icon={typeof icon === "string" ? <Icon name={icon} {...iconSize} /> : icon}
             rightIcon={typeof rightIcon === "string" ? <Icon name={rightIcon} {...iconSize} /> : rightIcon}
         >

src/components/MultiSelect/MultiSelect.tsx

@@ -1,12 +1,13 @@
 import React, { useRef } from "react";
-import { HTMLInputProps as BlueprintHTMLInputProps, Intent as BlueprintIntent } from "@blueprintjs/core";
+import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
 import {
     ItemRendererProps as BlueprintItemRendererProps,
     MultiSelect as BlueprintMultiSelect,
     MultiSelectProps as BlueprintMultiSelectProps,
 } from "@blueprintjs/select";
 import classNames from "classnames";
 
+import { IntentBlueprint } from "../../common/Intent";
 import { removeExtraSpaces } from "../../common/utils/stringUtils";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 import { TestableComponent } from "../interfaces";
@@ -97,7 +98,7 @@ export interface MultiSuggestFieldCommonProps<T>
     /**
      * Intent state of the multi select.
      */
-    intent?: BlueprintIntent | "accent";
+    intent?: IntentBlueprint | "accent";
     /**
      * Disables the input element
      */

src/components/TextField/TextArea.tsx

@@ -1,13 +1,12 @@
 import React from "react";
 import {
     Classes as BlueprintClassNames,
-    Intent as BlueprintIntent,
     MaybeElement,
     TextArea as BlueprintTextArea,
     TextAreaProps as BlueprintTextAreaProps,
 } from "@blueprintjs/core";
 
-import { Definitions as IntentDefinitions, IntentTypes } from "../../common/Intent";
+import { Definitions as IntentDefinitions, IntentBlueprint, IntentTypes } from "../../common/Intent";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 import { Icon } from "../Icon";
 import { ValidIconName } from "../Icon/canonicalIconNames";
@@ -155,7 +154,7 @@ export const TextArea = ({
             }
             intent={
                 intent && !["info", "edited", "removed", "neutral", "accent"].includes(intent)
-                    ? (intent as BlueprintIntent)
+                    ? (intent as IntentBlueprint)
                     : undefined
             }
             spellCheck={intent === "removed" ? false : undefined}

src/components/TextField/TextField.tsx

@@ -4,11 +4,10 @@ import {
     HTMLInputProps,
     InputGroup as BlueprintInputGroup,
     InputGroupProps as BlueprintInputGroupProps,
-    Intent as BlueprintIntent,
     MaybeElement,
 } from "@blueprintjs/core";
 
-import { Definitions as IntentDefinitions, IntentTypes } from "../../common/Intent";
+import { Definitions as IntentDefinitions, IntentBlueprint, IntentTypes } from "../../common/Intent";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 import { ValidIconName } from "../Icon/canonicalIconNames";
 import Icon from "../Icon/Icon";
@@ -108,7 +107,7 @@ export const TextField = ({
             }
             intent={
                 intent && !["info", "edited", "removed", "neutral", "accent"].includes(intent)
-                    ? (intent as BlueprintIntent)
+                    ? (intent as IntentBlueprint)
                     : undefined
             }
             fill={fullWidth}