@laerdal/life-react-components 5.1.0 → 6.0.0-dev.1

package/dist/Chips/ChipTypes.d.ts

@@ -1,73 +1,73 @@
-import { Size, States, Testable } from '../types';
-import React from 'react';
-/**
- * Types for the chips.
- */
-export interface ChipProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onKeyDown' | 'tabIndex'> {
-    /** Size of the chip. */
-    size?: Size.Small | Size.Medium | Size.Large;
-    /** If chip is disabled then user can not interact with it and styles are greyed out. */
-    disabled?: boolean;
-}
-export interface InputChipProps extends ChipProps {
-    /**
-     * Required. The text to be displayed on the input chip.
-     */
-    text: string;
-    /**
-     * Optional. The variant of the input chip. Can be 'Default', 'Outlined', 'Filled', etc.
-     */
-    variant?: ChipVariant;
-    /**
-     * Optional. The icon to be displayed on the input chip.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Optional. A boolean indicating whether the remove option is disabled on the input chip.
-     */
-    disableRemove?: boolean;
-    /**
-     * Required. A function to be called when the input chip is removed.
-     * It should take an event object as a parameter.
-     */
-    onRemove: (e: any) => void;
-    /**
-     * Optional. A function to be called when the input chip is clicked.
-     */
-    onClick?: () => void;
-}
-export interface FilterChipProps extends ChipProps {
-    /** Text shown in the Chip. */
-    text: string;
-    /** Current state of the Chip. */
-    selected: boolean;
-    /** Executed when user clicks on the chip. */
-    onClick?: () => void;
-}
-export interface ActionChipProps extends ChipProps {
-    /** Text shown in the Chip. */
-    text: string;
-    /** Icon shown on the left side of the chip. */
-    icon?: React.ReactNode;
-    /** Method to execute when user clicks on the Chip. */
-    onClick?: () => void;
-}
-export interface ChoiceChipProps extends Testable {
-    /** Current selected value. */
-    selected: string;
-    /** Array of chips with values and descriptions. */
-    values: ChipValue[];
-    /** Method to execute when user clicks on one of the chips. */
-    onClick?: (value: ChipValue) => void;
-    /** If disabled then user can not interact with all chips. */
-    disabled?: boolean;
-}
-export interface ChipValue extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onMouseDown' | 'onKeyDown'> {
-    /** Value of the chip. */
-    value: string;
-    /** Label of the chip. */
-    label: string;
-    /** Size of the chip. */
-    size?: Size;
-}
-export type ChipVariant = States.Default | States.Invalid;
+import { Size, States, Testable } from '../types';
+import React from 'react';
+/**
+ * Types for the chips.
+ */
+export interface ChipProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onKeyDown' | 'tabIndex'> {
+    /** Size of the chip. */
+    size?: Size.Small | Size.Medium | Size.Large;
+    /** If chip is disabled then user can not interact with it and styles are greyed out. */
+    disabled?: boolean;
+}
+export interface InputChipProps extends ChipProps {
+    /**
+     * Required. The text to be displayed on the input chip.
+     */
+    text: string;
+    /**
+     * Optional. The variant of the input chip. Can be 'Default', 'Outlined', 'Filled', etc.
+     */
+    variant?: ChipVariant;
+    /**
+     * Optional. The icon to be displayed on the input chip.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optional. A boolean indicating whether the remove option is disabled on the input chip.
+     */
+    disableRemove?: boolean;
+    /**
+     * Required. A function to be called when the input chip is removed.
+     * It should take an event object as a parameter.
+     */
+    onRemove: (e: any) => void;
+    /**
+     * Optional. A function to be called when the input chip is clicked.
+     */
+    onClick?: () => void;
+}
+export interface FilterChipProps extends ChipProps {
+    /** Text shown in the Chip. */
+    text: string;
+    /** Current state of the Chip. */
+    selected: boolean;
+    /** Executed when user clicks on the chip. */
+    onClick?: () => void;
+}
+export interface ActionChipProps extends ChipProps {
+    /** Text shown in the Chip. */
+    text: string;
+    /** Icon shown on the left side of the chip. */
+    icon?: React.ReactNode;
+    /** Method to execute when user clicks on the Chip. */
+    onClick?: () => void;
+}
+export interface ChoiceChipProps extends Testable {
+    /** Current selected value. */
+    selected: string;
+    /** Array of chips with values and descriptions. */
+    values: ChipValue[];
+    /** Method to execute when user clicks on one of the chips. */
+    onClick?: (value: ChipValue) => void;
+    /** If disabled then user can not interact with all chips. */
+    disabled?: boolean;
+}
+export interface ChipValue extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onMouseDown' | 'onKeyDown'> {
+    /** Value of the chip. */
+    value: string;
+    /** Label of the chip. */
+    label: string;
+    /** Size of the chip. */
+    size?: Size;
+}
+export type ChipVariant = States.Default | States.Invalid;

package/dist/Chips/ChoiceChips.cjs

@@ -80,7 +80,7 @@ const ChoiceChips = _ref => {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
         role: "radio",
         tabIndex: disabled ? -1 : 0,
-        className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selectedChip === value ? 'default' : 'outline', " interactive ").concat(className || ''),
+        className: `${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`,
         onMouseDown: _common.defaultOnMouseDownHandler,
         "aria-checked": selectedChip === value,
         onClick: () => !disabled && onSelectChip(item),

