@laerdal/life-react-components 2.0.1-dev.9 → 2.1.0

package/dist/Chips/ChoiceChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","ChoiceChips","selected","disabled","onClick","values","useState","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","e","key","map","item","size","Medium","label","className","rest"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {Size} from '../types';\n\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\n                                                                 selected,\n                                                                 disabled,\n                                                                 onClick,\n                                                                 values\n                                                               }: ChoiceChipProps) => {\n  /**\n   * Globally used variables within the component.\n   */\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\n\n  /**\n   * Set the selected value for the chip.\n   */\n  React.useEffect(() => {\n    setSelectedChip(selected);\n  }, [selected]);\n\n  /**\n   * Sets selected chip and fires an event to parent component.\n   * @param value - Chip which was selected.\n   */\n  const onSelectChip = (value: ChipValue) => {\n    // Update selected chip\n    setSelectedChip(value.value);\n\n    // Fire the event\n    onClick && onClick(value);\n  };\n\n  const handleKeyDown = (e: any, value: ChipValue) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      onSelectChip(value);\n    }\n  };\n\n  /**\n   * Return Choice Chip component.\n   */\n  return (\n    <div role=\"radiogroup\">\n      {values.map((item: ChipValue) => {\n        const {value, size = Size.Medium, label, className, ...rest } = item;\n        return (\n          <ChipContainer\n            role=\"radio\"\n            key={value}\n            tabIndex={disabled ? -1 : 0}\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\n            onMouseDown={defaultOnMouseDownHandler}\n            onClick={() => !disabled && onSelectChip(item)}\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\n            {...rest}>\n            <ChipContentContainer>\n              <ChipContent>\n                {label}\n              </ChipContent>\n            </ChipContentContainer>\n          </ChipContainer>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ChoiceChips;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,SAAQC,aAAR,EAAuBC,WAAvB,EAAoCC,oBAApC,QAA+D,cAA/D;AAEA;AACA;AACA;;AAEA,SAAQC,yBAAR,QAAwC,WAAxC;AACA,SAAQC,IAAR,QAAmB,UAAnB;;;AAEA,IAAMC,WAAqD,GAAG,SAAxDA,WAAwD,OAKwB;EAAA,IAJrBC,QAIqB,QAJrBA,QAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,QAGqB;EAAA,IAFrBC,OAEqB,QAFrBA,OAEqB;EAAA,IADrBC,MACqB,QADrBA,MACqB;;EACpF;AACF;AACA;EACE,sBAAwCV,KAAK,CAACW,QAAN,CAAuB,EAAvB,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;EAEA;AACF;AACA;;;EACEb,KAAK,CAACc,SAAN,CAAgB,YAAM;IACpBD,eAAe,CAACN,QAAD,CAAf;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA;AACF;AACA;AACA;;EACE,IAAMQ,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAsB;IACzC;IACAH,eAAe,CAACG,KAAK,CAACA,KAAP,CAAf,CAFyC,CAIzC;;IACAP,OAAO,IAAIA,OAAO,CAACO,KAAD,CAAlB;EACD,CAND;;EAQA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,CAAD,EAASF,KAAT,EAA8B;IAClD,IAAIE,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAnC,EAAwC;MACtCJ,YAAY,CAACC,KAAD,CAAZ;IACD;EACF,CAJD;EAMA;AACF;AACA;;;EACE,oBACE;IAAK,IAAI,EAAC,YAAV;IAAA,UACGN,MAAM,CAACU,GAAP,CAAW,UAACC,IAAD,EAAqB;MAC/B,IAAOL,KAAP,GAAgEK,IAAhE,CAAOL,KAAP;MAAA,iBAAgEK,IAAhE,CAAcC,IAAd;MAAA,IAAcA,IAAd,2BAAqBjB,IAAI,CAACkB,MAA1B;MAAA,IAAkCC,KAAlC,GAAgEH,IAAhE,CAAkCG,KAAlC;MAAA,IAAyCC,SAAzC,GAAgEJ,IAAhE,CAAyCI,SAAzC;MAAA,IAAuDC,IAAvD,4BAAgEL,IAAhE;;MACA,oBACE,KAAC,aAAD;QACE,IAAI,EAAC,OADP;QAGE,QAAQ,EAAEb,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAH5B;QAIE,SAAS,YAAKc,IAAL,cAAad,QAAQ,GAAG,UAAH,GAAgB,EAArC,cAA2CI,YAAY,KAAKI,KAAjB,GAAyB,SAAzB,GAAqC,SAAhF,0BAAyGS,SAAS,IAAI,EAAtH,CAJX;QAKE,WAAW,EAAErB,yBALf;QAME,OAAO,EAAE;UAAA,OAAM,CAACI,QAAD,IAAaO,YAAY,CAACM,IAAD,CAA/B;QAAA,CANX;QAOE,SAAS,EAAE,mBAAAH,CAAC;UAAA,OAAI,CAACV,QAAD,IAAaS,aAAa,CAACC,CAAD,EAAIG,IAAJ,CAA9B;QAAA;MAPd,GAQMK,IARN;QAAA,uBASE,KAAC,oBAAD;UAAA,uBACE,KAAC,WAAD;YAAA,UACGF;UADH;QADF;MATF,IAEOR,KAFP,CADF;IAiBD,CAnBA;EADH,EADF;AAwBD,CA/DD;;AAiEA,eAAeV,WAAf"}
+{"version":3,"file":"ChoiceChips.js","names":["React","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","Size","ChoiceChips","selected","disabled","onClick","values","useState","selectedChip","setSelectedChip","useEffect","onSelectChip","value","handleKeyDown","e","key","map","item","size","Medium","label","className","rest"],"sources":["../../src/Chips/ChoiceChips.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ChipValue, ChoiceChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\nimport {Size} from '../types';\n\nconst ChoiceChips: React.FunctionComponent<ChoiceChipProps> = ({\n                                                                 selected,\n                                                                 disabled,\n                                                                 onClick,\n                                                                 values\n                                                               }: ChoiceChipProps) => {\n  /**\n   * Globally used variables within the component.\n   */\n  const [selectedChip, setSelectedChip] = React.useState<string>('');\n\n  /**\n   * Set the selected value for the chip.\n   */\n  React.useEffect(() => {\n    setSelectedChip(selected);\n  }, [selected]);\n\n  /**\n   * Sets selected chip and fires an event to parent component.\n   * @param value - Chip which was selected.\n   */\n  const onSelectChip = (value: ChipValue) => {\n    // Update selected chip\n    setSelectedChip(value.value);\n\n    // Fire the event\n    onClick && onClick(value);\n  };\n\n  const handleKeyDown = (e: any, value: ChipValue) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      onSelectChip(value);\n    }\n  };\n\n  /**\n   * Return Choice Chip component.\n   */\n  return (\n    <div role=\"radiogroup\">\n      {values.map((item: ChipValue) => {\n        const {value, size = Size.Medium, label, className, ...rest } = item;\n        return (\n          <ChipContainer\n            role=\"radio\"\n            key={value}\n            tabIndex={disabled ? -1 : 0}\n            className={`${size} ${disabled ? 'disabled' : ''} ${selectedChip === value ? 'default' : 'outline'} interactive ${className || ''}`}\n            onMouseDown={defaultOnMouseDownHandler}\n            onClick={() => !disabled && onSelectChip(item)}\n            onKeyDown={e => !disabled && handleKeyDown(e, item)}\n            {...rest}>\n            <ChipContentContainer>\n              <ChipContent>\n                {label}\n              </ChipContent>\n            </ChipContentContainer>\n          </ChipContainer>\n        );\n      })}\n    </div>\n  );\n};\n\nexport default ChoiceChips;\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;AAE9B,IAAMC,WAAqD,GAAG,SAAxDA,WAAqD,OAK2B;EAAA,IAJrBC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IACRC,OAAO,QAAPA,OAAO;IACPC,MAAM,QAANA,MAAM;EAErE;AACF;AACA;EACE,sBAAwCV,KAAK,CAACW,QAAQ,CAAS,EAAE,CAAC;IAAA;IAA3DC,YAAY;IAAEC,eAAe;;EAEpC;AACF;AACA;EACEb,KAAK,CAACc,SAAS,CAAC,YAAM;IACpBD,eAAe,CAACN,QAAQ,CAAC;EAC3B,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;;EAEd;AACF;AACA;AACA;EACE,IAAMQ,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAgB,EAAK;IACzC;IACAH,eAAe,CAACG,KAAK,CAACA,KAAK,CAAC;;IAE5B;IACAP,OAAO,IAAIA,OAAO,CAACO,KAAK,CAAC;EAC3B,CAAC;EAED,IAAMC,aAAa,GAAG,SAAhBA,aAAa,CAAIC,CAAM,EAAEF,KAAgB,EAAK;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,oBACE;IAAK,IAAI,EAAC,YAAY;IAAA,UACnBN,MAAM,CAACU,GAAG,CAAC,UAACC,IAAe,EAAK;MAC/B,IAAOL,KAAK,GAAoDK,IAAI,CAA7DL,KAAK;QAAA,aAAoDK,IAAI,CAAtDC,IAAI;QAAJA,IAAI,2BAAGjB,IAAI,CAACkB,MAAM;QAAEC,KAAK,GAAyBH,IAAI,CAAlCG,KAAK;QAAEC,SAAS,GAAcJ,IAAI,CAA3BI,SAAS;QAAKC,IAAI,4BAAKL,IAAI;MACpE,oBACE,KAAC,aAAa;QACZ,IAAI,EAAC,OAAO;QAEZ,QAAQ,EAAEb,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QAC5B,SAAS,YAAKc,IAAI,cAAId,QAAQ,GAAG,UAAU,GAAG,EAAE,cAAII,YAAY,KAAKI,KAAK,GAAG,SAAS,GAAG,SAAS,0BAAgBS,SAAS,IAAI,EAAE,CAAG;QACpI,WAAW,EAAErB,yBAA0B;QACvC,OAAO,EAAE;UAAA,OAAM,CAACI,QAAQ,IAAIO,YAAY,CAACM,IAAI,CAAC;QAAA,CAAC;QAC/C,SAAS,EAAE,mBAAAH,CAAC;UAAA,OAAI,CAACV,QAAQ,IAAIS,aAAa,CAACC,CAAC,EAAEG,IAAI,CAAC;QAAA;MAAC,GAChDK,IAAI;QAAA,uBACR,KAAC,oBAAoB;UAAA,uBACnB,KAAC,WAAW;YAAA,UACTF;UAAK;QACM;MACO,IAXlBR,KAAK,CAYI;IAEpB,CAAC;EAAC,EACE;AAEV,CAAC;AAED,eAAeV,WAAW"}

package/dist/Chips/FilterChip.cjs

@@ -1,50 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
-
 var _types = require("../types");
-
 var _index = require("../icons/index");
-
 var _ChipStyles = require("./ChipStyles");
-
 var _common = require("../common");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["selected", "text", "size", "disabled", "onClick", "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; }
-
 var FilterChip = function FilterChip(_ref) {
   var selected = _ref.selected,
-      text = _ref.text,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      className = _ref.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    text = _ref.text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    className = _ref.className,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   /**
    * Return Filter Chip component.
    */
@@ -74,7 +57,6 @@ var FilterChip = function FilterChip(_ref) {
     })
   }));
 };
