nntc-ui 0.0.64 → 0.0.66

package/index.d.ts

@@ -299,6 +299,10 @@ interface TableColumn {
     toFixed?: number;
 }
 
+interface VirtualTableRef {
+    resetFilters: () => void;
+}
+
 type Size$1 = 'medium' | 'small';
 type Borders = 'all' | 'horizontal' | 'vertical' | 'none';
 interface Props$8 {
@@ -331,7 +335,9 @@ interface Props$8 {
     additionalHeaderContent?: (headerName: string) => ReactNode;
     showRowsNumbers?: boolean;
 }
-declare function VirtualTable(props: UiProps<Props$8>): react_jsx_runtime.JSX.Element;
+declare const VirtualTable: React.ForwardRefExoticComponent<Props$8 & {
+    classes?: PropsObject;
+} & React.RefAttributes<VirtualTableRef>>;
 
 interface Item {
     id: string;
@@ -426,4 +432,4 @@ interface Props {
 }
 declare const Chip: (props: PropsWithChildren<UiProps<Props>>) => react_jsx_runtime.JSX.Element;
 
-export { type AdditionalButton, Button, ButtonsGroup, Card, Checkbox, Checklist, type Item$3 as ChecklistItem, type SelectedItems as ChecklistSelectedItems, Chip, ColorPicker, type ColumnAlign, DateTime, type FilterBy, Input, Layout, Menu, type Divider as MenuDivider, type Item$2 as MenuItem, Modal, MultiSelect, type Item$4 as MultiSelectItem, type TitleVariant as MultiSelectTitleVariant, type Pair, Pairs, Popover, SearchInput, Select, type Divider$1 as SelectDivider, type Item$5 as SelectItem, type SortBy, type SortType, Surface, type TableCell, type TableColumn, type TableRow, Tabs, type Item$1 as TabsItem, Tooltip, _default as TreeView, type Item as TreeViewItem, Typography, type VerticalAlign, VirtualTable, WrapForLabel };
+export { type AdditionalButton, Button, ButtonsGroup, Card, Checkbox, Checklist, type Item$3 as ChecklistItem, type SelectedItems as ChecklistSelectedItems, Chip, ColorPicker, type ColumnAlign, DateTime, type FilterBy, Input, Layout, Menu, type Divider as MenuDivider, type Item$2 as MenuItem, Modal, MultiSelect, type Item$4 as MultiSelectItem, type TitleVariant as MultiSelectTitleVariant, type Pair, Pairs, Popover, SearchInput, Select, type Divider$1 as SelectDivider, type Item$5 as SelectItem, type SortBy, type SortType, Surface, type TableCell, type TableColumn, type TableRow, Tabs, type Item$1 as TabsItem, Tooltip, _default as TreeView, type Item as TreeViewItem, Typography, type VerticalAlign, VirtualTable, type VirtualTableRef, WrapForLabel };

package/index.js

@@ -2535,7 +2535,16 @@ 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 useCallback9, useEffect as useEffect8, useMemo as useMemo8, useRef as useRef11, useState as useState15 } from "react";
+import {
+  Fragment as Fragment8,
+  forwardRef as forwardRef8,
+  useCallback as useCallback9,
+  useEffect as useEffect8,
+  useImperativeHandle,
+  useMemo as useMemo8,
+  useRef as useRef11,
+  useState as useState15
+} from "react";
 import { v4 as uuidv46 } from "uuid";
 
 // src/utils/toFirstLetterUpperCase.ts
@@ -3272,7 +3281,7 @@ var recursiveSort = (items2, sortBy) => {
 
 // src/components/view/VirtualTable/VirtualTable.tsx
 import { Fragment as Fragment9, jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
-function VirtualTable(props) {
+var VirtualTable = forwardRef8((props, ref) => {
   const {
     rows,
     columns,
@@ -3346,7 +3355,7 @@ function VirtualTable(props) {
     return result;
   }, [rows, sortBy, filterBy, rowNumberColumnId]);
   const columnsEstimateSize = useMemo8(
-    () => cellWidth ?? ((index) => rowNumberColumnId && index === 0 ? memoizedData.length.toString().length * 10 + 24 : memoizedColumns[index]?.meta?.width ?? 200),
+    () => cellWidth ?? ((index) => rowNumberColumnId && index === 0 ? memoizedData.length.toString().length * 8 + 24 : memoizedColumns[index]?.meta?.width ?? 200),
     [cellWidth, memoizedColumns, memoizedData, rowNumberColumnId]
   );
   const table2 = useReactTable({
@@ -3415,6 +3424,12 @@ function VirtualTable(props) {
   );
   const rowsTotalSize = rowVirtualizer.getTotalSize();
   const columnsTotalSize = columnVirtualizer.getTotalSize();
+  const resetFilters = () => {
+    setFilterBy([]);
+  };
+  useImperativeHandle(ref, () => ({
+    resetFilters
+  }));
   useEffect8(() => {
     if (tableContainerRef?.current) {
       const container = tableContainerRef?.current;
@@ -3726,7 +3741,7 @@ function VirtualTable(props) {
       ] })
     }
   );
-}
+});
 
 // src/components/view/TreeView/TreeView.tsx
 import { memo as memo2, useCallback as useCallback10, useMemo as useMemo9, useState as useState17 } from "react";

package/package.json

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