package/dist/Chips/ChoiceChips.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceChips.cjs","names":["React","_interopRequireWildcard","require","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","selectedChip","setSelectedChip","useState","useEffect","onSelectChip","value","handleKeyDown","key","jsx","role","children","map","item","size","Size","Medium","label","className","rest","_objectWithoutProperties2","ChipContainer","tabIndex","concat","onMouseDown","defaultOnMouseDownHandler","onKeyDown","ChipContentContainer","ChipContent","_default","exports"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n                                                                 selected,\r\n                                                                 disabled,\r\n                                                                 onClick,\r\n                                                                 values,\r\n                                                                 dataTestId\r\n                                                               }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick && onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <div role=\"radiogroup\" data-testid={dataTestId}>\r\n      {values.map((item: ChipValue) => {\r\n        const {value, size = Size.Medium, label, className, ...rest } = item;\r\n        return (\r\n          <ChipContainer\r\n            role=\"radio\"\r\n            key={value}\r\n            tabIndex={disabled ? -1 : 0}\r\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            aria-checked={selectedChip === value}\r\n            onClick={() => !disabled && onSelectChip(item)}\r\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n            {...rest}>\r\n            <ChipContentContainer>\r\n              <ChipContent>\r\n                {label}\r\n              </ChipContent>\r\n            </ChipContentContainer>\r\n          </ChipContainer>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChoiceChips.cjs","names":["React","_interopRequireWildcard","require","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","selectedChip","setSelectedChip","useState","useEffect","onSelectChip","value","handleKeyDown","key","jsx","role","children","map","item","size","Size","Medium","label","className","rest","_objectWithoutProperties2","ChipContainer","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","ChipContentContainer","ChipContent","_default","exports"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n                                                                 selected,\r\n                                                                 disabled,\r\n                                                                 onClick,\r\n                                                                 values,\r\n                                                                 dataTestId\r\n                                                               }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick && onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <div role=\"radiogroup\" data-testid={dataTestId}>\r\n      {values.map((item: ChipValue) => {\r\n        const {value, size = Size.Medium, label, className, ...rest } = item;\r\n        return (\r\n          <ChipContainer\r\n            role=\"radio\"\r\n            key={value}\r\n            tabIndex={disabled ? -1 : 0}\r\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            aria-checked={selectedChip === value}\r\n            onClick={() => !disabled && onSelectChip(item)}\r\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n            {...rest}>\r\n            <ChipContentContainer>\r\n              <ChipContent>\r\n                {label}\r\n              </ChipContent>\r\n            </ChipContentContainer>\r\n          </ChipContainer>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":";;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,MAAAK,SAAA;AAf9B;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AAFA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAOA,MAAMkC,WAAqD,GAAGC,IAAA,IAMwB;EAAA,IANvB;IACEC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACe,CAAC,GAAAL,IAAA;EAC/E;AACF;AACA;EACE,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGnD,KAAK,CAACoD,QAAQ,CAAS,EAAE,CAAC;;EAElE;AACF;AACA;EACEpD,KAAK,CAACqD,SAAS,CAAC,MAAM;IACpBF,eAAe,CAACN,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;AACF;AACA;AACA;EACE,MAAMS,YAAY,GAAIC,KAAgB,IAAK;IACzC;IACAJ,eAAe,CAACI,KAAK,CAACA,KAAK,CAAC;;IAE5B;IACAR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;EAC3B,CAAC;EAED,MAAMC,aAAa,GAAGA,CAAC/C,CAAM,EAAE8C,KAAgB,KAAK;IAClD,IAAI9C,CAAC,CAACgD,GAAG,KAAK,OAAO,IAAIhD,CAAC,CAACgD,GAAG,KAAK,GAAG,EAAE;MACtCH,YAAY,CAACC,KAAK,CAAC;IACrB;EACF,CAAC;;EAED;AACF;AACA;EACE,oBACE,IAAAjD,WAAA,CAAAoD,GAAA;IAAKC,IAAI,EAAC,YAAY;IAAC,eAAaV,UAAW;IAAAW,QAAA,EAC5CZ,MAAM,CAACa,GAAG,CAAEC,IAAe,IAAK;MAC/B,MAAM;UAACP,KAAK;UAAEQ,IAAI,GAAGC,WAAI,CAACC,MAAM;UAAEC,KAAK;UAAEC;QAAmB,CAAC,GAAGL,IAAI;QAAbM,IAAI,OAAAC,yBAAA,CAAAvD,OAAA,EAAKgD,IAAI,EAAAvD,SAAA;MACpE,oBACE,IAAAD,WAAA,CAAAoD,GAAA,EAACvD,WAAA,CAAAmE,aAAa,EAAAlC,aAAA,CAAAA,aAAA;QACZuB,IAAI,EAAC,OAAO;QAEZY,QAAQ,EAAEzB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BqB,SAAS,EAAE,GAAGJ,IAAI,IAAIjB,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAII,YAAY,KAAKK,KAAK,GAAG,SAAS,GAAG,SAAS,gBAAgBY,SAAS,IAAI,EAAE,EAAG;QACpIK,WAAW,EAAEC,iCAA0B;QACvC,gBAAcvB,YAAY,KAAKK,KAAM;QACrCR,OAAO,EAAEA,CAAA,KAAM,CAACD,QAAQ,IAAIQ,YAAY,CAACQ,IAAI,CAAE;QAC/CY,SAAS,EAAEjE,CAAC,IAAI,CAACqC,QAAQ,IAAIU,aAAa,CAAC/C,CAAC,EAAEqD,IAAI;MAAE,GAChDM,IAAI;QAAAR,QAAA,eACR,IAAAtD,WAAA,CAAAoD,GAAA,EAACvD,WAAA,CAAAwE,oBAAoB;UAAAf,QAAA,eACnB,IAAAtD,WAAA,CAAAoD,GAAA,EAACvD,WAAA,CAAAyE,WAAW;YAAAhB,QAAA,EACTM;UAAK,CACK;QAAC,CACM;MAAC,IAZlBX,KAaQ,CAAC;IAEpB,CAAC;EAAC,CACC,CAAC;AAEV,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAhE,OAAA,GAEa6B,WAAW","ignoreList":[]}

package/dist/Chips/ChoiceChips.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ChoiceChipProps } from './ChipTypes';
-declare const ChoiceChips: React.FunctionComponent<ChoiceChipProps>;
-export default ChoiceChips;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { ChoiceChipProps } from './ChipTypes';
+declare const ChoiceChips: React.FunctionComponent<ChoiceChipProps>;
+export default ChoiceChips;

package/dist/Chips/ChoiceChips.js

