@activecollab/components 1.0.152 → 1.0.153

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: () => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}
+{"version":3,"sources":["../../../../src/components/CounterButton/CounterButton.tsx"],"names":["CounterButton","ref","label","icon","active","counter","tooltipText","onClearAll","className","args","React","cloneElement","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAyBO,IAAMA,aAAa,gBAAG,uBAC3B,gBAWEC,GAXF,EAYK;AAAA,MAVDC,KAUC,QAVDA,KAUC;AAAA,MATDC,IASC,QATDA,IASC;AAAA,MARDC,MAQC,QARDA,MAQC;AAAA,0BAPDC,OAOC;AAAA,MAPDA,OAOC,6BAPS,CAOT;AAAA,MANDC,WAMC,QANDA,WAMC;AAAA,MALDC,UAKC,QALDA,UAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,IAGF;;AACH,sBACE,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAED;AAAvC,kBACE,6BAAC,2BAAD;AACE,IAAA,SAAS,EAAE,yBAAW,kBAAX,EAA+B;AACxC,oCAA8BH;AADU,KAA/B;AADb,KAIMI,IAJN;AAKE,IAAA,GAAG,EAAER,GALP;AAME,IAAA,OAAO,EAAE,WANX;AAOE,IAAA,OAAO,EAAEI,OAAO,GAAG,CAAV,IAAeD,MAP1B;AAQE,IAAA,SAAS,EAAEC,OAAO,GAAG;AARvB,MAUGF,IAAI,iBACHO,eAAMC,YAAN,CAAmBR,IAAnB,EAAyB;AACvBK,IAAAA,SAAS,EAAE,yBAAW,wBAAX;AADY,GAAzB,CAXJ,EAcGN,KAAK,iBACJ,6BAAC,gCAAD;AACE,IAAA,KAAK,EAAC,WADR;AAEE,IAAA,MAAM,EAAC,QAFT;AAGE,IAAA,SAAS,EAAE,yBAHb;AAIE,IAAA,OAAO,EAAEG,OAAO,GAAG,CAAV,IAAeD;AAJ1B,KAMGF,KANH,CAfJ,EAwBGG,OAAO,GAAG,CAAV,gBACC,6BAAC,kCAAD;AAA4B,IAAA,SAAS,EAAE;AAAvC,KACGA,OADH,CADD,GAIG,IA5BN,CADF,EA+BGA,OAAO,GAAG,CAAV,gBACC,6BAAC,gBAAD;AACE,IAAA,KAAK,YAAKC,WAAL,CADP;AAEE,IAAA,sBAAsB,EAAC;AAFzB,kBAIE,6BAAC,gCAAD;AACE,IAAA,OAAO,EAAC,cADV;AAEE,IAAA,SAAS,EAAC,yBAFZ;AAGE,IAAA,OAAO,EAAEC;AAHX,kBAKE,6BAAC,mBAAD,OALF,CAJF,CADD,GAaG,IA5CN,CADF;AAgDD,CA9D0B,CAAtB;;AAiEPP,aAAa,CAACY,WAAd,GAA4B,eAA5B","sourcesContent":["import React, { forwardRef, ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { Tooltip } from \"../Tooltip/Tooltip\";\nimport CloseSmallIcon from \"../Icons/collection/CloseSmall\";\nimport {\n  StyledCounterButton,\n  StyledCounterButtonCounter,\n  StyledCounterButtonLabel,\n  StyledCounterButtonReset,\n  StyledCounterButtonWrapper,\n} from \"./Styles\";\n\nexport interface ICounterButtonProps {\n  /** Set active state */\n  active?: boolean;\n  /** Label for value */\n  label?: string;\n  /** Icon */\n  icon?: ReactElement;\n  /** Number of applied filters */\n  counter?: number;\n  /** OnClearAll callback */\n  onClearAll: (event?) => void;\n  /** Tooltip content */\n  tooltipText?: string;\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const CounterButton = forwardRef<HTMLButtonElement, ICounterButtonProps>(\n  (\n    {\n      label,\n      icon,\n      active,\n      counter = 0,\n      tooltipText,\n      onClearAll,\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledCounterButtonWrapper className={className}>\n        <StyledCounterButton\n          className={classNames(\"c-counter-button\", {\n            \"c-counter-button__selected\": counter,\n          })}\n          {...args}\n          ref={ref}\n          variant={\"text gray\"}\n          $active={counter > 0 || active}\n          $selected={counter > 0}\n        >\n          {icon &&\n            React.cloneElement(icon, {\n              className: classNames(\"c-counter-button__icon\"),\n            })}\n          {label && (\n            <StyledCounterButtonLabel\n              color=\"secondary\"\n              weight=\"medium\"\n              className={\"c-counter-button__label\"}\n              $active={counter > 0 || active}\n            >\n              {label}\n            </StyledCounterButtonLabel>\n          )}\n          {counter > 0 ? (\n            <StyledCounterButtonCounter className={\"c-counter-button__counter\"}>\n              {counter}\n            </StyledCounterButtonCounter>\n          ) : null}\n        </StyledCounterButton>\n        {counter > 0 ? (\n          <Tooltip\n            title={`${tooltipText}`}\n            popperTooltipClassName=\"z-index-1300\"\n          >\n            <StyledCounterButtonReset\n              variant=\"text colored\"\n              className=\"c-counter-button__reset\"\n              onClick={onClearAll}\n            >\n              <CloseSmallIcon />\n            </StyledCounterButtonReset>\n          </Tooltip>\n        ) : null}\n      </StyledCounterButtonWrapper>\n    );\n  }\n);\n\nCounterButton.displayName = \"CounterButton\";\n"],"file":"CounterButton.js"}

package/dist/cjs/components/Filter/Filter.js

@@ -0,0 +1,228 @@
+"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
+});
+exports.Filter = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactFocusLock = require("react-focus-lock");
+
+var _Submenu = require("./Submenu");
+
+var _StartMenu = require("./StartMenu");
+
+var _Icons = require("../Icons");
+
+var _Transitions = require("../Transitions");
+
+var _Select = require("../Select");
+
+var _CounterButton = require("../CounterButton");
+
+var _Button = require("../Button");
+
+var _Styles = require("./Styles");
+
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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; }
+
+var Filter = function Filter(_ref) {
+  var data = _ref.data,
+      selected = _ref.selected,
+      label = _ref.label,
+      clearAllText = _ref.clearAllText,
+      _ref$resetLabel = _ref.resetLabel,
+      resetLabel = _ref$resetLabel === void 0 ? "Reset" : _ref$resetLabel,
+      onChange = _ref.onChange,
+      _ref$width = _ref.width,
+      width = _ref$width === void 0 ? 260 : _ref$width,
+      noResultText = _ref.noResultText,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      open = _useState2[0],
+      setOpen = _useState2[1];
+
+  var _useState3 = (0, _react.useState)("index"),
+      _useState4 = _slicedToArray(_useState3, 2),
+      menu = _useState4[0],
+      setMenu = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isLeft = _useState6[0],
+      setIsLeft = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(0),
+      _useState8 = _slicedToArray(_useState7, 2),
+      height = _useState8[0],
+      setHeight = _useState8[1];
+
+  var _useState9 = (0, _react.useState)("index"),
+      _useState10 = _slicedToArray(_useState9, 2),
+      enteredMenu = _useState10[0],
+      setEnteredMenu = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(function () {
+    return selected;
+  }),
+      _useState12 = _slicedToArray(_useState11, 2),
+      filter = _useState12[0],
+      setFilter = _useState12[1];
+
+  var handleOpen = (0, _react.useCallback)(function () {
+    setOpen(true);
+  }, []);
+  var handleClose = (0, _react.useCallback)(function () {
+    setOpen(false);
+    setMenu("index");
+    setHeight(0);
+  }, []);
+  var handleHeight = (0, _react.useCallback)(function (element) {
+    var _element$offsetHeight;
+
+    setHeight((_element$offsetHeight = element === null || element === void 0 ? void 0 : element.offsetHeight) !== null && _element$offsetHeight !== void 0 ? _element$offsetHeight : 0);
+  }, []);
+  var handleItemClick = (0, _react.useCallback)(function (value) {
+    setMenu(value);
+    setIsLeft(true);
+  }, []);
+  var setIndex = (0, _react.useCallback)(function () {
+    setMenu("index");
+    setIsLeft(false);
+  }, []);
+  var handleChange = (0, _react.useCallback)(function (selectedArray) {
+    var newFilters = {};
+
+    if (selectedArray.length) {
+      newFilters = _objectSpread(_objectSpread({}, filter), {}, _defineProperty({}, menu, selectedArray));
+    } else {
+      newFilters = _objectSpread({}, filter);
+      delete newFilters[menu];
+    }
+
+    setFilter(newFilters);
+    onChange(newFilters);
+  }, [filter, menu, onChange]);
+  var handleClearAll = (0, _react.useCallback)(function (event) {
+    event.stopPropagation();
+    setFilter({});
+    onChange({});
+  }, [onChange]);
+  var handleReset = (0, _react.useCallback)(function () {
+    var newFilters = _objectSpread({}, filter);
+
+    delete newFilters[menu];
+    setFilter(newFilters);
+    onChange(newFilters);
+  }, [filter, menu, onChange]);
+  var count = (0, _react.useMemo)(function () {
+    var c = 0;
+    Object.values(filter).forEach(function (entry) {
+      return c += entry.length;
+    });
+    return c;
+  }, [filter]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
+    open: open,
+    onOpen: handleOpen,
+    onClose: handleClose,
+    position: "bottom-end",
+    target: /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+      active: open,
+      label: label,
+      icon: /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null),
+      counter: count,
+      tooltipText: clearAllText,
+      onClearAll: handleClearAll
+    })
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.ResizeTransition, {
+    in: true
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: height,
+      width: width
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+    in: menu === "index",
+    direction: isLeft ? "left" : "right",
+    onEnter: handleHeight,
+    onEntered: function onEntered() {
+      return setEnteredMenu("index");
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, null, /*#__PURE__*/_react.default.createElement(_StartMenu.StartMenu, {
+    data: data,
+    selected: filter,
+    style: {
+      width: width
+    },
+    onHeightChange: setHeight,
+    onItemClick: handleItemClick
+  }, children))), data.map(function (_ref2, index) {
+    var _filter$id;
+
+    var id = _ref2.id,
+        title = _ref2.title,
+        submenu = _ref2.submenu,
+        searchPlaceholder = _ref2.searchPlaceholder;
+    return /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+      key: "filter-submenu-".concat(index),
+      in: menu === id,
+      direction: isLeft ? "left" : "right",
+      onEnter: handleHeight,
+      onEntered: function onEntered() {
+        return setEnteredMenu(id);
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Submenu.Submenu, {
+      title: title,
+      onBack: setIndex,
+      onHeightChange: setHeight,
+      style: {
+        width: width
+      }
+    }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, {
+      disabled: enteredMenu !== id
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      options: submenu,
+      selected: filter[id],
+      onChange: handleChange,
+      type: "multiple",
+      autoHeightMax: 255,
+      placeholder: searchPlaceholder,
+      noResultText: noResultText,
+      keepSameOptionsOrder: Boolean(submenu.length <= 7),
+      disableSearch: Boolean(submenu.length <= 7)
+    }), (_filter$id = filter[id]) !== null && _filter$id !== void 0 && _filter$id.length ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuFooter, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      variant: "text colored",
+      size: "small",
+      onClick: handleReset
+    }, resetLabel)) : null)));
+  }))));
+};
+
+exports.Filter = Filter;
+//# sourceMappingURL=Filter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Filter.tsx"],"names":["Filter","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","children","open","setOpen","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","handleOpen","handleClose","handleHeight","element","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","length","handleClearAll","event","stopPropagation","handleReset","count","c","Object","values","forEach","entry","map","index","id","title","submenu","searchPlaceholder","Boolean"],"mappings":"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","sourcesContent":["import React, { FC, useCallback, useMemo, useState } from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\nimport { Submenu } from \"./Submenu\";\nimport { StartMenu } from \"./StartMenu\";\nimport { FilterIcon } from \"../Icons\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { CounterButton } from \"../CounterButton\";\nimport { Button } from \"../Button\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n};\n\nexport type SelectedType = {\n  [key: number | string]: Array<string>;\n};\n\nexport interface FilterProps {\n  /** Data rendered in submenus */\n  data: Array<DataType>;\n  /** Selected data inside submenus */\n  selected: SelectedType;\n  /** Main filter label */\n  label: string;\n  /** Filter width */\n  width?: number;\n  /** Text displayed for the tooltip of clear all button */\n  clearAllText: string;\n  /** Handler for changes on the filter */\n  onChange: (selected: SelectedType) => void;\n  /** Label for reset button inside submenu */\n  resetLabel?: string;\n  /** Text to show when search results are empty */\n  noResultText: string;\n}\n\nexport const Filter: FC<FilterProps> = ({\n  data,\n  selected,\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  children,\n}) => {\n  const [open, setOpen] = useState(false);\n  const [menu, setMenu] = useState<number | string>(\"index\");\n  const [isLeft, setIsLeft] = useState(true);\n  const [height, setHeight] = useState(0);\n  const [enteredMenu, setEnteredMenu] = useState<number | string>(\"index\");\n  const [filter, setFilter] = useState<SelectedType>(() => selected);\n\n  const handleOpen = useCallback(() => {\n    setOpen(true);\n  }, []);\n\n  const handleClose = useCallback(() => {\n    setOpen(false);\n    setMenu(\"index\");\n    setHeight(0);\n  }, []);\n\n  const handleHeight = useCallback((element) => {\n    setHeight(element?.offsetHeight ?? 0);\n  }, []);\n\n  const handleItemClick = useCallback((value) => {\n    setMenu(value);\n    setIsLeft(true);\n  }, []);\n\n  const setIndex = useCallback(() => {\n    setMenu(\"index\");\n    setIsLeft(false);\n  }, []);\n\n  const handleChange = useCallback(\n    (selectedArray) => {\n      let newFilters = {};\n      if (selectedArray.length) {\n        newFilters = {\n          ...filter,\n          [menu]: selectedArray,\n        };\n      } else {\n        newFilters = { ...filter };\n        delete newFilters[menu];\n      }\n\n      setFilter(newFilters);\n      onChange(newFilters);\n    },\n    [filter, menu, onChange]\n  );\n\n  const handleClearAll = useCallback(\n    (event) => {\n      event.stopPropagation();\n      setFilter({});\n      onChange({});\n    },\n    [onChange]\n  );\n\n  const handleReset = useCallback(() => {\n    const newFilters = { ...filter };\n    delete newFilters[menu];\n    setFilter(newFilters);\n    onChange(newFilters);\n  }, [filter, menu, onChange]);\n\n  const count = useMemo(() => {\n    let c = 0;\n    Object.values(filter).forEach((entry) => (c += entry.length));\n    return c;\n  }, [filter]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position=\"bottom-end\"\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={<FilterIcon />}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n        />\n      }\n    >\n      <ResizeTransition in>\n        <div style={{ height, width }}>\n          <SlideLeftRightTransition\n            in={menu === \"index\"}\n            direction={isLeft ? \"left\" : \"right\"}\n            onEnter={handleHeight}\n            onEntered={() => setEnteredMenu(\"index\")}\n          >\n            <MoveFocusInside>\n              <StartMenu\n                data={data}\n                selected={filter}\n                style={{ width }}\n                onHeightChange={setHeight}\n                onItemClick={handleItemClick}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {data.map(\n            (\n              { id, title, submenu, searchPlaceholder }: DataType,\n              index: number\n            ) => (\n              <SlideLeftRightTransition\n                key={`filter-submenu-${index}`}\n                in={menu === id}\n                direction={isLeft ? \"left\" : \"right\"}\n                onEnter={handleHeight}\n                onEntered={() => setEnteredMenu(id)}\n              >\n                <Submenu\n                  title={title}\n                  onBack={setIndex}\n                  onHeightChange={setHeight}\n                  style={{ width }}\n                >\n                  <MoveFocusInside disabled={enteredMenu !== id}>\n                    <Select\n                      options={submenu}\n                      selected={filter[id]}\n                      onChange={handleChange}\n                      type=\"multiple\"\n                      autoHeightMax={255}\n                      placeholder={searchPlaceholder}\n                      noResultText={noResultText}\n                      keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                      disableSearch={Boolean(submenu.length <= 7)}\n                    />\n                    {filter[id]?.length ? (\n                      <StyledMenuFooter>\n                        <Button\n                          variant=\"text colored\"\n                          size=\"small\"\n                          onClick={handleReset}\n                        >\n                          {resetLabel}\n                        </Button>\n                      </StyledMenuFooter>\n                    ) : null}\n                  </MoveFocusInside>\n                </Submenu>\n              </SlideLeftRightTransition>\n            )\n          )}\n        </div>\n      </ResizeTransition>\n    </StyledMenu>\n  );\n};\n"],"file":"Filter.js"}

