@activecollab/components 1.0.415 → 2.0.0

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

@@ -1,110 +1,101 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _excluded = ["id", "title", "submenu", "searchPlaceholder", "disableInternalSort", "isSingleSelect", "defaultValue"];
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate 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; }
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { MoveFocusInside } from "react-focus-lock";
-import { Button } from "../Button";
-import { CounterButton } from "../CounterButton";
-import { FilterIcon } from "../Icons";
-import { Select } from "../Select";
-import { ResizeTransition, SlideLeftRightTransition } from "../Transitions";
-import { StartMenu } from "./StartMenu";
-import { StyledMenu, StyledMenuFooter } from "./Styles";
-import { Submenu } from "./Submenu";
-export var Filter = function Filter(_ref) {
-  var data = _ref.data,
-    _ref$selected = _ref.selected,
-    selected = _ref$selected === void 0 ? {} : _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,
-    emptyFilterText = _ref.emptyFilterText,
-    children = _ref.children,
-    _ref$icon = _ref.icon,
-    icon = _ref$icon === void 0 ? /*#__PURE__*/React.createElement(FilterIcon, null) : _ref$icon,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "bottom-end" : _ref$position,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var _useState = useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  var _useState2 = useState("index"),
-    menu = _useState2[0],
-    setMenu = _useState2[1];
-  var _useState3 = useState(true),
-    isLeft = _useState3[0],
-    setIsLeft = _useState3[1];
-  var _useState4 = useState(0),
-    height = _useState4[0],
-    setHeight = _useState4[1];
-  var _useState5 = useState("index"),
-    enteredMenu = _useState5[0],
-    setEnteredMenu = _useState5[1];
-  var _useState6 = useState(function () {
-      return selected;
-    }),
-    filter = _useState6[0],
-    setFilter = _useState6[1];
-  useEffect(function () {
+"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 _Button = require("../Button");
+var _CounterButton = require("../CounterButton");
+var _Icons = require("../Icons");
+var _Select = require("../Select");
+var _Transitions = require("../Transitions");
+var _StartMenu = require("./StartMenu");
+var _Styles = require("./Styles");
+var _Submenu = require("./Submenu");
+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 => {
+  let {
+    data,
+    selected = {},
+    label,
+    clearAllText,
+    resetLabel = "Reset",
+    onChange,
+    width = 260,
+    noResultText,
+    emptyFilterText,
+    children,
+    icon = /*#__PURE__*/_react.default.createElement(_Icons.FilterIcon, null),
+    position = "bottom-end",
+    disabled = false
+  } = _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)(() => {
     if (Object.keys(selected).length > 0 || Object.keys(filter).length > 0) {
       setFilter(selected);
     }
   }, [selected, filter]);
-  var handleOpen = useCallback(function () {
+  const handleOpen = (0, _react.useCallback)(() => {
     setOpen(true);
   }, []);
-  var handleClose = useCallback(function () {
+  const handleClose = (0, _react.useCallback)(() => {
     setOpen(false);
     setMenu("index");
     setHeight(0);
   }, []);
-  var handleHeight = useCallback(function (element) {
-    var _element$offsetHeight;
-    setHeight((_element$offsetHeight = element == null ? void 0 : element.offsetHeight) != null ? _element$offsetHeight : 0);
+  const handleHeight = (0, _react.useCallback)(element => {
+    setHeight(element?.offsetHeight ?? 0);
   }, []);
-  var handleItemClick = useCallback(function (value) {
+  const handleItemClick = (0, _react.useCallback)(value => {
     setMenu(value);
     setIsLeft(true);
   }, []);
-  var setIndex = useCallback(function () {
+  const setIndex = (0, _react.useCallback)(() => {
     setMenu("index");
     setIsLeft(false);
   }, []);
-  var handleChange = useCallback(function (selectedArray) {
-    var newFilters = {};
+  const handleChange = (0, _react.useCallback)(selectedArray => {
+    let newFilters = {};
     if (selectedArray.length) {
-      var _extends2;
-      newFilters = _extends({}, filter, (_extends2 = {}, _extends2[menu] = selectedArray, _extends2));
+      newFilters = {
+        ...filter,
+        [menu]: selectedArray
+      };
     } else {
-      newFilters = _extends({}, filter);
+      newFilters = {
+        ...filter
+      };
       delete newFilters[menu];
     }
     setFilter(newFilters);
     onChange(newFilters);
   }, [filter, menu, onChange]);
-  var handleClearAll = useCallback(function (event) {
+  const handleClearAll = (0, _react.useCallback)(event => {
     event.stopPropagation();
     setFilter({});
     onChange({});
   }, [onChange]);
-  var handleReset = useCallback(function () {
-    var newFilters = _extends({}, filter);
+  const handleReset = (0, _react.useCallback)(() => {
+    const newFilters = {
+      ...filter
+    };
     delete newFilters[menu];
     setFilter(newFilters);
     onChange(newFilters);
   }, [filter, menu, onChange]);
-  var count = useMemo(function () {
-    var c = 0;
-    Object.values(filter).forEach(function (entry) {
+  const count = (0, _react.useMemo)(() => {
+    let c = 0;
+    Object.values(filter).forEach(entry => {
       if (typeof entry === "string") {
         return c += 1;
       }
@@ -112,25 +103,23 @@ export var Filter = function Filter(_ref) {
     });
     return c;
   }, [filter]);
-  var shouldRenderSubmenus = useMemo(function () {
+  const shouldRenderSubmenus = (0, _react.useMemo)(() => {
     if (data.length === 0) {
       return false;
     }
-    for (var _iterator = _createForOfIteratorHelperLoose(data), _step; !(_step = _iterator()).done;) {
-      var _entry$submenu;
-      var entry = _step.value;
-      if (((_entry$submenu = entry.submenu) == null ? void 0 : _entry$submenu.length) > 1) {
+    for (const entry of data) {
+      if (entry.submenu?.length > 1) {
         return true;
       }
     }
     return false;
   }, [data]);
-  return /*#__PURE__*/React.createElement(StyledMenu, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledMenu, {
     open: open,
     onOpen: handleOpen,
     onClose: handleClose,
     position: position,
-    target: /*#__PURE__*/React.createElement(CounterButton, {
+    target: /*#__PURE__*/_react.default.createElement(_CounterButton.CounterButton, {
       active: open,
       label: label,
       icon: icon,
@@ -139,59 +128,56 @@ export var Filter = function Filter(_ref) {
       onClearAll: handleClearAll,
       disabled: disabled
     })
-  }, /*#__PURE__*/React.createElement(ResizeTransition, {
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.ResizeTransition, {
     in: true
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: {
-      height: height,
-      width: width
+      height,
+      width
     }
-  }, /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
+  }, /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
     in: menu === "index",
     direction: isLeft ? "left" : "right",
     onEnter: handleHeight,
-    onEntered: function onEntered() {
-      return setEnteredMenu("index");
-    }
-  }, /*#__PURE__*/React.createElement(MoveFocusInside, null, /*#__PURE__*/React.createElement(StartMenu, {
+    onEntered: () => setEnteredMenu("index")
+  }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, null, /*#__PURE__*/_react.default.createElement(_StartMenu.StartMenu, {
     data: data,
     selected: filter,
     style: {
-      width: width
+      width
     },
     onHeightChange: setHeight,
     onItemClick: handleItemClick,
     shouldRenderSubmenus: shouldRenderSubmenus,
     emptyFilterText: emptyFilterText
-  }, children))), shouldRenderSubmenus && data.map(function (_ref2, index) {
-    var _filter$id;
-    var id = _ref2.id,
-      title = _ref2.title,
-      submenu = _ref2.submenu,
-      searchPlaceholder = _ref2.searchPlaceholder,
-      disableInternalSort = _ref2.disableInternalSort,
-      isSingleSelect = _ref2.isSingleSelect,
-      defaultValue = _ref2.defaultValue,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded);
-    return /*#__PURE__*/React.createElement(SlideLeftRightTransition, {
-      key: "filter-submenu-" + index,
+  }, children))), shouldRenderSubmenus && data.map((_ref2, index) => {
+    let {
+      id,
+      title,
+      submenu,
+      searchPlaceholder,
+      disableInternalSort,
+      isSingleSelect,
+      defaultValue,
+      ...rest
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_Transitions.SlideLeftRightTransition, {
+      key: `filter-submenu-${index}`,
       in: menu === id,
       direction: isLeft ? "left" : "right",
       onEnter: handleHeight,
-      onEntered: function onEntered() {
-        return setEnteredMenu(id);
-      }
-    }, /*#__PURE__*/React.createElement(Submenu, {
+      onEntered: () => setEnteredMenu(id)
+    }, /*#__PURE__*/_react.default.createElement(_Submenu.Submenu, {
       title: title,
       onBack: setIndex,
       onHeightChange: setHeight,
       style: {
-        width: width
+        width
       },
       indexPage: menu === "index"
-    }, /*#__PURE__*/React.createElement(MoveFocusInside, {
+    }, /*#__PURE__*/_react.default.createElement(_reactFocusLock.MoveFocusInside, {
       disabled: enteredMenu !== id
-    }, /*#__PURE__*/React.createElement(Select, _extends({
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, (0, _extends2.default)({
       options: submenu,
       selected: filter[id],
       onChange: handleChange,
@@ -203,11 +189,12 @@ export var Filter = function Filter(_ref) {
       disableSearch: Boolean(submenu.length <= 7),
       disabledInternalSort: disableInternalSort,
       defaultValue: defaultValue
-    }, rest)), (_filter$id = filter[id]) != null && _filter$id.length ? /*#__PURE__*/React.createElement(StyledMenuFooter, null, /*#__PURE__*/React.createElement(Button, {
+    }, rest)), 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/esm/components/Filter/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","names":["React","useCallback","useEffect","useMemo","useState","MoveFocusInside","Button","CounterButton","FilterIcon","Select","ResizeTransition","SlideLeftRightTransition","StartMenu","StyledMenu","StyledMenuFooter","Submenu","Filter","data","selected","label","clearAllText","resetLabel","onChange","width","noResultText","emptyFilterText","children","icon","position","disabled","open","setOpen","menu","setMenu","isLeft","setIsLeft","height","setHeight","enteredMenu","setEnteredMenu","filter","setFilter","Object","keys","length","handleOpen","handleClose","handleHeight","element","offsetHeight","handleItemClick","value","setIndex","handleChange","selectedArray","newFilters","handleClearAll","event","stopPropagation","handleReset","count","c","values","forEach","entry","shouldRenderSubmenus","submenu","map","index","id","title","searchPlaceholder","disableInternalSort","isSingleSelect","defaultValue","rest","Boolean"],"sources":["../../../../src/components/Filter/Filter.tsx"],"sourcesContent":["import React, {\n  FC,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useState,\n} from \"react\";\nimport { MoveFocusInside } from \"react-focus-lock\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\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}\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  emptyFilterText,\n  children,\n  icon = <FilterIcon />,\n  position = \"bottom-end\",\n  disabled = false,\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        />\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","_interopRequireWildcard","require","_reactFocusLock","_Button","_CounterButton","_Icons","_Select","_Transitions","_StartMenu","_Styles","_Submenu","_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","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","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\";\nimport { Placement } from \"@popperjs/core\";\nimport { Button } from \"../Button\";\nimport { CounterButton } from \"../CounterButton\";\nimport { FilterIcon } from \"../Icons\";\nimport { IOptionGroupProps, IOptionItemProps, Select } from \"../Select\";\nimport { ResizeTransition, SlideLeftRightTransition } from \"../Transitions\";\nimport { StartMenu } from \"./StartMenu\";\nimport { StyledMenu, StyledMenuFooter } from \"./Styles\";\nimport { Submenu } from \"./Submenu\";\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}\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}) => {\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        />\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,52 +1,62 @@
-import React, { useRef, useEffect } from "react";
-import { ArrowRightIcon } from "../Icons";
-import { StyledStartMenuTitle, StyledStartMenuListItem, StyledStartMenuList, StyledStartMenuNoResults } from "./Styles";
-import { useResizeObserver } from "../../utils";
-import { Badge } from "../Badge";
-export var StartMenu = function StartMenu(_ref) {
-  var data = _ref.data,
-    selected = _ref.selected,
-    onItemClick = _ref.onItemClick,
-    style = _ref.style,
-    onHeightChange = _ref.onHeightChange,
-    shouldRenderSubmenus = _ref.shouldRenderSubmenus,
-    emptyFilterText = _ref.emptyFilterText,
-    children = _ref.children;
-  var ref = useRef(null);
-  var dimensions = useResizeObserver(ref);
-  var height = dimensions == null ? void 0 : dimensions.height;
-  useEffect(function () {
+"use strict";
+
+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");
+var _Badge = require("../Badge");
+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 => {
+  let {
+    data,
+    selected,
+    onItemClick,
+    style,
+    onHeightChange,
+    shouldRenderSubmenus,
+    emptyFilterText,
+    children
+  } = _ref;
+  const ref = (0, _react.useRef)(null);
+  const dimensions = (0, _utils.useResizeObserver)(ref);
+  const height = dimensions?.height;
+  (0, _react.useEffect)(() => {
     if (height && height > 0) {
       onHeightChange(height);
     }
   }, [height, onHeightChange]);
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: style,
     ref: ref
-  }, /*#__PURE__*/React.createElement(StyledStartMenuList, null, shouldRenderSubmenus ? data.map(function (_ref2, index) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      submenu = _ref2.submenu;
-    var count = 0;
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledStartMenuList, null, shouldRenderSubmenus ? data.map((_ref2, index) => {
+    let {
+      id,
+      title,
+      submenu
+    } = _ref2;
+    let count = 0;
     // Popricati o ovome kada je selected[id] vrednost 0.
     if (typeof selected[id] === "string") {
       count += 1;
     } else {
-      var _selected$id;
-      count = (_selected$id = selected[id]) == null ? void 0 : _selected$id.length;
+      count = selected[id]?.length;
     }
-    if ((submenu == null ? void 0 : submenu.length) > 1) {
-      return /*#__PURE__*/React.createElement(StyledStartMenuListItem, {
-        key: "filter-list-item-" + index,
-        onClick: function onClick() {
-          return onItemClick(id);
-        }
-      }, /*#__PURE__*/React.createElement(StyledStartMenuTitle, null, title), count > 0 ? /*#__PURE__*/React.createElement(Badge, {
+    if (submenu?.length > 1) {
+      return /*#__PURE__*/_react.default.createElement(_Styles.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, {
         dimension: 16,
         value: count,
         isStandalone: true
-      }) : null, /*#__PURE__*/React.createElement(ArrowRightIcon, null));
+      }) : null, /*#__PURE__*/_react.default.createElement(_Icons.ArrowRightIcon, null));
     }
-  }) : emptyFilterText ? /*#__PURE__*/React.createElement(StyledStartMenuNoResults, null, emptyFilterText) : null, children));
+  }) : emptyFilterText ? /*#__PURE__*/_react.default.createElement(_Styles.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","useRef","useEffect","ArrowRightIcon","StyledStartMenuTitle","StyledStartMenuListItem","StyledStartMenuList","StyledStartMenuNoResults","useResizeObserver","Badge","StartMenu","data","selected","onItemClick","style","onHeightChange","shouldRenderSubmenus","emptyFilterText","children","ref","dimensions","height","map","index","id","title","submenu","count","length"],"sources":["../../../../src/components/Filter/StartMenu.tsx"],"sourcesContent":["import React, { FC, useRef, useEffect, HTMLAttributes } from \"react\";\nimport { ArrowRightIcon } from \"../Icons\";\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\";\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;AACpE,SAASC,cAAc,QAAQ,UAAU;AAEzC,SACEC,oBAAoB,EACpBC,uBAAuB,EACvBC,mBAAmB,EACnBC,wBAAwB,QACnB,UAAU;AACjB,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,KAAK,QAAQ,UAAU;AAWhC,OAAO,IAAMC,SAA8D,GAAG,SAAjEA,SAA8D,OASrE;EAAA,IARJC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,KAAK,QAALA,KAAK;IACLC,cAAc,QAAdA,cAAc;IACdC,oBAAoB,QAApBA,oBAAoB;IACpBC,eAAe,QAAfA,eAAe;IACfC,QAAQ,QAARA,QAAQ;EAER,IAAMC,GAAG,GAAGlB,MAAM,CAAC,IAAI,CAAC;EACxB,IAAMmB,UAAU,GAAGZ,iBAAiB,CAACW,GAAG,CAAC;EACzC,IAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCnB,SAAS,CAAC,YAAM;IACd,IAAImB,MAAM,IAAIA,MAAM,GAAG,CAAC,EAAE;MACxBN,cAAc,CAACM,MAAM,CAAC;IACxB;EACF,CAAC,EAAE,CAACA,MAAM,EAAEN,cAAc,CAAC,CAAC;EAE5B,oBACE;IAAK,KAAK,EAAED,KAAM;IAAC,GAAG,EAAEK;EAAI,gBAC1B,oBAAC,mBAAmB,QACjBH,oBAAoB,GACnBL,IAAI,CAACW,GAAG,CAAC,iBAAyBC,KAAa,EAAK;IAAA,IAAxCC,EAAE,SAAFA,EAAE;MAAEC,KAAK,SAALA,KAAK;MAAEC,OAAO,SAAPA,OAAO;IAC5B,IAAIC,KAAK,GAAG,CAAC;IACb;IACA,IAAI,OAAOf,QAAQ,CAACY,EAAE,CAAC,KAAK,QAAQ,EAAE;MACpCG,KAAK,IAAI,CAAC;IACZ,CAAC,MAAM;MAAA;MACLA,KAAK,mBAAGf,QAAQ,CAACY,EAAE,CAAC,qBAAZ,aAAcI,MAAM;IAC9B;IAEA,IAAI,CAAAF,OAAO,oBAAPA,OAAO,CAAEE,MAAM,IAAG,CAAC,EAAE;MACvB,oBACE,oBAAC,uBAAuB;QACtB,GAAG,wBAAsBL,KAAQ;QACjC,OAAO,EAAE;UAAA,OAAMV,WAAW,CAACW,EAAE,CAAC;QAAA;MAAC,gBAE/B,oBAAC,oBAAoB,QAAEC,KAAK,CAAwB,EACnDE,KAAK,GAAG,CAAC,gBACR,oBAAC,KAAK;QAAC,SAAS,EAAE,EAAG;QAAC,KAAK,EAAEA,KAAM;QAAC,YAAY,EAAE;MAAK,EAAG,GACxD,IAAI,eACR,oBAAC,cAAc,OAAG,CACM;IAE9B;EACF,CAAC,CAAC,GACAV,eAAe,gBACjB,oBAAC,wBAAwB,QAAEA,eAAe,CAA4B,GACpE,IAAI,EACPC,QAAQ,CACW,CAClB;AAEV,CAAC"}
+{"version":3,"file":"StartMenu.js","names":["_react","_interopRequireWildcard","require","_Icons","_Styles","_utils","_Badge","_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\";\nimport { ArrowRightIcon } from \"../Icons\";\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\";\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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"}

package/dist/esm/components/Filter/Styles.d.ts

@@ -3,14 +3,20 @@ import { IMenu, IMenuFooter } from "../Menu";
 import { ListProps, ListItemProps } from "../List";
 export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<IMenu>, any, IMenu, never>;
 export declare const StyledMenuFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IMenuFooter & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IMenuFooter, never>;
-export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
-    Item: import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListProps & {
+    children?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<ListItemProps & {
+        children?: import("react").ReactNode;
+    } & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
     Separator: {
         ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
         displayName: string;
     };
 }, any, ListProps, never>;
-export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, ListItemProps, never>;
+export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListItemProps & {
+    children?: import("react").ReactNode;
+} & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, ListItemProps, never>;
 export declare const StyledStartMenuTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStartMenuNoResults: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStartMenuDot: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/components/Filter/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;yBAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,iOAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oEAGpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;;;;yBAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;6HAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oEAGpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}