@@ -74,7 +74,7 @@ const ChoiceChips = _ref => {
       return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
         role: "radio",
         tabIndex: disabled ? -1 : 0,
-        className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selectedChip === value ? 'default' : 'outline', " interactive ").concat(className || ''),
+        className: `${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`,
         onMouseDown: defaultOnMouseDownHandler,
         "aria-checked": selectedChip === value,
         onClick: () => !disabled && onSelectChip(item),

package/dist/Chips/ChoiceChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","jsx","_jsx","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","selectedChip","setSelectedChip","useState","useEffect","onSelectChip","value","handleKeyDown","e","key","role","children","map","item","size","Medium","label","className","rest","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","concat","onMouseDown","onKeyDown"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n                                                                 selected,\r\n                                                                 disabled,\r\n                                                                 onClick,\r\n                                                                 values,\r\n                                                                 dataTestId\r\n                                                               }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick && onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <div role=\"radiogroup\" data-testid={dataTestId}>\r\n      {values.map((item: ChipValue) => {\r\n        const {value, size = Size.Medium, label, className, ...rest } = item;\r\n        return (\r\n          <ChipContainer\r\n            role=\"radio\"\r\n            key={value}\r\n            tabIndex={disabled ? -1 : 0}\r\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            aria-checked={selectedChip === value}\r\n            onClick={() => !disabled && onSelectChip(item)}\r\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n            {...rest}>\r\n            <ChipContentContainer>\r\n              <ChipContent>\r\n                {label}\r\n              </ChipContent>\r\n            </ChipContentContainer>\r\n          </ChipContainer>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AACnD,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAqD,GAAGC,IAAA,IAMwB;EAAA,IANvB;IACEC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACe,CAAC,GAAAL,IAAA;EAC/E;AACF;AACA;EACE,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAS,EAAE,CAAC;;EAElE;AACF;AACA;EACEjB,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpBF,eAAe,CAACN,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;AACF;AACA;AACA;EACE,MAAMS,YAAY,GAAIC,KAAgB,IAAK;IACzC;IACAJ,eAAe,CAACI,KAAK,CAACA,KAAK,CAAC;;IAE5B;IACAR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;EAC3B,CAAC;EAED,MAAMC,aAAa,GAAGA,CAACC,CAAM,EAAEF,KAAgB,KAAK;IAClD,IAAIE,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACtCJ,YAAY,CAACC,KAAK,CAAC;IACrB;EACF,CAAC;;EAED;AACF;AACA;EACE,oBACEb,IAAA;IAAKiB,IAAI,EAAC,YAAY;IAAC,eAAaV,UAAW;IAAAW,QAAA,EAC5CZ,MAAM,CAACa,GAAG,CAAEC,IAAe,IAAK;MAC/B,MAAM;UAACP,KAAK;UAAEQ,IAAI,GAAGvB,IAAI,CAACwB,MAAM;UAAEC,KAAK;UAAEC;QAAmB,CAAC,GAAGJ,IAAI;QAAbK,IAAI,GAAAC,wBAAA,CAAKN,IAAI,EAAAO,SAAA;MACpE,oBACE3B,IAAA,CAACN,aAAa,EAAAkC,aAAA,CAAAA,aAAA;QACZX,IAAI,EAAC,OAAO;QAEZY,QAAQ,EAAEzB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BoB,SAAS,KAAAM,MAAA,CAAKT,IAAI,OAAAS,MAAA,CAAI1B,QAAQ,GAAG,UAAU,GAAG,EAAE,OAAA0B,MAAA,CAAItB,YAAY,KAAKK,KAAK,GAAG,SAAS,GAAG,SAAS,mBAAAiB,MAAA,CAAgBN,SAAS,IAAI,EAAE,CAAG;QACpIO,WAAW,EAAElC,yBAA0B;QACvC,gBAAcW,YAAY,KAAKK,KAAM;QACrCR,OAAO,EAAEA,CAAA,KAAM,CAACD,QAAQ,IAAIQ,YAAY,CAACQ,IAAI,CAAE;QAC/CY,SAAS,EAAEjB,CAAC,IAAI,CAACX,QAAQ,IAAIU,aAAa,CAACC,CAAC,EAAEK,IAAI;MAAE,GAChDK,IAAI;QAAAP,QAAA,eACRlB,IAAA,CAACJ,oBAAoB;UAAAsB,QAAA,eACnBlB,IAAA,CAACL,WAAW;YAAAuB,QAAA,EACTK;UAAK,CACK;QAAC,CACM;MAAC,IAZlBV,KAaQ,CAAC;IAEpB,CAAC;EAAC,CACC,CAAC;AAEV,CAAC;AAED,eAAeZ,WAAW","ignoreList":[]}
+{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","jsx","_jsx","ChoiceChips","_ref","selected","disabled","onClick","values","dataTestId","selectedChip","setSelectedChip","useState","useEffect","onSelectChip","value","handleKeyDown","e","key","role","children","map","item","size","Medium","label","className","rest","_objectWithoutProperties","_excluded","_objectSpread","tabIndex","onMouseDown","onKeyDown"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\nimport {Size} from '../types';\r\n\r\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\r\n                                                                 selected,\r\n                                                                 disabled,\r\n                                                                 onClick,\r\n                                                                 values,\r\n                                                                 dataTestId\r\n                                                               }: ChoiceChipProps) => {\r\n  /**\r\n   * Globally used variables within the component.\r\n   */\r\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\r\n\r\n  /**\r\n   * Set the selected value for the chip.\r\n   */\r\n  React.useEffect(() => {\r\n    setSelectedChip(selected);\r\n  }, [selected]);\r\n\r\n  /**\r\n   * Sets selected chip and fires an event to parent component.\r\n   * @param value - Chip which was selected.\r\n   */\r\n  const onSelectChip = (value: ChipValue) => {\r\n    // Update selected chip\r\n    setSelectedChip(value.value);\r\n\r\n    // Fire the event\r\n    onClick && onClick(value);\r\n  };\r\n\r\n  const handleKeyDown = (e: any, value: ChipValue) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      onSelectChip(value);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Choice Chip component.\r\n   */\r\n  return (\r\n    <div role=\"radiogroup\" data-testid={dataTestId}>\r\n      {values.map((item: ChipValue) => {\r\n        const {value, size = Size.Medium, label, className, ...rest } = item;\r\n        return (\r\n          <ChipContainer\r\n            role=\"radio\"\r\n            key={value}\r\n            tabIndex={disabled ? -1 : 0}\r\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\r\n            onMouseDown={defaultOnMouseDownHandler}\r\n            aria-checked={selectedChip === value}\r\n            onClick={() => !disabled && onSelectChip(item)}\r\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\r\n            {...rest}>\r\n            <ChipContentContainer>\r\n              <ChipContent>\r\n                {label}\r\n              </ChipContent>\r\n            </ChipContentContainer>\r\n          </ChipContainer>\r\n        );\r\n      })}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ChoiceChips;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AACnD,SAAQC,IAAI,QAAO,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9B,MAAMC,WAAqD,GAAGC,IAAA,IAMwB;EAAA,IANvB;IACEC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC;EACe,CAAC,GAAAL,IAAA;EAC/E;AACF;AACA;EACE,MAAM,CAACM,YAAY,EAAEC,eAAe,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAS,EAAE,CAAC;;EAElE;AACF;AACA;EACEjB,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpBF,eAAe,CAACN,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;AACF;AACA;AACA;EACE,MAAMS,YAAY,GAAIC,KAAgB,IAAK;IACzC;IACAJ,eAAe,CAACI,KAAK,CAACA,KAAK,CAAC;;IAE5B;IACAR,OAAO,IAAIA,OAAO,CAACQ,KAAK,CAAC;EAC3B,CAAC;EAED,MAAMC,aAAa,GAAGA,CAACC,CAAM,EAAEF,KAAgB,KAAK;IAClD,IAAIE,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,EAAE;MACtCJ,YAAY,CAACC,KAAK,CAAC;IACrB;EACF,CAAC;;EAED;AACF;AACA;EACE,oBACEb,IAAA;IAAKiB,IAAI,EAAC,YAAY;IAAC,eAAaV,UAAW;IAAAW,QAAA,EAC5CZ,MAAM,CAACa,GAAG,CAAEC,IAAe,IAAK;MAC/B,MAAM;UAACP,KAAK;UAAEQ,IAAI,GAAGvB,IAAI,CAACwB,MAAM;UAAEC,KAAK;UAAEC;QAAmB,CAAC,GAAGJ,IAAI;QAAbK,IAAI,GAAAC,wBAAA,CAAKN,IAAI,EAAAO,SAAA;MACpE,oBACE3B,IAAA,CAACN,aAAa,EAAAkC,aAAA,CAAAA,aAAA;QACZX,IAAI,EAAC,OAAO;QAEZY,QAAQ,EAAEzB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5BoB,SAAS,EAAE,GAAGH,IAAI,IAAIjB,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAII,YAAY,KAAKK,KAAK,GAAG,SAAS,GAAG,SAAS,gBAAgBW,SAAS,IAAI,EAAE,EAAG;QACpIM,WAAW,EAAEjC,yBAA0B;QACvC,gBAAcW,YAAY,KAAKK,KAAM;QACrCR,OAAO,EAAEA,CAAA,KAAM,CAACD,QAAQ,IAAIQ,YAAY,CAACQ,IAAI,CAAE;QAC/CW,SAAS,EAAEhB,CAAC,IAAI,CAACX,QAAQ,IAAIU,aAAa,CAACC,CAAC,EAAEK,IAAI;MAAE,GAChDK,IAAI;QAAAP,QAAA,eACRlB,IAAA,CAACJ,oBAAoB;UAAAsB,QAAA,eACnBlB,IAAA,CAACL,WAAW;YAAAuB,QAAA,EACTK;UAAK,CACK;QAAC,CACM;MAAC,IAZlBV,KAaQ,CAAC;IAEpB,CAAC;EAAC,CACC,CAAC;AAEV,CAAC;AAED,eAAeZ,WAAW","ignoreList":[]}

