nntc-ui 0.0.49 → 0.0.51

package/index.js

@@ -428,7 +428,8 @@ function Popover(props) {
     open,
     onOpenChange,
     children: children2,
-    classes
+    classes,
+    contentStyle
   } = props;
   const [showTooltip, setShowTooltip] = useState2(false);
   if (!children2) {
@@ -456,7 +457,7 @@ function Popover(props) {
             children: children2
           }
         ),
-        /* @__PURE__ */ jsx7(PopoverContent, { className: classnames4(content, classes?.content), styles: popover_exports, children: description })
+        /* @__PURE__ */ jsx7(PopoverContent, { className: classnames4(content, classes?.content), styles: popover_exports, style: contentStyle, children: description })
       ]
     }
   );
@@ -547,7 +548,6 @@ var ButtonsGroup = (props) => {
 // src/components/navigation/Menu/menu.module.css
 var menu_exports = {};
 __export(menu_exports, {
-  checkbox: () => checkbox2,
   default: () => menu_default,
   divider: () => divider,
   item: () => item,
@@ -572,7 +572,6 @@ var itemIcon2 = "menu_itemIcon";
 var itemTitle = "menu_itemTitle";
 var itemDescription = "menu_itemDescription";
 var divider = "menu_divider";
-var checkbox2 = "menu_checkbox";
 var menu_default = {
   root: root5,
   medium: medium3,
@@ -584,8 +583,7 @@ var menu_default = {
   itemIcon: itemIcon2,
   itemTitle,
   itemDescription,
-  divider,
-  checkbox: checkbox2
+  divider
 };
 
 // src/components/navigation/Menu/Menu.tsx
@@ -616,7 +614,6 @@ function Menu(props) {
         onClick: !item3.disabled ? handleClick(item3) : void 0,
         title: item3.name,
         children: /* @__PURE__ */ jsxs4("span", { className: classnames5(stateLayer2), children: [
-          !!item3.withCheckbox && /* @__PURE__ */ jsx10(Checkbox, { checked: item3.selected, classes: { root: checkbox2 } }),
           !!item3.icon && /* @__PURE__ */ jsx10(
             "span",
             {
@@ -723,7 +720,7 @@ function Select(props) {
     variant = "filled",
     componentSize = "medium",
     icon: icon6,
-    fullWidth,
+    fullWidth: fullWidth2,
     label: label7,
     placeholder,
     items: items2,
@@ -769,7 +766,7 @@ function Select(props) {
     {
       className: classnames6(root3, select_exports[componentSize], classes?.root),
       style: {
-        maxWidth: fullWidth ? "100%" : void 0
+        maxWidth: fullWidth2 ? "100%" : void 0
       },
       children: [
         !!label7 && /* @__PURE__ */ jsx12(
@@ -889,6 +886,7 @@ import { useCallback as useCallback3, useEffect as useEffect3, useMemo as useMem
 var calendarPopover_exports = {};
 __export(calendarPopover_exports, {
   button: () => button2,
+  buttonsContainer: () => buttonsContainer,
   cell: () => cell,
   cellCircle: () => cellCircle,
   cellData: () => cellData,
@@ -906,6 +904,7 @@ __export(calendarPopover_exports, {
   root: () => root7
 });
 var root7 = "calendarPopover_root";
+var buttonsContainer = "calendarPopover_buttonsContainer";
 var button2 = "calendarPopover_button";
 var navigationContainer = "calendarPopover_navigationContainer";
 var navigationArrow = "calendarPopover_navigationArrow";
@@ -922,6 +921,7 @@ var cellSelectionLast = "calendarPopover_cellSelectionLast";
 var monthCellSelection = "calendarPopover_monthCellSelection";
 var calendarPopover_default = {
   root: root7,
+  buttonsContainer,
   button: button2,
   navigationContainer,
   navigationArrow,
@@ -1041,7 +1041,7 @@ function CalendarPopover(props) {
     [currentDate]
   );
   return /* @__PURE__ */ jsxs6("div", { className: classNames2(root7, calendarPopover_exports[componentSize], classes?.root), children: [
-    /* @__PURE__ */ jsx13("div", { className: classNames2(void 0, classes?.buttonsContainer), children: /* @__PURE__ */ jsxs6(ButtonsGroup, { fillEvenly: true, children: [
+    /* @__PURE__ */ jsx13("div", { className: classNames2(buttonsContainer, classes?.buttonsContainer), children: /* @__PURE__ */ jsxs6(ButtonsGroup, { fillEvenly: true, children: [
       /* @__PURE__ */ jsx13(Button, { size: "small", variant: "text", textSecondary: true, tabIndex: -1, onClick: reset, children: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C" }),
       /* @__PURE__ */ jsx13(Button, { size: "small", variant: "text", textSecondary: true, tabIndex: -1, onClick: today, children: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F" })
     ] }) }),
@@ -1138,7 +1138,7 @@ function DateTime(props) {
   const {
     variant = "filled",
     componentSize = "medium",
-    fullWidth,
+    fullWidth: fullWidth2,
     placeholder,
     defaultValues,
     values,
@@ -1175,7 +1175,7 @@ function DateTime(props) {
         classes?.root
       ),
       style: {
-        maxWidth: fullWidth ? "100%" : void 0
+        maxWidth: fullWidth2 ? "100%" : void 0
       },
       children: [
         /* @__PURE__ */ jsx14(
@@ -1271,7 +1271,7 @@ var ColorPicker = (props) => {
   const {
     variant = "outlined",
     componentSize = "medium",
-    fullWidth,
+    fullWidth: fullWidth2,
     label: label7,
     classes,
     placeholder,
@@ -1303,7 +1303,7 @@ var ColorPicker = (props) => {
     {
       className: classNames3(root8, colorPicker_exports[componentSize], classes?.root),
       style: {
-        maxWidth: fullWidth ? "100%" : void 0
+        maxWidth: fullWidth2 ? "100%" : void 0
       },
       children: [
         !!label7 && /* @__PURE__ */ jsx15(
@@ -1402,7 +1402,7 @@ var Input = (props) => {
   const {
     variant = "outlined",
     componentSize = "medium",
-    fullWidth,
+    fullWidth: fullWidth2,
     label: label7,
     classes,
     placeholder,
@@ -1417,7 +1417,7 @@ var Input = (props) => {
     {
       className: classnames8(root9, input_exports[componentSize], classes?.root),
       style: {
-        maxWidth: fullWidth ? "100%" : void 0
+        maxWidth: fullWidth2 ? "100%" : void 0
       },
       children: [
         !!label7 && /* @__PURE__ */ jsx16(
@@ -1490,7 +1490,7 @@ function SearchInput(props) {
     variant = "filled",
     componentSize = "medium",
     disableIcon,
-    fullWidth,
+    fullWidth: fullWidth2,
     placeholder,
     classes,
     ref,
@@ -1509,7 +1509,7 @@ function SearchInput(props) {
         classes?.root
       ),
       style: {
-        maxWidth: fullWidth ? "100%" : void 0
+        maxWidth: fullWidth2 ? "100%" : void 0
       },
       children: [
         !disableIcon && /* @__PURE__ */ jsx17(
@@ -1564,10 +1564,11 @@ var WrapForLabel = (props) => {
 };
 
 // src/components/common/MultiSelect/MultiSelect.tsx
-import classnames11 from "classnames";
+import classnames12 from "classnames";
 import {
-  useCallback as useCallback6,
-  useMemo as useMemo3,
+  useCallback as useCallback7,
+  useLayoutEffect as useLayoutEffect2,
+  useMemo as useMemo4,
   useRef as useRef7,
   useState as useState8
 } from "react";
@@ -1579,15 +1580,18 @@ import { v4 as uuidv45 } from "uuid";
 var multiSelect_exports = {};
 __export(multiSelect_exports, {
   arrow: () => arrow3,
+  checklistRoot: () => checklistRoot,
+  checklistScrolled: () => checklistScrolled,
+  checklistWrapper: () => checklistWrapper,
   clear: () => clear,
   default: () => multiSelect_default,
   filled: () => filled5,
+  fullWidth: () => fullWidth,
   icon: () => icon5,
   input: () => input7,
   itemIcon: () => itemIcon3,
   label: () => label5,
   medium: () => medium9,
-  menuWrapper: () => menuWrapper,
   outlined: () => outlined7,
   popoverContent: () => popoverContent3,
   popoverTarget: () => popoverTarget4,
@@ -1599,6 +1603,7 @@ __export(multiSelect_exports, {
   wrapper: () => wrapper4
 });
 var root12 = "multiSelect_root";
+var fullWidth = "multiSelect_fullWidth";
 var medium9 = "multiSelect_medium";
 var small9 = "multiSelect_small";
 var label5 = "multiSelect_label";
@@ -1614,10 +1619,13 @@ var clear = "multiSelect_clear";
 var arrow3 = "multiSelect_arrow";
 var popoverTarget4 = "multiSelect_popoverTarget";
 var popoverContent3 = "multiSelect_popoverContent";
-var menuWrapper = "multiSelect_menuWrapper";
+var checklistWrapper = "multiSelect_checklistWrapper";
+var checklistRoot = "multiSelect_checklistRoot";
+var checklistScrolled = "multiSelect_checklistScrolled";
 var searchInputRoot = "multiSelect_searchInputRoot";
 var multiSelect_default = {
   root: root12,
+  fullWidth,
   medium: medium9,
   small: small9,
   label: label5,
@@ -1633,69 +1641,185 @@ var multiSelect_default = {
   arrow: arrow3,
   popoverTarget: popoverTarget4,
   popoverContent: popoverContent3,
-  menuWrapper,
+  checklistWrapper,
+  checklistRoot,
+  checklistScrolled,
   searchInputRoot
 };
 
 // src/components/common/MultiSelect/ui/SelectPopover/SelectPopover.tsx
 import classNames4 from "classnames";
+import { useCallback as useCallback6, useMemo as useMemo3 } from "react";
+
+// src/components/common/Checklist/Checklist.tsx
+import classnames11 from "classnames";
 import { useState as useState7 } from "react";
 
-// src/components/common/MultiSelect/utils/filterItems.ts
-var filterItems = (items2, filterText) => {
+// src/components/common/Checklist/checklist.module.css
+var root13 = "checklist_root";
+var scrolled = "checklist_scrolled";
+var actionWrap = "checklist_actionWrap";
+
+// src/components/common/Checklist/utils/filterItems.ts
+var filterItems = (items2, filterText, selectedItems) => {
   if (!filterText) {
-    return items2;
+    return items2.filter((item3) => !selectedItems[item3.value]);
   }
-  const searchText = filterText.toUpperCase();
-  return items2.filter(
-    (item3) => item3.name.toUpperCase().includes(searchText) || item3.description && item3.description.toUpperCase().includes(searchText)
-  );
+  const reduceCallback = (filteredItems, item3) => {
+    if (item3.name.toUpperCase().includes(filterText.toUpperCase()) && !selectedItems[item3.value]) {
+      filteredItems.push({ ...item3 });
+    }
+    return filteredItems;
+  };
+  return items2.reduce(reduceCallback, []);
 };
 
-// src/components/common/MultiSelect/ui/SelectPopover/SelectPopover.tsx
+// src/components/common/Checklist/Checklist.tsx
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs11 } from "react/jsx-runtime";
-function SelectPopover2(props) {
-  const { items: items2, componentSize, selected: selected5, changeSelectedItem, classes, enableSearch = false } = props;
-  const [searchValue, setSearchValue] = useState7("");
-  const filteredItems = enableSearch ? filterItems(items2, searchValue) : items2;
-  const handleSearchChange = (e) => {
-    setSearchValue(e.target.value);
+function Checklist(props) {
+  const { items: items2, selected: selected5, disableSearch, isDisabled, actionWithSelected, onChangeItem, classes } = props;
+  const { t } = useTranslation();
+  const [filterSubstring, setFilterSubstring] = useState7("");
+  const [selectedItems, setSelectedItems] = useState7(selected5);
+  const filteredItems = filterItems(items2, filterSubstring, selectedItems);
+  const handleClick = (item3) => {
+    const value = !selected5[item3.value];
+    if (onChangeItem) {
+      onChangeItem?.(item3);
+    }
+    const newSelected = { ...selected5, [item3.value]: value };
+    setSelectedItems(newSelected);
+    actionWithSelected(newSelected);
+  };
+  const onSelectAll = () => {
+    let newSelected = { ...selected5 };
+    filteredItems.forEach((item3) => {
+      newSelected = { ...newSelected, [item3.value]: true };
+    });
+    setSelectedItems(newSelected);
+    actionWithSelected(newSelected);
   };
-  return /* @__PURE__ */ jsxs11(Fragment3, { children: [
-    enableSearch && /* @__PURE__ */ jsx19(
+  const onUnSelectAll = () => {
+    const newSelected = {};
+    setSelectedItems(newSelected);
+    actionWithSelected(newSelected);
+  };
+  return /* @__PURE__ */ jsxs11("div", { className: classnames11(root13, classes?.root), children: [
+    !disableSearch && /* @__PURE__ */ jsx19(
       SearchInput,
       {
         variant: "outlined",
-        componentSize,
-        value: searchValue,
+        disabled: isDisabled,
+        value: filterSubstring,
         fullWidth: true,
         classes: classes?.searchInput,
-        onChange: handleSearchChange
+        onChange: (e) => setFilterSubstring(e.target.value)
       }
     ),
-    /* @__PURE__ */ jsx19("div", { className: classNames4(classes?.menuWrapper), children: /* @__PURE__ */ jsx19(
-      Menu,
-      {
-        size: componentSize,
-        classes: classes?.menu,
-        items: filteredItems.map(
-          (i) => ({
-            type: "item",
-            name: i.name,
-            description: i.description,
-            disabled: i.disabled,
-            selected: selected5?.includes(i.value),
-            onClick: () => {
-              changeSelectedItem(i);
+    /* @__PURE__ */ jsxs11("div", { className: classnames11(scrolled, "styledScroll", classes?.scrolled), children: [
+      items2.some((item3) => !!selectedItems[item3.value]) && /* @__PURE__ */ jsxs11(Fragment3, { children: [
+        /* @__PURE__ */ jsxs11("div", { className: classnames11(actionWrap, classes?.actionWrap), children: [
+          /* @__PURE__ */ jsx19(Typography, { className: classnames11(classes?.typography), children: t("\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435") }),
+          /* @__PURE__ */ jsx19(
+            Button,
+            {
+              variant: "link",
+              size: "small",
+              disabled: isDisabled,
+              onClick: onUnSelectAll,
+              className: classnames11(classes?.button),
+              children: t("\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx19("div", { children: items2.filter((item3) => !!selectedItems[item3.value]).map((item3) => /* @__PURE__ */ jsx19(
+          Checkbox,
+          {
+            label: item3.name,
+            defaultChecked: !!selected5[item3.value],
+            onClick: (e) => {
+              e.stopPropagation();
+              handleClick(item3);
             },
-            withCheckbox: true
-          })
-        )
-      }
-    ) })
+            disabled: isDisabled,
+            classes: classes?.checkbox
+          },
+          `selected-${item3.value}`
+        )) })
+      ] }),
+      !isDisabled && !!filteredItems.length && /* @__PURE__ */ jsx19(
+        Button,
+        {
+          variant: "link",
+          size: "small",
+          disabled: isDisabled,
+          onClick: onSelectAll,
+          className: classnames11(classes?.button),
+          children: t("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435")
+        }
+      ),
+      /* @__PURE__ */ jsx19("div", { children: filteredItems.map((item3) => /* @__PURE__ */ jsx19(
+        Checkbox,
+        {
+          label: item3.name,
+          defaultChecked: !!selected5[item3.value],
+          onClick: (e) => {
+            e.stopPropagation();
+            handleClick(item3);
+          },
+          disabled: isDisabled,
+          classes: classes?.checkbox
+        },
+        `filtered-${item3.value}`
+      )) })
+    ] })
   ] });
 }
 
+// src/components/common/MultiSelect/ui/SelectPopover/SelectPopover.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function SelectPopover2(props) {
+  const { items: items2, selected: selected5, onSelectedChange, classes, enableSearch = false, disabled: disabled2 } = props;
+  const checklistItems = useMemo3(
+    () => items2.map((item3) => ({
+      name: item3.name,
+      value: item3.value
+    })),
+    [items2]
+  );
+  const selectedItems = useMemo3(() => {
+    const result = {};
+    selected5?.forEach((value) => {
+      result[value] = true;
+    });
+    return result;
+  }, [selected5]);
+  const handleActionWithSelected = useCallback6(
+    (newSelected) => {
+      const values = Object.entries(newSelected).reduce((acc, [value, isSelected]) => {
+        if (isSelected) {
+          acc.push(value);
+        }
+        return acc;
+      }, []);
+      onSelectedChange(values);
+    },
+    [onSelectedChange]
+  );
+  const { checklistWrapper: checklistWrapper2, ...checklistClasses } = classes ?? {};
+  return /* @__PURE__ */ jsx20("div", { className: classNames4(checklistWrapper2), children: /* @__PURE__ */ jsx20(
+    Checklist,
+    {
+      disableSearch: !enableSearch,
+      isDisabled: disabled2,
+      items: checklistItems,
+      selected: selectedItems,
+      actionWithSelected: handleActionWithSelected,
+      classes: checklistClasses
+    }
+  ) });
+}
+
 // src/components/common/MultiSelect/utils/getTitle.ts
 var getTitle = (titleType, activeItems, t) => {
   switch (titleType) {
@@ -1712,13 +1836,13 @@ var getTitle = (titleType, activeItems, t) => {
 };
 
 // src/components/common/MultiSelect/MultiSelect.tsx
-import { jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs12 } from "react/jsx-runtime";
 function MultiSelect(props) {
   const {
     variant = "filled",
     componentSize = "medium",
     icon: icon6,
-    fullWidth,
+    fullWidth: fullWidth2,
     label: label7,
     placeholder,
     items: items2,
@@ -1738,8 +1862,27 @@ function MultiSelect(props) {
   const inputRef = useRef7(null);
   const popoverTargetRef = useRef7(null);
   const [isPopoverOpen, setIsPopoverOpen] = useState8(false);
-  const activeItems = useMemo3(() => items2.filter((i) => selected5?.includes(i.value)), [selected5, items2]);
-  const inputClickHandler = useCallback6(
+  const [popoverWidth, setPopoverWidth] = useState8();
+  useLayoutEffect2(() => {
+    const element = wrapperRef.current;
+    if (!element) {
+      return;
+    }
+    const updateWidth = () => {
+      setPopoverWidth(element.getBoundingClientRect().width);
+    };
+    updateWidth();
+    if (typeof ResizeObserver === "undefined") {
+      return;
+    }
+    const resizeObserver = new ResizeObserver(updateWidth);
+    resizeObserver.observe(element);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, []);
+  const activeItems = useMemo4(() => items2.filter((i) => selected5?.includes(i.value)), [selected5, items2]);
+  const inputClickHandler = useCallback7(
     (e) => {
       e.preventDefault();
       if (!disabled2) {
@@ -1748,15 +1891,13 @@ function MultiSelect(props) {
     },
     [disabled2]
   );
-  const changeSelectedItem = (item3) => {
-    const newValue = selected5 ?? [];
-    if (newValue.includes(item3.value)) {
-      onValueChange?.(newValue.filter((v) => v !== item3.value));
-    } else {
-      onValueChange?.([...newValue, item3.value]);
-    }
-  };
-  const title2 = useMemo3(() => {
+  const handleSelectedChange = useCallback7(
+    (newValues) => {
+      onValueChange?.(newValues);
+    },
+    [onValueChange]
+  );
+  const title2 = useMemo4(() => {
     if (!activeItems.length)
       return "";
     return getTitle(titleType, activeItems, t);
@@ -1768,15 +1909,17 @@ function MultiSelect(props) {
   return /* @__PURE__ */ jsxs12(
     "div",
     {
-      className: classnames11(root12, multiSelect_exports[componentSize], classes?.root),
-      style: {
-        maxWidth: fullWidth ? "100%" : void 0
-      },
+      className: classnames12(
+        root12,
+        multiSelect_exports[componentSize],
+        fullWidth2 ? fullWidth : void 0,
+        classes?.root
+      ),
       children: [
-        !!label7 && /* @__PURE__ */ jsx20(
+        !!label7 && /* @__PURE__ */ jsx21(
           Typography,
           {
-            className: classnames11(label5, classes?.label),
+            className: classnames12(label5, classes?.label),
             component: "label",
             variant: "caption",
             htmlFor: inputId,
@@ -1788,44 +1931,46 @@ function MultiSelect(props) {
           "div",
           {
             ref: wrapperRef,
-            className: classnames11(
+            className: classnames12(
               wrapper4,
               multiSelect_exports[variant],
               icon6 ? withIcon4 : void 0,
               classes?.wrapper
             ),
             children: [
-              /* @__PURE__ */ jsx20(
+              /* @__PURE__ */ jsx21(
                 "input",
                 {
                   ref: mergeRefs7([inputRef, ref]),
                   id: inputId,
-                  className: classnames11(input7, classes?.input),
+                  className: classnames12(input7, classes?.input),
                   placeholder,
                   ...inputProps,
                   value: title2,
                   onClick: inputClickHandler,
                   disabled: disabled2,
+                  readOnly: true,
                   title: activeItems.map((i) => i.name).join(", "),
                   autoComplete: "off"
                 }
               ),
-              !!icon6 && /* @__PURE__ */ jsx20("span", { onClick: inputClickHandler, className: classnames11(icon5, classes?.icon), children: icon6 }),
-              !!activeItems.length && /* @__PURE__ */ jsx20("span", { onClick: clearHandler, className: classnames11(clear, classes?.clear), children: /* @__PURE__ */ jsx20(CloseIcon, {}) }),
-              /* @__PURE__ */ jsx20("span", { onClick: inputClickHandler, className: classnames11(arrow3, classes?.arrow), children: /* @__PURE__ */ jsx20(Arrow, {}) }),
-              /* @__PURE__ */ jsx20(
+              !!icon6 && /* @__PURE__ */ jsx21("span", { onClick: inputClickHandler, className: classnames12(icon5, classes?.icon), children: icon6 }),
+              !!activeItems.length && /* @__PURE__ */ jsx21("span", { onClick: clearHandler, className: classnames12(clear, classes?.clear), children: /* @__PURE__ */ jsx21(CloseIcon, {}) }),
+              /* @__PURE__ */ jsx21("span", { onClick: inputClickHandler, className: classnames12(arrow3, classes?.arrow), children: /* @__PURE__ */ jsx21(Arrow, {}) }),
+              /* @__PURE__ */ jsx21(
                 Popover,
                 {
                   placement: "bottom-start",
                   open: isPopoverOpen,
                   onOpenChange: setIsPopoverOpen,
+                  contentStyle: popoverWidth ? { width: popoverWidth, minWidth: popoverWidth, maxWidth: popoverWidth } : void 0,
                   classes: {
-                    content: classnames11(popoverContent3, classes?.popoverContent),
+                    content: classnames12(popoverContent3, classes?.popoverContent),
                     ...classes?.popover
                   },
                   containerOffset: 4,
                   root: popoverInComponent ? wrapperRef.current : void 0,
-                  description: /* @__PURE__ */ jsx20(
+                  description: /* @__PURE__ */ jsx21(
                     SelectPopover2,
                     {
                       items: items2,
@@ -1834,16 +1979,19 @@ function MultiSelect(props) {
                           root: searchInputRoot,
                           ...classes?.selectPopover?.searchInput
                         },
-                        menuWrapper: classnames11(menuWrapper, "styledScroll"),
+                        root: checklistRoot,
+                        checklistWrapper: classnames12(checklistWrapper),
+                        scrolled: checklistScrolled,
                         ...classes?.selectPopover
                       },
                       componentSize,
                       selected: selected5,
-                      changeSelectedItem,
-                      enableSearch
+                      onSelectedChange: handleSelectedChange,
+                      enableSearch,
+                      disabled: disabled2
                     }
                   ),
-                  children: /* @__PURE__ */ jsx20("div", { ref: popoverTargetRef, className: classnames11(popoverTarget4) })
+                  children: /* @__PURE__ */ jsx21("div", { ref: popoverTargetRef, className: classnames12(popoverTarget4) })
                 }
               )
             ]
@@ -1854,131 +2002,6 @@ function MultiSelect(props) {
   );
 }
 
-// src/components/common/Checklist/Checklist.tsx
-import classnames12 from "classnames";
-import { useState as useState9 } from "react";
-
-// src/components/common/Checklist/checklist.module.css
-var root13 = "checklist_root";
-var scrolled = "checklist_scrolled";
-var actionWrap = "checklist_actionWrap";
-
-// src/components/common/Checklist/utils/filterItems.ts
-var filterItems2 = (items2, filterText, selectedItems) => {
-  if (!filterText) {
-    return items2.filter((item3) => !selectedItems[item3.value]);
-  }
-  const reduceCallback = (filteredItems, item3) => {
-    if (item3.name.toUpperCase().includes(filterText.toUpperCase()) && !selectedItems[item3.value]) {
-      filteredItems.push({ ...item3 });
-    }
-    return filteredItems;
-  };
-  return items2.reduce(reduceCallback, []);
-};
-
-// src/components/common/Checklist/Checklist.tsx
-import { Fragment as Fragment4, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
-function Checklist(props) {
-  const { items: items2, selected: selected5, disableSearch, isDisabled, actionWithSelected, onChangeItem, classes } = props;
-  const { t } = useTranslation();
-  const [filterSubstring, setFilterSubstring] = useState9("");
-  const [selectedItems, setSelectedItems] = useState9(selected5);
-  const filteredItems = filterItems2(items2, filterSubstring, selectedItems);
-  const handleClick = (item3) => {
-    const value = !selected5[item3.value];
-    if (onChangeItem) {
-      onChangeItem?.(item3);
-    }
-    const newSelected = { ...selected5, [item3.value]: value };
-    setSelectedItems(newSelected);
-    actionWithSelected(newSelected);
-  };
-  const onSelectAll = () => {
-    let newSelected = { ...selected5 };
-    filteredItems.forEach((item3) => {
-      newSelected = { ...newSelected, [item3.value]: true };
-    });
-    setSelectedItems(newSelected);
-    actionWithSelected(newSelected);
-  };
-  const onUnSelectAll = () => {
-    const newSelected = {};
-    setSelectedItems(newSelected);
-    actionWithSelected(newSelected);
-  };
-  return /* @__PURE__ */ jsxs13("div", { className: classnames12(root13, classes?.root), children: [
-    !disableSearch && /* @__PURE__ */ jsx21(
-      SearchInput,
-      {
-        variant: "outlined",
-        disabled: isDisabled,
-        value: filterSubstring,
-        fullWidth: true,
-        classes: classes?.searchInput,
-        onChange: (e) => setFilterSubstring(e.target.value)
-      }
-    ),
-    /* @__PURE__ */ jsxs13("div", { className: classnames12(scrolled, "styledScroll"), children: [
-      items2.some((item3) => !!selectedItems[item3.value]) && /* @__PURE__ */ jsxs13(Fragment4, { children: [
-        /* @__PURE__ */ jsxs13("div", { className: classnames12(actionWrap, classes?.actionWrap), children: [
-          /* @__PURE__ */ jsx21(Typography, { className: classnames12(classes?.typography), children: t("\u0412\u044B\u0431\u0440\u0430\u043D\u043D\u043E\u0435") }),
-          /* @__PURE__ */ jsx21(
-            Button,
-            {
-              variant: "link",
-              size: "small",
-              disabled: isDisabled,
-              onClick: onUnSelectAll,
-              className: classnames12(classes?.button),
-              children: t("\u041E\u0442\u043C\u0435\u043D\u0438\u0442\u044C")
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx21("div", { children: items2.filter((item3) => !!selectedItems[item3.value]).map((item3) => /* @__PURE__ */ jsx21(
-          Checkbox,
-          {
-            label: item3.name,
-            defaultChecked: !!selected5[item3.value],
-            onClick: (e) => {
-              e.stopPropagation();
-              handleClick(item3);
-            },
-            disabled: isDisabled,
-            classes: classes?.checkbox
-          },
-          `selected-${item3.value}`
-        )) })
-      ] }),
-      !isDisabled && !!filteredItems.length && /* @__PURE__ */ jsx21(
-        Button,
-        {
-          variant: "link",
-          size: "small",
-          disabled: isDisabled,
-          onClick: onSelectAll,
-          className: classnames12(classes?.button),
-          children: t("\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435")
-        }
-      ),
-      /* @__PURE__ */ jsx21("div", { children: filteredItems.map((item3) => /* @__PURE__ */ jsx21(
-        Checkbox,
-        {
-          label: item3.name,
-          defaultChecked: !!selected5[item3.value],
-          onClick: (e) => {
-            e.stopPropagation();
-            handleClick(item3);
-          },
-          disabled: isDisabled,
-          classes: classes?.checkbox
-        },
-        `filtered-${item3.value}`
-      )) })
-    ] })
-  ] });
-}
-
 // src/components/layout/Surface/Surface.tsx
 import classnames13 from "classnames";
 
@@ -2025,11 +2048,11 @@ function Layout(props) {
 
 // src/components/navigation/Tabs/Tabs.tsx
 import classnames17 from "classnames";
-import { useEffect as useEffect5, useState as useState12 } from "react";
+import { useEffect as useEffect5, useState as useState11 } from "react";
 
 // src/components/view/Tooltip/Tooltip.tsx
 import classnames16 from "classnames";
-import { useRef as useRef8, useState as useState11 } from "react";
+import { useRef as useRef8, useState as useState10 } from "react";
 
 // src/components/view/Tooltip/tooltip.module.css
 var tooltip_exports = {};
@@ -2082,7 +2105,7 @@ import { createContext as createContext2 } from "react";
 var TooltipContext = createContext2(null);
 
 // src/components/view/Tooltip/ui/TooltipContent/TooltipContent.tsx
-import { jsx as jsx24, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var TooltipContent = forwardRef5(function TooltipContent2({ styles, style, children: children2, ...props }, propRef) {
   const context = useContext5(TooltipContext);
   if (!context) {
@@ -2123,7 +2146,7 @@ var TooltipContent = forwardRef5(function TooltipContent2({ styles, style, child
     default:
       break;
   }
-  return /* @__PURE__ */ jsx24(FloatingPortal2, { root: otherContext.root, children: /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsx24(FloatingPortal2, { root: otherContext.root, children: /* @__PURE__ */ jsxs13(
     "div",
     {
       ref,
@@ -2167,7 +2190,7 @@ import {
   useInteractions as useInteractions2,
   useRole as useRole2
 } from "@floating-ui/react";
-import { useMemo as useMemo4, useState as useState10 } from "react";
+import { useMemo as useMemo5, useState as useState9 } from "react";
 function useTooltip(props = {}) {
   const {
     initialOpen = false,
@@ -2178,7 +2201,7 @@ function useTooltip(props = {}) {
     arrowRef,
     root: root22
   } = props;
-  const [uncontrolledOpen, setUncontrolledOpen] = useState10(initialOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = useState9(initialOpen);
   const open = controlledOpen ?? uncontrolledOpen;
   const setOpen = setControlledOpen ?? setUncontrolledOpen;
   const data = useFloating2({
@@ -2208,7 +2231,7 @@ function useTooltip(props = {}) {
   const dismiss = useDismiss2(context);
   const role = useRole2(context, { role: "tooltip" });
   const interactions = useInteractions2([hover, focus, dismiss, role]);
-  return useMemo4(
+  return useMemo5(
     () => ({
       open,
       setOpen,
@@ -2258,7 +2281,7 @@ var TooltipTrigger = forwardRef6(
 );
 
 // src/components/view/Tooltip/Tooltip.tsx
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tooltip(props) {
   const {
     label: label7,
@@ -2272,7 +2295,7 @@ function Tooltip(props) {
     children: children2,
     classes
   } = props;
-  const [showTooltip, setShowTooltip] = useState11(false);
+  const [showTooltip, setShowTooltip] = useState10(false);
   const arrowRef = useRef8(null);
   if (!label7) {
     return children2;
@@ -2280,7 +2303,7 @@ function Tooltip(props) {
   if (!children2) {
     return null;
   }
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     TooltipProvider,
     {
       placement,
@@ -2373,7 +2396,7 @@ var tabs_default = {
 };
 
 // src/components/navigation/Tabs/Tabs.tsx
-import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function Tabs(props) {
   const {
     items: items2,
@@ -2389,8 +2412,8 @@ function Tabs(props) {
     value,
     classes
   } = props;
-  const [isMounted, setIsMounted] = useState12(false);
-  const [selectedTab, setSelectedTab] = useState12(defaultSelected);
+  const [isMounted, setIsMounted] = useState11(false);
+  const [selectedTab, setSelectedTab] = useState11(defaultSelected);
   const currentValue = useExternalState ? value : selectedTab;
   const handleClick = (item3) => () => {
     if (item3.isDisabled) {
@@ -2436,7 +2459,7 @@ function Tabs(props) {
       children: items2.map((item3) => {
         const isButton = !!item3.onClick;
         const isSelected = !isButton && currentValue === item3.value;
-        const tabContent = /* @__PURE__ */ jsxs16(
+        const tabContent = /* @__PURE__ */ jsxs15(
           "div",
           {
             className: classnames17(
@@ -2453,7 +2476,7 @@ function Tabs(props) {
             ),
             onClick: handleClick(item3),
             children: [
-              /* @__PURE__ */ jsxs16(
+              /* @__PURE__ */ jsxs15(
                 "div",
                 {
                   className: classnames17(
@@ -2498,7 +2521,7 @@ import { flexRender, getCoreRowModel, useReactTable } from "@tanstack/react-tabl
 import { defaultRangeExtractor, useVirtualizer } from "@tanstack/react-virtual";
 import classnames22 from "classnames";
 import dayjs4 from "dayjs";
-import { Fragment as Fragment8, useCallback as useCallback7, useEffect as useEffect8, useMemo as useMemo6, useRef as useRef11, useState as useState16 } from "react";
+import { Fragment as Fragment7, useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo7, useRef as useRef11, useState as useState15 } from "react";
 
 // src/utils/toFirstLetterUpperCase.ts
 var toFirstLetterUpperCase = (name) => {
@@ -2510,7 +2533,7 @@ var defaultRowHeight = 32;
 
 // src/components/view/VirtualTable/ui/DefaultColumn/DefaultColumn.tsx
 import classnames18 from "classnames";
-import { useEffect as useEffect6, useRef as useRef10, useState as useState13 } from "react";
+import { useEffect as useEffect6, useRef as useRef10, useState as useState12 } from "react";
 
 // src/components/view/Modal/Modal.tsx
 import { forwardRef as forwardRef7, useRef as useRef9 } from "react";
@@ -2674,15 +2697,15 @@ var virtualTable_default = {
 };
 
 // src/components/view/VirtualTable/ui/DefaultColumn/DefaultColumn.tsx
-import { Fragment as Fragment5, jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 var DefaultColumn = {
   cell: ({ getValue, row: { index, original }, column: { id, columnDef }, table: table2 }) => {
     const initialValue = getValue();
     const { meta } = columnDef;
     const tableMeta = table2.options.meta;
-    const [value, setValue] = useState13(initialValue);
-    const [isEdit, setIsEdit] = useState13(false);
-    const [showModal, setShowModal] = useState13(false);
+    const [value, setValue] = useState12(initialValue);
+    const [isEdit, setIsEdit] = useState12(false);
+    const [showModal, setShowModal] = useState12(false);
     const closeModalRef = useRef10();
     closeModalRef.current = () => {
       setShowModal(false);
@@ -2699,10 +2722,10 @@ var DefaultColumn = {
       const onChange = (e) => {
         setValue(e.target.value);
       };
-      return /* @__PURE__ */ jsx30(Tooltip, { label: original[id]?.error ?? "", alertType: "error", children: additionalViewResult?.edit !== null && additionalViewResult?.edit !== void 0 ? additionalViewResult.edit(onChange, onBlur) : /* @__PURE__ */ jsx30(Fragment5, { children: /* @__PURE__ */ jsx30("input", { onChange, onBlur, value: value ?? "", autoFocus: true }) }) });
+      return /* @__PURE__ */ jsx30(Tooltip, { label: original[id]?.error ?? "", alertType: "error", children: additionalViewResult?.edit !== null && additionalViewResult?.edit !== void 0 ? additionalViewResult.edit(onChange, onBlur) : /* @__PURE__ */ jsx30(Fragment4, { children: /* @__PURE__ */ jsx30("input", { onChange, onBlur, value: value ?? "", autoFocus: true }) }) });
     }
     const shownValue = additionalViewResult?.view !== null && additionalViewResult?.view !== void 0 ? additionalViewResult.view : meta?.valueFormat ? meta.valueFormat(initialValue?.toString() ?? "") : meta?.toFixed !== void 0 && !Number.isNaN(parseFloat(initialValue)) ? parseFloat(Number(initialValue).toFixed(meta.toFixed)) : initialValue;
-    return /* @__PURE__ */ jsx30(Tooltip, { label: original[id]?.error, alertType: "error", children: /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsx30(Tooltip, { label: original[id]?.error, alertType: "error", children: /* @__PURE__ */ jsxs16(
       "div",
       {
         className: classnames18(
@@ -2729,7 +2752,7 @@ var DefaultColumn = {
 
 // src/components/view/VirtualTable/ui/HeaderDropdown/HeaderDropdown.tsx
 import classnames21 from "classnames";
-import { useMemo as useMemo5 } from "react";
+import { useMemo as useMemo6 } from "react";
 
 // src/components/view/VirtualTable/ui/HeaderDropdown/headerDropdown.module.css
 var root18 = "headerDropdown_root";
@@ -2763,7 +2786,7 @@ var alphanumericCompare = (a, b) => {
 
 // src/components/view/VirtualTable/ui/DateFiltration/DateFiltration.tsx
 import classnames19 from "classnames";
-import { useEffect as useEffect7, useState as useState14 } from "react";
+import { useEffect as useEffect7, useState as useState13 } from "react";
 
 // src/components/view/VirtualTable/ui/DateFiltration/dateFiltration.module.css
 var root19 = "dateFiltration_root";
@@ -2772,7 +2795,7 @@ var root19 = "dateFiltration_root";
 import { jsx as jsx31 } from "react/jsx-runtime";
 function DateFiltration(props) {
   const { defaultValues = [void 0, void 0], actionWithSelected } = props;
-  const [values, setValues] = useState14(defaultValues);
+  const [values, setValues] = useState13(defaultValues);
   const handleChangeDates = (newValues) => {
     setValues(newValues);
   };
@@ -2794,7 +2817,7 @@ function DateFiltration(props) {
 
 // src/components/view/VirtualTable/ui/NumberFiltration/NumberFiltration.tsx
 import classnames20 from "classnames";
-import { useState as useState15 } from "react";
+import { useState as useState14 } from "react";
 
 // src/components/view/VirtualTable/ui/NumberFiltration/numberFiltration.module.css
 var root20 = "numberFiltration_root";
@@ -2803,7 +2826,7 @@ var inputsContainer = "numberFiltration_inputsContainer";
 var input8 = "numberFiltration_input";
 
 // src/components/view/VirtualTable/ui/NumberFiltration/NumberFiltration.tsx
-import { Fragment as Fragment6, jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 var items = [
   { type: "item", name: "\u041E\u0442 \u2014 \u0434\u043E", value: "range" },
   { type: "item", name: "\u0411\u043E\u043B\u044C\u0448\u0435", value: "more" },
@@ -2812,10 +2835,10 @@ var items = [
 ];
 function NumberFiltration(props) {
   const { defaultValues = [-Infinity, Infinity], actionWithSelected } = props;
-  const [selectedItem, setSelectedItem] = useState15(
+  const [selectedItem, setSelectedItem] = useState14(
     defaultValues[0] === -Infinity && defaultValues[1] === Infinity ? items[0] : defaultValues[0] === defaultValues[1] ? items[3] : defaultValues[0] === -Infinity ? items[2] : defaultValues[1] === Infinity ? items[1] : items[0]
   );
-  const [values, setValues] = useState15(defaultValues);
+  const [values, setValues] = useState14(defaultValues);
   const handleSelect = (item3) => {
     if (!!item3) {
       const newValues = [...values];
@@ -2844,7 +2867,7 @@ function NumberFiltration(props) {
       (prev) => type === "equal" ? [value.length ? +value : -Infinity, value.length ? +value : Infinity] : type === "more" ? [value.length ? +value : -Infinity, prev[1]] : [prev[0], value.length ? +value : Infinity]
     );
   };
-  return /* @__PURE__ */ jsxs18("div", { className: classnames20(root20), children: [
+  return /* @__PURE__ */ jsxs17("div", { className: classnames20(root20), children: [
     /* @__PURE__ */ jsx32(
       Select,
       {
@@ -2857,7 +2880,7 @@ function NumberFiltration(props) {
         tabIndex: -1
       }
     ),
-    /* @__PURE__ */ jsx32("div", { className: classnames20(inputsContainer), children: selectedItem.value === "range" ? /* @__PURE__ */ jsxs18(Fragment6, { children: [
+    /* @__PURE__ */ jsx32("div", { className: classnames20(inputsContainer), children: selectedItem.value === "range" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
       /* @__PURE__ */ jsx32(
         Input,
         {
@@ -2922,7 +2945,7 @@ function NumberFiltration(props) {
 }
 
 // src/components/view/VirtualTable/ui/HeaderDropdown/HeaderDropdown.tsx
-import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 function HeaderDropdown(props) {
   const {
     headerMeta: {
@@ -2948,10 +2971,10 @@ function HeaderDropdown(props) {
     rows
   } = props;
   const headerResultName = sortAnotherName ?? headerName;
-  const filterItems3 = useMemo5(() => {
+  const filterItems2 = useMemo6(() => {
     const checklistItems = items2.map(
       (i) => ({
-        name: i[headerResultName] ? valueFormat ? valueFormat(i[headerResultName].value?.toString() ?? "") : toFixed !== void 0 && !Number.isNaN(parseFloat(i[headerResultName].value)) ? parseFloat(Number(i[headerResultName].value).toFixed(toFixed)) : i[headerResultName].value?.toString() ?? "< \u043D\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F >" : "< \u043D\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F >",
+        name: i[headerResultName] ? valueFormat ? valueFormat(i[headerResultName].value?.toString() ?? "") : toFixed !== void 0 && !Number.isNaN(parseFloat(i[headerResultName].value)) ? parseFloat(Number(i[headerResultName].value).toFixed(toFixed)).toString() : i[headerResultName].value?.toString() ?? "< \u043D\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F >" : "< \u043D\u0435\u0442 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F >",
         value: i[headerResultName]?.value?.toString() ?? ""
       })
     ).sort((a, b) => {
@@ -2972,7 +2995,7 @@ function HeaderDropdown(props) {
     ];
     return uniqueChecklistItems;
   }, [items2, headerResultName]);
-  const uniqueRows = useMemo5(
+  const uniqueRows = useMemo6(
     () => Array.from(
       new Set(
         rows.filter((i) => !!i?.[headerResultName]).map((i) => i[headerResultName].payload?.id ?? i[headerResultName].value)
@@ -2980,17 +3003,17 @@ function HeaderDropdown(props) {
     ),
     [rows, headerResultName]
   );
-  const filterSelectedItems = useMemo5(() => {
+  const filterSelectedItems = useMemo6(() => {
     const result = {};
     filterBy.find((fb) => fb.columnName === headerResultName)?.values.forEach((v) => {
       result[v] = true;
     });
     return result;
   }, [filterBy, headerResultName]);
-  const filterNumbers = useMemo5(() => {
+  const filterNumbers = useMemo6(() => {
     return filterBy.find((fb) => fb.columnName === headerResultName && fb.type === "numberRange")?.values;
   }, [filterBy, headerResultName]);
-  const filterDates = useMemo5(() => {
+  const filterDates = useMemo6(() => {
     return filterBy.find((fb) => fb.columnName === headerResultName && fb.type === "dateRange")?.values;
   }, [filterBy, headerResultName]);
   const handleSortClick = (direction) => () => {
@@ -3065,7 +3088,7 @@ function HeaderDropdown(props) {
   };
   const hasAnyFilter = Object.keys(filterSelectedItems).length || sortBy.some((sb) => sb.columnName === headerResultName);
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs19("div", { className: classnames21(root18), children: [
+  return /* @__PURE__ */ jsxs18("div", { className: classnames21(root18), children: [
     additionalContent?.(headerResultName),
     children2?.(showUniqueValuesCount && /* @__PURE__ */ jsx33("div", { children: `(${uniqueRows.length})` })),
     (sortable || filtrationByValue || filtrationByDate || filtrationByNumber) && /* @__PURE__ */ jsx33(
@@ -3074,13 +3097,13 @@ function HeaderDropdown(props) {
         placement: "bottom-end",
         wrapTrigger: true,
         root: containerRef,
-        description: /* @__PURE__ */ jsxs19(Fragment7, { children: [
+        description: /* @__PURE__ */ jsxs18(Fragment6, { children: [
           filtrationByNumber && /* @__PURE__ */ jsx33(NumberFiltration, { defaultValues: filterNumbers, actionWithSelected: actionWithSelectedNumbers }),
           filtrationByDate && /* @__PURE__ */ jsx33(DateFiltration, { defaultValues: filterDates, actionWithSelected: actionWithSelectedDates }),
           filtrationByValue && /* @__PURE__ */ jsx33("div", { className: classnames21(checklistWrap), children: /* @__PURE__ */ jsx33(
             Checklist,
             {
-              items: filterItems3,
+              items: filterItems2,
               selected: filterSelectedItems,
               actionWithSelected: actionWithSelectedObjects
             }
@@ -3231,7 +3254,7 @@ var recursiveSort = (items2, sortBy) => {
 };
 
 // src/components/view/VirtualTable/VirtualTable.tsx
-import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function VirtualTable(props) {
   const {
     rows,
@@ -3258,11 +3281,11 @@ function VirtualTable(props) {
     onSortsChange,
     additionalHeaderContent
   } = props;
-  const [filterBy, setFilterBy] = useState16(globalFilters ?? []);
-  const [sortBy, setSortBy] = useState16([...globalSorts ?? [], { columnName: "isNew", direction: "desc" }]);
+  const [filterBy, setFilterBy] = useState15(globalFilters ?? []);
+  const [sortBy, setSortBy] = useState15([...globalSorts ?? [], { columnName: "isNew", direction: "desc" }]);
   const tableContainerRef = useRef11(null);
-  const memoizedColumns = useMemo6(() => getColumns(columns), [columns]);
-  const memoizedData = useMemo6(() => {
+  const memoizedColumns = useMemo7(() => getColumns(columns), [columns]);
+  const memoizedData = useMemo7(() => {
     const newRows = [...rows];
     const nextFilterBy = filterBy.filter((filterByItem) => {
       const startDate = filterByItem.type === "dateRange" ? dayjs4(filterByItem.values[0]) : null;
@@ -3283,7 +3306,7 @@ function VirtualTable(props) {
     );
     return sorted;
   }, [rows, sortBy, filterBy]);
-  const columnsEstimateSize = useMemo6(
+  const columnsEstimateSize = useMemo7(
     () => cellWidth ?? ((index) => memoizedColumns[index]?.meta?.width ?? 200),
     [cellWidth, memoizedColumns]
   );
@@ -3317,7 +3340,7 @@ function VirtualTable(props) {
   const columnVirtualizer = useVirtualizer({
     horizontal: true,
     count: headerGroups[0]?.headers.length ?? 1,
-    rangeExtractor: useCallback7((range) => {
+    rangeExtractor: useCallback8((range) => {
       const stickyIndexes = [...Array(fixedColumnsCount)].map((_, index) => index);
       const next = /* @__PURE__ */ new Set([...stickyIndexes, ...defaultRangeExtractor(range)]);
       return [...next].sort((a, b) => a - b);
@@ -3326,11 +3349,11 @@ function VirtualTable(props) {
     estimateSize: columnsEstimateSize,
     overscan: 5
   });
-  const fixedColumnsWidth = useMemo6(
+  const fixedColumnsWidth = useMemo7(
     () => [...Array(fixedColumnsCount)].reduce((sum, _, index) => sum + columnsEstimateSize(index), 0),
     [fixedColumnsCount, columnsEstimateSize]
   );
-  const headerGroupHeight = useMemo6(() => {
+  const headerGroupHeight = useMemo7(() => {
     const delta = headerGroups.length - headerRowHeight.length;
     const result = [...headerRowHeight];
     if (delta > 0) {
@@ -3340,14 +3363,14 @@ function VirtualTable(props) {
     }
     return result;
   }, [headerRowHeight, headerGroups]);
-  const summaryHeaderHeight = useMemo6(
+  const summaryHeaderHeight = useMemo7(
     () => headerGroupHeight.reduce(
       (sum, current, currentIndex) => currentIndex < headerGroups.length ? sum + current : sum,
       0
     ),
     [headerGroupHeight, headerGroups]
   );
-  const headerGroupY = useCallback7(
+  const headerGroupY = useCallback8(
     (headerIndex) => headerGroupHeight.reduce((sum, current, currentIndex) => currentIndex < headerIndex ? sum + current : sum, 0),
     [headerGroupHeight, headerGroups]
   );
@@ -3417,8 +3440,8 @@ function VirtualTable(props) {
         classes?.root
       ),
       style: height ? { height } : void 0,
-      children: /* @__PURE__ */ jsxs20("div", { ref: tableContainerRef, className: classnames22(tableContainer, "styledScroll"), children: [
-        /* @__PURE__ */ jsxs20(
+      children: /* @__PURE__ */ jsxs19("div", { ref: tableContainerRef, className: classnames22(tableContainer, "styledScroll"), children: [
+        /* @__PURE__ */ jsxs19(
           "div",
           {
             className: table,
@@ -3452,7 +3475,7 @@ function VirtualTable(props) {
                           containerRef: useTableContainerAsRootForPopup ? tableContainerRef : void 0,
                           showUniqueValuesCount,
                           additionalContent: additionalHeaderContent,
-                          children: (afterNode) => /* @__PURE__ */ jsxs20(
+                          children: (afterNode) => /* @__PURE__ */ jsxs19(
                             "div",
                             {
                               className: classnames22(
@@ -3477,7 +3500,7 @@ function VirtualTable(props) {
                         }
                       ) });
                     };
-                    return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+                    return /* @__PURE__ */ jsxs19(Fragment7, { children: [
                       [...Array(fixedColumnsCount)].map((_, index) => {
                         const header2 = headerGroup.headers[index];
                         const nextHorizontalHeaders = getNextHorizontalHeaders(
@@ -3573,7 +3596,7 @@ function VirtualTable(props) {
               ),
               virtualRows.map((virtualRow) => {
                 const row = rowsFromTable[virtualRow.index];
-                return /* @__PURE__ */ jsxs20(
+                return /* @__PURE__ */ jsxs19(
                   "div",
                   {
                     "data-index": virtualRow.index,
@@ -3628,7 +3651,7 @@ function VirtualTable(props) {
                               overflow: "hidden"
                             }
                           },
-                          children: rowButtons?.(row.original)?.map((ab) => /* @__PURE__ */ jsx34(Fragment8, { children: ab.template ? ab.template(ab) : /* @__PURE__ */ jsx34(
+                          children: rowButtons?.(row.original)?.map((ab) => /* @__PURE__ */ jsx34(Fragment7, { children: ab.template ? ab.template(ab) : /* @__PURE__ */ jsx34(
                             Tooltip,
                             {
                               label: ab.title,
@@ -3657,7 +3680,7 @@ function VirtualTable(props) {
             ]
           }
         ),
-        borders !== "none" && /* @__PURE__ */ jsxs20(Fragment9, { children: [
+        borders !== "none" && /* @__PURE__ */ jsxs19(Fragment8, { children: [
           /* @__PURE__ */ jsx34("div", { className: rightBorder, style: { height: `${rowsTotalSize + summaryHeaderHeight}px` } }),
           /* @__PURE__ */ jsx34("div", { className: bottomBorder, style: { width: `${columnsTotalSize}px` } })
         ] })
@@ -3667,14 +3690,14 @@ function VirtualTable(props) {
 }
 
 // src/components/view/TreeView/TreeView.tsx
-import { memo as memo2, useCallback as useCallback8, useMemo as useMemo7, useState as useState18 } from "react";
+import { memo as memo2, useCallback as useCallback9, useMemo as useMemo8, useState as useState17 } from "react";
 
 // src/components/view/TreeView/treeView.module.css
 var search = "treeView_search";
 
 // src/components/view/TreeView/ui/TreeViewItem/TreeViewItem.tsx
 import classNames5 from "classnames";
-import { memo, useEffect as useEffect9, useState as useState17 } from "react";
+import { memo, useEffect as useEffect9, useState as useState16 } from "react";
 
 // src/components/view/TreeView/ui/TreeViewItem/treeViewItem.module.css
 var item2 = "treeViewItem_item";
@@ -3685,7 +3708,7 @@ var selected4 = "treeViewItem_selected";
 var selectIcon = "treeViewItem_selectIcon";
 
 // src/components/view/TreeView/ui/TreeViewItem/TreeViewItem.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 var TreeViewItem_default = memo(function TreeViewItem({
   title: title2,
   value,
@@ -3697,7 +3720,7 @@ var TreeViewItem_default = memo(function TreeViewItem({
   startIcons,
   children: children2
 }) {
-  const [isOpen, setIsOpen] = useState17(false);
+  const [isOpen, setIsOpen] = useState16(false);
   useEffect9(() => {
     setIsOpen(!!searchValue);
   }, [searchValue]);
@@ -3711,10 +3734,10 @@ var TreeViewItem_default = memo(function TreeViewItem({
     }
   };
   const isSelected = selected5[value];
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsxs21("div", { className: classNames5(item2, { [selectable]: isSelectable }), onClick: handleClick, children: [
+  return /* @__PURE__ */ jsxs20("div", { children: [
+    /* @__PURE__ */ jsxs20("div", { className: classNames5(item2, { [selectable]: isSelectable }), onClick: handleClick, children: [
       hasChildren && /* @__PURE__ */ jsx35(KeyboardArrowDownIcon, {}),
-      /* @__PURE__ */ jsxs21("div", { className: classNames5(title, { [selected4]: isSelected }), children: [
+      /* @__PURE__ */ jsxs20("div", { className: classNames5(title, { [selected4]: isSelected }), children: [
         startIcon,
         /* @__PURE__ */ jsx35(Typography, { variant: "subtitle2", children: title2 }),
         isSelectable && /* @__PURE__ */ jsx35("span", { className: selectIcon, children: isSelected ? /* @__PURE__ */ jsx35(DoneIcon, {}) : /* @__PURE__ */ jsx35(AddIcon, {}) })
@@ -3757,11 +3780,11 @@ var getFilteredTree = (tree, search2) => {
 };
 
 // src/components/view/TreeView/TreeView.tsx
-import { Fragment as Fragment10, jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var TreeView_default = memo2(function TreeView({ data, selected: selected5, startIcons, onSelect, withSearch = false }) {
-  const [searchValue, setSearchValue] = useState18("");
-  const onChangeSearchValue = useCallback8((e) => setSearchValue(e.target.value), []);
-  const selectedValues = useMemo7(
+  const [searchValue, setSearchValue] = useState17("");
+  const onChangeSearchValue = useCallback9((e) => setSearchValue(e.target.value), []);
+  const selectedValues = useMemo8(
     () => selected5.reduce(
       (acc, cur) => {
         acc[cur] = true;
@@ -3771,10 +3794,10 @@ var TreeView_default = memo2(function TreeView({ data, selected: selected5, star
     ),
     [selected5]
   );
-  const filteredData = useMemo7(() => {
+  const filteredData = useMemo8(() => {
     return getFilteredTree(data, searchValue);
   }, [data, searchValue]);
-  return /* @__PURE__ */ jsxs22(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
     withSearch && /* @__PURE__ */ jsx36(
       SearchInput,
       {
@@ -3815,11 +3838,11 @@ var valuesWithBorders = "pairs_valuesWithBorders";
 var dimTypography = "pairs_dimTypography";
 
 // src/components/view/Pairs/ui/TypographyWithTooltip.tsx
-import { useState as useState19 } from "react";
+import { useState as useState18 } from "react";
 import { jsx as jsx37 } from "react/jsx-runtime";
 function TypographyWithTooltip(props) {
   const { label: label7 } = props;
-  const [tooltip, setTooltip] = useState19(label7);
+  const [tooltip, setTooltip] = useState18(label7);
   return /* @__PURE__ */ jsx37(Tooltip, { label: tooltip, children: /* @__PURE__ */ jsx37(
     Typography,
     {
@@ -3837,7 +3860,7 @@ function TypographyWithTooltip(props) {
 }
 
 // src/components/view/Pairs/Pairs.tsx
-import { Fragment as Fragment11, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
 function Pairs(props) {
   const { pairs, column1Width = "50%", column2Width = "50%", showBorder, minRowHeight, classes } = props;
   return /* @__PURE__ */ jsx38("div", { className: classNames6(classes?.root), children: pairs.map((pair, i) => /* @__PURE__ */ jsx38(
@@ -3847,7 +3870,7 @@ function Pairs(props) {
       className: classNames6(classes?.rowContainer, {
         [rowContainerBorders]: showBorder
       }),
-      children: pair && /* @__PURE__ */ jsxs23(Fragment11, { children: [
+      children: pair && /* @__PURE__ */ jsxs22(Fragment10, { children: [
         /* @__PURE__ */ jsx38(
           "div",
           {
@@ -3889,11 +3912,11 @@ var header = "card_header";
 var actions = "card_actions";
 
 // src/components/view/Card/Card.tsx
-import { jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function Card(props) {
   const { surfaceType = "primary", title: title2, actions: actions2, children: children2, classes } = props;
-  return /* @__PURE__ */ jsxs24(Surface, { type: surfaceType, classes: { root: classNames7(root21, classes?.root) }, children: [
-    (!!title2 || !!actions2) && /* @__PURE__ */ jsxs24("div", { className: header, children: [
+  return /* @__PURE__ */ jsxs23(Surface, { type: surfaceType, classes: { root: classNames7(root21, classes?.root) }, children: [
+    (!!title2 || !!actions2) && /* @__PURE__ */ jsxs23("div", { className: header, children: [
       title2 ?? /* @__PURE__ */ jsx39("div", {}),
       !!actions2 && /* @__PURE__ */ jsx39("div", { className: classNames7(actions, classes?.actions), children: actions2 })
     ] }),