nntc-ui 0.0.94 → 0.0.96

package/{chunk-SQXO2GJK.js → chunk-MHQGQL5J.js}

@@ -162,37 +162,41 @@ var MoreVerticalIcon = (props) => /* @__PURE__ */ jsx26(Icon, { ...props, childr
 import { jsx as jsx27 } from "react/jsx-runtime";
 var SearchIcon = (props) => /* @__PURE__ */ jsx27(Icon, { ...props, children: /* @__PURE__ */ jsx27("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/SettingsIcon.tsx
+// src/icons/SelectUniqueIcon.tsx
 import { jsx as jsx28 } from "react/jsx-runtime";
-var SettingsIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("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 SelectUniqueIcon = (props) => /* @__PURE__ */ jsx28(Icon, { ...props, children: /* @__PURE__ */ jsx28("path", { d: "M3 5h18v2H3V5zm0 6h18v2H3v-2zm0 6h10v2H3v-2z" }) });
 
-// src/icons/SortDownIcon.tsx
+// src/icons/SettingsIcon.tsx
 import { jsx as jsx29 } from "react/jsx-runtime";
-var SortDownIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
+var SettingsIcon = (props) => /* @__PURE__ */ jsx29(Icon, { ...props, children: /* @__PURE__ */ jsx29("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 jsx30 } from "react/jsx-runtime";
-var SortUpIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
+var SortDownIcon = (props) => /* @__PURE__ */ jsx30(Icon, { ...props, children: /* @__PURE__ */ jsx30("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 18V16H21V18H3ZM3 6H9V8H3V6ZM15 11H3V13H15V11Z" }) });
 
-// src/icons/TableChartIcon.tsx
+// src/icons/SortUpIcon.tsx
 import { jsx as jsx31 } from "react/jsx-runtime";
-var TableChartIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
+var SortUpIcon = (props) => /* @__PURE__ */ jsx31(Icon, { ...props, children: /* @__PURE__ */ jsx31("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M3 6V8H21V6H3ZM3 18H9V16H3V18ZM15 13H3V11H15V13Z" }) });
 
-// src/icons/UploadIcon.tsx
+// src/icons/TableChartIcon.tsx
 import { jsx as jsx32 } from "react/jsx-runtime";
-var UploadIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
+var TableChartIcon = (props) => /* @__PURE__ */ jsx32(Icon, { ...props, children: /* @__PURE__ */ jsx32("path", { d: "M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z" }) });
 
-// src/icons/WellIcon.tsx
+// src/icons/UploadIcon.tsx
 import { jsx as jsx33 } from "react/jsx-runtime";
-var WellIcon = (props) => /* @__PURE__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33("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__ */ jsx33(Icon, { ...props, children: /* @__PURE__ */ jsx33("path", { d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z" }) });
 
-// src/icons/EditIcon.tsx
+// src/icons/WellIcon.tsx
 import { jsx as jsx34 } from "react/jsx-runtime";
-var EditIcon = (props) => /* @__PURE__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("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__ */ jsx34(Icon, { ...props, children: /* @__PURE__ */ jsx34("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 jsx35 } from "react/jsx-runtime";
-var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35(
+var EditIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, children: /* @__PURE__ */ jsx35("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 jsx36 } from "react/jsx-runtime";
+var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36(
   "path",
   {
     d: `M3 5v4h2V5h4V3H5c-1.1 0-2 .9-2 2zm2 10H3v4c0 1.1.9 2 2
@@ -201,16 +205,16 @@ var FullScreenOnIcon = (props) => /* @__PURE__ */ jsx35(Icon, { ...props, childr
 ) });
 
 // src/icons/FullScreenOffIcon.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, children: /* @__PURE__ */ jsx36("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
+import { jsx as jsx37 } from "react/jsx-runtime";
+var FullScreenOffIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37("path", { d: "M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z" }) });
 
 // src/icons/BookmarkIcon.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
-var BookmarkIcon = (props) => /* @__PURE__ */ jsx37(Icon, { ...props, children: /* @__PURE__ */ jsx37("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 jsx38 } from "react/jsx-runtime";
+var BookmarkIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38("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 jsx38 } from "react/jsx-runtime";
-var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
+import { jsx as jsx39 } from "react/jsx-runtime";
+var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
   "path",
   {
     d: `M17 11v6.97l-5-2.14-5 2.14V5h6V3H7c-1.1 0-2
@@ -219,8 +223,8 @@ var BookmarkAddIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, childre
 ) });
 
 // src/icons/ExportTableIcon.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
-var ExportTableIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, children: /* @__PURE__ */ jsx39(
+import { jsx as jsx40 } from "react/jsx-runtime";
+var ExportTableIcon = (props) => /* @__PURE__ */ jsx40(Icon, { ...props, children: /* @__PURE__ */ jsx40(
   "path",
   {
     fill: "currentColor",
@@ -236,12 +240,12 @@ var ExportTableIcon = (props) => /* @__PURE__ */ jsx39(Icon, { ...props, childre
 ) });
 
 // src/icons/DownloadIcon.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
-var DownloadIcon = (props) => /* @__PURE__ */ jsx40(Icon, { ...props, children: /* @__PURE__ */ jsx40("path", { d: "M19 9h-4V3H9v6H5l7 7 7-7zm-8 2V5h2v6h1.17L12 13.17 9.83 11H11zm-6 7h14v2H5z" }) });
+import { jsx as jsx41 } from "react/jsx-runtime";
+var DownloadIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children: /* @__PURE__ */ jsx41("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 jsx41 } from "react/jsx-runtime";
-var VisibilityIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children: /* @__PURE__ */ jsx41(
+import { jsx as jsx42 } from "react/jsx-runtime";
+var VisibilityIcon = (props) => /* @__PURE__ */ jsx42(Icon, { ...props, children: /* @__PURE__ */ jsx42(
   "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
@@ -256,8 +260,8 @@ var VisibilityIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children
 ) });
 
 // src/icons/PointIcon.tsx
-import { jsx as jsx42 } from "react/jsx-runtime";
-var PointIcon = (props) => /* @__PURE__ */ jsx42(Icon, { ...props, children: /* @__PURE__ */ jsx42(
+import { jsx as jsx43 } from "react/jsx-runtime";
+var PointIcon = (props) => /* @__PURE__ */ jsx43(Icon, { ...props, children: /* @__PURE__ */ jsx43(
   "path",
   {
     d: "M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8V8Z"
@@ -292,6 +296,7 @@ export {
   ListIcon,
   MoreVerticalIcon,
   SearchIcon,
+  SelectUniqueIcon,
   SettingsIcon,
   SortDownIcon,
   SortUpIcon,

package/icons/index.d.ts

@@ -58,6 +58,8 @@ declare const MoreVerticalIcon: React__default.FC<IconProps>;
 
 declare const SearchIcon: React__default.FC<IconProps>;
 
+declare const SelectUniqueIcon: React__default.FC<IconProps>;
+
 declare const SettingsIcon: React__default.FC<IconProps>;
 
 declare const SortDownIcon: React__default.FC<IconProps>;
@@ -88,4 +90,4 @@ declare const VisibilityIcon: React__default.FC<IconProps>;
 
 declare const PointIcon: React__default.FC<IconProps>;
 
-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, PointIcon, RadioDeselectedIcon, RadioSelectedIcon, 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, PointIcon, RadioDeselectedIcon, RadioSelectedIcon, SearchIcon, SelectUniqueIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };

package/icons/index.js

@@ -33,6 +33,7 @@ import {
   RadioDeselectedIcon,
   RadioSelectedIcon,
   SearchIcon,
+  SelectUniqueIcon,
   SettingsIcon,
   SortDownIcon,
   SortUpIcon,
@@ -40,7 +41,7 @@ import {
   UploadIcon,
   VisibilityIcon,
   WellIcon
-} from "../chunk-SQXO2GJK.js";
+} from "../chunk-MHQGQL5J.js";
 export {
   AddIcon,
   AlertIcon,
@@ -76,6 +77,7 @@ export {
   RadioDeselectedIcon,
   RadioSelectedIcon,
   SearchIcon,
+  SelectUniqueIcon,
   SettingsIcon,
   SortDownIcon,
   SortUpIcon,

package/index.d.ts

@@ -308,6 +308,7 @@ interface FilterBy {
     columnName: string;
     type: 'value' | 'numberRange' | 'dateRange';
     values: (string | number)[];
+    uniqueFirstPerValue?: boolean;
 }
 
 type SortType = 'alphanumeric' | 'locale';
@@ -334,6 +335,7 @@ interface TableColumn {
     filtrationByNumber?: boolean;
     filtrationByDate?: boolean;
     filtrationByValue?: boolean;
+    selectUnique?: boolean;
     width?: number;
     headerAlign?: ColumnAlign;
     rowsAlign?: ColumnAlign;

package/index.js

@@ -16,10 +16,11 @@ import {
   RadioDeselectedIcon,
   RadioSelectedIcon,
   SearchIcon,
+  SelectUniqueIcon,
   SortDownIcon,
   SortUpIcon,
   __export
-} from "./chunk-SQXO2GJK.js";
+} from "./chunk-MHQGQL5J.js";
 
 // src/components/common/Button/Button.tsx
 import classnames from "classnames";
@@ -3705,6 +3706,7 @@ function HeaderDropdown(props) {
   const {
     headerMeta: {
       sortable = false,
+      selectUnique = false,
       sortType,
       sortAnotherName,
       filtrationByNumber = false,
@@ -3723,7 +3725,8 @@ function HeaderDropdown(props) {
     leftAdditionalContent,
     rightAdditionalContent,
     children: children2,
-    rows
+    rows,
+    rowsForUniqueCount
   } = props;
   const headerResultName = sortAnotherName ?? headerName;
   const filterItems2 = useMemo9(() => {
@@ -3750,14 +3753,26 @@ function HeaderDropdown(props) {
     ];
     return uniqueChecklistItems;
   }, [rows, headerResultName, valueFormat, toFixed]);
-  const uniqueRows = useMemo9(
-    () => Array.from(
-      new Set(
-        rows.filter((row) => !!row?.[headerResultName]).map((row) => row[headerResultName].payload?.id ?? row[headerResultName].value)
-      )
-    ),
-    [rows, headerResultName]
-  );
+  const uniqueValuesCount = useMemo9(() => {
+    const sourceRows = rowsForUniqueCount ?? rows;
+    const unique = /* @__PURE__ */ new Set();
+    sourceRows.forEach((sr) => {
+      const cell2 = sr?.[headerResultName];
+      unique.add(cell2 ? (cell2.value ?? "")?.toString() : "");
+    });
+    const valueFilter = filterBy.find((fb) => fb.columnName === headerResultName && fb.type === "value");
+    const selected6 = (valueFilter?.values ?? []).map((v) => (v ?? "")?.toString());
+    if (selected6.length > 0) {
+      const selectedSet = new Set(selected6);
+      let count = 0;
+      unique.forEach((u) => {
+        if (selectedSet.has(u))
+          count += 1;
+      });
+      return count;
+    }
+    return unique.size;
+  }, [rowsForUniqueCount, rows, headerResultName, filterBy]);
   const filterSelectedItems = useMemo9(() => {
     const result = {};
     filterBy.find((fb) => fb.columnName === headerResultName)?.values.forEach((v) => {
@@ -3833,7 +3848,12 @@ function HeaderDropdown(props) {
     const selectedValues = Object.keys(selected6);
     setFilterBy((prev) => {
       if (selectedValues.length === 0) {
-        return prev.filter((p) => !(p.columnName === headerResultName && p.type === "value"));
+        return prev.map((p) => {
+          if (p.columnName !== headerResultName || p.type !== "value") {
+            return p;
+          }
+          return p.uniqueFirstPerValue ? { ...p, values: [] } : null;
+        }).filter((p) => p !== null);
       }
       const newResult = [...prev];
       const existIndex = newResult.findIndex((p) => p.columnName === headerResultName && p.type === "value");
@@ -3845,15 +3865,68 @@ function HeaderDropdown(props) {
       return newResult;
     });
   };
-  const hasAnyFilter = Object.keys(filterSelectedItems).length;
+  const uniqueFirstPerValue = filterBy.some(
+    (fb) => fb.columnName === headerResultName && fb.type === "value" && fb.uniqueFirstPerValue
+  );
+  const toggleUniqueFirstPerValue = () => {
+    setFilterBy((prev) => {
+      const existIndex = prev.findIndex((p) => p.columnName === headerResultName && p.type === "value");
+      if (existIndex !== -1) {
+        const current = prev[existIndex];
+        const nextFlag = !current.uniqueFirstPerValue;
+        if (!nextFlag && current.values.length === 0) {
+          return prev.filter((_, i) => i !== existIndex);
+        }
+        return prev.map((p, i) => {
+          if (i !== existIndex) {
+            return p;
+          }
+          if (nextFlag) {
+            return { ...p, uniqueFirstPerValue: true };
+          }
+          return { columnName: p.columnName, type: p.type, values: p.values };
+        });
+      }
+      return [...prev, { columnName: headerResultName, type: "value", values: [], uniqueFirstPerValue: true }];
+    });
+  };
+  const hasAnyFilter = Object.keys(filterSelectedItems).length > 0 || uniqueFirstPerValue;
   const sortUp = sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "desc");
   const sortDown = sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "asc");
   const { t } = useTranslation();
+  const headerActionMenuItems = [];
+  if (selectUnique) {
+    headerActionMenuItems.push({ type: "divider", name: t("\u0423\u043D\u0438\u043A\u0430\u043B\u044C\u043D\u043E\u0441\u0442\u044C \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0439") });
+    headerActionMenuItems.push({
+      type: "item",
+      name: t("\u0422\u043E\u043B\u044C\u043A\u043E \u0443\u043D\u0438\u043A\u0430\u043B\u044C\u043D\u044B\u0435"),
+      icon: /* @__PURE__ */ jsx35(SelectUniqueIcon, {}),
+      selected: uniqueFirstPerValue,
+      onClick: toggleUniqueFirstPerValue
+    });
+  }
+  if (sortable) {
+    headerActionMenuItems.push({ type: "divider", name: t("\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430") });
+    headerActionMenuItems.push({
+      type: "item",
+      name: t("\u041F\u043E \u0432\u043E\u0437\u0440\u0430\u0441\u0442\u0430\u043D\u0438\u044E"),
+      icon: /* @__PURE__ */ jsx35(SortDownIcon, {}),
+      selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "asc"),
+      onClick: handleSortClick("asc")
+    });
+    headerActionMenuItems.push({
+      type: "item",
+      name: t("\u041F\u043E \u0443\u0431\u044B\u0432\u0430\u043D\u0438\u044E"),
+      icon: /* @__PURE__ */ jsx35(SortUpIcon, {}),
+      selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "desc"),
+      onClick: handleSortClick("desc")
+    });
+  }
   return /* @__PURE__ */ jsxs20("div", { className: classnames22(root19), children: [
     leftAdditionalContent?.(headerResultName),
-    children2?.(showUniqueValuesCount && /* @__PURE__ */ jsx35("div", { children: `(${uniqueRows.length})` })),
+    children2?.(showUniqueValuesCount && /* @__PURE__ */ jsx35("div", { children: `(${uniqueValuesCount})` })),
     rightAdditionalContent?.(headerResultName),
-    (sortable || filtrationByValue || filtrationByDate || filtrationByNumber) && /* @__PURE__ */ jsx35(
+    (sortable || selectUnique || filtrationByValue || filtrationByDate || filtrationByNumber) && /* @__PURE__ */ jsx35(
       Popover,
       {
         placement: "bottom-end",
@@ -3870,31 +3943,7 @@ function HeaderDropdown(props) {
               actionWithSelected: actionWithSelectedObjects
             }
           ) }),
-          sortable && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(
-            Menu,
-            {
-              items: [
-                {
-                  type: "divider",
-                  name: t("\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430")
-                },
-                {
-                  type: "item",
-                  name: t("\u041F\u043E \u0432\u043E\u0437\u0440\u0430\u0441\u0442\u0430\u043D\u0438\u044E"),
-                  icon: /* @__PURE__ */ jsx35(SortDownIcon, {}),
-                  selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "asc"),
-                  onClick: handleSortClick("asc")
-                },
-                {
-                  type: "item",
-                  name: t("\u041F\u043E \u0443\u0431\u044B\u0432\u0430\u043D\u0438\u044E"),
-                  icon: /* @__PURE__ */ jsx35(SortUpIcon, {}),
-                  selected: sortBy.some((sb) => sb.columnName === headerResultName && sb.direction === "desc"),
-                  onClick: handleSortClick("desc")
-                }
-              ]
-            }
-          ) })
+          (sortable || selectUnique) && /* @__PURE__ */ jsx35("div", { children: /* @__PURE__ */ jsx35(Menu, { items: headerActionMenuItems }) })
         ] }),
         children: /* @__PURE__ */ jsx35(Tooltip, { label: t("\u0421\u043E\u0440\u0442\u0438\u0440\u043E\u0432\u043A\u0430 \u0438 \u0444\u0438\u043B\u044C\u0442\u0440\u0430\u0446\u0438\u044F"), placement: "bottom-end", root: containerRef, children: /* @__PURE__ */ jsx35(
           Button,
@@ -3910,6 +3959,21 @@ function HeaderDropdown(props) {
   ] });
 }
 
+// src/components/view/VirtualTable/utils/dedupeFirstByColumnValue.ts
+function dedupeFirstByColumnValue(rows, columnName) {
+  const seen = /* @__PURE__ */ new Set();
+  const result = [];
+  rows.forEach((row) => {
+    const key = row[columnName] ? (row[columnName].value || "")?.toString() : "";
+    if (seen.has(key)) {
+      return;
+    }
+    seen.add(key);
+    result.push(row);
+  });
+  return result;
+}
+
 // src/components/view/VirtualTable/utils/getColumns.ts
 var createMeta = (column) => {
   if (column) {
@@ -3921,6 +3985,7 @@ var createMeta = (column) => {
       filtrationByNumber: column.filtrationByNumber,
       filtrationByDate: column.filtrationByDate,
       filtrationByValue: column.filtrationByValue,
+      selectUnique: column.selectUnique,
       width: column.width,
       headerAlign: column.headerAlign,
       rowsAlign: column.rowsAlign,
@@ -4068,6 +4133,9 @@ var VirtualTable = forwardRef10((props, ref) => {
   const memoizedData = useMemo10(() => {
     const newRows = [...rows];
     const nextFilterBy = filterBy.filter((filterByItem) => {
+      if (filterByItem.type === "value" && filterByItem.uniqueFirstPerValue && filterByItem.values.length === 0) {
+        return true;
+      }
       const startDate = filterByItem.type === "dateRange" ? dayjs2(filterByItem.values[0]) : null;
       const endDate = filterByItem.type === "dateRange" ? dayjs2(filterByItem.values[1]) : null;
       return rows.some((row) => {
@@ -4078,7 +4146,12 @@ var VirtualTable = forwardRef10((props, ref) => {
     const filtered = nextFilterBy.length ? recursiveFilter(newRows, nextFilterBy) : filterBy.some(
       (fb) => fb.type === "numberRange" && fb.values.some((v) => v !== Infinity && v !== -Infinity) || fb.type === "dateRange" && fb.values.some((v) => !dayjs2(v).isSame(dayjs2(0)) && !dayjs2(v).isSame(dayjs2(Number.MAX_SAFE_INTEGER)))
     ) ? [] : newRows;
-    const sorted = sortBy.length ? recursiveSort(filtered, sortBy) : filtered;
+    let sorted = sortBy.length ? recursiveSort(filtered, sortBy) : filtered;
+    for (const fb of nextFilterBy) {
+      if (fb.type === "value" && fb.uniqueFirstPerValue) {
+        sorted = dedupeFirstByColumnValue(sorted, fb.columnName);
+      }
+    }
     const result = rowNumberColumnId ? sorted.map((row, index) => ({
       ...row,
       [rowNumberColumnId]: {
@@ -4336,7 +4409,7 @@ var VirtualTable = forwardRef10((props, ref) => {
                       const headerResultName = headerMeta?.sortAnotherName ?? header2.column.columnDef.id ?? header2.id;
                       const columnFilterIndex = filterBy.findIndex((fb) => fb.columnName === headerResultName);
                       const rowsForChecklist = columnFilterIndex === -1 ? memoizedData : partialFiltered[columnFilterIndex];
-                      return /* @__PURE__ */ jsx36("div", { className: classnames23(thCell), children: header2.column.columnDef.id === header2.column.columnDef["accessorKey"] && header2.column.columnDef.id !== rowNumberColumnId && (headerMeta?.sortable || headerMeta?.filtrationByValue || headerMeta?.filtrationByDate || headerMeta?.filtrationByNumber || headerMeta && showUniqueValuesCount) ? /* @__PURE__ */ jsx36(
+                      return /* @__PURE__ */ jsx36("div", { className: classnames23(thCell), children: header2.column.columnDef.id === header2.column.columnDef["accessorKey"] && header2.column.columnDef.id !== rowNumberColumnId && (headerMeta?.sortable || headerMeta?.selectUnique || headerMeta?.filtrationByValue || headerMeta?.filtrationByDate || headerMeta?.filtrationByNumber || headerMeta && showUniqueValuesCount) ? /* @__PURE__ */ jsx36(
                         HeaderDropdown,
                         {
                           headerMeta,
@@ -4345,6 +4418,7 @@ var VirtualTable = forwardRef10((props, ref) => {
                           filterBy,
                           setFilterBy,
                           rows: rowsForChecklist,
+                          rowsForUniqueCount: memoizedData,
                           headerName: header2.column.columnDef.id ?? header2.id,
                           containerRef: useTableContainerAsRootForPopup ? tableContainerRef : void 0,
                           showUniqueValuesCount,

package/package.json

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