-
 var _default = FilterChip;
 exports.default = _default;
 //# sourceMappingURL=FilterChip.cjs.map

package/dist/Chips/FilterChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.cjs","names":["FilterChip","selected","text","size","Size","Medium","disabled","onClick","className","rest","e","key","defaultOnMouseDownHandler"],"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                                                                ...rest\n                                                              }: FilterChipProps) => {\n\n\n  /**\n   * Return Filter Chip component.\n   */\n  return (\n    <ChipContainer\n      role=\"checkbox\"\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":";;;;;;;;;;;;;;;AAGA;;AACA;;AAKA;;AAKA;;AAMA;;;;;;;;;;;;;;AAEA,IAAMA,UAAoD,GAAG,SAAvDA,UAAuD,OAQwB;EAAA,IAPrBC,QAOqB,QAPrBA,QAOqB;EAAA,IANrBC,IAMqB,QANrBA,IAMqB;EAAA,qBALrBC,IAKqB;EAAA,IALrBA,IAKqB,0BALdC,WAAA,CAAKC,MAKS;EAAA,IAJrBC,QAIqB,QAJrBA,QAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,OAGqB;EAAA,IAFrBC,SAEqB,QAFrBA,SAEqB;EAAA,IADlBC,IACkB;;EAGnF;AACF;AACA;EACE,oBACE,qBAAC,yBAAD;IACE,IAAI,EAAC,UADP;IAEE,SAAS,YAAKN,IAAL,cAAaG,QAAQ,GAAG,UAAH,GAAgB,EAArC,cAA2CL,QAAQ,GAAG,SAAH,GAAe,SAAlE,cAA+E,CAAC,CAACM,QAAF,GAAY,aAAZ,GAA4B,EAA3G,cAAiHC,SAAS,IAAI,EAA9H,CAFX;IAGE,QAAQ,EAAEF,QAAQ,IAAI,CAACC,QAAb,GAAuB,CAAC,CAAxB,GAA4B,CAHxC;IAIE,SAAS,EAAE,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwC,CAACL,QAAzC,IAAqDC,QAArD,IAAgEA,QAAO,EAA3E;IAAA,CAJd;IAKE,WAAW,EAAEK,iCALf;IAME,OAAO,EAAE;MAAA,OAAM,CAACN,QAAD,IAAaC,QAAb,IAAwBA,QAAO,EAArC;IAAA;EANX,GAOME,IAPN;IAAA,uBAQE,qBAAC,gCAAD;MAAA,uBACE,sBAAC,uBAAD;QAAA,WACGR,QAAQ,iBAAI;UAAK,SAAS,EAAE,qBAAhB;UAAA,uBAAuC,qBAAC,kBAAD,CAAa,SAAb;YAAuB,SAAS,EAAE;UAAlC;QAAvC,EADf,eAEE;UAAA,UAAMC;QAAN,EAFF;MAAA;IADF;EARF,GADF;AAiBD,CA/BD;;eAiCeF,U"}
+{"version":3,"file":"FilterChip.cjs","names":["FilterChip","selected","text","size","Size","Medium","disabled","onClick","className","rest","e","key","defaultOnMouseDownHandler"],"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                                                                ...rest\n                                                              }: FilterChipProps) => {\n\n\n  /**\n   * Return Filter Chip component.\n   */\n  return (\n    <ChipContainer\n      role=\"checkbox\"\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":";;;;;;;;;;AAGA;AACA;AAKA;AAKA;AAMA;AAAoD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEpD,IAAMA,UAAoD,GAAG,SAAvDA,UAAoD,OAQ2B;EAAA,IAPrBC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IAAA,iBACJC,IAAI;IAAJA,IAAI,0BAAGC,WAAI,CAACC,MAAM;IAClBC,QAAQ,QAARA,QAAQ;IACRC,QAAO,QAAPA,OAAO;IACPC,SAAS,QAATA,SAAS;IACNC,IAAI;EAIrE;AACF;AACA;EACE,oBACE,qBAAC,yBAAa;IACZ,IAAI,EAAC,UAAU;IACf,SAAS,YAAKN,IAAI,cAAIG,QAAQ,GAAG,UAAU,GAAG,EAAE,cAAIL,QAAQ,GAAG,SAAS,GAAG,SAAS,cAAI,CAAC,CAACM,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,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACL,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA,CAAC;IAC1F,WAAW,EAAEK,iCAA0B;IACvC,OAAO,EAAE;MAAA,OAAM,CAACN,QAAQ,IAAIC,QAAO,IAAIA,QAAO,EAAE;IAAA;EAAC,GAC7CE,IAAI;IAAA,uBACR,qBAAC,gCAAoB;MAAA,uBACnB,sBAAC,uBAAW;QAAA,WACTR,QAAQ,iBAAI;UAAK,SAAS,EAAE,qBAAsB;UAAA,uBAAC,qBAAC,kBAAW,CAAC,SAAS;YAAC,SAAS,EAAE;UAAO;QAAE,EAAM,eACrG;UAAA,UAAMC;QAAI,EAAO;MAAA;IACL;EACO,GACT;AAEpB,CAAC;AAAC,eAEaF,UAAU;AAAA"}

package/dist/Chips/FilterChip.js

@@ -1,26 +1,24 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["selected", "text", "size", "disabled", "onClick", "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.
  */
 import * as React from 'react';
 import { Size } from '../types';
+
 /**
  * Import custom components.
  */
-
 import { SystemIcons } from '../icons/index';
+
 /**
  * Import custom styles.
  */
-
 import { ChipContent, ChipContentContainer, ChipContainer } from './ChipStyles';
+
 /**
  * Import custom types.
  */
@@ -28,17 +26,15 @@ import { ChipContent, ChipContentContainer, ChipContainer } from './ChipStyles';
 import { defaultOnMouseDownHandler } from '../common';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 var FilterChip = function FilterChip(_ref) {
   var selected = _ref.selected,
-      text = _ref.text,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? Size.Medium : _ref$size,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref.text,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
   /**
    * Return Filter Chip component.
    */
@@ -68,6 +64,5 @@ var FilterChip = function FilterChip(_ref) {
     })
   }));
 };
