nntc-ui 0.0.56 → 0.0.58

package/{chunk-CVFNR56A.js → chunk-3HESG6EU.js}

@@ -111,53 +111,64 @@ var InfoIcon = (props) => /* @__PURE__ */ jsx20(Icon, { ...props, children: /* @
   }
 ) });
 
-// src/icons/KeyboardArrowDownIcon.tsx
+// src/icons/AlertIcon.tsx
 import { jsx as jsx21 } from "react/jsx-runtime";
-var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /* @__PURE__ */ jsx21("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
+var AlertIcon = (props) => /* @__PURE__ */ jsx21(Icon, { ...props, children: /* @__PURE__ */ jsx21(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M23 21.5L12 2.5L1 21.5H23ZM11 18.5V16.5H13V18.5H11ZM11 14.5H13V10.5H11V14.5Z"
+  }
+) });
 
-// src/icons/ListIcon.tsx
+// src/icons/KeyboardArrowDownIcon.tsx
 import { jsx as jsx22 } from "react/jsx-runtime";
-var ListIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
+var KeyboardArrowDownIcon = (props) => /* @__PURE__ */ jsx22(Icon, { ...props, children: /* @__PURE__ */ jsx22("path", { d: "M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z" }) });
 
-// src/icons/MoreVerticalIcon.tsx
+// src/icons/ListIcon.tsx
 import { jsx as jsx23 } from "react/jsx-runtime";
-var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
+var ListIcon = (props) => /* @__PURE__ */ jsx23(Icon, { ...props, children: /* @__PURE__ */ jsx23("path", { d: "M3 13h2v-2H3v2zm0 4h2v-2H3v2zm0-8h2V7H3v2zm4 4h14v-2H7v2zm0 4h14v-2H7v2zM7 7v2h14V7H7z" }) });
 
-// src/icons/SearchIcon.tsx
+// src/icons/MoreVerticalIcon.tsx
 import { jsx as jsx24 } from "react/jsx-runtime";
-var SearchIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
+var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx24(Icon, { ...props, children: /* @__PURE__ */ jsx24("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" }) });
 
-// src/icons/SettingsIcon.tsx
+// src/icons/SearchIcon.tsx
 import { jsx as jsx25 } from "react/jsx-runtime";
-var SettingsIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
+var SearchIcon = (props) => /* @__PURE__ */ jsx25(Icon, { ...props, children: /* @__PURE__ */ jsx25("path", { d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z" }) });
 
-// src/icons/SortDownIcon.tsx
+// src/icons/SettingsIcon.tsx
 import { jsx as jsx26 } from "react/jsx-runtime";
-var SortDownIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M7 10l5 5 5-5z" }) });
+var SettingsIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, children: /* @__PURE__ */ jsx26("path", { d: "M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.07.62-.07.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z" }) });
 
-// src/icons/SortUpIcon.tsx
+// src/icons/SortDownIcon.tsx
 import { jsx as jsx27 } from "react/jsx-runtime";
-var SortUpIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M7 14l5-5 5 5z" }) });
+var SortDownIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("path", { d: "M7 10l5 5 5-5z" }) });
 
-// src/icons/TableChartIcon.tsx
+// src/icons/SortUpIcon.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
-var TableChartIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
+var SortUpIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M7 14l5-5 5 5z" }) });
 
-// src/icons/UploadIcon.tsx
+// src/icons/TableChartIcon.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
-var UploadIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
+var TableChartIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
 
-// src/icons/WellIcon.tsx
+// src/icons/UploadIcon.tsx
 import { jsx as jsx30 } from "react/jsx-runtime";
-var WellIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
+var UploadIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
 
-// src/icons/EditIcon.tsx
+// src/icons/WellIcon.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
-var EditIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
+var WellIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z" }) });
 
-// src/icons/FullScreenOnIcon.tsx
+// src/icons/EditIcon.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
-var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32(
+var EditIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M18.3688 3.29L20.7088 5.63C21.0988 6.02 21.0988 6.65 20.7088 7.04L18.8788 8.87L15.1288 5.12L16.9588 3.29C17.1488 3.1 17.3988 3 17.6588 3C17.9188 3 18.1688 3.09 18.3688 3.29ZM2.99878 17.25V21H6.74878L17.8088 9.94L14.0588 6.19L2.99878 17.25ZM5.91878 19H4.99878V18.08L14.0588 9.02L14.9788 9.94L5.91878 19Z" }) });
+
+// src/icons/FullScreenOnIcon.tsx
+import { jsx as jsx33 } from "react/jsx-runtime";
+var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33(
   "path",
   {
     d: `M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2
@@ -166,16 +177,16 @@ var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, childr
 ) });
 
 // src/icons/FullScreenOffIcon.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
-var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
+import { jsx as jsx34 } from "react/jsx-runtime";
+var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
 
 // src/icons/BookmarkIcon.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
-var BookmarkIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) });
+import { jsx as jsx35 } from "react/jsx-runtime";
+var BookmarkIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35("path", { d: "M17 3H7c-1.1 0-2 .9-2 2v16l7-3 7 3V5c0-1.1-.9-2-2-2zm0 15-5-2.18L7 18V5h10v13z" }) });
 
 // src/icons/BookmarkAddIcon.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
-var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35(
+import { jsx as jsx36 } from "react/jsx-runtime";
+var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36(
   "path",
   {
     d: `M17 11v6.97l-5-2.14-5 2.14V5h6V3H7c-1.1 0-2
@@ -184,8 +195,8 @@ var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, childre
 ) });
 
 // src/icons/ExportTableIcon.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var ExportTableIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36(
+import { jsx as jsx37 } from "react/jsx-runtime";
+var ExportTableIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37(
   "path",
   {
     fill: "currentColor",
@@ -201,12 +212,12 @@ var ExportTableIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, childre
 ) });
 
 // src/icons/DownloadIcon.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var DownloadIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
