nntc-ui 0.0.40 → 0.0.42

package/index.d.ts

@@ -264,10 +264,16 @@ interface FilterBy {
     values: (string | number)[];
 }
 
-type ColumnAlign = 'Left' | 'Right' | 'Center';
-
 type SortType = 'alphanumeric' | 'locale';
 
+interface SortBy {
+    columnName: string;
+    direction: 'asc' | 'desc';
+    sortType?: SortType;
+}
+
+type ColumnAlign = 'Left' | 'Right' | 'Center';
+
 type VerticalAlign = 'FlexStart' | 'Center' | 'FlexEnd';
 
 interface TableColumn {
@@ -318,15 +324,12 @@ interface Props$7 {
     borders?: Borders;
     showUniqueValuesCount?: boolean;
     globalFilters?: FilterBy[];
+    globalSorts?: SortBy[];
+    onFiltersChange?: (filters: FilterBy[]) => void;
+    onSortsChange?: (sorts: SortBy[]) => void;
 }
 declare function VirtualTable(props: UiProps<Props$7>): react_jsx_runtime.JSX.Element;
 
-interface SortBy {
-    columnName: string;
-    direction: 'asc' | 'desc';
-    sortType?: SortType;
-}
-
 interface Item {
     id: string;
     name: string;

package/index.js

@@ -2967,9 +2967,9 @@ function HeaderDropdown(props) {
         return [...prev.filter((p) => !(p.columnName === headerResultName && p.type === "numberRange"))];
       } else {
         const newResult = [...prev];
-        const exist = newResult.find((p) => p.columnName === headerResultName && p.type === "numberRange");
-        if (exist) {
-          exist.values = values;
+        const existIndex = newResult.findIndex((p) => p.columnName === headerResultName && p.type === "numberRange");
+        if (existIndex !== -1) {
+          newResult[existIndex] = { ...newResult[existIndex], values };
         } else {
           newResult.push({
             columnName: headerResultName,
@@ -2987,9 +2987,9 @@ function HeaderDropdown(props) {
         return [...prev.filter((p) => !(p.columnName === headerResultName && p.type === "dateRange"))];
       } else {
         const newResult = [...prev];
-        const exist = newResult.find((p) => p.columnName === headerResultName && p.type === "dateRange");
-        if (exist) {
-          exist.values = values;
+        const existIndex = newResult.findIndex((p) => p.columnName === headerResultName && p.type === "dateRange");
+        if (existIndex !== -1) {
+          newResult[existIndex] = { ...newResult[existIndex], values };
         } else {
           newResult.push({
             columnName: headerResultName,
@@ -3009,9 +3009,9 @@ function HeaderDropdown(props) {
     });
     setFilterBy((prev) => {
       const newResult = [...prev];
-      const exist = newResult.find((p) => p.columnName === headerResultName && p.type === "value");
-      if (exist) {
-        exist.values = Object.keys(selected5);
+      const existIndex = newResult.findIndex((p) => p.columnName === headerResultName && p.type === "value");
+      if (existIndex !== -1) {
+        newResult[existIndex] = { ...newResult[existIndex], values: Object.keys(selected5) };
       } else {
         newResult.push({ columnName: headerResultName, type: "value", values: Object.keys(selected5) });
       }
@@ -3231,11 +3231,14 @@ function VirtualTable(props) {
     useTableContainerAsRootForPopup,
     size = "small",
     borders = "horizontal",
-    showUniqueValuesCount = false
-    // globalFilters,
+    showUniqueValuesCount = false,
+    globalFilters,
+    globalSorts,
+    onFiltersChange,
+    onSortsChange
   } = props;
-  const [filterBy, setFilterBy] = useState16([]);
-  const [sortBy, setSortBy] = useState16([{ columnName: "isNew", direction: "desc" }]);
+  const [filterBy, setFilterBy] = useState16(globalFilters ?? []);
+  const [sortBy, setSortBy] = useState16([...globalSorts ?? [], { columnName: "isNew", direction: "desc" }]);
   const tableContainerRef = useRef11(null);
   const memoizedColumns = useMemo6(() => getColumns(columns), [columns]);
   const memoizedData = useMemo6(() => {
@@ -3372,6 +3375,12 @@ function VirtualTable(props) {
     fixedColumnsCount && virtualColumns[fixedColumnsCount].index !== fixedColumnsCount ? virtualColumns[fixedColumnsCount].start - fixedColumnsWidth : virtualColumns[0].start,
     columnsTotalSize - virtualColumns[virtualColumns.length - 1].end
   ] : [0, 0];
+  useEffect8(() => {
+    onFiltersChange?.(filterBy);
+  }, [filterBy]);
+  useEffect8(() => {
+    onSortsChange?.(sortBy.filter((sb) => sb.columnName !== "isNew"));
+  }, [sortBy]);
   return /* @__PURE__ */ jsx34(
     "div",
     {

package/package.json

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