package/dist/cjs/components/Filter/StartMenu.js

@@ -0,0 +1,60 @@
+"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
+});
+exports.StartMenu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Icons = require("../Icons");
+
+var _Styles = require("./Styles");
+
+var _utils = require("../../utils");
+
+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 StartMenu = function StartMenu(_ref) {
+  var data = _ref.data,
+      selected = _ref.selected,
+      onItemClick = _ref.onItemClick,
+      style = _ref.style,
+      onHeightChange = _ref.onHeightChange,
+      children = _ref.children;
+  var ref = (0, _react.useRef)(null);
+  var dimensions = (0, _utils.useResizeObserver)(ref);
+  var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+  (0, _react.useEffect)(function () {
+    if (height && height > 0) {
+      onHeightChange(height);
+    }
+  }, [height, onHeightChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuList, null, data.map(function (_ref2, index) {
+    var _selected$id;
+
+    var id = _ref2.id,
+        title = _ref2.title,
+        submenu = _ref2.submenu;
+    var count = (_selected$id = selected[id]) === null || _selected$id === void 0 ? void 0 : _selected$id.length;
+
+    if (submenu !== null && submenu !== void 0 && submenu.length) {
+      return /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuListItem, {
+        key: "filter-list-item-".concat(index),
+        onClick: function onClick() {
+          return onItemClick(id);
+        }
+      }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuDot, null, count) : null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null));
+    }
+  }), children));
+};
+
+exports.StartMenu = StartMenu;
+//# sourceMappingURL=StartMenu.js.map