package/dist/Chips/FilterChip.cjs

@@ -47,7 +47,7 @@ const FilterChip = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
     role: "checkbox",
     "data-testid": dataTestId,
-    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selected ? 'default' : 'outline', " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''),
+    className: `${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`,
     tabIndex: disabled || !onClick ? -1 : 0,
     onKeyDown: e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick(),
     onMouseDown: _common.defaultOnMouseDownHandler,

package/dist/Chips/FilterChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.cjs","names":["React","_interopRequireWildcard","require","_types","_index","_ChipStyles","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FilterChip","_ref","selected","text","size","Size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties2","jsx","ChipContainer","role","concat","tabIndex","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","children","ChipContentContainer","jsxs","ChipContent","SystemIcons","CheckMark","_default","exports"],"sources":["../../src/Chips/FilterChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContent, ChipContentContainer, ChipContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {FilterChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst FilterChip: React.FunctionComponent<FilterChipProps> = ({\r\n                                                                selected,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: FilterChipProps) => {\r\n\r\n\r\n  /**\r\n   * Return Filter Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer\r\n      role=\"checkbox\"\r\n      data-testid={dataTestId}\r\n      className={`${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n      tabIndex={disabled || !onClick ? -1 : 0}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n      onMouseDown={defaultOnMouseDownHandler}\r\n      onClick={() => !disabled && onClick && onClick()}\r\n      {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {selected && <div className={'chip-icon icon-left'}><SystemIcons.CheckMark className={'icon'}/></div>}\r\n          <div>{text}</div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default FilterChip;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FilterChip.cjs","names":["React","_interopRequireWildcard","require","_types","_index","_ChipStyles","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FilterChip","_ref","selected","text","size","Size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties2","jsx","ChipContainer","role","tabIndex","onKeyDown","key","onMouseDown","defaultOnMouseDownHandler","children","ChipContentContainer","jsxs","ChipContent","SystemIcons","CheckMark","_default","exports"],"sources":["../../src/Chips/FilterChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContent, ChipContentContainer, ChipContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {FilterChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst FilterChip: React.FunctionComponent<FilterChipProps> = ({\r\n                                                                selected,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: FilterChipProps) => {\r\n\r\n\r\n  /**\r\n   * Return Filter Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer\r\n      role=\"checkbox\"\r\n      data-testid={dataTestId}\r\n      className={`${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n      tabIndex={disabled || !onClick ? -1 : 0}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n      onMouseDown={defaultOnMouseDownHandler}\r\n      onClick={() => !disabled && onClick && onClick()}\r\n      {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {selected && <div className={'chip-icon icon-left'}><SystemIcons.CheckMark className={'icon'}/></div>}\r\n          <div>{text}</div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default FilterChip;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Chips/FilterChip.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { FilterChipProps } from './ChipTypes';
-declare const FilterChip: React.FunctionComponent<FilterChipProps>;
-export default FilterChip;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { FilterChipProps } from './ChipTypes';
+declare const FilterChip: React.FunctionComponent<FilterChipProps>;
+export default FilterChip;

package/dist/Chips/FilterChip.js

@@ -42,7 +42,7 @@ const FilterChip = _ref => {
   return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
     role: "checkbox",
     "data-testid": dataTestId,
-    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " ").concat(selected ? 'default' : 'outline', " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''),
+    className: `${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`,
     tabIndex: disabled || !onClick ? -1 : 0,
     onKeyDown: e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick(),
     onMouseDown: defaultOnMouseDownHandler,

package/dist/Chips/FilterChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.js","names":["React","Size","SystemIcons","ChipContent","ChipContentContainer","ChipContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","FilterChip","_ref","selected","text","size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties","_excluded","_objectSpread","role","concat","tabIndex","onKeyDown","e","key","onMouseDown","children","CheckMark"],"sources":["../../src/Chips/FilterChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContent, ChipContentContainer, ChipContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {FilterChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst FilterChip: React.FunctionComponent<FilterChipProps> = ({\r\n                                                                selected,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: FilterChipProps) => {\r\n\r\n\r\n  /**\r\n   * Return Filter Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer\r\n      role=\"checkbox\"\r\n      data-testid={dataTestId}\r\n      className={`${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n      tabIndex={disabled || !onClick ? -1 : 0}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n      onMouseDown={defaultOnMouseDownHandler}\r\n      onClick={() => !disabled && onClick && onClick()}\r\n      {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {selected && <div className={'chip-icon icon-left'}><SystemIcons.CheckMark className={'icon'}/></div>}\r\n          <div>{text}</div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default FilterChip;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,UAAU;;AAE7B;AACA;AACA;AACA,SAAQC,WAAW,QAAO,gBAAgB;;AAE1C;AACA;AACA;AACA,SAAQC,WAAW,EAAEC,oBAAoB,EAAEC,aAAa,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,UAAoD,GAAGC,IAAA,IASwB;EAAA,IATvB;MACEC,QAAQ;MACRC,IAAI;MACJC,IAAI,GAAGd,IAAI,CAACe,MAAM;MAClBC,QAAQ;MACRC,OAAO;MACPC,SAAS;MACTC;IAEe,CAAC,GAAAR,IAAA;IADbS,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIrE;AACF;AACA;EACE,oBACEf,IAAA,CAACH,aAAa,EAAAmB,aAAA,CAAAA,aAAA;IACZC,IAAI,EAAC,UAAU;IACf,eAAaL,UAAW;IACxBD,SAAS,KAAAO,MAAA,CAAKX,IAAI,OAAAW,MAAA,CAAIT,QAAQ,GAAG,UAAU,GAAG,EAAE,OAAAS,MAAA,CAAIb,QAAQ,GAAG,SAAS,GAAG,SAAS,OAAAa,MAAA,CAAI,CAAC,CAACR,OAAO,GAAG,aAAa,GAAG,EAAE,OAAAQ,MAAA,CAAIP,SAAS,IAAI,EAAE,CAAG;IAC5IQ,QAAQ,EAAEV,QAAQ,IAAI,CAACC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAE;IACxCU,SAAS,EAAEC,CAAC,IAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACb,QAAQ,IAAIC,OAAO,IAAIA,OAAO,CAAC,CAAE;IAC1Fa,WAAW,EAAEzB,yBAA0B;IACvCY,OAAO,EAAEA,CAAA,KAAM,CAACD,QAAQ,IAAIC,OAAO,IAAIA,OAAO,CAAC;EAAE,GAC7CG,IAAI;IAAAW,QAAA,eACRxB,IAAA,CAACJ,oBAAoB;MAAA4B,QAAA,eACnBtB,KAAA,CAACP,WAAW;QAAA6B,QAAA,GACTnB,QAAQ,iBAAIL,IAAA;UAAKW,SAAS,EAAE,qBAAsB;UAAAa,QAAA,eAACxB,IAAA,CAACN,WAAW,CAAC+B,SAAS;YAACd,SAAS,EAAE;UAAO,CAAC;QAAC,CAAK,CAAC,eACrGX,IAAA;UAAAwB,QAAA,EAAMlB;QAAI,CAAM,CAAC;MAAA,CACN;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}
+{"version":3,"file":"FilterChip.js","names":["React","Size","SystemIcons","ChipContent","ChipContentContainer","ChipContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","FilterChip","_ref","selected","text","size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties","_excluded","_objectSpread","role","tabIndex","onKeyDown","e","key","onMouseDown","children","CheckMark"],"sources":["../../src/Chips/FilterChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\nimport {Size} from '../types';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContent, ChipContentContainer, ChipContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {FilterChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst FilterChip: React.FunctionComponent<FilterChipProps> = ({\r\n                                                                selected,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: FilterChipProps) => {\r\n\r\n\r\n  /**\r\n   * Return Filter Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer\r\n      role=\"checkbox\"\r\n      data-testid={dataTestId}\r\n      className={`${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n      tabIndex={disabled || !onClick ? -1 : 0}\r\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n      onMouseDown={defaultOnMouseDownHandler}\r\n      onClick={() => !disabled && onClick && onClick()}\r\n      {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {selected && <div className={'chip-icon icon-left'}><SystemIcons.CheckMark className={'icon'}/></div>}\r\n          <div>{text}</div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default FilterChip;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAQC,IAAI,QAAO,UAAU;;AAE7B;AACA;AACA;AACA,SAAQC,WAAW,QAAO,gBAAgB;;AAE1C;AACA;AACA;AACA,SAAQC,WAAW,EAAEC,oBAAoB,EAAEC,aAAa,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEpD,MAAMC,UAAoD,GAAGC,IAAA,IASwB;EAAA,IATvB;MACEC,QAAQ;MACRC,IAAI;MACJC,IAAI,GAAGd,IAAI,CAACe,MAAM;MAClBC,QAAQ;MACRC,OAAO;MACPC,SAAS;MACTC;IAEe,CAAC,GAAAR,IAAA;IADbS,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAIrE;AACF;AACA;EACE,oBACEf,IAAA,CAACH,aAAa,EAAAmB,aAAA,CAAAA,aAAA;IACZC,IAAI,EAAC,UAAU;IACf,eAAaL,UAAW;IACxBD,SAAS,EAAE,GAAGJ,IAAI,IAAIE,QAAQ,GAAG,UAAU,GAAG,EAAE,IAAIJ,QAAQ,GAAG,SAAS,GAAG,SAAS,IAAI,CAAC,CAACK,OAAO,GAAG,aAAa,GAAG,EAAE,IAAIC,SAAS,IAAI,EAAE,EAAG;IAC5IO,QAAQ,EAAET,QAAQ,IAAI,CAACC,OAAO,GAAG,CAAC,CAAC,GAAG,CAAE;IACxCS,SAAS,EAAEC,CAAC,IAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACZ,QAAQ,IAAIC,OAAO,IAAIA,OAAO,CAAC,CAAE;IAC1FY,WAAW,EAAExB,yBAA0B;IACvCY,OAAO,EAAEA,CAAA,KAAM,CAACD,QAAQ,IAAIC,OAAO,IAAIA,OAAO,CAAC;EAAE,GAC7CG,IAAI;IAAAU,QAAA,eACRvB,IAAA,CAACJ,oBAAoB;MAAA2B,QAAA,eACnBrB,KAAA,CAACP,WAAW;QAAA4B,QAAA,GACTlB,QAAQ,iBAAIL,IAAA;UAAKW,SAAS,EAAE,qBAAsB;UAAAY,QAAA,eAACvB,IAAA,CAACN,WAAW,CAAC8B,SAAS;YAACb,SAAS,EAAE;UAAO,CAAC;QAAC,CAAK,CAAC,eACrGX,IAAA;UAAAuB,QAAA,EAAMjB;QAAI,CAAM,CAAC;MAAA,CACN;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

package/dist/Chips/InputChip.cjs

@@ -31,7 +31,6 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  var _ref2;
   let {
       icon,
       text,
@@ -45,7 +44,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       className
     } = _ref,
     rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const containerRef = (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : React.useRef(null);
+  const containerRef = ref ?? React.useRef(null);
   const removeRef = React.useRef(null);
   (0, _common.useActionWithin)(containerRef, [removeRef]);
 
@@ -74,7 +73,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     role: "button",
     "data-testid": dataTestId,
     "aria-roledescription": "Removable filter",
-    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', "  ").concat(variant, " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''),
+    className: `${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`,
     tabIndex: disabled || !onClick ? -1 : 0,
     onMouseDown: _common.defaultOnMouseDownHandler,
     onKeyDown: handleContainerKeyDown,
@@ -90,7 +89,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           children: text
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           ref: removeRef,
-          className: "action-right ".concat(disableRemove ? 'disabled' : ''),
+          className: `action-right ${disableRemove ? 'disabled' : ''}`,
           tabIndex: disableRemove || disabled ? -1 : 0,
           onMouseDown: _common.defaultOnMouseDownHandler,
           onClick: e => !disableRemove && !disabled && onRemoveClick(e),

package/dist/Chips/InputChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputChip.cjs","names":["React","_interopRequireWildcard","require","_index","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","InputChip","forwardRef","_ref","ref","_ref2","icon","text","variant","States","Default","size","Size","Medium","disabled","onClick","disableRemove","dataTestId","onRemove","className","rest","_objectWithoutProperties2","containerRef","useRef","removeRef","useActionWithin","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","jsx","ChipContainer","role","concat","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","children","ChipContentContainer","jsxs","ChipContent","SystemIcons","Close","_default","exports"],"sources":["../../src/Chips/InputChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons, SystemIcons as icons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipVariant, InputChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler, useActionWithin} from '../common';\r\nimport {Size, States} from '../types';\r\n\r\nconst InputChip: React.FunctionComponent<InputChipProps> = React.forwardRef(({\r\n                                                                               icon,\r\n                                                                               text,\r\n                                                                               variant = States.Default,\r\n                                                                               size = Size.Medium,\r\n                                                                               disabled,\r\n                                                                               onClick,\r\n                                                                               disableRemove,\r\n                                                                               dataTestId,\r\n                                                                               onRemove,\r\n                                                                               className,\r\n                                                                               ...rest\r\n                                                                             }: InputChipProps, ref) => {\r\n\r\n  const containerRef = ref as React.MutableRefObject<HTMLDivElement> ?? React.useRef<HTMLDivElement>(null);\r\n  const removeRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [removeRef]);\r\n\r\n  /**\r\n   * Calls onRemove action when remove button is clicked.\r\n   * @param event - Event handler from the button click.\r\n   */\r\n  const onRemoveClick = (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {\r\n    !!event && event.stopPropagation();\r\n    onRemove(event);\r\n  };\r\n\r\n  const handleContainerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      !disabled && onClick && onClick();\r\n    }\r\n    if (event.key === 'Backspace' && !disableRemove) {\r\n      !disableRemove && onRemove && onRemove(event);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Input Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer ref={containerRef}\r\n                   role=\"button\"\r\n                   data-testid={dataTestId}\r\n                   aria-roledescription='Removable filter'\r\n                   className={`${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   onKeyDown={handleContainerKeyDown}\r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent className={'with-action-right'}>\r\n          {icon && <div className={'chip-icon icon-left'}>{icon}</div>}\r\n\r\n          <div>{text}</div>\r\n\r\n          <div ref={removeRef}\r\n               className={`action-right ${disableRemove ? 'disabled' : ''}`}\r\n               tabIndex={disableRemove || disabled ? -1 : 0}\r\n               onMouseDown={defaultOnMouseDownHandler}\r\n               onClick={e => !disableRemove && !disabled && onRemoveClick(e)}\r\n               onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e)}>\r\n            <div className={'chip-icon'}>\r\n              <SystemIcons.Close className={'remove'}/>\r\n            </div>\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n});\r\n\r\nexport default InputChip;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputChip.cjs","names":["React","_interopRequireWildcard","require","_index","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","InputChip","forwardRef","_ref","ref","icon","text","variant","States","Default","size","Size","Medium","disabled","onClick","disableRemove","dataTestId","onRemove","className","rest","_objectWithoutProperties2","containerRef","useRef","removeRef","useActionWithin","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","jsx","ChipContainer","role","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","children","ChipContentContainer","jsxs","ChipContent","SystemIcons","Close","_default","exports"],"sources":["../../src/Chips/InputChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons, SystemIcons as icons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipVariant, InputChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler, useActionWithin} from '../common';\r\nimport {Size, States} from '../types';\r\n\r\nconst InputChip: React.FunctionComponent<InputChipProps> = React.forwardRef(({\r\n                                                                               icon,\r\n                                                                               text,\r\n                                                                               variant = States.Default,\r\n                                                                               size = Size.Medium,\r\n                                                                               disabled,\r\n                                                                               onClick,\r\n                                                                               disableRemove,\r\n                                                                               dataTestId,\r\n                                                                               onRemove,\r\n                                                                               className,\r\n                                                                               ...rest\r\n                                                                             }: InputChipProps, ref) => {\r\n\r\n  const containerRef = ref as React.MutableRefObject<HTMLDivElement> ?? React.useRef<HTMLDivElement>(null);\r\n  const removeRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [removeRef]);\r\n\r\n  /**\r\n   * Calls onRemove action when remove button is clicked.\r\n   * @param event - Event handler from the button click.\r\n   */\r\n  const onRemoveClick = (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {\r\n    !!event && event.stopPropagation();\r\n    onRemove(event);\r\n  };\r\n\r\n  const handleContainerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      !disabled && onClick && onClick();\r\n    }\r\n    if (event.key === 'Backspace' && !disableRemove) {\r\n      !disableRemove && onRemove && onRemove(event);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Input Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer ref={containerRef}\r\n                   role=\"button\"\r\n                   data-testid={dataTestId}\r\n                   aria-roledescription='Removable filter'\r\n                   className={`${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   onKeyDown={handleContainerKeyDown}\r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent className={'with-action-right'}>\r\n          {icon && <div className={'chip-icon icon-left'}>{icon}</div>}\r\n\r\n          <div>{text}</div>\r\n\r\n          <div ref={removeRef}\r\n               className={`action-right ${disableRemove ? 'disabled' : ''}`}\r\n               tabIndex={disableRemove || disabled ? -1 : 0}\r\n               onMouseDown={defaultOnMouseDownHandler}\r\n               onClick={e => !disableRemove && !disabled && onRemoveClick(e)}\r\n               onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e)}>\r\n            <div className={'chip-icon'}>\r\n              <SystemIcons.Close className={'remove'}/>\r\n            </div>\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n});\r\n\r\nexport default InputChip;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Chips/InputChip.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { InputChipProps } from './ChipTypes';
-declare const InputChip: React.FunctionComponent<InputChipProps>;
-export default InputChip;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { InputChipProps } from './ChipTypes';
+declare const InputChip: React.FunctionComponent<InputChipProps>;
+export default InputChip;

package/dist/Chips/InputChip.js

@@ -26,7 +26,6 @@ import { defaultOnMouseDownHandler, useActionWithin } from '../common';
 import { Size, States } from '../types';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  var _ref2;
   let {
       icon,
       text,
@@ -40,7 +39,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       className
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const containerRef = (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : React.useRef(null);
+  const containerRef = ref ?? React.useRef(null);
   const removeRef = React.useRef(null);
   useActionWithin(containerRef, [removeRef]);
 
@@ -69,7 +68,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     role: "button",
     "data-testid": dataTestId,
     "aria-roledescription": "Removable filter",
-    className: "".concat(size, " ").concat(disabled ? 'disabled' : '', "  ").concat(variant, " ").concat(!!onClick ? 'interactive' : '', " ").concat(className || ''),
+    className: `${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`,
     tabIndex: disabled || !onClick ? -1 : 0,
     onMouseDown: defaultOnMouseDownHandler,
     onKeyDown: handleContainerKeyDown,
@@ -85,7 +84,7 @@ const InputChip = /*#__PURE__*/React.forwardRef((_ref, ref) => {
           children: text
         }), /*#__PURE__*/_jsx("div", {
           ref: removeRef,
-          className: "action-right ".concat(disableRemove ? 'disabled' : ''),
+          className: `action-right ${disableRemove ? 'disabled' : ''}`,
           tabIndex: disableRemove || disabled ? -1 : 0,
           onMouseDown: defaultOnMouseDownHandler,
           onClick: e => !disableRemove && !disabled && onRemoveClick(e),

package/dist/Chips/InputChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputChip.js","names":["React","SystemIcons","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","useActionWithin","Size","States","jsx","_jsx","jsxs","_jsxs","InputChip","forwardRef","_ref","ref","_ref2","icon","text","variant","Default","size","Medium","disabled","onClick","disableRemove","dataTestId","onRemove","className","rest","_objectWithoutProperties","_excluded","containerRef","useRef","removeRef","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","_objectSpread","role","concat","tabIndex","onMouseDown","onKeyDown","children","e","Close"],"sources":["../../src/Chips/InputChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons, SystemIcons as icons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipVariant, InputChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler, useActionWithin} from '../common';\r\nimport {Size, States} from '../types';\r\n\r\nconst InputChip: React.FunctionComponent<InputChipProps> = React.forwardRef(({\r\n                                                                               icon,\r\n                                                                               text,\r\n                                                                               variant = States.Default,\r\n                                                                               size = Size.Medium,\r\n                                                                               disabled,\r\n                                                                               onClick,\r\n                                                                               disableRemove,\r\n                                                                               dataTestId,\r\n                                                                               onRemove,\r\n                                                                               className,\r\n                                                                               ...rest\r\n                                                                             }: InputChipProps, ref) => {\r\n\r\n  const containerRef = ref as React.MutableRefObject<HTMLDivElement> ?? React.useRef<HTMLDivElement>(null);\r\n  const removeRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [removeRef]);\r\n\r\n  /**\r\n   * Calls onRemove action when remove button is clicked.\r\n   * @param event - Event handler from the button click.\r\n   */\r\n  const onRemoveClick = (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {\r\n    !!event && event.stopPropagation();\r\n    onRemove(event);\r\n  };\r\n\r\n  const handleContainerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      !disabled && onClick && onClick();\r\n    }\r\n    if (event.key === 'Backspace' && !disableRemove) {\r\n      !disableRemove && onRemove && onRemove(event);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Input Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer ref={containerRef}\r\n                   role=\"button\"\r\n                   data-testid={dataTestId}\r\n                   aria-roledescription='Removable filter'\r\n                   className={`${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   onKeyDown={handleContainerKeyDown}\r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent className={'with-action-right'}>\r\n          {icon && <div className={'chip-icon icon-left'}>{icon}</div>}\r\n\r\n          <div>{text}</div>\r\n\r\n          <div ref={removeRef}\r\n               className={`action-right ${disableRemove ? 'disabled' : ''}`}\r\n               tabIndex={disableRemove || disabled ? -1 : 0}\r\n               onMouseDown={defaultOnMouseDownHandler}\r\n               onClick={e => !disableRemove && !disabled && onRemoveClick(e)}\r\n               onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e)}>\r\n            <div className={'chip-icon'}>\r\n              <SystemIcons.Close className={'remove'}/>\r\n            </div>\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n});\r\n\r\nexport default InputChip;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"InputChip.js","names":["React","SystemIcons","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","useActionWithin","Size","States","jsx","_jsx","jsxs","_jsxs","InputChip","forwardRef","_ref","ref","icon","text","variant","Default","size","Medium","disabled","onClick","disableRemove","dataTestId","onRemove","className","rest","_objectWithoutProperties","_excluded","containerRef","useRef","removeRef","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","_objectSpread","role","tabIndex","onMouseDown","onKeyDown","children","e","Close"],"sources":["../../src/Chips/InputChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons, SystemIcons as icons} from '../icons/index';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ChipVariant, InputChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler, useActionWithin} from '../common';\r\nimport {Size, States} from '../types';\r\n\r\nconst InputChip: React.FunctionComponent<InputChipProps> = React.forwardRef(({\r\n                                                                               icon,\r\n                                                                               text,\r\n                                                                               variant = States.Default,\r\n                                                                               size = Size.Medium,\r\n                                                                               disabled,\r\n                                                                               onClick,\r\n                                                                               disableRemove,\r\n                                                                               dataTestId,\r\n                                                                               onRemove,\r\n                                                                               className,\r\n                                                                               ...rest\r\n                                                                             }: InputChipProps, ref) => {\r\n\r\n  const containerRef = ref as React.MutableRefObject<HTMLDivElement> ?? React.useRef<HTMLDivElement>(null);\r\n  const removeRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  useActionWithin(containerRef, [removeRef]);\r\n\r\n  /**\r\n   * Calls onRemove action when remove button is clicked.\r\n   * @param event - Event handler from the button click.\r\n   */\r\n  const onRemoveClick = (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {\r\n    !!event && event.stopPropagation();\r\n    onRemove(event);\r\n  };\r\n\r\n  const handleContainerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (event.key === 'Enter' || event.key === ' ') {\r\n      !disabled && onClick && onClick();\r\n    }\r\n    if (event.key === 'Backspace' && !disableRemove) {\r\n      !disableRemove && onRemove && onRemove(event);\r\n    }\r\n  };\r\n\r\n  /**\r\n   * Return Input Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer ref={containerRef}\r\n                   role=\"button\"\r\n                   data-testid={dataTestId}\r\n                   aria-roledescription='Removable filter'\r\n                   className={`${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   onKeyDown={handleContainerKeyDown}\r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent className={'with-action-right'}>\r\n          {icon && <div className={'chip-icon icon-left'}>{icon}</div>}\r\n\r\n          <div>{text}</div>\r\n\r\n          <div ref={removeRef}\r\n               className={`action-right ${disableRemove ? 'disabled' : ''}`}\r\n               tabIndex={disableRemove || disabled ? -1 : 0}\r\n               onMouseDown={defaultOnMouseDownHandler}\r\n               onClick={e => !disableRemove && !disabled && onRemoveClick(e)}\r\n               onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e)}>\r\n            <div className={'chip-icon'}>\r\n              <SystemIcons.Close className={'remove'}/>\r\n            </div>\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n});\r\n\r\nexport default InputChip;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Chips/index.d.ts

@@ -1,6 +1,6 @@
-export { default as InputChip } from './InputChip';
-export { default as FilterChip } from './FilterChip';
-export { default as ActionChip } from './ActionChip';
-export { default as ChipInput } from '../ChipsInput/ChipInput';
-export { default as ChoiceChips } from './ChoiceChips';
-export * from './ChipStyles';
+export { default as InputChip } from './InputChip';
+export { default as FilterChip } from './FilterChip';
+export { default as ActionChip } from './ActionChip';
+export { default as ChipInput } from '../ChipsInput/ChipInput';
+export { default as ChoiceChips } from './ChoiceChips';
+export * from './ChipStyles';