+import { jsx as jsx38 } from "react/jsx-runtime";
+var DownloadIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
 
 // src/icons/VisibilityIcon.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
-var VisibilityIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
+import { jsx as jsx39 } from "react/jsx-runtime";
+var VisibilityIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
   "path",
   {
     d: `M12 6.375C15.75 6.375 18.9525 8.7075 20.25 12C18.9525 15.2925 15.75 17.625 12 17.625C8.25
@@ -241,6 +252,7 @@ export {
   FilterIcon,
   FilterClearIcon,
   InfoIcon,
+  AlertIcon,
   KeyboardArrowDownIcon,
   ListIcon,
   MoreVerticalIcon,

package/icons/index.d.ts

@@ -44,6 +44,8 @@ declare const FilterClearIcon: React__default.FC<IconProps>;
 
 declare const InfoIcon: React__default.FC<IconProps>;
 
+declare const AlertIcon: React__default.FC<IconProps>;
+
 declare const KeyboardArrowDownIcon: React__default.FC<IconProps>;
 
 declare const ListIcon: React__default.FC<IconProps>;
@@ -80,4 +82,4 @@ declare const DownloadIcon: React__default.FC<IconProps>;
 
 declare const VisibilityIcon: React__default.FC<IconProps>;
 
-export { AddIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
+export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };

package/icons/index.js

@@ -1,5 +1,6 @@
 import {
   AddIcon,
+  AlertIcon,
   ArrowDropDownIcon,
   ArrowDropUpIcon,
   AttachIcon,
@@ -36,9 +37,10 @@ import {
   UploadIcon,
   VisibilityIcon,
   WellIcon
-} from "../chunk-CVFNR56A.js";
+} from "../chunk-3HESG6EU.js";
 export {
   AddIcon,
+  AlertIcon,
   ArrowDropDownIcon,
   ArrowDropUpIcon,
   AttachIcon,

package/index.css

@@ -2033,11 +2033,11 @@
 }
 .chip_medium,
 .chip_medium > .chip_stateLayer {
-  height: 40px;
+  height: 32px;
 }
 .chip_small,
 .chip_small > .chip_stateLayer {
-  height: 32px;
+  height: 24px;
 }
 .chip_medium > .chip_stateLayer {
   padding: 0 16px;
@@ -2075,13 +2075,13 @@
   cursor: pointer;
 }
 .chip_medium .chip_icon {
-  width: 32px;
-  height: 32px;
-}
-.chip_small .chip_icon {
   width: 24px;
   height: 24px;
 }
+.chip_small .chip_icon {
+  width: 18px;
+  height: 18px;
+}
 .chip_icon.chip_iconClickable:hover {
   background-color: var(--theme-overlay-8);
 }

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, MutableRefObject, CSSProperties, HTMLProps, ElementType } from 'react';
+import { ButtonHTMLAttributes, ReactNode, DetailedHTMLProps, InputHTMLAttributes, PropsWithChildren, ChangeEvent, JSX, MutableRefObject, ReactElement, CSSProperties, HTMLProps, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Placement } from '@floating-ui/react';
 
@@ -135,7 +135,7 @@ interface Props$f {
     label?: string;
     placeholder?: string;
     items: Item$4[];
-    onValueChange?: (newItem: string[] | null) => void;
+    onValueChange?: (newItem: Item$4[] | null) => void;
     selected: string[] | null;
     titleType?: TitleVariant;
     enableSearch?: boolean;
@@ -359,7 +359,7 @@ interface Props$6 {
     alertType?: 'success' | 'warning' | 'error' | 'info' | 'default';
     root?: HTMLElement | MutableRefObject<HTMLElement | null> | null;
 }
-declare function Tooltip(props: PropsWithChildren<UiProps<Props$6>>): string | number | boolean | Iterable<ReactNode> | react_jsx_runtime.JSX.Element | null | undefined;
+declare function Tooltip(props: PropsWithChildren<UiProps<Props$6>>): ReactElement | null;
 
 interface Props$5 {
     description?: ReactNode | string;

package/index.js

@@ -16,7 +16,7 @@ import {
   SortDownIcon,
   SortUpIcon,
   __export
-} from "./chunk-CVFNR56A.js";
+} from "./chunk-3HESG6EU.js";
 
 // src/components/common/Button/Button.tsx
 import classnames from "classnames";
@@ -1809,13 +1809,16 @@ function SelectPopover2(props) {
     (newSelected) => {
       const values = Object.entries(newSelected).reduce((acc, [value, isSelected]) => {
         if (isSelected) {
-          acc.push(value);
+          const item3 = items2.find((i) => i.value === value);
+          if (item3) {
+            acc.push(item3);
+          }
         }
         return acc;
       }, []);
       onSelectedChange(values);
     },
-    [onSelectedChange]
+    [onSelectedChange, items2]
   );
   const { checklistWrapper: checklistWrapper2, ...checklistClasses } = classes ?? {};
   return /* @__PURE__ */ jsx20("div", { className: classNames4(checklistWrapper2), children: /* @__PURE__ */ jsx20(
@@ -1903,8 +1906,8 @@ function MultiSelect(props) {
     [disabled2]
   );
   const handleSelectedChange = useCallback8(
-    (newValues) => {
-      onValueChange?.(newValues);
+    (newItems) => {
+      onValueChange?.(newItems);
     },
     [onValueChange]
   );
@@ -2292,7 +2295,7 @@ var TooltipTrigger = forwardRef6(
 );
 
 // src/components/view/Tooltip/Tooltip.tsx
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 function Tooltip(props) {
   const {
     label: label8,
@@ -2309,7 +2312,7 @@ function Tooltip(props) {
   const [showTooltip, setShowTooltip] = useState10(false);
   const arrowRef = useRef8(null);
   if (!label8) {
-    return children2;
+    return children2 ? /* @__PURE__ */ jsx27(Fragment4, { children: children2 }) : null;
   }
   if (!children2) {
     return null;
@@ -2532,7 +2535,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 Fragment7, useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo8, useRef as useRef11, useState as useState15 } from "react";
+import { Fragment as Fragment8, useCallback as useCallback9, useEffect as useEffect8, useMemo as useMemo8, useRef as useRef11, useState as useState15 } from "react";
 
 // src/utils/toFirstLetterUpperCase.ts
 var toFirstLetterUpperCase = (name) => {
@@ -2708,7 +2711,7 @@ var virtualTable_default = {
 };
 
 // src/components/view/VirtualTable/ui/DefaultColumn/DefaultColumn.tsx
-import { Fragment as Fragment4, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment5, 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();
@@ -2733,7 +2736,7 @@ 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(Fragment4, { 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(Fragment5, { 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__ */ jsxs16(
@@ -2837,7 +2840,7 @@ var inputsContainer = "numberFiltration_inputsContainer";
 var input8 = "numberFiltration_input";
 
 // src/components/view/VirtualTable/ui/NumberFiltration/NumberFiltration.tsx
-import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment6, 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" },
@@ -2891,7 +2894,7 @@ function NumberFiltration(props) {
         tabIndex: -1
       }
     ),
-    /* @__PURE__ */ jsx32("div", { className: classnames20(inputsContainer), children: selectedItem.value === "range" ? /* @__PURE__ */ jsxs17(Fragment5, { children: [
+    /* @__PURE__ */ jsx32("div", { className: classnames20(inputsContainer), children: selectedItem.value === "range" ? /* @__PURE__ */ jsxs17(Fragment6, { children: [
       /* @__PURE__ */ jsx32(
         Input,
         {
@@ -2956,7 +2959,7 @@ function NumberFiltration(props) {
 }
 
 // src/components/view/VirtualTable/ui/HeaderDropdown/HeaderDropdown.tsx
-import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 function HeaderDropdown(props) {
   const {
     headerMeta: {
@@ -3108,7 +3111,7 @@ function HeaderDropdown(props) {
         placement: "bottom-end",
         wrapTrigger: true,
         root: containerRef,
-        description: /* @__PURE__ */ jsxs18(Fragment6, { children: [
+        description: /* @__PURE__ */ jsxs18(Fragment7, { 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(
@@ -3265,7 +3268,7 @@ var recursiveSort = (items2, sortBy) => {
 };
 
 // src/components/view/VirtualTable/VirtualTable.tsx
-import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 function VirtualTable(props) {
   const {
     rows,
@@ -3511,7 +3514,7 @@ function VirtualTable(props) {
                         }
                       ) });
                     };
-                    return /* @__PURE__ */ jsxs19(Fragment7, { children: [
+                    return /* @__PURE__ */ jsxs19(Fragment8, { children: [
                       [...Array(fixedColumnsCount)].map((_, index) => {
                         const header2 = headerGroup.headers[index];
                         const nextHorizontalHeaders = getNextHorizontalHeaders(
@@ -3662,7 +3665,7 @@ function VirtualTable(props) {
                               overflow: "hidden"
                             }
                           },
-                          children: rowButtons?.(row.original)?.map((ab) => /* @__PURE__ */ jsx34(Fragment7, { children: ab.template ? ab.template(ab) : /* @__PURE__ */ jsx34(
+                          children: rowButtons?.(row.original)?.map((ab) => /* @__PURE__ */ jsx34(Fragment8, { children: ab.template ? ab.template(ab) : /* @__PURE__ */ jsx34(
                             Tooltip,
                             {
                               label: ab.title,
@@ -3691,7 +3694,7 @@ function VirtualTable(props) {
             ]
           }
         ),
-        borders !== "none" && /* @__PURE__ */ jsxs19(Fragment8, { children: [
+        borders !== "none" && /* @__PURE__ */ jsxs19(Fragment9, { children: [
           /* @__PURE__ */ jsx34("div", { className: rightBorder, style: { height: `${rowsTotalSize + summaryHeaderHeight}px` } }),
           /* @__PURE__ */ jsx34("div", { className: bottomBorder, style: { width: `${columnsTotalSize}px` } })
         ] })
@@ -3791,7 +3794,7 @@ var getFilteredTree = (tree, search2) => {
 };
 
 // src/components/view/TreeView/TreeView.tsx
-import { Fragment as Fragment9, jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { Fragment as Fragment10, 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] = useState17("");
   const onChangeSearchValue = useCallback10((e) => setSearchValue(e.target.value), []);
@@ -3808,7 +3811,7 @@ var TreeView_default = memo2(function TreeView({ data, selected: selected5, star
   const filteredData = useMemo9(() => {
     return getFilteredTree(data, searchValue);
   }, [data, searchValue]);
-  return /* @__PURE__ */ jsxs21(Fragment9, { children: [
+  return /* @__PURE__ */ jsxs21(Fragment10, { children: [
     withSearch && /* @__PURE__ */ jsx36(
       SearchInput,
       {
@@ -3871,7 +3874,7 @@ function TypographyWithTooltip(props) {
 }
 
 // src/components/view/Pairs/Pairs.tsx
-import { Fragment as Fragment10, jsx as jsx38, jsxs as jsxs22 } from "react/jsx-runtime";
+import { Fragment as Fragment11, 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(
@@ -3881,7 +3884,7 @@ function Pairs(props) {
       className: classNames6(classes?.rowContainer, {
         [rowContainerBorders]: showBorder
       }),
-      children: pair && /* @__PURE__ */ jsxs22(Fragment10, { children: [
+      children: pair && /* @__PURE__ */ jsxs22(Fragment11, { children: [
         /* @__PURE__ */ jsx38(
           "div",
           {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nntc-ui",
-  "version": "0.0.56",
+  "version": "0.0.58",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",