@activecollab/components 2.0.90 → 2.0.92

package/dist/esm/components/Expanders/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledExpand","exports","styled","svg","withConfig","displayName","componentId","StyledExpandSingle","props","$expanded","css"],"sources":["../../../../src/components/Expanders/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledExpand = styled.svg`\n  ${tw`tw-fill-current tw-w-6 tw-h-6`}\n`;\n\nStyledExpand.displayName = \"StyledExpand\";\n\nexport const StyledExpandSingle = styled(StyledExpand)<{ $expanded?: boolean }>`\n  ${(props) =>\n    !props.$expanded &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledExpandSingle.displayName = \"StyledExpandSingle\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,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;AAGzC,MAAMY,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChC;EAAA;EAAA;EAAA;AAA8B,CAAC,CACpC;AAEDN,YAAY,CAACK,WAAW,GAAG,cAAc;AAElC,MAAME,kBAAkB,GAAAN,OAAA,CAAAM,kBAAA,GAAG,IAAAL,yBAAM,EAACF,YAAY,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjDE,KAAK,IACN,CAACA,KAAK,CAACC,SAAS,QAChBC,qBAAG,gCAEF,CACJ;AAEDH,kBAAkB,CAACF,WAAW,GAAG,oBAAoB"}
+{"version":3,"file":"Styles.js","names":["styled","css","StyledExpand","svg","withConfig","displayName","componentId","StyledExpandSingle","props","$expanded"],"sources":["../../../../src/components/Expanders/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledExpand = styled.svg`\n  ${tw`tw-fill-current tw-w-6 tw-h-6`}\n`;\n\nStyledExpand.displayName = \"StyledExpand\";\n\nexport const StyledExpandSingle = styled(StyledExpand)<{ $expanded?: boolean }>`\n  ${(props) =>\n    !props.$expanded &&\n    css`\n      transform: rotate(180deg);\n    `}\n`;\n\nStyledExpandSingle.displayName = \"StyledExpandSingle\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,OAAO,MAAMC,YAAY,GAAGF,MAAM,CAACG,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAChC;EAAA;EAAA;EAAA;AAA8B,CAAC,CACpC;AAEDJ,YAAY,CAACG,WAAW,GAAG,cAAc;AAEzC,OAAO,MAAME,kBAAkB,GAAGP,MAAM,CAACE,YAAY,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjDE,KAAK,IACN,CAACA,KAAK,CAACC,SAAS,IAChBR,GAAG,+BAEF,CACJ;AAEDM,kBAAkB,CAACF,WAAW,GAAG,oBAAoB"}

package/dist/esm/components/Expanders/index.js

@@ -1,28 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ExpandSingle = require("./ExpandSingle");
-Object.keys(_ExpandSingle).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ExpandSingle[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ExpandSingle[key];
-    }
-  });
-});
-var _ExpandAll = require("./ExpandAll");
-Object.keys(_ExpandAll).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ExpandAll[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ExpandAll[key];
-    }
-  });
-});
+export * from "./ExpandSingle";
+export * from "./ExpandAll";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/Expanders/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_ExpandSingle","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_ExpandAll"],"sources":["../../../../src/components/Expanders/index.ts"],"sourcesContent":["export * from \"./ExpandSingle\";\nexport * from \"./ExpandAll\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,UAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,UAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,UAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,UAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Expanders/index.ts"],"sourcesContent":["export * from \"./ExpandSingle\";\nexport * from \"./ExpandAll\";\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,aAAa"}

package/dist/esm/components/Filter/Filter.js