package/dist/cjs/components/Filter/StartMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/StartMenu.tsx"],"names":["StartMenu","data","selected","onItemClick","style","onHeightChange","children","ref","dimensions","height","map","index","id","title","submenu","count","length"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AAMA;;;;;;AASO,IAAMA,SAA8D,GAAG,SAAjEA,SAAiE,OAOxE;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,WAII,QAJJA,WAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,cAEI,QAFJA,cAEI;AAAA,MADJC,QACI,QADJA,QACI;AACJ,MAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;AACA,MAAMC,UAAU,GAAG,8BAAkBD,GAAlB,CAAnB;AACA,MAAME,MAAM,GAAGD,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEC,MAA3B;AAEA,wBAAU,YAAM;AACd,QAAIA,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBJ,MAAAA,cAAc,CAACI,MAAD,CAAd;AACD;AACF,GAJD,EAIG,CAACA,MAAD,EAASJ,cAAT,CAJH;AAMA,sBACE;AAAK,IAAA,KAAK,EAAED,KAAZ;AAAmB,IAAA,GAAG,EAAEG;AAAxB,kBACE,6BAAC,2BAAD,QACGN,IAAI,CAACS,GAAL,CAAS,iBAAyBC,KAAzB,EAA2C;AAAA;;AAAA,QAAxCC,EAAwC,SAAxCA,EAAwC;AAAA,QAApCC,KAAoC,SAApCA,KAAoC;AAAA,QAA7BC,OAA6B,SAA7BA,OAA6B;AACnD,QAAMC,KAAK,mBAAGb,QAAQ,CAACU,EAAD,CAAX,iDAAG,aAAcI,MAA5B;;AACA,QAAIF,OAAJ,aAAIA,OAAJ,eAAIA,OAAO,CAAEE,MAAb,EAAqB;AACnB,0BACE,6BAAC,+BAAD;AACE,QAAA,GAAG,6BAAsBL,KAAtB,CADL;AAEE,QAAA,OAAO,EAAE;AAAA,iBAAMR,WAAW,CAACS,EAAD,CAAjB;AAAA;AAFX,sBAIE,6BAAC,4BAAD,QAAuBC,KAAvB,CAJF,EAKGE,KAAK,GAAG,CAAR,gBACC,6BAAC,0BAAD,QAAqBA,KAArB,CADD,GAEG,IAPN,eAQE,6BAAC,qBAAD,OARF,CADF;AAYD;AACF,GAhBA,CADH,EAkBGT,QAlBH,CADF,CADF;AAwBD,CA1CM","sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\nimport { ArrowRightIcon } from \"../Icons\";\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuDot,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  children,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <StyledStartMenuList>\n        {data.map(({ id, title, submenu }, index: number) => {\n          const count = selected[id]?.length;\n          if (submenu?.length) {\n            return (\n              <StyledStartMenuListItem\n                key={`filter-list-item-${index}`}\n                onClick={() => onItemClick(id)}\n              >\n                <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                {count > 0 ? (\n                  <StyledStartMenuDot>{count}</StyledStartMenuDot>\n                ) : null}\n                <ArrowRightIcon />\n              </StyledStartMenuListItem>\n            );\n          }\n        })}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"file":"StartMenu.js"}

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

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledStartMenuTitle = exports.StyledStartMenuListItem = exports.StyledStartMenuList = exports.StyledStartMenuDot = exports.StyledMenuFooter = exports.StyledMenu = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _Menu = require("../Menu");
+
+var _List = require("../List");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
+  displayName: "Styles__StyledMenu",
+  componentId: "sc-lxuoiz-0"
+})(["", " ", ""], {
+  "position": "relative"
+}, {
+  "overflow": "hidden"
+});
+exports.StyledMenu = StyledMenu;
+var StyledMenuFooter = (0, _styledComponents.default)(_Menu.MenuFooter).withConfig({
+  displayName: "Styles__StyledMenuFooter",
+  componentId: "sc-lxuoiz-1"
+})(["", ""], {
+  "justifyContent": "center"
+});
+exports.StyledMenuFooter = StyledMenuFooter;
+var StyledStartMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+  displayName: "Styles__StyledStartMenuList",
+  componentId: "sc-lxuoiz-2"
+})(["", ""], {
+  "paddingTop": "0.5rem",
+  "paddingBottom": "0.5rem"
+});
+exports.StyledStartMenuList = StyledStartMenuList;
+var StyledStartMenuListItem = (0, _styledComponents.default)(_List.ListItem).withConfig({
+  displayName: "Styles__StyledStartMenuListItem",
+  componentId: "sc-lxuoiz-3"
+})(["", ""], {
+  "paddingRight": "0.75rem"
+});
+exports.StyledStartMenuListItem = StyledStartMenuListItem;
+
+var StyledStartMenuTitle = _styledComponents.default.div.withConfig({
+  displayName: "Styles__StyledStartMenuTitle",
+  componentId: "sc-lxuoiz-4"
+})(["", ""], {
+  "flex": "1 1 0%"
+});
+
+exports.StyledStartMenuTitle = StyledStartMenuTitle;
+
+var StyledStartMenuDot = _styledComponents.default.span.withConfig({
+  displayName: "Styles__StyledStartMenuDot",
+  componentId: "sc-lxuoiz-5"
+})(["border-radius:50%;background-color:var(--color-primary);color:var(--page-paper-main);line-height:15px;width:15px;font-weight:bold;font-size:10px;text-align:center;margin-left:4px;"]);
+
+exports.StyledStartMenuDot = StyledStartMenuDot;
+StyledMenu.displayName = "StyledMenu";
+StyledMenuFooter.displayName = "StyledMenuFooter";
+StyledStartMenuList.displayName = "StyledStartMenuList";
+StyledStartMenuListItem.displayName = "StyledStartMenuListItem";
+StyledStartMenuTitle.displayName = "StyledStartMenuTitle";
+StyledStartMenuDot.displayName = "StyledStartMenuDot";
+//# sourceMappingURL=Styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Styles.ts"],"names":["StyledMenu","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","styled","div","StyledStartMenuDot","span","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAGO,IAAMA,UAAU,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,kBACjB;AAAA;AAAA,CADiB,EAEjB;AAAA;AAAA,CAFiB,CAAhB;;AAKA,IAAMC,gBAAgB,GAAG,+BAAOC,gBAAP,CAAH;AAAA;AAAA;AAAA,aACvB;AAAA;AAAA,CADuB,CAAtB;;AAIA,IAAMC,mBAAmB,GAAG,+BAAOC,UAAP,CAAH;AAAA;AAAA;AAAA,aAC1B;AAAA;AAAA;AAAA,CAD0B,CAAzB;;AAIA,IAAMC,uBAAuB,GAAG,+BAAOC,cAAP,CAAH;AAAA;AAAA;AAAA,aAC9B;AAAA;AAAA,CAD8B,CAA7B;;;AAIA,IAAMC,oBAAoB,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,aAC3B;AAAA;AAAA,CAD2B,CAA1B;;;;AAIA,IAAMC,kBAAkB,GAAGF,0BAAOG,IAAV;AAAA;AAAA;AAAA,2LAAxB;;;AAYPZ,UAAU,CAACa,WAAX,GAAyB,YAAzB;AACAX,gBAAgB,CAACW,WAAjB,GAA+B,kBAA/B;AACAT,mBAAmB,CAACS,WAApB,GAAkC,qBAAlC;AACAP,uBAAuB,CAACO,WAAxB,GAAsC,yBAAtC;AACAL,oBAAoB,CAACK,WAArB,GAAmC,sBAAnC;AACAF,kBAAkB,CAACE,WAAnB,GAAiC,oBAAjC","sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, IListItem, List, IList } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<IList>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<IListItem>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\n"],"file":"Styles.js"}