-
 export default FilterChip;
 //# sourceMappingURL=FilterChip.js.map

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","rest","e","key"],"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                                                                ...rest\n                                                              }: FilterChipProps) => {\n\n\n  /**\n   * Return Filter Chip component.\n   */\n  return (\n    <ChipContainer\n      role=\"checkbox\"\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,KAAZ,MAAuB,OAAvB;AACA,SAAQC,IAAR,QAAmB,UAAnB;AAEA;AACA;AACA;;AACA,SAAQC,WAAR,QAA0B,gBAA1B;AAEA;AACA;AACA;;AACA,SAAQC,WAAR,EAAqBC,oBAArB,EAA2CC,aAA3C,QAA+D,cAA/D;AAEA;AACA;AACA;;AAEA,SAAQC,yBAAR,QAAwC,WAAxC;;;;AAEA,IAAMC,UAAoD,GAAG,SAAvDA,UAAuD,OAQwB;EAAA,IAPrBC,QAOqB,QAPrBA,QAOqB;EAAA,IANrBC,IAMqB,QANrBA,IAMqB;EAAA,qBALrBC,IAKqB;EAAA,IALrBA,IAKqB,0BALdT,IAAI,CAACU,MAKS;EAAA,IAJrBC,QAIqB,QAJrBA,QAIqB;EAAA,IAHrBC,QAGqB,QAHrBA,OAGqB;EAAA,IAFrBC,SAEqB,QAFrBA,SAEqB;EAAA,IADlBC,IACkB;;EAGnF;AACF;AACA;EACE,oBACE,KAAC,aAAD;IACE,IAAI,EAAC,UADP;IAEE,SAAS,YAAKL,IAAL,cAAaE,QAAQ,GAAG,UAAH,GAAgB,EAArC,cAA2CJ,QAAQ,GAAG,SAAH,GAAe,SAAlE,cAA+E,CAAC,CAACK,QAAF,GAAY,aAAZ,GAA4B,EAA3G,cAAiHC,SAAS,IAAI,EAA9H,CAFX;IAGE,QAAQ,EAAEF,QAAQ,IAAI,CAACC,QAAb,GAAuB,CAAC,CAAxB,GAA4B,CAHxC;IAIE,SAAS,EAAE,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqBD,CAAC,CAACC,GAAF,KAAU,GAAhC,KAAwC,CAACL,QAAzC,IAAqDC,QAArD,IAAgEA,QAAO,EAA3E;IAAA,CAJd;IAKE,WAAW,EAAEP,yBALf;IAME,OAAO,EAAE;MAAA,OAAM,CAACM,QAAD,IAAaC,QAAb,IAAwBA,QAAO,EAArC;IAAA;EANX,GAOME,IAPN;IAAA,uBAQE,KAAC,oBAAD;MAAA,uBACE,MAAC,WAAD;QAAA,WACGP,QAAQ,iBAAI;UAAK,SAAS,EAAE,qBAAhB;UAAA,uBAAuC,KAAC,WAAD,CAAa,SAAb;YAAuB,SAAS,EAAE;UAAlC;QAAvC,EADf,eAEE;UAAA,UAAMC;QAAN,EAFF;MAAA;IADF;EARF,GADF;AAiBD,CA/BD;;AAiCA,eAAeF,UAAf"}
+{"version":3,"file":"FilterChip.js","names":["React","Size","SystemIcons","ChipContent","ChipContentContainer","ChipContainer","defaultOnMouseDownHandler","FilterChip","selected","text","size","Medium","disabled","onClick","className","rest","e","key"],"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                                                                ...rest\n                                                              }: FilterChipProps) => {\n\n\n  /**\n   * Return Filter Chip component.\n   */\n  return (\n    <ChipContainer\n      role=\"checkbox\"\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;AAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoD,OAQ2B;EAAA,IAPrBC,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;IACNC,IAAI;EAIrE;AACF;AACA;EACE,oBACE,KAAC,aAAa;IACZ,IAAI,EAAC,UAAU;IACf,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,mBAAAG,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACL,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,GAC7CE,IAAI;IAAA,uBACR,KAAC,oBAAoB;MAAA,uBACnB,MAAC,WAAW;QAAA,WACTP,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"}

package/dist/Chips/InputChip.cjs

@@ -1,82 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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"));
-
 var _index = require("../icons/index");
-
 var _ChipStyles = require("./ChipStyles");
-
 var _common = require("../common");
-
 var _types = require("../types");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["icon", "text", "variant", "size", "disabled", "onClick", "disableRemove", "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; }
-
 var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2;
-
   var icon = _ref.icon,
-      text = _ref.text,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? _types.States.Default : _ref$variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      disableRemove = _ref.disableRemove,
-      onRemove = _ref.onRemove,
-      className = _ref.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _types.States.Default : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    disableRemove = _ref.disableRemove,
+    onRemove = _ref.onRemove,
+    className = _ref.className,
+    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.
    */
-
   var onRemoveClick = function onRemoveClick(event) {
     !!event && event.stopPropagation();
     onRemove(event);
   };
-
   var handleContainerKeyDown = function handleContainerKeyDown(event) {
     if (event.key === 'Enter' || event.key === ' ') {
       !disabled && _onClick && _onClick();
     }
-
     if (event.key === 'Backspace' && !disableRemove) {
       !disableRemove && onRemove && onRemove(event);
     }
   };
+
   /**
    * Return Input Chip component.
    */
-
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
     ref: containerRef,
     role: "button",

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","onRemove","className","rest","containerRef","useRef","removeRef","useActionWithin","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","defaultOnMouseDownHandler","icons","e"],"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                                                                               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                   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'}>{icons[icon]({className: '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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"}
+{"version":3,"file":"InputChip.cjs","names":["InputChip","React","forwardRef","ref","icon","text","variant","States","Default","size","Size","Medium","disabled","onClick","disableRemove","onRemove","className","rest","containerRef","useRef","removeRef","useActionWithin","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","defaultOnMouseDownHandler","icons","e"],"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                                                                               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                   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'}>{icons[icon]({className: '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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"}

package/dist/Chips/InputChip.js

@@ -1,25 +1,23 @@
 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", "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.
  */
 import * as React from 'react';
+
 /**
  * Import custom components.
  */
-
 import { SystemIcons, SystemIcons as icons } from '../icons/index';
+
 /**
  * Import custom styles.
  */
-
 import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
+
 /**
  * Import custom types.
  */
@@ -30,47 +28,42 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var InputChip = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _ref2;
-
   var icon = _ref.icon,
-      text = _ref.text,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? States.Default : _ref$variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? Size.Medium : _ref$size,
-      disabled = _ref.disabled,
-      _onClick = _ref.onClick,
-      disableRemove = _ref.disableRemove,
-      onRemove = _ref.onRemove,
-      className = _ref.className,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    text = _ref.text,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? States.Default : _ref$variant,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    disabled = _ref.disabled,
+    _onClick = _ref.onClick,
+    disableRemove = _ref.disableRemove,
+    onRemove = _ref.onRemove,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var containerRef = (_ref2 = ref) !== null && _ref2 !== void 0 ? _ref2 : React.useRef(null);
   var removeRef = React.useRef(null);
   useActionWithin(containerRef, [removeRef]);
+
   /**
    * Calls onRemove action when remove button is clicked.
    * @param event - Event handler from the button click.
    */
-
   var onRemoveClick = function onRemoveClick(event) {
     !!event && event.stopPropagation();
     onRemove(event);
   };
-
   var handleContainerKeyDown = function handleContainerKeyDown(event) {
     if (event.key === 'Enter' || event.key === ' ') {
       !disabled && _onClick && _onClick();
     }
-
     if (event.key === 'Backspace' && !disableRemove) {
       !disableRemove && onRemove && onRemove(event);
     }
   };
+
   /**
    * Return Input Chip component.
    */
-
-
   return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
     ref: containerRef,
     role: "button",

package/dist/Chips/InputChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputChip.js","names":["React","SystemIcons","icons","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","useActionWithin","Size","States","InputChip","forwardRef","ref","icon","text","variant","Default","size","Medium","disabled","onClick","disableRemove","onRemove","className","rest","containerRef","useRef","removeRef","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","e"],"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                                                                               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                   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'}>{icons[icon]({className: '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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"}
+{"version":3,"file":"InputChip.js","names":["React","SystemIcons","icons","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","useActionWithin","Size","States","InputChip","forwardRef","ref","icon","text","variant","Default","size","Medium","disabled","onClick","disableRemove","onRemove","className","rest","containerRef","useRef","removeRef","onRemoveClick","event","stopPropagation","handleContainerKeyDown","key","e"],"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                                                                               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                   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'}>{icons[icon]({className: '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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"}

package/dist/Chips/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,14 +34,9 @@ Object.defineProperty(exports, "InputChip", {
     return _InputChip.default;
   }
 });
-
 var _InputChip = _interopRequireDefault(require("./InputChip"));
-
 var _FilterChip = _interopRequireDefault(require("./FilterChip"));
-
 var _ActionChip = _interopRequireDefault(require("./ActionChip"));
-
 var _ChipInput = _interopRequireDefault(require("../ChipsInput/ChipInput"));
-
 var _ChoiceChips = _interopRequireDefault(require("./ChoiceChips"));
 //# sourceMappingURL=index.cjs.map

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';\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';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA"}
+{"version":3,"file":"index.cjs","names":[],"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';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA"}

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';\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';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,SAApB,QAAqC,aAArC;AACA,SAASD,OAAO,IAAIE,UAApB,QAAsC,cAAtC;AACA,SAASF,OAAO,IAAIG,UAApB,QAAsC,cAAtC;AACA,SAASH,OAAO,IAAII,SAApB,QAAqC,yBAArC;AACA,SAASJ,OAAO,IAAIK,WAApB,QAAuC,eAAvC"}
+{"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';\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"}