@@ -1,24 +1,15 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Filter = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactFocusLock = require("react-focus-lock");
-var _StartMenu = require("./StartMenu");
-var _Styles = require("./Styles");
-var _Submenu = require("./Submenu");
-var _Button = require("../Button");
-var _CounterButton = require("../CounterButton");
-var _Icons = require("../Icons");
-var _Select = require("../Select");
-var _Transitions = require("../Transitions");
-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 Filter = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { MoveFocusInside } from "react-focus-lock";
+import { StartMenu } from "./StartMenu";
+import { StyledMenu, StyledMenuFooter } from "./Styles";
+import { Submenu } from "./Submenu";
+import { Button } from "../Button";
+import { CounterButton } from "../CounterButton";
+import { FilterIcon } from "../Icons";
+import { Select } from "../Select";
+import { ResizeTransition, SlideLeftRightTransition } from "../Transitions";
+export const Filter = _ref => {
   let {
     data,
     selected = {},
@@ -30,42 +21,43 @@ const Filter = _ref => {
     noResultText,
     emptyFilterText,
     children,
-    icon = /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null),
+    icon = /*#__PURE__*/React.createElement(FilterIcon, null),
     position = "bottom-end",
     disabled = false,
     className
   } = _ref;
-  const [open, setOpen] = (0, _react.useState)(false);
-  const [menu, setMenu] = (0, _react.useState)("index");
-  const [isLeft, setIsLeft] = (0, _react.useState)(true);
-  const [height, setHeight] = (0, _react.useState)(0);
-  const [enteredMenu, setEnteredMenu] = (0, _react.useState)("index");
-  const [filter, setFilter] = (0, _react.useState)(() => selected);
-  (0, _react.useEffect)(() => {
+  const [open, setOpen] = useState(false);
+  const [menu, setMenu] = useState("index");
+  const [isLeft, setIsLeft] = useState(true);
+  const [height, setHeight] = useState(0);
+  const [enteredMenu, setEnteredMenu] = useState("index");
+  const [filter, setFilter] = useState(() => selected);
+  useEffect(() => {
     if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {
       setFilter(selected);
     }
   }, [selected, filter]);
-  const handleOpen = (0, _react.useCallback)(() => {
+  const handleOpen = useCallback(() => {
     setOpen(true);
   }, []);
-  const handleClose = (0, _react.useCallback)(() => {
+  const handleClose = useCallback(() => {
     setOpen(false);
     setMenu("index");
     setHeight(0);
   }, []);
-  const handleHeight = (0, _react.useCallback)(element => {
-    setHeight(element?.offsetHeight ?? 0);
+  const handleHeight = useCallback(element => {
+    var _element$offsetHeight;
+    setHeight((_element$offsetHeight = element == null ? void 0 : element.offsetHeight) != null ? _element$offsetHeight : 0);
   }, []);
-  const handleItemClick = (0, _react.useCallback)(value => {
+  const handleItemClick = useCallback(value => {
     setMenu(value);
     setIsLeft(true);
   }, []);
-  const setIndex = (0, _react.useCallback)(() => {
+  const setIndex = useCallback(() => {
     setMenu("index");
     setIsLeft(false);
   }, []);
-  const handleChange = (0, _react.useCallback)(selectedArray => {
+  const handleChange = useCallback(selectedArray => {
     let newFilters = {};
     if (selectedArray.length) {
       newFilters = {
@@ -81,12 +73,12 @@ const Filter = _ref => {
     setFilter(newFilters);
     onChange(newFilters);
   }, [filter, menu, onChange]);
-  const handleClearAll = (0, _react.useCallback)(event => {
+  const handleClearAll = useCallback(event => {
     event.stopPropagation();
     setFilter({});
     onChange({});
   }, [onChange]);
-  const handleReset = (0, _react.useCallback)(() => {
+  const handleReset = useCallback(() => {
     const newFilters = {
       ...filter
     };
@@ -94,7 +86,7 @@ const Filter = _ref => {
     setFilter(newFilters);
     onChange(newFilters);
   }, [filter, menu, onChange]);
-  const count = (0, _react.useMemo)(() => {
+  const count = useMemo(() => {
     let c = 0;
     Object.values(filter).forEach(entry => {
       if (typeof entry === "string") {
@@ -104,23 +96,24 @@ const Filter = _ref => {
     });
     return c;
   }, [filter]);
-  const shouldRenderSubmenus = (0, _react.useMemo)(() => {
+  const shouldRenderSubmenus = useMemo(() => {
     if (data.length === 0) {
       return false;
     }
     for (const entry of data) {
-      if (entry.submenu?.length > 1) {
+      var _entry$submenu;
+      if (((_entry$submenu = entry.submenu) == null ? void 0 : _entry$submenu.length) > 1) {
         return true;
       }
     }
     return false;
   }, [data]);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
+  return /*#__PURE__*/React.createElement(StyledMenu, {
     open: open,
     onOpen: handleOpen,
     onClose: handleClose,
     position: position,
-    target: /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
+    target: /*#__PURE__*/React.createElement(CounterButton, {
       active: open,
       label: label,
       icon: icon,
@@ -130,19 +123,19 @@ const Filter = _ref => {
       disabled: disabled,
       labelClassName: className
     })
-  }, /*#__PURE__*/_react.default.createElement(_Transitions.ResizeTransition, {
+  }, /*#__PURE__*/React.createElement(ResizeTransition, {
     in: true
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       height,
       width
     }
-  }, /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+  }, /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
     in: menu === "index",
     direction: isLeft ? "left" : "right",
     onEnter: handleHeight,
     onEntered: () => setEnteredMenu("index")
-  }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, null, /*#__PURE__*/_react.default.createElement(_StartMenu.StartMenu, {
+  }, /*#__PURE__*/React.createElement(MoveFocusInside, null, /*#__PURE__*/React.createElement(StartMenu, {
     data: data,
     selected: filter,
     style: {
@@ -153,6 +146,7 @@ const Filter = _ref => {
     shouldRenderSubmenus: shouldRenderSubmenus,
     emptyFilterText: emptyFilterText
   }, children))), shouldRenderSubmenus && data.map((_ref2, index) => {
+    var _filter$id;
     let {
       id,
       title,
@@ -163,13 +157,13 @@ const Filter = _ref => {
       defaultValue,
       ...rest
     } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
-      key: `filter-submenu-${index}`,
+    return /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+      key: "filter-submenu-" + index,
       in: menu === id,
       direction: isLeft ? "left" : "right",
       onEnter: handleHeight,
       onEntered: () => setEnteredMenu(id)
-    }, /*#__PURE__*/_react.default.createElement(_Submenu.Submenu, {
+    }, /*#__PURE__*/React.createElement(Submenu, {
       title: title,
       onBack: setIndex,
       onHeightChange: setHeight,
@@ -177,9 +171,9 @@ const Filter = _ref => {
         width
       },
       indexPage: menu === "index"
-    }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, {
+    }, /*#__PURE__*/React.createElement(MoveFocusInside, {
       disabled: enteredMenu !== id
-    }, /*#__PURE__*/_react.default.createElement(_Select.Select, (0, _extends2.default)({
+    }, /*#__PURE__*/React.createElement(Select, _extends({
       options: submenu,
       selected: filter[id],
       onChange: handleChange,
@@ -191,12 +185,11 @@ const Filter = _ref => {
       disableSearch: Boolean(submenu.length <= 7),
       disabledInternalSort: disableInternalSort,
       defaultValue: defaultValue
-    }, rest)), filter[id]?.length ? /*#__PURE__*/_react.default.createElement(_Styles.StyledMenuFooter, null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
+    }, rest)), (_filter$id = filter[id]) != null && _filter$id.length ? /*#__PURE__*/React.createElement(StyledMenuFooter, null, /*#__PURE__*/React.createElement(Button, {
       variant: "text colored",
       size: "small",
       onClick: handleReset
     }, resetLabel)) : null)));
   }))));
 };
-exports.Filter = Filter;
 //# sourceMappingURL=Filter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","names":["_react","_interopRequireWildcard","require","_reactFocusLock","_StartMenu","_Styles","_Submenu","_Button","_CounterButton","_Icons","_Select","_Transitions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Filter","_ref","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","emptyFilterText","children","icon","createElement","FilterIcon","position","disabled","className","open","setOpen","useState","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","useEffect","keys","length","handleOpen","useCallback","handleClose","handleHeight","element","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","handleClearAll","event","stopPropagation","handleReset","count","useMemo","c","values","forEach","entry","shouldRenderSubmenus","submenu","StyledMenu","onOpen","onClose","target","CounterButton","active","counter","tooltipText","onClearAll","labelClassName","ResizeTransition","in","style","SlideLeftRightTransition","direction","onEnter","onEntered","MoveFocusInside","StartMenu","onHeightChange","onItemClick","map","_ref2","index","id","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","rest","key","Submenu","onBack","indexPage","Select","_extends2","options","type","autoHeightMax","placeholder","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","StyledMenuFooter","Button","variant","size","onClick","exports"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\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  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n  /** Applies passed classes for label text */\n  className?: string;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n  className,\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  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\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      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\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n          labelClassName={className}\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                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  ...rest\n                }: 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                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      <Select\n                        options={submenu}\n                        selected={filter[id]}\n                        onChange={handleChange}\n                        type={isSingleSelect ? \"single\" : \"multiple\"}\n                        autoHeightMax={255}\n                        placeholder={searchPlaceholder}\n                        noResultText={noResultText}\n                        keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                        disableSearch={Boolean(submenu.length <= 7)}\n                        disabledInternalSort={disableInternalSort}\n                        defaultValue={defaultValue}\n                        {...rest}\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"],"mappings":"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"}
+{"version":3,"file":"Filter.js","names":["React","useCallback","useEffect","useMemo","useState","MoveFocusInside","StartMenu","StyledMenu","StyledMenuFooter","Submenu","Button","CounterButton","FilterIcon","Select","ResizeTransition","SlideLeftRightTransition","Filter","_ref","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","emptyFilterText","children","icon","createElement","position","disabled","className","open","setOpen","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","Object","keys","length","handleOpen","handleClose","handleHeight","element","_element$offsetHeight","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","handleClearAll","event","stopPropagation","handleReset","count","c","values","forEach","entry","shouldRenderSubmenus","_entry$submenu","submenu","onOpen","onClose","target","active","counter","tooltipText","onClearAll","labelClassName","in","style","direction","onEnter","onEntered","onHeightChange","onItemClick","map","_ref2","index","_filter$id","id","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","rest","key","onBack","indexPage","_extends","options","type","autoHeightMax","placeholder","keepSameOptionsOrder","Boolean","disableSearch","disabledInternalSort","variant","size","onClick"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n  PropsWithChildren,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\n\nimport { Placement } from \"@popperjs/core\";\n\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\n\nexport type DataType = {\n  id: number | string;\n  title: string;\n  searchPlaceholder?: string;\n  disableInternalSort?: boolean;\n  submenu: Array<IOptionGroupProps | IOptionItemProps>;\n  isSingleSelect?: boolean;\n  defaultValue?: string;\n  emptyValue?: string;\n  emptyAction?: (e: string | undefined) => void;\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  /** Text to show when there are no submenus to display */\n  emptyFilterText?: string;\n  /** Position of the dropped menu. */\n  position?: Placement;\n  /** Icon of the trigger element. */\n  icon?: ReactElement;\n  /** Disabled state of the trigger. */\n  disabled?: boolean;\n  /** Applies passed classes for label text */\n  className?: string;\n}\n\nexport const Filter: FC<PropsWithChildren<FilterProps>> = ({\n  data,\n  selected = {},\n  label,\n  clearAllText,\n  resetLabel = \"Reset\",\n  onChange,\n  width = 260,\n  noResultText,\n  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\n  className,\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  useEffect(() => {\n    if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {\n      setFilter(selected);\n    }\n  }, [selected, filter]);\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      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\n    Object.values(filter).forEach((entry) => {\n      if (typeof entry === \"string\") {\n        return (c += 1);\n      }\n\n      return (c += entry.length);\n    });\n    return c;\n  }, [filter]);\n\n  const shouldRenderSubmenus = useMemo(() => {\n    if (data.length === 0) {\n      return false;\n    }\n\n    for (const entry of data) {\n      if (entry.submenu?.length > 1) {\n        return true;\n      }\n    }\n\n    return false;\n  }, [data]);\n\n  return (\n    <StyledMenu\n      open={open}\n      onOpen={handleOpen}\n      onClose={handleClose}\n      position={position}\n      target={\n        <CounterButton\n          active={open}\n          label={label}\n          icon={icon}\n          counter={count}\n          tooltipText={clearAllText}\n          onClearAll={handleClearAll}\n          disabled={disabled}\n          labelClassName={className}\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                shouldRenderSubmenus={shouldRenderSubmenus}\n                emptyFilterText={emptyFilterText}\n              >\n                {children}\n              </StartMenu>\n            </MoveFocusInside>\n          </SlideLeftRightTransition>\n          {shouldRenderSubmenus &&\n            data.map(\n              (\n                {\n                  id,\n                  title,\n                  submenu,\n                  searchPlaceholder,\n                  disableInternalSort,\n                  isSingleSelect,\n                  defaultValue,\n                  ...rest\n                }: 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                    indexPage={menu === \"index\"}\n                  >\n                    <MoveFocusInside disabled={enteredMenu !== id}>\n                      <Select\n                        options={submenu}\n                        selected={filter[id]}\n                        onChange={handleChange}\n                        type={isSingleSelect ? \"single\" : \"multiple\"}\n                        autoHeightMax={255}\n                        placeholder={searchPlaceholder}\n                        noResultText={noResultText}\n                        keepSameOptionsOrder={Boolean(submenu.length <= 7)}\n                        disableSearch={Boolean(submenu.length <= 7)}\n                        disabledInternalSort={disableInternalSort}\n                        defaultValue={defaultValue}\n                        {...rest}\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"],"mappings":"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"}

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

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StartMenu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Styles = require("./Styles");
-var _utils = require("../../utils");
-var _Badge = require("../Badge");
-var _Icons = require("../Icons");
-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 StartMenu = _ref => {
+import React, { useRef, useEffect } from "react";
+import { StyledStartMenuTitle, StyledStartMenuListItem, StyledStartMenuList, StyledStartMenuNoResults } from "./Styles";
+import { useResizeObserver } from "../../utils";
+import { Badge } from "../Badge";
+import { ArrowRightIcon } from "../Icons";
+export const StartMenu = _ref => {
   let {
     data,
     selected,
@@ -22,18 +14,18 @@ const StartMenu = _ref => {
     emptyFilterText,
     children
   } = _ref;
-  const ref = (0, _react.useRef)(null);
-  const dimensions = (0, _utils.useResizeObserver)(ref);
-  const height = dimensions?.height;
-  (0, _react.useEffect)(() => {
+  const ref = useRef(null);
+  const dimensions = useResizeObserver(ref);
+  const height = dimensions == null ? void 0 : dimensions.height;
+  useEffect(() => {
     if (height && height > 0) {
       onHeightChange(height);
     }
   }, [height, onHeightChange]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: style,
     ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuList, null, shouldRenderSubmenus ? data.map((_ref2, index) => {
+  }, /*#__PURE__*/React.createElement(StyledStartMenuList, null, shouldRenderSubmenus ? data.map((_ref2, index) => {
     let {
       id,
       title,
@@ -44,19 +36,19 @@ const StartMenu = _ref => {
     if (typeof selected[id] === "string") {
       count += 1;
     } else {
-      count = selected[id]?.length;
+      var _selected$id;
+      count = (_selected$id = selected[id]) == null ? void 0 : _selected$id.length;
     }
-    if (submenu?.length > 1) {
-      return /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuListItem, {
-        key: `filter-list-item-${index}`,
+    if ((submenu == null ? void 0 : submenu.length) > 1) {
+      return /*#__PURE__*/React.createElement(StyledStartMenuListItem, {
+        key: "filter-list-item-" + index,
         onClick: () => onItemClick(id)
-      }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
+      }, /*#__PURE__*/React.createElement(StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/React.createElement(Badge, {
         dimension: 16,
         value: count,
         isStandalone: true
-      }) : null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null));
+      }) : null, /*#__PURE__*/React.createElement(ArrowRightIcon, null));
     }
-  }) : emptyFilterText ? /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuNoResults, null, emptyFilterText) : null, children));
+  }) : emptyFilterText ? /*#__PURE__*/React.createElement(StyledStartMenuNoResults, null, emptyFilterText) : null, children));
 };
-exports.StartMenu = StartMenu;
 //# sourceMappingURL=StartMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StartMenu.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_Badge","_Icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StartMenu","_ref","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","useRef","dimensions","useResizeObserver","height","useEffect","createElement","StyledStartMenuList","map","_ref2","index","id","title","submenu","count","length","StyledStartMenuListItem","key","onClick","StyledStartMenuTitle","Badge","dimension","value","isStandalone","ArrowRightIcon","StyledStartMenuNoResults","exports"],"sources":["../../../../src/components/Filter/StartMenu.tsx"],"sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\n\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n  StyledStartMenuNoResults,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { Badge } from \"../Badge\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n  shouldRenderSubmenus: boolean;\n  emptyFilterText?: string;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  shouldRenderSubmenus,\n  emptyFilterText,\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        {shouldRenderSubmenus ? (\n          data.map(({ id, title, submenu }, index: number) => {\n            let count = 0;\n            // Popricati o ovome kada je selected[id] vrednost 0.\n            if (typeof selected[id] === \"string\") {\n              count += 1;\n            } else {\n              count = selected[id]?.length;\n            }\n\n            if (submenu?.length > 1) {\n              return (\n                <StyledStartMenuListItem\n                  key={`filter-list-item-${index}`}\n                  onClick={() => onItemClick(id)}\n                >\n                  <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                  {count > 0 ? (\n                    <Badge dimension={16} value={count} isStandalone={true} />\n                  ) : null}\n                  <ArrowRightIcon />\n                </StyledStartMenuListItem>\n              );\n            }\n          })\n        ) : emptyFilterText ? (\n          <StyledStartMenuNoResults>{emptyFilterText}</StyledStartMenuNoResults>\n        ) : null}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"StartMenu.js","names":["React","useRef","useEffect","StyledStartMenuTitle","StyledStartMenuListItem","StyledStartMenuList","StyledStartMenuNoResults","useResizeObserver","Badge","ArrowRightIcon","StartMenu","_ref","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","dimensions","height","createElement","map","_ref2","index","id","title","submenu","count","_selected$id","length","key","onClick","dimension","value","isStandalone"],"sources":["../../../../src/components/Filter/StartMenu.tsx"],"sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\n\nimport { DataType, SelectedType } from \"./Filter\";\nimport {\n  StyledStartMenuTitle,\n  StyledStartMenuListItem,\n  StyledStartMenuList,\n  StyledStartMenuNoResults,\n} from \"./Styles\";\nimport { useResizeObserver } from \"../../utils\";\nimport { Badge } from \"../Badge\";\nimport { ArrowRightIcon } from \"../Icons\";\n\nexport interface StartMenuProps {\n  data: Array<DataType>;\n  selected: SelectedType;\n  onItemClick: (id: number | string) => void;\n  onHeightChange: (height: number) => void;\n  shouldRenderSubmenus: boolean;\n  emptyFilterText?: string;\n}\n\nexport const StartMenu: FC<StartMenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  data,\n  selected,\n  onItemClick,\n  style,\n  onHeightChange,\n  shouldRenderSubmenus,\n  emptyFilterText,\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        {shouldRenderSubmenus ? (\n          data.map(({ id, title, submenu }, index: number) => {\n            let count = 0;\n            // Popricati o ovome kada je selected[id] vrednost 0.\n            if (typeof selected[id] === \"string\") {\n              count += 1;\n            } else {\n              count = selected[id]?.length;\n            }\n\n            if (submenu?.length > 1) {\n              return (\n                <StyledStartMenuListItem\n                  key={`filter-list-item-${index}`}\n                  onClick={() => onItemClick(id)}\n                >\n                  <StyledStartMenuTitle>{title}</StyledStartMenuTitle>\n                  {count > 0 ? (\n                    <Badge dimension={16} value={count} isStandalone={true} />\n                  ) : null}\n                  <ArrowRightIcon />\n                </StyledStartMenuListItem>\n              );\n            }\n          })\n        ) : emptyFilterText ? (\n          <StyledStartMenuNoResults>{emptyFilterText}</StyledStartMenuNoResults>\n        ) : null}\n        {children}\n      </StyledStartMenuList>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,MAAM,EAAEC,SAAS,QAAwB,OAAO;AAGpE,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,mBAAmB,EACnBC,wBAAwB,QACnB,UAAU;AACjB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,cAAc,QAAQ,UAAU;AAWzC,OAAO,MAAMC,SAA8D,GAAGC,IAAA,IASxE;EAAA,IATyE;IAC7EC,IAAI;IACJC,QAAQ;IACRC,WAAW;IACXC,KAAK;IACLC,cAAc;IACdC,oBAAoB;IACpBC,eAAe;IACfC;EACF,CAAC,GAAAR,IAAA;EACC,MAAMS,GAAG,GAAGnB,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMoB,UAAU,GAAGd,iBAAiB,CAACa,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCpB,SAAS,CAAC,MAAM;IACd,IAAIoB,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACEhB,KAAA,CAAAuB,aAAA;IAAKR,KAAK,EAAEA,KAAM;IAACK,GAAG,EAAEA;EAAI,gBAC1BpB,KAAA,CAAAuB,aAAA,CAAClB,mBAAmB,QACjBY,oBAAoB,GACnBL,IAAI,CAACY,GAAG,CAAC,CAAAC,KAAA,EAAyBC,KAAa,KAAK;IAAA,IAA1C;MAAEC,EAAE;MAAEC,KAAK;MAAEC;IAAQ,CAAC,GAAAJ,KAAA;IAC9B,IAAIK,KAAK,GAAG,CAAC;IACb;IACA,IAAI,OAAOjB,QAAQ,CAACc,EAAE,CAAC,KAAK,QAAQ,EAAE;MACpCG,KAAK,IAAI,CAAC;IACZ,CAAC,MAAM;MAAA,IAAAC,YAAA;MACLD,KAAK,IAAAC,YAAA,GAAGlB,QAAQ,CAACc,EAAE,CAAC,qBAAZI,YAAA,CAAcC,MAAM;IAC9B;IAEA,IAAI,CAAAH,OAAO,oBAAPA,OAAO,CAAEG,MAAM,IAAG,CAAC,EAAE;MACvB,oBACEhC,KAAA,CAAAuB,aAAA,CAACnB,uBAAuB;QACtB6B,GAAG,wBAAsBP,KAAQ;QACjCQ,OAAO,EAAEA,CAAA,KAAMpB,WAAW,CAACa,EAAE;MAAE,gBAE/B3B,KAAA,CAAAuB,aAAA,CAACpB,oBAAoB,QAAEyB,KAA4B,CAAC,EACnDE,KAAK,GAAG,CAAC,gBACR9B,KAAA,CAAAuB,aAAA,CAACf,KAAK;QAAC2B,SAAS,EAAE,EAAG;QAACC,KAAK,EAAEN,KAAM;QAACO,YAAY,EAAE;MAAK,CAAE,CAAC,GACxD,IAAI,eACRrC,KAAA,CAAAuB,aAAA,CAACd,cAAc,MAAE,CACM,CAAC;IAE9B;EACF,CAAC,CAAC,GACAS,eAAe,gBACjBlB,KAAA,CAAAuB,aAAA,CAACjB,wBAAwB,QAAEY,eAA0C,CAAC,GACpE,IAAI,EACPC,QACkB,CAClB,CAAC;AAEV,CAAC"}

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

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledStartMenuTitle = exports.StyledStartMenuNoResults = exports.StyledStartMenuListItem = exports.StyledStartMenuList = exports.StyledStartMenuDot = exports.StyledMenuFooter = exports.StyledMenu = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _List = require("../List");
-var _Menu = require("../Menu");
-const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Menu.Menu).withConfig({
+import styled from "styled-components";
+import { ListItem, List } from "../List";
+import { Menu, MenuFooter } from "../Menu";
+export const StyledMenu = styled(Menu).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-lxuoiz-0"
 })(["", " ", ""], {
@@ -16,32 +9,32 @@ const StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Menu.Men
 }, {
   "overflow": "hidden"
 });
-const StyledMenuFooter = exports.StyledMenuFooter = (0, _styledComponents.default)(_Menu.MenuFooter).withConfig({
+export const StyledMenuFooter = styled(MenuFooter).withConfig({
   displayName: "Styles__StyledMenuFooter",
   componentId: "sc-lxuoiz-1"
 })(["", ""], {
   "justifyContent": "center"
 });
-const StyledStartMenuList = exports.StyledStartMenuList = (0, _styledComponents.default)(_List.List).withConfig({
+export const StyledStartMenuList = styled(List).withConfig({
   displayName: "Styles__StyledStartMenuList",
   componentId: "sc-lxuoiz-2"
 })(["", ""], {
   "paddingTop": "0.5rem",
   "paddingBottom": "0.5rem"
 });
-const StyledStartMenuListItem = exports.StyledStartMenuListItem = (0, _styledComponents.default)(_List.ListItem).withConfig({
+export const StyledStartMenuListItem = styled(ListItem).withConfig({
   displayName: "Styles__StyledStartMenuListItem",
   componentId: "sc-lxuoiz-3"
 })(["", ""], {
   "paddingRight": "0.75rem"
 });
-const StyledStartMenuTitle = exports.StyledStartMenuTitle = _styledComponents.default.div.withConfig({
+export const StyledStartMenuTitle = styled.div.withConfig({
   displayName: "Styles__StyledStartMenuTitle",
   componentId: "sc-lxuoiz-4"
 })(["", ""], {
   "flex": "1 1 0%"
 });
-const StyledStartMenuNoResults = exports.StyledStartMenuNoResults = _styledComponents.default.div.withConfig({
+export const StyledStartMenuNoResults = styled.div.withConfig({
   displayName: "Styles__StyledStartMenuNoResults",
   componentId: "sc-lxuoiz-5"
 })(["", " ", ""], {
@@ -50,7 +43,7 @@ const StyledStartMenuNoResults = exports.StyledStartMenuNoResults = _styledCompo
 }, {
   "textAlign": "center"
 });
-const StyledStartMenuDot = exports.StyledStartMenuDot = _styledComponents.default.span.withConfig({
+export const StyledStartMenuDot = styled.span.withConfig({
   displayName: "Styles__StyledStartMenuDot",
   componentId: "sc-lxuoiz-6"
 })(["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;"]);

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_List","_Menu","StyledMenu","exports","styled","Menu","withConfig","displayName","componentId","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\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)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\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\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":";;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEO,MAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,UAAI,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAEM,MAAMC,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAG,IAAAL,yBAAM,EAACM,gBAAU,CAAC,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAEM,MAAMG,mBAAmB,GAAAR,OAAA,CAAAQ,mBAAA,GAAG,IAAAP,yBAAM,EAACQ,UAAI,CAAC,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAEM,MAAMK,uBAAuB,GAAAV,OAAA,CAAAU,uBAAA,GAAG,IAAAT,yBAAM,EAACU,cAAQ,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAEM,MAAMO,oBAAoB,GAAAZ,OAAA,CAAAY,oBAAA,GAAGX,yBAAM,CAACY,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAEM,MAAMS,wBAAwB,GAAAd,OAAA,CAAAc,wBAAA,GAAGb,yBAAM,CAACY,GAAG,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAEM,MAAMU,kBAAkB,GAAAf,OAAA,CAAAe,kBAAA,GAAGd,yBAAM,CAACe,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2LAU5C;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY;AACrCE,gBAAgB,CAACF,WAAW,GAAG,kBAAkB;AACjDI,mBAAmB,CAACJ,WAAW,GAAG,qBAAqB;AACvDM,uBAAuB,CAACN,WAAW,GAAG,yBAAyB;AAC/DQ,oBAAoB,CAACR,WAAW,GAAG,sBAAsB;AACzDW,kBAAkB,CAACX,WAAW,GAAG,oBAAoB;AACrDU,wBAAwB,CAACV,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["styled","ListItem","List","Menu","MenuFooter","StyledMenu","withConfig","displayName","componentId","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\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)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\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\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,QAAQ,EAAaC,IAAI,QAAuB,SAAS;AAClE,SAASC,IAAI,EAASC,UAAU,QAAqB,SAAS;AAE9D,OAAO,MAAMC,UAAU,GAAGL,MAAM,CAACG,IAAI,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAED,OAAO,MAAMC,gBAAgB,GAAGT,MAAM,CAACI,UAAU,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAED,OAAO,MAAME,mBAAmB,GAAGV,MAAM,CAACE,IAAI,CAAC,CAAAI,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,MAAMG,uBAAuB,GAAGX,MAAM,CAACC,QAAQ,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,MAAMI,oBAAoB,GAAGZ,MAAM,CAACa,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAED,OAAO,MAAMM,wBAAwB,GAAGd,MAAM,CAACa,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAED,OAAO,MAAMO,kBAAkB,GAAGf,MAAM,CAACgB,IAAI,CAAAV,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2LAU5C;AAEDH,UAAU,CAACE,WAAW,GAAG,YAAY;AACrCE,gBAAgB,CAACF,WAAW,GAAG,kBAAkB;AACjDG,mBAAmB,CAACH,WAAW,GAAG,qBAAqB;AACvDI,uBAAuB,CAACJ,WAAW,GAAG,yBAAyB;AAC/DK,oBAAoB,CAACL,WAAW,GAAG,sBAAsB;AACzDQ,kBAAkB,CAACR,WAAW,GAAG,oBAAoB;AACrDO,wBAAwB,CAACP,WAAW,GAAG,0BAA0B"}

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

@@ -1,17 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Submenu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
-var _IconButton = require("../IconButton");
-var _Icons = require("../Icons");
-var _Menu = require("../Menu");
-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 Submenu = _ref => {
+import React, { useRef, useEffect } from "react";
+import { useResizeObserver } from "../../utils";
+import { IconButton } from "../IconButton";
+import { ArrowLeftIcon } from "../Icons";
+import { MenuHeader } from "../Menu";
+export const Submenu = _ref => {
   let {
     onBack,
     onHeightChange,
@@ -20,25 +12,24 @@ const Submenu = _ref => {
     title,
     indexPage
   } = _ref;
-  const ref = (0, _react.useRef)(null);
-  const dimensions = (0, _utils.useResizeObserver)(ref);
-  const height = dimensions?.height;
-  (0, _react.useEffect)(() => {
+  const ref = useRef(null);
+  const dimensions = useResizeObserver(ref);
+  const height = dimensions == null ? void 0 : dimensions.height;
+  useEffect(() => {
     if (height && height > 0 && !indexPage) {
-      onHeightChange?.(height);
+      onHeightChange == null || onHeightChange(height);
     }
   }, [height, onHeightChange, indexPage]);
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: style,
     ref: ref
-  }, /*#__PURE__*/_react.default.createElement(_Menu.MenuHeader, {
+  }, /*#__PURE__*/React.createElement(MenuHeader, {
     title: title,
-    leftElement: /*#__PURE__*/_react.default.createElement(_IconButton.IconButton, {
+    leftElement: /*#__PURE__*/React.createElement(IconButton, {
       onClick: onBack,
       variant: "text gray",
       size: "small"
-    }, /*#__PURE__*/_react.default.createElement(_Icons.ArrowLeftIcon, null))
+    }, /*#__PURE__*/React.createElement(ArrowLeftIcon, null))
   }), children);
 };
-exports.Submenu = Submenu;
 //# sourceMappingURL=Submenu.js.map