@laerdal/life-react-components 5.0.5-dev.3 → 5.0.5

package/dist/Chips/FilterChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.js","names":["React","Size","SystemIcons","ChipContent","ChipContentContainer","ChipContainer","defaultOnMouseDownHandler","FilterChip","selected","text","size","Medium","disabled","onClick","className","dataTestId","rest","e","key"],"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;AAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoD,OAS2B;EAAA,IARrBC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGT,IAAI,CAACU,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACTC,UAAU,QAAVA,UAAU;IACPC,IAAI;EAIrE;AACF;AACA;EACE,oBACE,KAAC,aAAa;IACZ,IAAI,EAAC,UAAU;IACf,eAAaD,UAAW;IACxB,SAAS,YAAKL,IAAI,cAAIE,QAAQ,GAAG,UAAU,GAAG,EAAE,cAAIJ,QAAQ,GAAG,SAAS,GAAG,SAAS,cAAI,CAAC,CAACK,QAAO,GAAG,aAAa,GAAG,EAAE,cAAIC,SAAS,IAAI,EAAE,CAAG;IAC5I,QAAQ,EAAEF,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG,CAAE;IACxC,SAAS,EAAE,mBAAAI,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACN,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,WAAW,EAAEP,yBAA0B;IACvC,OAAO,EAAE;MAAA,OAAM,CAACM,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA;EAAC,GAC7CG,IAAI;IAAA,uBACR,KAAC,oBAAoB;MAAA,uBACnB,MAAC,WAAW;QAAA,WACTR,QAAQ,iBAAI;UAAK,SAAS,EAAE,qBAAsB;UAAA,uBAAC,KAAC,WAAW,CAAC,SAAS;YAAC,SAAS,EAAE;UAAO;QAAE,EAAM,eACrG;UAAA,UAAMC;QAAI,EAAO;MAAA;IACL;EACO,GACT;AAEpB,CAAC;AAED,eAAeF,UAAU"}
+{"version":3,"file":"FilterChip.js","names":["React","Size","SystemIcons","ChipContent","ChipContentContainer","ChipContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","FilterChip","_ref","selected","text","_ref$size","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":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\nimport {Size} from '../types';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons} from '../icons/index';\n\n/**\n * Import custom styles.\n */\nimport {ChipContent, ChipContentContainer, ChipContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {FilterChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst FilterChip: React.FunctionComponent<FilterChipProps> = ({\n                                                                selected,\n                                                                text,\n                                                                size = Size.Medium,\n                                                                disabled,\n                                                                onClick,\n                                                                className,\n                                                                dataTestId,\n                                                                ...rest\n                                                              }: FilterChipProps) => {\n\n\n  /**\n   * Return Filter Chip component.\n   */\n  return (\n    <ChipContainer\n      role=\"checkbox\"\n      data-testid={dataTestId}\n      className={`${size} ${disabled ? 'disabled' : ''} ${selected ? 'default' : 'outline'} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n      tabIndex={disabled || !onClick ? -1 : 0}\n      onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\n      onMouseDown={defaultOnMouseDownHandler}\n      onClick={() => !disabled && onClick && onClick()}\n      {...rest}>\n      <ChipContentContainer>\n        <ChipContent>\n          {selected && <div className={'chip-icon icon-left'}><SystemIcons.CheckMark className={'icon'}/></div>}\n          <div>{text}</div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n};\n\nexport default FilterChip;\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;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAS2B;EAAA,IARrBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,SAAA,GAAAH,IAAA,CACJI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGd,IAAI,CAACgB,MAAM,GAAAF,SAAA;IAClBG,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,QAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACPC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAIrE;AACF;AACA;EACE,oBACEhB,IAAA,CAACH,aAAa,EAAAoB,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,CAAId,QAAQ,GAAG,SAAS,GAAG,SAAS,OAAAc,MAAA,CAAI,CAAC,CAACR,QAAO,GAAG,aAAa,GAAG,EAAE,OAAAQ,MAAA,CAAIP,SAAS,IAAI,EAAE,CAAG;IAC5IQ,QAAQ,EAAEV,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG,CAAE;IACxCU,SAAS,EAAE,SAAAA,UAAAC,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACb,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IAC1Fa,WAAW,EAAE1B,yBAA0B;IACvCa,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACD,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA;EAAC,GAC7CG,IAAI;IAAAW,QAAA,eACRzB,IAAA,CAACJ,oBAAoB;MAAA6B,QAAA,eACnBvB,KAAA,CAACP,WAAW;QAAA8B,QAAA,GACTpB,QAAQ,iBAAIL,IAAA;UAAKY,SAAS,EAAE,qBAAsB;UAAAa,QAAA,eAACzB,IAAA,CAACN,WAAW,CAACgC,SAAS;YAACd,SAAS,EAAE;UAAO,CAAC;QAAC,CAAK,CAAC,eACrGZ,IAAA;UAAAyB,QAAA,EAAMnB;QAAI,CAAM,CAAC;MAAA,CACN;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

package/dist/Chips/InputChip.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var React = _interopRequireWildcard(require("react"));
@@ -15,10 +15,22 @@ var _common = require("../common");
 var _types = require("../types");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["icon", "text", "variant", "size", "disabled", "onClick", "disableRemove", "dataTestId", "onRemove", "className"];
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+/**
+ * Import React libraries.
+ */
+/**
+ * Import custom components.
+ */
+/**
+ * Import custom styles.
+ */
+/**
+ * Import custom types.
+ */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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; }
 var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2;
   var icon = _ref.icon,
@@ -33,14 +45,14 @@ var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     dataTestId = _ref.dataTestId,
     onRemove = _ref.onRemove,
     className = _ref.className,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var containerRef = (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : React.useRef(null);
   var removeRef = React.useRef(null);
   (0, _common.useActionWithin)(containerRef, [removeRef]);
 
-  /**
-   * Calls onRemove action when remove button is clicked.
-   * @param event - Event handler from the button click.
+  /**
+   * Calls onRemove action when remove button is clicked.
+   * @param event - Event handler from the button click.
    */
   var onRemoveClick = function onRemoveClick(event) {
     !!event && event.stopPropagation();
@@ -55,8 +67,8 @@ var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Return Input Chip component.
+  /**
+   * Return Input Chip component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
     ref: containerRef,
@@ -102,5 +114,5 @@ var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }));
 });
 var _default = InputChip;
-exports.default = _default;
+exports["default"] = _default;
 //# sourceMappingURL=InputChip.cjs.map

package/dist/Chips/InputChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputChip.cjs","names":["InputChip","React","forwardRef","ref","icon","text","variant","States","Default","size","Size","Medium","disabled","onClick","disableRemove","dataTestId","onRemove","className","rest","containerRef","useRef","removeRef","useActionWithin","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","defaultOnMouseDownHandler","e"],"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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"}
+{"version":3,"file":"InputChip.cjs","names":["React","_interopRequireWildcard","require","_index","_ChipStyles","_common","_types","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","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","_ref$variant","variant","States","Default","_ref$size","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":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons, SystemIcons as icons} from '../icons/index';\n\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ChipVariant, InputChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler, useActionWithin} from '../common';\nimport {Size, States} from '../types';\n\nconst InputChip: React.FunctionComponent<InputChipProps> = React.forwardRef(({\n                                                                               icon,\n                                                                               text,\n                                                                               variant = States.Default,\n                                                                               size = Size.Medium,\n                                                                               disabled,\n                                                                               onClick,\n                                                                               disableRemove,\n                                                                               dataTestId,\n                                                                               onRemove,\n                                                                               className,\n                                                                               ...rest\n                                                                             }: InputChipProps, ref) => {\n\n  const containerRef = ref as React.MutableRefObject<HTMLDivElement> ?? React.useRef<HTMLDivElement>(null);\n  const removeRef = React.useRef<HTMLDivElement>(null);\n\n  useActionWithin(containerRef, [removeRef]);\n\n  /**\n   * Calls onRemove action when remove button is clicked.\n   * @param event - Event handler from the button click.\n   */\n  const onRemoveClick = (event?: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => {\n    !!event && event.stopPropagation();\n    onRemove(event);\n  };\n\n  const handleContainerKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      !disabled && onClick && onClick();\n    }\n    if (event.key === 'Backspace' && !disableRemove) {\n      !disableRemove && onRemove && onRemove(event);\n    }\n  };\n\n  /**\n   * Return Input Chip component.\n   */\n  return (\n    <ChipContainer ref={containerRef}\n                   role=\"button\"\n                   data-testid={dataTestId}\n                   aria-roledescription='Removable filter'\n                   className={`${size} ${disabled ? 'disabled' : ''}  ${variant} ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n                   tabIndex={disabled || !onClick ? -1 : 0}\n                   onMouseDown={defaultOnMouseDownHandler}\n                   onKeyDown={handleContainerKeyDown}\n                   onClick={() => !disabled && onClick && onClick()}\n                   {...rest}>\n      <ChipContentContainer>\n        <ChipContent className={'with-action-right'}>\n          {icon && <div className={'chip-icon icon-left'}>{icon}</div>}\n\n          <div>{text}</div>\n\n          <div ref={removeRef}\n               className={`action-right ${disableRemove ? 'disabled' : ''}`}\n               tabIndex={disableRemove || disabled ? -1 : 0}\n               onMouseDown={defaultOnMouseDownHandler}\n               onClick={e => !disableRemove && !disabled && onRemoveClick(e)}\n               onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disableRemove && !disabled && onRemoveClick(e)}>\n            <div className={'chip-icon'}>\n              <SystemIcons.Close className={'remove'}/>\n            </div>\n          </div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n});\n\nexport default InputChip;\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAsC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,SAAA;AApBtC;AACA;AACA;AAGA;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,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,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,cAAAR,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,aAAA/B,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,IAAMkC,SAAkD,gBAAG5C,KAAK,CAAC6C,UAAU,CAAC,UAAAC,IAAA,EAYoBC,GAAG,EAAK;EAAA,IAAAC,KAAA;EAAA,IAXzBC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IAAAC,YAAA,GAAAL,IAAA,CACJM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAGE,aAAM,CAACC,OAAO,GAAAH,YAAA;IAAAI,SAAA,GAAAT,IAAA,CACxBU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAClBI,QAAQ,GAAAb,IAAA,CAARa,QAAQ;IACRC,QAAO,GAAAd,IAAA,CAAPc,OAAO;IACPC,aAAa,GAAAf,IAAA,CAAbe,aAAa;IACbC,UAAU,GAAAhB,IAAA,CAAVgB,UAAU;IACVC,QAAQ,GAAAjB,IAAA,CAARiB,QAAQ;IACRC,SAAS,GAAAlB,IAAA,CAATkB,SAAS;IACNC,IAAI,OAAAC,yBAAA,aAAApB,IAAA,EAAAtC,SAAA;EAGpF,IAAM2D,YAAY,IAAAnB,KAAA,GAAGD,GAAG,cAAAC,KAAA,cAAAA,KAAA,GAA8ChD,KAAK,CAACoE,MAAM,CAAiB,IAAI,CAAC;EACxG,IAAMC,SAAS,GAAGrE,KAAK,CAACoE,MAAM,CAAiB,IAAI,CAAC;EAEpD,IAAAE,uBAAe,EAACH,YAAY,EAAE,CAACE,SAAS,CAAC,CAAC;;EAE1C;AACF;AACA;AACA;EACE,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA8E,EAAK;IACxG,CAAC,CAACA,KAAK,IAAIA,KAAK,CAACC,eAAe,CAAC,CAAC;IAClCV,QAAQ,CAACS,KAAK,CAAC;EACjB,CAAC;EAED,IAAME,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIF,KAA0C,EAAK;IAC7E,IAAIA,KAAK,CAACG,GAAG,KAAK,OAAO,IAAIH,KAAK,CAACG,GAAG,KAAK,GAAG,EAAE;MAC9C,CAAChB,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IACnC;IACA,IAAIY,KAAK,CAACG,GAAG,KAAK,WAAW,IAAI,CAACd,aAAa,EAAE;MAC/C,CAACA,aAAa,IAAIE,QAAQ,IAAIA,QAAQ,CAACS,KAAK,CAAC;IAC/C;EACF,CAAC;;EAED;AACF;AACA;EACE,oBACE,IAAAjE,WAAA,CAAAqE,GAAA,EAACxE,WAAA,CAAAyE,aAAa,EAAAxC,aAAA,CAAAA,aAAA;IAACU,GAAG,EAAEoB,YAAa;IAClBW,IAAI,EAAC,QAAQ;IACb,eAAahB,UAAW;IACxB,wBAAqB,kBAAkB;IACvCE,SAAS,KAAAe,MAAA,CAAKvB,IAAI,OAAAuB,MAAA,CAAIpB,QAAQ,GAAG,UAAU,GAAG,EAAE,QAAAoB,MAAA,CAAK3B,OAAO,OAAA2B,MAAA,CAAI,CAAC,CAACnB,QAAO,GAAG,aAAa,GAAG,EAAE,OAAAmB,MAAA,CAAIf,SAAS,IAAI,EAAE,CAAG;IACpHgB,QAAQ,EAAErB,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG,CAAE;IACxCqB,WAAW,EAAEC,iCAA0B;IACvCC,SAAS,EAAET,sBAAuB;IAClCd,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACD,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA;EAAC,GAC7CK,IAAI;IAAAmB,QAAA,eACrB,IAAA7E,WAAA,CAAAqE,GAAA,EAACxE,WAAA,CAAAiF,oBAAoB;MAAAD,QAAA,eACnB,IAAA7E,WAAA,CAAA+E,IAAA,EAAClF,WAAA,CAAAmF,WAAW;QAACvB,SAAS,EAAE,mBAAoB;QAAAoB,QAAA,GACzCnC,IAAI,iBAAI,IAAA1C,WAAA,CAAAqE,GAAA;UAAKZ,SAAS,EAAE,qBAAsB;UAAAoB,QAAA,EAAEnC;QAAI,CAAM,CAAC,eAE5D,IAAA1C,WAAA,CAAAqE,GAAA;UAAAQ,QAAA,EAAMlC;QAAI,CAAM,CAAC,eAEjB,IAAA3C,WAAA,CAAAqE,GAAA;UAAK7B,GAAG,EAAEsB,SAAU;UACfL,SAAS,kBAAAe,MAAA,CAAkBlB,aAAa,GAAG,UAAU,GAAG,EAAE,CAAG;UAC7DmB,QAAQ,EAAEnB,aAAa,IAAIF,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;UAC7CsB,WAAW,EAAEC,iCAA0B;UACvCtB,OAAO,EAAE,SAAAA,QAAAlD,CAAC;YAAA,OAAI,CAACmD,aAAa,IAAI,CAACF,QAAQ,IAAIY,aAAa,CAAC7D,CAAC,CAAC;UAAA,CAAC;UAC9DyE,SAAS,EAAE,SAAAA,UAAAzE,CAAC;YAAA,OAAI,CAACA,CAAC,CAACiE,GAAG,KAAK,OAAO,IAAIjE,CAAC,CAACiE,GAAG,KAAK,GAAG,KAAK,CAACd,aAAa,IAAI,CAACF,QAAQ,IAAIY,aAAa,CAAC7D,CAAC,CAAC;UAAA,CAAC;UAAA0E,QAAA,eAC3G,IAAA7E,WAAA,CAAAqE,GAAA;YAAKZ,SAAS,EAAE,WAAY;YAAAoB,QAAA,eAC1B,IAAA7E,WAAA,CAAAqE,GAAA,EAACzE,MAAA,CAAAqF,WAAW,CAACC,KAAK;cAACzB,SAAS,EAAE;YAAS,CAAC;UAAC,CACtC;QAAC,CACH,CAAC;MAAA,CACK;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC,CAAC;AAAC,IAAA0B,QAAA,GAEY9C,SAAS;AAAA+C,OAAA,cAAAD,QAAA","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

@@ -1,25 +1,25 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["icon", "text", "variant", "size", "disabled", "onClick", "disableRemove", "dataTestId", "onRemove", "className"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-/**
- * Import React libraries.
+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) { _defineProperty(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; }
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { SystemIcons } from '../icons/index';
 
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
 import { defaultOnMouseDownHandler, useActionWithin } from '../common';
@@ -45,9 +45,9 @@ var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var removeRef = React.useRef(null);
   useActionWithin(containerRef, [removeRef]);
 
-  /**
-   * Calls onRemove action when remove button is clicked.
-   * @param event - Event handler from the button click.
+  /**
+   * Calls onRemove action when remove button is clicked.
+   * @param event - Event handler from the button click.
    */
   var onRemoveClick = function onRemoveClick(event) {
     !!event && event.stopPropagation();
@@ -62,8 +62,8 @@ var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Return Input Chip component.
+  /**
+   * Return Input Chip component.
    */
   return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
     ref: containerRef,

package/dist/Chips/InputChip.js.map

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

package/dist/Chips/index.cjs

@@ -14,31 +14,31 @@ var _exportNames = {
 Object.defineProperty(exports, "ActionChip", {
   enumerable: true,
   get: function get() {
-    return _ActionChip.default;
+    return _ActionChip["default"];
   }
 });
 Object.defineProperty(exports, "ChipInput", {
   enumerable: true,
   get: function get() {
-    return _ChipInput.default;
+    return _ChipInput["default"];
   }
 });
 Object.defineProperty(exports, "ChoiceChips", {
   enumerable: true,
   get: function get() {
-    return _ChoiceChips.default;
+    return _ChoiceChips["default"];
   }
 });
 Object.defineProperty(exports, "FilterChip", {
   enumerable: true,
   get: function get() {
-    return _FilterChip.default;
+    return _FilterChip["default"];
   }
 });
 Object.defineProperty(exports, "InputChip", {
   enumerable: true,
   get: function get() {
-    return _InputChip.default;
+    return _InputChip["default"];
   }
 });
 var _InputChip = _interopRequireDefault(require("./InputChip"));

package/dist/Chips/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/Chips/index.ts"],"sourcesContent":["export { default as InputChip } from './InputChip';\r\nexport { default as FilterChip } from './FilterChip';\r\nexport { default as ActionChip } from './ActionChip';\r\nexport { default as ChipInput } from '../ChipsInput/ChipInput';\r\nexport { default as ChoiceChips } from './ChoiceChips';\r\nexport * from './ChipStyles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.cjs","names":["_InputChip","_interopRequireDefault","require","_FilterChip","_ActionChip","_ChipInput","_ChoiceChips","_ChipStyles","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/Chips/index.ts"],"sourcesContent":["export { default as InputChip } from './InputChip';\nexport { default as FilterChip } from './FilterChip';\nexport { default as ActionChip } from './ActionChip';\nexport { default as ChipInput } from '../ChipsInput/ChipInput';\nexport { default as ChoiceChips } from './ChoiceChips';\nexport * from './ChipStyles';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA","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';

package/dist/Chips/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","InputChip","FilterChip","ActionChip","ChipInput","ChoiceChips"],"sources":["../../src/Chips/index.ts"],"sourcesContent":["export { default as InputChip } from './InputChip';\r\nexport { default as FilterChip } from './FilterChip';\r\nexport { default as ActionChip } from './ActionChip';\r\nexport { default as ChipInput } from '../ChipsInput/ChipInput';\r\nexport { default as ChoiceChips } from './ChoiceChips';\r\nexport * from './ChipStyles';\r\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,SAAS,QAAQ,yBAAyB;AAC9D,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,cAAc,cAAc"}
+{"version":3,"file":"index.js","names":["default","InputChip","FilterChip","ActionChip","ChipInput","ChoiceChips"],"sources":["../../src/Chips/index.ts"],"sourcesContent":["export { default as InputChip } from './InputChip';\nexport { default as FilterChip } from './FilterChip';\nexport { default as ActionChip } from './ActionChip';\nexport { default as ChipInput } from '../ChipsInput/ChipInput';\nexport { default as ChoiceChips } from './ChoiceChips';\nexport * from './ChipStyles';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc;AACpD,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,SAAS,QAAQ,yBAAyB;AAC9D,SAASJ,OAAO,IAAIK,WAAW,QAAQ,eAAe;AACtD,cAAc,cAAc","ignoreList":[]}

package/dist/ChipsInput/ChipDropdownInput.cjs

@@ -22,11 +22,20 @@ var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["list", "onInputChange", "disableSorting", "messageOnNoResults", "values", "inputId", "variants", "placeholder", "validationMessage", "onValueChange", "suggestion", "loading", "maxSelectedItems", "multiLine", "size", "icon", "disableFiltering", "disabled", "altPlaceholder", "required"];
 var _templateObject;
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Wrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ", " {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ", " !important;\n    }\n  }\n"])), _ChipInputField.ChipInputContainer, _styles.Z_INDEXES.dropdown + 1);
+/**
+ * Import React libraries.
+ */
+/**
+ * Import third-party libraries.
+ */
+/**
+ * Import custom components.
+ */
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+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; }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: inline-block;\n  width: 100%;\n\n  ", " {\n    position: relative;\n\n    &:focus, &.focus-visible-within {\n      z-index: ", " !important;\n    }\n  }\n"])), _ChipInputField.ChipInputContainer, _styles.Z_INDEXES.dropdown + 1);
 var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var list = _ref.list,
     onInputChange = _ref.onInputChange,
@@ -50,46 +59,46 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     disabled = _ref.disabled,
     altPlaceholder = _ref.altPlaceholder,
     required = _ref.required,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Initiate states
   var _React$useState = React.useState([]),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
     givenList = _React$useState2[0],
     setGivenList = _React$useState2[1];
   var _React$useState3 = React.useState([]),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
     chips = _React$useState4[0],
     setChips = _React$useState4[1];
   var _React$useState5 = React.useState(),
-    _React$useState6 = (0, _slicedToArray2.default)(_React$useState5, 2),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
     activeDescendant = _React$useState6[0],
     setActiveDescendant = _React$useState6[1];
   var _React$useState7 = React.useState(''),
-    _React$useState8 = (0, _slicedToArray2.default)(_React$useState7, 2),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
     value = _React$useState8[0],
     setValue = _React$useState8[1];
   var _React$useState9 = React.useState(false),
-    _React$useState10 = (0, _slicedToArray2.default)(_React$useState9, 2),
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
     restartFilter = _React$useState10[0],
     setRestartFilter = _React$useState10[1];
   var _React$useState11 = React.useState(),
-    _React$useState12 = (0, _slicedToArray2.default)(_React$useState11, 2),
+    _React$useState12 = (0, _slicedToArray2["default"])(_React$useState11, 2),
     filteredList = _React$useState12[0],
     setFilteredList = _React$useState12[1];
   var _React$useState13 = React.useState(false),
-    _React$useState14 = (0, _slicedToArray2.default)(_React$useState13, 2),
+    _React$useState14 = (0, _slicedToArray2["default"])(_React$useState13, 2),
     dropdownIsOpen = _React$useState14[0],
     setDropdownIsOpen = _React$useState14[1];
   var _React$useState15 = React.useState([]),
-    _React$useState16 = (0, _slicedToArray2.default)(_React$useState15, 2),
+    _React$useState16 = (0, _slicedToArray2["default"])(_React$useState15, 2),
     dropdownList = _React$useState16[0],
     setDropdownList = _React$useState16[1];
   var _React$useState17 = React.useState(''),
-    _React$useState18 = (0, _slicedToArray2.default)(_React$useState17, 2),
+    _React$useState18 = (0, _slicedToArray2["default"])(_React$useState17, 2),
     dropdownValue = _React$useState18[0],
     setDropdownValue = _React$useState18[1];
   var _React$useState19 = React.useState(null),
-    _React$useState20 = (0, _slicedToArray2.default)(_React$useState19, 2),
+    _React$useState20 = (0, _slicedToArray2["default"])(_React$useState19, 2),
     focused = _React$useState20[0],
     setFocused = _React$useState20[1];
   var containerRef = (0, _common.useClickOutsideRef)(function () {
@@ -102,8 +111,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return inputRef.current;
   }, [inputRef]);
 
-  /**
-   * Sets initial values for the chips.
+  /**
+   * Sets initial values for the chips.
    */
   React.useEffect(function () {
     var list = values.map(function (a) {
@@ -128,8 +137,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setChips(list);
   }, [values, variants, icon, givenList]);
 
-  /**
-   * Convert string[] to List[] if necessary
+  /**
+   * Convert string[] to List[] if necessary
    */
   React.useEffect(function () {
     if (typeof list[0] === 'string') {
@@ -145,11 +154,11 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   }, [list]);
 
-  /**
-   * filter and sort list if remoteOperations is false
+  /**
+   * filter and sort list if remoteOperations is false
    * */
   React.useEffect(function () {
-    var options = (0, _toConsumableArray2.default)(givenList);
+    var options = (0, _toConsumableArray2["default"])(givenList);
     if (!disableFiltering) {
       if (!restartFilter && value !== '') {
         options = options.filter(function (option) {
@@ -170,8 +179,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     setFilteredList(options);
   }, [value, givenList, chips, disableFiltering, disableSorting]);
 
-  /**
-   * if there is only one active item in dropdown mark it as focused
+  /**
+   * if there is only one active item in dropdown mark it as focused
    * */
   React.useEffect(function () {
     if (dropdownIsOpen && !!value && (dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.filter(function (a) {
@@ -198,8 +207,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * register click outside event listener
+  /**
+   * register click outside event listener
    * */
   React.useEffect(function () {
     document.addEventListener('click', handleClickOutside);
@@ -208,8 +217,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     };
   }, []);
 
-  /**
-   * update dropdown items when filtered list changes
+  /**
+   * update dropdown items when filtered list changes
    * */
   React.useEffect(function () {
     var _filteredList$map;
@@ -225,7 +234,7 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })) !== null && _filteredList$map !== void 0 ? _filteredList$map : []);
   }, [filteredList]);
   var addChip = function addChip(newChip) {
-    var newList = [].concat((0, _toConsumableArray2.default)(chips), [newChip]);
+    var newList = [].concat((0, _toConsumableArray2["default"])(chips), [newChip]);
     // Let's add the chip
     setChips(newList);
     onValueChange(newList.map(function (a) {
@@ -240,8 +249,8 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onInputChange && onInputChange(value);
   };
 
-  /**
-   * Add chip from dropdown
+  /**
+   * Add chip from dropdown
    * */
   var handleValueUpdate = function handleValueUpdate(values) {
     var _inputRef$current;
@@ -253,9 +262,9 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
   };
 
-  /**
-   * Adds a chip to the chip list.
-   * @param event - Event handler from the key down event.
+  /**
+   * Adds a chip to the chip list.
+   * @param event - Event handler from the key down event.
    */
   var handleInputKeyDown = function handleInputKeyDown(event) {
     // Let's trigger only on enter, comma and space key press
@@ -274,20 +283,20 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }
   };
 
-  /**
-   * Removes a specific chip from the chip list.
-   * @param index - Index of the chip that needs to be removed.
+  /**
+   * Removes a specific chip from the chip list.
+   * @param index - Index of the chip that needs to be removed.
    */
   var handleOnChipRemoved = function handleOnChipRemoved(index) {
     // Let's copy the chips
-    var newChips = (0, _toConsumableArray2.default)(chips);
+    var newChips = (0, _toConsumableArray2["default"])(chips);
 
     // Let's delete the chip
     // If necessary, let's replace it with a different chip
     newChips.splice(index, 1);
 
     // Let's update the chip list
-    setChips((0, _toConsumableArray2.default)(newChips));
+    setChips((0, _toConsumableArray2["default"])(newChips));
     onValueChange(newChips.map(function (e) {
       return e.value;
     }));
@@ -348,19 +357,19 @@ var ChipDropdownInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 exports.ChipDropdownInput = ChipDropdownInput;
 ChipDropdownInput.propTypes = {
-  list: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape({
-    secondaryLabel: _propTypes.default.string,
-    value: _propTypes.default.string.isRequired
-  })), _propTypes.default.arrayOf(_propTypes.default.string)]).isRequired,
-  onInputChange: _propTypes.default.func,
-  messageOnNoResults: _propTypes.default.string,
-  suggestion: _propTypes.default.shape({
-    secondaryLabel: _propTypes.default.string,
-    value: _propTypes.default.string.isRequired
+  list: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].shape({
+    secondaryLabel: _propTypes["default"].string,
+    value: _propTypes["default"].string.isRequired
+  })), _propTypes["default"].arrayOf(_propTypes["default"].string)]).isRequired,
+  onInputChange: _propTypes["default"].func,
+  messageOnNoResults: _propTypes["default"].string,
+  suggestion: _propTypes["default"].shape({
+    secondaryLabel: _propTypes["default"].string,
+    value: _propTypes["default"].string.isRequired
   }),
-  loading: _propTypes.default.bool,
-  maxSelectedItems: _propTypes.default.number,
-  disableSorting: _propTypes.default.bool,
-  disableFiltering: _propTypes.default.bool
+  loading: _propTypes["default"].bool,
+  maxSelectedItems: _propTypes["default"].number,
+  disableSorting: _propTypes["default"].bool,
+  disableFiltering: _propTypes["default"].bool
 };
 //# sourceMappingURL=ChipDropdownInput.cjs.map