package/dist/cjs/components/Filter/Submenu.js

@@ -0,0 +1,52 @@
+"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
+});
+exports.Submenu = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Menu = require("../Menu");
+
+var _Button = require("../Button");
+
+var _Icons = require("../Icons");
+
+var _utils = require("../../utils");
+
+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 Submenu = function Submenu(_ref) {
+  var onBack = _ref.onBack,
+      onHeightChange = _ref.onHeightChange,
+      style = _ref.style,
+      children = _ref.children,
+      title = _ref.title;
+  var ref = (0, _react.useRef)(null);
+  var dimensions = (0, _utils.useResizeObserver)(ref);
+  var height = dimensions === null || dimensions === void 0 ? void 0 : dimensions.height;
+  (0, _react.useEffect)(function () {
+    if (height && height > 0) {
+      onHeightChange(height);
+    }
+  }, [height, onHeightChange]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: style,
+    ref: ref
+  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, {
+    title: title,
+    leftElement: /*#__PURE__*/_react.default.createElement(_Button.Button, {
+      onClick: onBack,
+      variant: "text gray",
+      size: "small"
+    }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowLeftIcon, null))
+  }), children);
+};
+
+exports.Submenu = Submenu;
+//# sourceMappingURL=Submenu.js.map

package/dist/cjs/components/Filter/Submenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/Submenu.tsx"],"names":["Submenu","onBack","onHeightChange","style","children","title","ref","dimensions","height"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAQO,IAAMA,OAA0D,GAAG,SAA7DA,OAA6D,OAMpE;AAAA,MALJC,MAKI,QALJA,MAKI;AAAA,MAJJC,cAII,QAJJA,cAII;AAAA,MAHJC,KAGI,QAHJA,KAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADJC,KACI,QADJA,KACI;AACJ,MAAMC,GAAG,GAAG,mBAAO,IAAP,CAAZ;AACA,MAAMC,UAAU,GAAG,8BAAkBD,GAAlB,CAAnB;AACA,MAAME,MAAM,GAAGD,UAAH,aAAGA,UAAH,uBAAGA,UAAU,CAAEC,MAA3B;AAEA,wBAAU,YAAM;AACd,QAAIA,MAAM,IAAIA,MAAM,GAAG,CAAvB,EAA0B;AACxBN,MAAAA,cAAc,CAACM,MAAD,CAAd;AACD;AACF,GAJD,EAIG,CAACA,MAAD,EAASN,cAAT,CAJH;AAMA,sBACE;AAAK,IAAA,KAAK,EAAEC,KAAZ;AAAmB,IAAA,GAAG,EAAEG;AAAxB,kBACE,6BAAC,gBAAD;AACE,IAAA,KAAK,EAAED,KADT;AAEE,IAAA,WAAW,eACT,6BAAC,cAAD;AAAQ,MAAA,OAAO,EAAEJ,MAAjB;AAAyB,MAAA,OAAO,EAAC,WAAjC;AAA6C,MAAA,IAAI,EAAC;AAAlD,oBACE,6BAAC,oBAAD,OADF;AAHJ,IADF,EASGG,QATH,CADF;AAaD,CA9BM","sourcesContent":["import React, { useRef, useEffect, FC, HTMLAttributes } from \"react\";\nimport { MenuHeader } from \"../Menu\";\nimport { Button } from \"../Button\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { useResizeObserver } from \"../../utils\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange: (height: number) => void;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0) {\n      onHeightChange(height);\n    }\n  }, [height, onHeightChange]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <Button onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </Button>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"file":"Submenu.js"}

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

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Filter = require("./Filter");
+
+Object.keys(_Filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Filter[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Filter/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Filter\";\n"],"file":"index.js"}

package/dist/cjs/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["ListItem","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBACtB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,sBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BD,SAA1B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBqB,CAAjB;;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\ninterface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}
+{"version":3,"sources":["../../../../src/components/List/ListItem.tsx"],"names":["ListItem","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,QAAQ,gBAAG,uBACtB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,sBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,aAAX,EAA0BD,SAA1B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBqB,CAAjB;;AAqBPF,QAAQ,CAACK,WAAT,GAAuB,UAAvB","sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"file":"ListItem.js"}

package/dist/cjs/components/Menu/MenuFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["MenuFooter","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BD,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBuB,CAAnB;;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\ninterface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}
+{"version":3,"sources":["../../../../src/components/Menu/MenuFooter.tsx"],"names":["MenuFooter","ref","children","className","props","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;;;;;;;;;AAOO,IAAMA,UAAU,gBAAG,uBACxB,gBAMEC,GANF,EAOK;AAAA,MALDC,QAKC,QALDA,QAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,MAHEC,KAGF;;AACH,sBACE,6BAAC,wBAAD,eACMA,KADN;AAEE,IAAA,SAAS,EAAE,yBAAW,eAAX,EAA4BD,SAA5B,CAFb;AAGE,IAAA,GAAG,EAAEF;AAHP,MAKGC,QALH,CADF;AASD,CAlBuB,CAAnB;;AAqBPF,UAAU,CAACK,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  ReactNodeArray,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledMenuFooter } from \"./Styles\";\n\nexport interface IMenuFooter {\n  className?: string;\n  children?: ReactNode | ReactNodeArray;\n}\n\nexport const MenuFooter = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IMenuFooter & HTMLAttributes<HTMLDivElement>,\n    ref: Ref<HTMLDivElement>\n  ) => {\n    return (\n      <StyledMenuFooter\n        {...props}\n        className={classnames(\"c-menu-footer\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledMenuFooter>\n    );\n  }\n);\n\nMenuFooter.displayName = \"MenuFooter\";\n"],"file":"MenuFooter.js"}

package/dist/cjs/components/Select/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["Option","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AA0BO,IAAMA,MAAM,gBAAG,uBACpB,gBAUEC,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,0BAHDC,OAGC;AAAA,MAHDA,OAGC,6BAHS;AAAA,WAAM,IAAN;AAAA,GAGT;AACH,MAAMC,kBAAkB,GAAG,wBAAY,YAAM;AAC3C,QAAIF,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJ0B,EAIxB,CAACK,YAAD,EAAeL,EAAf,CAJwB,CAA3B;AAMA,sBACE,6BAAC,oBAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEM,kBAHhB;AAIE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBJ,SAAvB,CAJb;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,OAAO,EAAEI;AANX,KAQGF,YAAY,GAAGA,YAAH,GAAkBH,IARjC,CADF;AAYD,CA/BmB,CAAf;;AAkCPH,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}
+{"version":3,"sources":["../../../../../src/components/Select/Option/Option.tsx"],"names":["Option","ref","id","name","hover","className","renderOption","onMouseEnter","onClick","handleOnMouseEnter","displayName"],"mappings":";;;;;;;;;AAAA;;AAOA;;AACA;;;;;;;;AA4BO,IAAMA,MAAM,gBAAG,uBACpB,gBAUEC,GAVF,EAWK;AAAA,MATDC,EASC,QATDA,EASC;AAAA,MARDC,IAQC,QARDA,IAQC;AAAA,MAPDC,KAOC,QAPDA,KAOC;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDC,YAKC,QALDA,YAKC;AAAA,MAJDC,YAIC,QAJDA,YAIC;AAAA,0BAHDC,OAGC;AAAA,MAHDA,OAGC,6BAHS;AAAA,WAAM,IAAN;AAAA,GAGT;AACH,MAAMC,kBAAkB,GAAG,wBAAY,YAAM;AAC3C,QAAIF,YAAJ,EAAkB;AAChBA,MAAAA,YAAY,CAACL,EAAD,CAAZ;AACD;AACF,GAJ0B,EAIxB,CAACK,YAAD,EAAeL,EAAf,CAJwB,CAA3B;AAMA,sBACE,6BAAC,oBAAD;AACE,IAAA,GAAG,EAAEE,KAAK,GAAGH,GAAH,GAAS,IADrB;AAEE,IAAA,KAAK,EAAEE,IAFT;AAGE,IAAA,YAAY,EAAEM,kBAHhB;AAIE,IAAA,SAAS,EAAE,yBAAW,UAAX,EAAuBJ,SAAvB,CAJb;AAKE,IAAA,KAAK,EAAED,KALT;AAME,IAAA,OAAO,EAAEI;AANX,KAQGF,YAAY,GAAGA,YAAH,GAAkBH,IARjC,CADF;AAYD,CA/BmB,CAAf;;AAkCPH,MAAM,CAACU,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  forwardRef,\n  MouseEventHandler,\n  ReactNode,\n  Ref,\n  useCallback,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledOption } from \"./Styles\";\n\nexport interface IOptionItemProps {\n  /** Value of option */\n  id: string | number;\n  /** Label of option */\n  name: string;\n  /** Additional info right-side of name */\n  additionalInfo?: string;\n}\n\ninterface IAdditionalOptionItemProps {\n  /** Value of option */\n  id?: string | number;\n  /** Label of option */\n  name: string;\n  /** Hovered state */\n  hover?: boolean;\n  /** Class name of option */\n  className?: string;\n  /** Render option function */\n  renderOption?: ReactNode;\n  /** On mouse enter callback */\n  onMouseEnter?: (e: string | number | undefined) => void;\n  /** On mouse click */\n  onClick?: MouseEventHandler<HTMLLIElement>;\n}\n\nexport const Option = forwardRef(\n  (\n    {\n      id,\n      name,\n      hover,\n      className,\n      renderOption,\n      onMouseEnter,\n      onClick = () => null,\n    }: IAdditionalOptionItemProps,\n    ref: Ref<HTMLLIElement>\n  ) => {\n    const handleOnMouseEnter = useCallback(() => {\n      if (onMouseEnter) {\n        onMouseEnter(id);\n      }\n    }, [onMouseEnter, id]);\n\n    return (\n      <StyledOption\n        ref={hover ? ref : null}\n        title={name}\n        onMouseEnter={handleOnMouseEnter}\n        className={classnames(\"c-option\", className)}\n        hover={hover}\n        onClick={onClick}\n      >\n        {renderOption ? renderOption : name}\n      </StyledOption>\n    );\n  }\n);\n\nOption.displayName = \"Option\";\n"],"file":"Option.js"}

package/dist/cjs/components/Select/OptionContent/Styles.js

@@ -16,7 +16,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var StyledOptionContentWrapper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledOptionContentWrapper",
   componentId: "sc-6fiqyy-0"
-})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;"]);
+})(["display:flex;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-items:center;height:100%;flex-grow:1;"]);
 
 exports.StyledOptionContentWrapper = StyledOptionContentWrapper;
 StyledOptionContentWrapper.displayName = "StyledOptionContentWrapper";

package/dist/cjs/components/Select/OptionContent/Styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["StyledOptionContentWrapper","styled","div","displayName","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":";;;;;;;;;AAAA;;;;;;AAGO,IAAMA,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,8GAAhC;;;AASPF,0BAA0B,CAACG,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,QAEAC,qBAFA,8BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;;;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;;AAEO,IAAMM,gBAAgB,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,QACAH,qBADA,mBAEWH,KAAK,CAACM,SAFjB,CADA;AAAA,CALyB,CAAtB;;;AAYPF,gBAAgB,CAACN,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMS,oBAAoB,GAAGX,0BAAOS,IAAV;AAAA;AAAA;AAAA,wDAA1B;;;AAMPE,oBAAoB,CAACT,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../../src/components/Select/OptionContent/Styles.ts"],"names":["StyledOptionContentWrapper","styled","div","displayName","StyledOptionIndicator","props","backgroundColor","children","css","StyledOptionText","span","textColor","StyledAdditionalInfo"],"mappings":";;;;;;;;;AAAA;;;;;;AAGO,IAAMA,0BAA0B,GAAGC,0BAAOC,GAAV;AAAA;AAAA;AAAA,0HAAhC;;;AAUPF,0BAA0B,CAACG,WAA3B,GAAyC,4BAAzC;;AAEO,IAAMC,qBAAqB,GAAGH,0BAAOC,GAAV;AAAA;AAAA;AAAA,sFAM9B,UAACG,KAAD;AAAA,SACAA,KAAK,CAACC,eAAN,IACA,CAACD,KAAK,CAACE,QADP,QAEAC,qBAFA,8BAGsBH,KAAK,CAACC,eAH5B,CADA;AAAA,CAN8B,CAA3B;;;AAcPF,qBAAqB,CAACD,WAAtB,GAAoC,uBAApC;;AAEO,IAAMM,gBAAgB,GAAGR,0BAAOS,IAAV;AAAA;AAAA;AAAA,kEACvB;AAAA;AAAA;AAAA;AAAA,CADuB,EAKzB,UAACL,KAAD;AAAA,SACAA,KAAK,CAACM,SAAN,QACAH,qBADA,mBAEWH,KAAK,CAACM,SAFjB,CADA;AAAA,CALyB,CAAtB;;;AAYPF,gBAAgB,CAACN,WAAjB,GAA+B,kBAA/B;;AAEO,IAAMS,oBAAoB,GAAGX,0BAAOS,IAAV;AAAA;AAAA;AAAA,wDAA1B;;;AAMPE,oBAAoB,CAACT,WAArB,GAAmC,sBAAnC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledOptionContentWrapper = styled.div`\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  align-items: center;\n  height: 100%;\n  flex-grow: 1;\n`;\n\nStyledOptionContentWrapper.displayName = \"StyledOptionContentWrapper\";\n\nexport const StyledOptionIndicator = styled.div<{ backgroundColor?: string }>`\n  height: 24px;\n  width: 24px;\n  border-radius: 100%;\n  margin-right: 8px;\n  flex-shrink: 0;\n  ${(props) =>\n    props.backgroundColor &&\n    !props.children &&\n    css`\n      background-color: ${props.backgroundColor};\n    `}\n`;\n\nStyledOptionIndicator.displayName = \"StyledOptionIndicator\";\n\nexport const StyledOptionText = styled.span<{ textColor?: string }>`\n  ${tw`tw-truncate`}\n  flex-grow: 1;\n  line-height: 28px;\n  padding-right: 10px;\n  ${(props) =>\n    props.textColor &&\n    css`\n      color: ${props.textColor};\n    `}\n`;\n\nStyledOptionText.displayName = \"StyledOptionText\";\n\nexport const StyledAdditionalInfo = styled.span`\n  margin: 0 0 0 5px;\n  line-height: 18px;\n  flex-shrink: 0;\n`;\n\nStyledAdditionalInfo.displayName = \"StyledAdditionalInfo\";\n"],"file":"Styles.js"}

package/dist/cjs/components/index.js

@@ -835,4 +835,17 @@ Object.keys(_Entity).forEach(function (key) {
     }
   });
 });
+
+var _Filter = require("./Filter");
+
+Object.keys(_Filter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Filter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Filter[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map