@activecollab/components 1.0.414 → 2.0.0

package/dist/cjs/components/Choose/Choose.js

@@ -7,21 +7,21 @@ exports.Choose = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "disabled", "active", "className"];
+const _excluded = ["children", "disabled", "active", "className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 /**
  * Choose component
  */
-var Choose = function Choose(_ref) {
-  var children = _ref.children,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$active = _ref.active,
-    active = _ref$active === void 0 ? false : _ref$active,
-    className = _ref.className,
+const Choose = _ref => {
+  let {
+      children,
+      disabled = false,
+      active = false,
+      className
+    } = _ref,
     args = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledChoose, _extends({
     disabled: disabled,

package/dist/cjs/components/Choose/Choose.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choose.js","names":["Choose","children","disabled","active","className","args","classNames","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n  /** Children type of node or string */\n  children: ReactElement | string;\n  /** Disabled prop */\n  disabled?: boolean;\n  /** Active prop */\n  active?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAAA;AAaxC;AACA;AACA;AACO,IAAMA,MAAwB,GAAG,SAA3BA,MAAwB,OAM/B;EAAA,IALJC,QAAQ,QAARA,QAAQ;IAAA,qBACRC,QAAQ;IAARA,QAAQ,8BAAG,KAAK;IAAA,mBAChBC,MAAM;IAANA,MAAM,4BAAG,KAAK;IACdC,SAAS,QAATA,SAAS;IACNC,IAAI;EAEP,oBACE,6BAAC,oBAAY;IACX,QAAQ,EAAEH,QAAS;IACnB,SAAS,EAAE,IAAAI,mBAAU,EAAC,UAAU,EAAEF,SAAS,CAAE;IAC7C,MAAM,EAAED;EAAO,GACXE,IAAI,GAEPJ,QAAQ,CACI;AAEnB,CAAC;AAAC;AAEFD,MAAM,CAACO,WAAW,GAAG,QAAQ"}
+{"version":3,"file":"Choose.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Choose","_ref","children","disabled","active","className","args","createElement","StyledChoose","classNames","exports","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n  /** Children type of node or string */\n  children: ReactElement | string;\n  /** Disabled prop */\n  disabled?: boolean;\n  /** Active prop */\n  active?: boolean;\n  /** CSS classes */\n  className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n  children,\n  disabled = false,\n  active = false,\n  className,\n  ...args\n}) => {\n  return (\n    <StyledChoose\n      disabled={disabled}\n      className={classNames(\"c-choose\", className)}\n      active={active}\n      {...args}\n    >\n      {children}\n    </StyledChoose>\n  );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAwC,MAAAG,SAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAaxC;AACA;AACA;AACO,MAAMmB,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;MACvCC,QAAQ;MACRC,QAAQ,GAAG,KAAK;MAChBC,MAAM,GAAG,KAAK;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAf,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAEP,oBACEL,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,CAACnC,OAAA,CAAAoC,YAAY,EAAA/B,QAAA;IACX0B,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAE,IAAAI,mBAAU,EAAC,UAAU,EAAEJ,SAAS,CAAE;IAC7CD,MAAM,EAAEA;EAAO,GACXE,IAAI,GAEPJ,QACW,CAAC;AAEnB,CAAC;AAACQ,OAAA,CAAAV,MAAA,GAAAA,MAAA;AAEFA,MAAM,CAACW,WAAW,GAAG,QAAQ"}

package/dist/cjs/components/Choose/Styles.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,9 +7,9 @@ exports.StyledChoose = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _BoxSizingStyle = require("../BoxSizingStyle");
 var _FontStyle = require("../FontStyle");
-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; }
-var StyledChoose = _styledComponents.default.button.withConfig({
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
+const StyledChoose = exports.StyledChoose = _styledComponents.default.button.withConfig({
   displayName: "Styles__StyledChoose",
   componentId: "sc-1j2qv02-0"
 })(["", " ", " ", " ", " height:32px;padding:0 16px;transition:all 0.3s ease;border:1px solid var(--border-primary);font-size:13px;transition-duration:0.3s;&:hover{", " box-shadow:inset 0 0 5px 3px var(--color-primary-300);}", ""], {
@@ -30,12 +29,9 @@ var StyledChoose = _styledComponents.default.button.withConfig({
   "color": "var(--color-theme-700)"
 }, _FontStyle.FontStyle, _BoxSizingStyle.BoxSizingStyle, {
   "borderColor": "var(--color-primary)"
-}, function (props) {
-  return props.active && (0, _styledComponents.css)(["", " background-color:var(--color-primary-300);"], {
-    "zIndex": "0",
-    "borderColor": "var(--color-primary)"
-  });
-});
-exports.StyledChoose = StyledChoose;
+}, props => props.active && (0, _styledComponents.css)(["", " background-color:var(--color-primary-300);"], {
+  "zIndex": "0",
+  "borderColor": "var(--color-primary)"
+}));
 StyledChoose.displayName = "StyledChoose";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Choose/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledChoose","styled","button","FontStyle","BoxSizingStyle","props","active","css","displayName"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAyC;AAAA;AAGlC,IAAMA,YAAY,GAAGC,yBAAM,CAACC,MAAM;EAAA;EAAA;AAAA,wOACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFC,oBAAS,EACTC,8BAAc,EAQV;EAAA;AAAkB,CAAC,EAGvB,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,uDACG;IAAA;IAAA;EAAyB,CAAC,CAE/B;AAAA,EACJ;AAAC;AAEFP,YAAY,CAACQ,WAAW,GAAG,cAAc"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledChoose","exports","styled","button","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","active","css"],"sources":["../../../../src/components/Choose/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { IChooseProps } from \"./Choose\";\n\nexport const StyledChoose = styled.button<IChooseProps>`\n  ${tw`tw-antialiased tw-align-middle tw-font-medium tw-inline-block tw-leading-none tw-m-0 tw-no-underline`}\n  ${tw`tw-select-none tw-cursor-pointer tw-text-center tw-rounded-lg tw-text-theme-700`}\n  ${FontStyle}\n  ${BoxSizingStyle}\n  height: 32px;\n  padding: 0 16px;\n  transition: all 0.3s ease;\n  border: 1px solid var(--border-primary);\n  font-size: 13px;\n  transition-duration: 0.3s;\n  &:hover {\n    ${tw`tw-border-primary`}\n    box-shadow: inset 0 0 5px 3px var(--color-primary-300);\n  }\n  ${(props) =>\n    props.active &&\n    css`\n      ${tw`tw-border-primary tw-z-0`}\n      background-color: var(--color-primary-300);\n    `}\n`;\n\nStyledChoose.displayName = \"StyledChoose\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAGlC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,MAAM,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wOACnC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAqG,CAAC,EACtG;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgF,CAAC,EACnFC,oBAAS,EACTC,8BAAc,EAQV;EAAA;AAAkB,CAAC,EAGtBC,KAAK,IACNA,KAAK,CAACC,MAAM,QACZC,qBAAG,uDACG;EAAA;EAAA;AAAyB,CAAC,CAE/B,CACJ;AAEDX,YAAY,CAACK,WAAW,GAAG,cAAc"}

package/dist/cjs/components/Choose/index.js

@@ -9,7 +9,7 @@ Object.keys(_Choose).forEach(function (key) {
   if (key in exports && exports[key] === _Choose[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function get() {
+    get: function () {
       return _Choose[key];
     }
   });

package/dist/cjs/components/Choose/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Choose/index.ts"],"sourcesContent":["export * from \"./Choose\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_Choose","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Choose/index.ts"],"sourcesContent":["export * from \"./Choose\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/cjs/components/ComboBox/ComboBox.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -30,61 +29,47 @@ var _ConditionWrapper = require("../../helpers/ConditionWrapper/ConditionWrapper
 var _classnames = _interopRequireDefault(require("classnames"));
 var _useIsFirstRender = require("../../hooks/useIsFirstRender");
 var _MultiAvatar = require("../MultiAvatar");
-var _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect"];
-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; }
+const _excluded = ["options", "selected", "loading", "loadingText", "onChange", "placeholder", "handleEmptyAction", "disabled", "size", "invalid", "type", "renderChip", "forceCloseMenu", "renderOption", "limitChips", "hiddenNumberText", "inPortal", "inputWrapperClassName", "scrollWrapper", "onClose", "onClear", "onDeselect"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var ComboBox = function ComboBox(_ref) {
-  var _comboBoxRef$current2, _comboBoxRef$current3;
-  var _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    selected = _ref.selected,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
-    loadingText = _ref.loadingText,
-    onChange = _ref.onChange,
-    placeholder = _ref.placeholder,
-    handleEmptyAction = _ref.handleEmptyAction,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "regular" : _ref$size,
-    _ref$invalid = _ref.invalid,
-    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "single" : _ref$type,
-    renderChip = _ref.renderChip,
-    _ref$forceCloseMenu = _ref.forceCloseMenu,
-    forceCloseMenu = _ref$forceCloseMenu === void 0 ? type === "single" : _ref$forceCloseMenu,
-    renderOption = _ref.renderOption,
-    _ref$limitChips = _ref.limitChips,
-    limitChips = _ref$limitChips === void 0 ? 2 : _ref$limitChips,
-    hiddenNumberText = _ref.hiddenNumberText,
-    _ref$inPortal = _ref.inPortal,
-    inPortal = _ref$inPortal === void 0 ? false : _ref$inPortal,
-    inputWrapperClassName = _ref.inputWrapperClassName,
-    scrollWrapper = _ref.scrollWrapper,
-    onClose = _ref.onClose,
-    onClear = _ref.onClear,
-    onDeselect = _ref.onDeselect,
+const ComboBox = _ref => {
+  let {
+      options = [],
+      selected,
+      loading = false,
+      loadingText,
+      onChange,
+      placeholder,
+      handleEmptyAction,
+      disabled = false,
+      size = "regular",
+      invalid = false,
+      type = "single",
+      renderChip,
+      forceCloseMenu = type === "single",
+      renderOption,
+      limitChips = 2,
+      hiddenNumberText,
+      inPortal = false,
+      inputWrapperClassName,
+      scrollWrapper,
+      onClose,
+      onClear,
+      onDeselect
+    } = _ref,
     prop = _objectWithoutProperties(_ref, _excluded);
-  var selectedName = (0, _react.useMemo)(function () {
-    var value = "";
+  const selectedName = (0, _react.useMemo)(() => {
+    let value = "";
     if (!selected) {
       return value;
     }
-    options.map(function (v) {
-      if (v !== null && v !== void 0 && v.options) {
-        return v.options.find(function (q) {
+    options.map(v => {
+      if (v?.options) {
+        return v.options.find(q => {
           if (q.id === selected) {
             value = q.name;
             return;
@@ -99,36 +84,24 @@ var ComboBox = function ComboBox(_ref) {
     });
     return value;
   }, [options, selected]);
-  var _useState = (0, _react.useState)(selectedName),
-    _useState2 = _slicedToArray(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    focused = _useState4[0],
-    setFocused = _useState4[1];
-  var handleOnChange = (0, _react.useCallback)(function (e) {
-    return setValue(e.target.value);
-  }, []);
-  var childNode = (0, _react.useRef)();
-  var elementRef = (0, _react.useRef)(null);
-  var handleRef = (0, _useForkRef.default)(childNode, elementRef);
-  var wrapperRef = (0, _react.useRef)(null);
-  var chipWrapper = (0, _react.useRef)(null);
-  var comboBoxRef = (0, _react.useRef)(null);
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    open = _useState6[0],
-    setOpen = _useState6[1];
-  var isFirstRender = (0, _useIsFirstRender.useIsFirstRender)();
-  (0, _useOnClickOutside.useOnClickOutside)(wrapperRef, function (e) {
-    var _comboBoxRef$current;
-    if (e.target && (_comboBoxRef$current = comboBoxRef.current) !== null && _comboBoxRef$current !== void 0 && _comboBoxRef$current.contains(e.target)) {
+  const [value, setValue] = (0, _react.useState)(selectedName);
+  const [focused, setFocused] = (0, _react.useState)(false);
+  const handleOnChange = (0, _react.useCallback)(e => setValue(e.target.value), []);
+  const childNode = (0, _react.useRef)();
+  const elementRef = (0, _react.useRef)(null);
+  const handleRef = (0, _useForkRef.default)(childNode, elementRef);
+  const wrapperRef = (0, _react.useRef)(null);
+  const chipWrapper = (0, _react.useRef)(null);
+  const comboBoxRef = (0, _react.useRef)(null);
+  const [open, setOpen] = (0, _react.useState)(false);
+  const isFirstRender = (0, _useIsFirstRender.useIsFirstRender)();
+  (0, _useOnClickOutside.useOnClickOutside)(wrapperRef, e => {
+    if (e.target && comboBoxRef.current?.contains(e.target)) {
       return;
     }
     setOpen(false);
   });
-  var handleOnKeyDown = (0, _react.useCallback)(function (e) {
+  const handleOnKeyDown = (0, _react.useCallback)(e => {
     if (e.key === "Escape" && open) {
       setOpen(false);
       setValue(selectedName);
@@ -141,26 +114,25 @@ var ComboBox = function ComboBox(_ref) {
       setOpen(true);
     }
   }, [focused, open, selectedName, type]);
-  (0, _react.useEffect)(function () {
-    var _childNode$current, _childNode$current2;
-    open && (childNode === null || childNode === void 0 ? void 0 : (_childNode$current = childNode.current) === null || _childNode$current === void 0 ? void 0 : _childNode$current.focus());
-    !open && (childNode === null || childNode === void 0 ? void 0 : (_childNode$current2 = childNode.current) === null || _childNode$current2 === void 0 ? void 0 : _childNode$current2.blur());
+  (0, _react.useEffect)(() => {
+    open && childNode?.current?.focus();
+    !open && childNode?.current?.blur();
   }, [childNode, open]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setValue(selectedName);
   }, [selectedName]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!open && !isFirstRender && !focused) {
       if (typeof onClose === "function") {
         onClose();
       }
     }
   }, [focused, isFirstRender, onClose, open]);
-  var emptyAction = (0, _react.useCallback)(function (v) {
-    handleEmptyAction === null || handleEmptyAction === void 0 ? void 0 : handleEmptyAction(v);
+  const emptyAction = (0, _react.useCallback)(v => {
+    handleEmptyAction?.(v);
     setOpen(false);
   }, [handleEmptyAction]);
-  var handleChange = (0, _react.useCallback)(function (selectedValue) {
+  const handleChange = (0, _react.useCallback)(selectedValue => {
     if (selectedValue !== selected && typeof onChange === "function") {
       onChange(selectedValue);
     }
@@ -168,12 +140,12 @@ var ComboBox = function ComboBox(_ref) {
       setOpen(false);
     }
   }, [forceCloseMenu, onChange, selected]);
-  var onOpen = (0, _react.useCallback)(function () {
+  const onOpen = (0, _react.useCallback)(() => {
     if (!disabled) {
       setOpen(true);
     }
   }, [disabled]);
-  var handleRenderOption = (0, _react.useCallback)(function (option, props) {
+  const handleRenderOption = (0, _react.useCallback)((option, props) => {
     if (typeof renderOption === "function") {
       return renderOption(option, props);
     }
@@ -192,30 +164,30 @@ var ComboBox = function ComboBox(_ref) {
       name: option.name
     }), /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, props));
   }, [type, renderOption]);
-  var handleDeselect = (0, _react.useCallback)(function (e) {
+  const handleDeselect = (0, _react.useCallback)(e => {
     e.stopPropagation();
     if (typeof onDeselect === "function") {
       onDeselect();
     } else if (type === "multiple") {
-      onChange === null || onChange === void 0 ? void 0 : onChange([]);
+      onChange?.([]);
     } else {
-      onChange === null || onChange === void 0 ? void 0 : onChange("");
+      onChange?.("");
     }
-    onClear === null || onClear === void 0 ? void 0 : onClear();
+    onClear?.();
     setOpen(false);
   }, [type, onChange, onClear, onDeselect]);
-  var handleMouseDown = (0, _react.useCallback)(function (e) {
+  const handleMouseDown = (0, _react.useCallback)(e => {
     e.preventDefault();
   }, []);
-  var handleBlur = (0, _react.useCallback)(function () {
+  const handleBlur = (0, _react.useCallback)(() => {
     setValue(selectedName);
     setFocused(!focused);
   }, [focused, selectedName]);
-  var renderChipAdornment = (0, _react.useCallback)(function (option, index) {
+  const renderChipAdornment = (0, _react.useCallback)((option, index) => {
     if (typeof renderChip === "function") {
       return renderChip(option, index);
     }
-    var avatarProps = {
+    const avatarProps = {
       size: 18
     };
     switch (size) {
@@ -226,7 +198,7 @@ var ComboBox = function ComboBox(_ref) {
         avatarProps.size = 14;
         break;
     }
-    var leftAdornment = option.image ? /*#__PURE__*/_react.default.createElement(_StyledAvatar, _extends({
+    const leftAdornment = option.image ? /*#__PURE__*/_react.default.createElement(_StyledAvatar, _extends({
       url: option.image
     }, avatarProps, {
       $_css: {
@@ -237,19 +209,17 @@ var ComboBox = function ComboBox(_ref) {
         "marginRight": "0.125rem"
       }
     })) : undefined;
-    var onClose = function onClose(e) {
+    const onClose = e => {
       e.preventDefault();
       e.stopPropagation();
       if (Array.isArray(selected) && selected.includes(option.id)) {
         if (typeof onChange === "function") {
-          var newSelected = selected.filter(function (item) {
-            return item !== option.id;
-          });
+          const newSelected = selected.filter(item => item !== option.id);
           onChange(newSelected);
         }
       }
     };
-    var showOnClose = true;
+    let showOnClose = true;
     if (disabled) {
       showOnClose = false;
     }
@@ -268,54 +238,50 @@ var ComboBox = function ComboBox(_ref) {
       variant: "Caption 1"
     });
   }, [disabled, onChange, renderChip, selected, size]);
-  var autoSize = (0, _react.useMemo)(function () {
+  const autoSize = (0, _react.useMemo)(() => {
     if (type === "multiple" && open && Array.isArray(selected) && selected.length > 1) {
       return "auto";
     }
     return size;
   }, [open, selected, size, type]);
-  var startAdornment = (0, _react.useMemo)(function () {
+  const startAdornment = (0, _react.useMemo)(() => {
     if (type === "multiple" && Array.isArray(selected) && selected.length > 0) {
-      var elements = [];
-      var total = 0;
-      options.forEach(function (option, index) {
-        var isGrouped = (0, _Autocomplete2.isOptionGroup)(option);
+      const elements = [];
+      let total = 0;
+      options.forEach((option, index) => {
+        const isGrouped = (0, _Autocomplete2.isOptionGroup)(option);
         if (selected.includes(option.id) && !isGrouped) {
           total = total + 1;
           elements.push(renderChipAdornment(option, index));
         } else if (isGrouped) {
-          var groupedOptions = option.options.filter(function (o) {
-            return selected.includes(o.id);
-          });
+          const groupedOptions = option.options.filter(o => selected.includes(o.id));
           total = total + groupedOptions.length;
           if (groupedOptions.length > 0) {
-            groupedOptions.forEach(function (o, _index) {
-              elements.push(renderChipAdornment(o, "".concat(index, "_").concat(_index)));
+            groupedOptions.forEach((o, _index) => {
+              elements.push(renderChipAdornment(o, `${index}_${_index}`));
             });
           }
         }
       });
-      var _hidden = 0;
+      let hidden = 0;
       if (!open && limitChips > 0 && elements.length > limitChips) {
-        _hidden = elements.splice(limitChips, elements.length - limitChips).length;
+        hidden = elements.splice(limitChips, elements.length - limitChips).length;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, elements, _hidden > 0 && /*#__PURE__*/_react.default.createElement(_StyledTypography, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, elements, hidden > 0 && /*#__PURE__*/_react.default.createElement(_StyledTypography, {
         variant: size === "small" ? "Caption 1" : size === "regular" ? "Body 2" : "Body 1"
-      }, typeof hiddenNumberText === "function" ? hiddenNumberText(_hidden) : "+".concat(_hidden)));
+      }, typeof hiddenNumberText === "function" ? hiddenNumberText(hidden) : `+${hidden}`));
     }
     if (type === "single" && selected) {
-      var optionItem;
-      options.forEach(function (option) {
+      let optionItem;
+      options.forEach(option => {
         if ((0, _Autocomplete2.isOptionGroup)(option)) {
-          optionItem = option.options.find(function (child) {
-            return child.id === selected;
-          });
+          optionItem = option.options.find(child => child.id === selected);
         } else if (!optionItem && option.id === selected) {
           optionItem = option;
         }
       });
       if (optionItem && optionItem.image) {
-        var avatarSize = size === "big" ? 22 : size === "regular" ? 18 : 14;
+        const avatarSize = size === "big" ? 22 : size === "regular" ? 18 : 14;
         if (Array.isArray(optionItem.image)) {
           return /*#__PURE__*/_react.default.createElement(_MultiAvatar.MultiAvatar, {
             url: optionItem.image,
@@ -330,8 +296,8 @@ var ComboBox = function ComboBox(_ref) {
     }
     return undefined;
   }, [type, selected, options, open, limitChips, hiddenNumberText, renderChipAdornment, size]);
-  var showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
-  var hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
+  const showXIcon = Array.isArray(selected) && type === "multiple" && selected.length > 0;
+  const hasSelected = type === "multiple" && Array.isArray(selected) && selected.length > 0;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "c-combo-box"
   }, type === "multiple" ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_StyledStyledInputWrapper, {
@@ -340,9 +306,8 @@ var ComboBox = function ComboBox(_ref) {
     $invalid: invalid,
     ref: comboBoxRef,
     className: (0, _classnames.default)("c-combo-box-input-wrapper", inputWrapperClassName),
-    onClick: function onClick() {
-      var _elementRef$current;
-      (_elementRef$current = elementRef.current) === null || _elementRef$current === void 0 ? void 0 : _elementRef$current.click();
+    onClick: () => {
+      elementRef.current?.click();
     },
     $_css3: autoSize === "auto" ? "auto" : undefined,
     $_css4: autoSize === "auto" && scrollWrapper ? "scroll" : undefined,
@@ -354,7 +319,7 @@ var ComboBox = function ComboBox(_ref) {
   }, startAdornment, /*#__PURE__*/_react.default.createElement(_Styles2.StyledInput, {
     className: "c-combo-box-input",
     onBlur: handleBlur,
-    onFocus: function onFocus() {
+    onFocus: () => {
       setFocused(!focused);
     },
     onClick: onOpen,
@@ -382,7 +347,7 @@ var ComboBox = function ComboBox(_ref) {
     className: (0, _classnames.default)("c-combo-box-input", inputWrapperClassName),
     onBlur: handleBlur,
     wrapperClick: onOpen,
-    onFocus: function onFocus() {
+    onFocus: () => {
       setFocused(!focused);
     },
     onClick: onOpen,
@@ -409,16 +374,14 @@ var ComboBox = function ComboBox(_ref) {
     })) : null
   }), !disabled ? /*#__PURE__*/_react.default.createElement(_ConditionWrapper.ConditionalWrapper, {
     condition: inPortal,
-    wrap: function wrap(children) {
-      return /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, children);
-    }
+    wrap: children => /*#__PURE__*/_react.default.createElement(_helpers.Portal, null, children)
   }, /*#__PURE__*/_react.default.createElement(_Popper.Popper, {
     anchorEl: comboBoxRef.current,
     open: open,
     placement: "bottom",
     style: {
       zIndex: 10,
-      width: (_comboBoxRef$current2 = comboBoxRef.current) === null || _comboBoxRef$current2 === void 0 ? void 0 : _comboBoxRef$current2.clientWidth
+      width: comboBoxRef.current?.clientWidth
     },
     ref: wrapperRef,
     strategy: "fixed"
@@ -426,7 +389,7 @@ var ComboBox = function ComboBox(_ref) {
     noIsolation: true,
     allowPinchZoom: true
   }, /*#__PURE__*/_react.default.createElement(_Styles.StyledComboBoxList, {
-    $width: (_comboBoxRef$current3 = comboBoxRef.current) === null || _comboBoxRef$current3 === void 0 ? void 0 : _comboBoxRef$current3.clientWidth
+    $width: comboBoxRef.current?.clientWidth
   }, /*#__PURE__*/_react.default.createElement(_Autocomplete.Autocomplete, _extends({}, prop, {
     inputEl: childNode,
     selected: selected,
@@ -442,11 +405,7 @@ ComboBox.displayName = "ComboBox";
 var _StyledAvatar = (0, _styledComponents.default)(_Avatar.Avatar).withConfig({
   displayName: "ComboBox___StyledAvatar",
   componentId: "sc-uvsz9l-0"
-})(["", " ", ""], function (p) {
-  return p.$_css;
-}, function (p) {
-  return p.$_css2;
-});
+})(["", " ", ""], p => p.$_css, p => p.$_css2);
 var _StyledTypography = (0, _styledComponents.default)(_Typography.Typography).withConfig({
   displayName: "ComboBox___StyledTypography",
   componentId: "sc-uvsz9l-1"
@@ -454,13 +413,7 @@ var _StyledTypography = (0, _styledComponents.default)(_Typography.Typography).w
 var _StyledStyledInputWrapper = (0, _styledComponents.default)(_Styles2.StyledInputWrapper).withConfig({
   displayName: "ComboBox___StyledStyledInputWrapper",
   componentId: "sc-uvsz9l-2"
-})(["display:flex;justify-content:space-between;flex:1;height:", ";overflow-y:", ";max-height:", ";"], function (p) {
-  return p.$_css3;
-}, function (p) {
-  return p.$_css4;
-}, function (p) {
-  return p.$_css5;
-});
+})(["display:flex;justify-content:space-between;flex:1;height:", ";overflow-y:", ";max-height:", ";"], p => p.$_css3, p => p.$_css4, p => p.$_css5);
 var _StyledTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
   displayName: "ComboBox___StyledTrigger",
   componentId: "sc-uvsz9l-3"