nntc-ui 0.0.42 → 0.0.44

package/{chunk-EOYCTU5A.js → chunk-CVFNR56A.js}

@@ -204,6 +204,22 @@ var ExportTableIcon = (props) => /* @__PURE__ */ jsx36(Icon, { ...props, childre
 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" }) });
 
+// src/icons/VisibilityIcon.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var VisibilityIcon = (props) => /* @__PURE__ */ jsx38(Icon, { ...props, children: /* @__PURE__ */ jsx38(
+  "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
+        17.625 5.0475 15.2925 3.75 12C5.0475 8.7075 8.25 6.375 12 6.375ZM12 7.875C9.15755 7.87505
+        6.62225 9.47254 5.38477 12C6.62225 14.52746 9.15755 16.12495 12 16.125C14.8425
+        16.125 17.3777 14.5275 18.6152 12C17.3777 9.4725 14.8425 7.875 12 7.875ZM12
+        8.625C13.86 8.625 15.375 10.14 15.375 12C15.375 13.86 13.86 15.375 12 15.375C10.14 15.375
+        8.625 13.86 8.625 12C8.625 10.14 10.14 8.625 12 8.625ZM12 10.125C10.965 10.125 10.125 10.965
+        10.125 12C10.125 13.035 10.965 13.875 12 13.875C13.035 13.875 13.875 13.035
+        13.875 12C13.875 10.965 13.035 10.125 12 10.125Z`
+  }
+) });
+
 export {
   __export,
   CheckboxDeselectedIcon,
@@ -241,5 +257,6 @@ export {
   BookmarkIcon,
   BookmarkAddIcon,
   ExportTableIcon,
-  DownloadIcon
+  DownloadIcon,
+  VisibilityIcon
 };

package/icons/index.d.ts

@@ -78,4 +78,6 @@ declare const ExportTableIcon: React__default.FC<IconProps>;
 
 declare const DownloadIcon: 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, WellIcon };
+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 };

package/icons/index.js

@@ -34,8 +34,9 @@ import {
   SortUpIcon,
   TableChartIcon,
   UploadIcon,
+  VisibilityIcon,
   WellIcon
-} from "../chunk-EOYCTU5A.js";
+} from "../chunk-CVFNR56A.js";
 export {
   AddIcon,
   ArrowDropDownIcon,
@@ -72,5 +73,6 @@ export {
   SortUpIcon,
   TableChartIcon,
   UploadIcon,
+  VisibilityIcon,
   WellIcon
 };

package/index.d.ts

@@ -327,6 +327,7 @@ interface Props$7 {
     globalSorts?: SortBy[];
     onFiltersChange?: (filters: FilterBy[]) => void;
     onSortsChange?: (sorts: SortBy[]) => void;
+    additionalHeaderContent?: (headerName: string) => ReactNode;
 }
 declare function VirtualTable(props: UiProps<Props$7>): react_jsx_runtime.JSX.Element;
 

package/index.js

@@ -16,7 +16,7 @@ import {
   SortDownIcon,
   SortUpIcon,
   __export
-} from "./chunk-EOYCTU5A.js";
+} from "./chunk-CVFNR56A.js";
 
 // src/components/common/Button/Button.tsx
 import classnames from "classnames";
@@ -2917,7 +2917,9 @@ function HeaderDropdown(props) {
     items: items2,
     containerRef,
     showUniqueValuesCount,
-    children: children2
+    additionalContent,
+    children: children2,
+    rows
   } = props;
   const headerResultName = sortAnotherName ?? headerName;
   const filterItems3 = useMemo5(() => {
@@ -2935,6 +2937,10 @@ function HeaderDropdown(props) {
     ];
     return uniqueChecklistItems;
   }, [items2, headerResultName]);
+  const uniqueRows = useMemo5(
+    () => Array.from(new Set(rows.map((i) => i?.[headerResultName].payload?.id ?? i?.[headerResultName].value))),
+    [rows, headerResultName]
+  );
   const filterSelectedItems = useMemo5(() => {
     const result = {};
     filterBy.find((fb) => fb.columnName === headerResultName)?.values.forEach((v) => {
@@ -3021,7 +3027,8 @@ 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: [
-    children2?.(showUniqueValuesCount && /* @__PURE__ */ jsx33("div", { children: `(${filterItems3.length})` })),
+    additionalContent?.(headerResultName),
+    children2?.(showUniqueValuesCount && /* @__PURE__ */ jsx33("div", { children: `(${uniqueRows.length})` })),
     (sortable || filtrationByValue || filtrationByDate || filtrationByNumber) && /* @__PURE__ */ jsx33(
       Popover,
       {
@@ -3235,7 +3242,8 @@ function VirtualTable(props) {
     globalFilters,
     globalSorts,
     onFiltersChange,
-    onSortsChange
+    onSortsChange,
+    additionalHeaderContent
   } = props;
   const [filterBy, setFilterBy] = useState16(globalFilters ?? []);
   const [sortBy, setSortBy] = useState16([...globalSorts ?? [], { columnName: "isNew", direction: "desc" }]);
@@ -3255,6 +3263,11 @@ function VirtualTable(props) {
       (fb) => fb.type === "numberRange" && fb.values.some((v) => v !== Infinity && v !== -Infinity) || fb.type === "dateRange" && fb.values.some((v) => !dayjs4(v).isSame(dayjs4(0)) && !dayjs4(v).isSame(dayjs4(Number.MAX_SAFE_INTEGER)))
     ) ? [] : newRows;
     const sorted = sortBy.length ? recursiveSort(filtered, sortBy) : filtered;
+    window.dispatchEvent(
+      new CustomEvent("filteringRows", {
+        detail: sorted
+      })
+    );
     return sorted;
   }, [rows, sortBy, filterBy]);
   const columnsEstimateSize = useMemo6(
@@ -3421,9 +3434,11 @@ function VirtualTable(props) {
                           filterBy,
                           setFilterBy,
                           items: rows,
+                          rows: memoizedData,
                           headerName: header2.column.columnDef.id ?? header2.id,
                           containerRef: useTableContainerAsRootForPopup ? tableContainerRef : void 0,
                           showUniqueValuesCount,
+                          additionalContent: additionalHeaderContent,
                           children: (afterNode) => /* @__PURE__ */ jsxs20(
                             "div",
                             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nntc-ui",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",
@@ -117,4 +117,4 @@
     "vite-plugin-svgr": "^4.5.0",
     "vite-tsconfig-paths": "^5.1.4"
   }
-}
+}