schummar-table 0.45.3 → 0.46.1

package/dist/index.d.cts

@@ -1,8 +1,8 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React from 'react';
 import { ComponentType, ReactNode, HTMLProps } from 'react';
-import { T as TableTheme, C as CommonFilterProps, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-DKqBJ_4v.cjs';
-export { e as Column, f as FunctionWithDeps, g as InternalColumn, S as Sort, h as SortDirection, d as TableStateStorage } from './types-DKqBJ_4v.cjs';
+import { T as TableTheme, C as CommonFilterProps, a as TableProps, b as TableRef, F as FilterImplementation, M as MemoizedTableTheme, I as Id, c as TableItem, d as InternalTableState, P as PartialTableTheme } from './types-CJnecNQy.cjs';
+export { f as Column, g as FunctionWithDeps, h as InternalColumn, S as Sort, i as SortDirection, e as TableStateStorage } from './types-CJnecNQy.cjs';
 import { Store } from 'schummar-state/react';
 import { E as ExporterEntry } from './exporter-u6SatTo6.cjs';
 import '@emotion/react';
@@ -145,7 +145,7 @@ declare function SelectFilter<TItem, TColumnValue, TFilterBy>({ options: provide
     virtual?: VirtualListProps<unknown>['virtual'];
 } & CommonFilterProps<TItem, TColumnValue, TFilterBy, Set<TFilterBy>>): JSX.Element;
 
-declare function Table<T>(props: TableProps<T>): JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<TableRef>>;
 
 declare function TextFilter<TItem, TColumnValue>({ compare, filterBy, placeholder, ...props }: {
     /** Custom comparison function. Should return true if an item value matches the current filter value.

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import * as React from 'react';
 import { ComponentType, ReactNode, HTMLProps } from 'react';
-import { T as TableTheme, C as CommonFilterProps, a as TableProps, F as FilterImplementation, M as MemoizedTableTheme, I as Id, b as TableItem, c as InternalTableState, P as PartialTableTheme } from './types-cAzUt-yT.js';
-export { e as Column, f as FunctionWithDeps, g as InternalColumn, S as Sort, h as SortDirection, d as TableStateStorage } from './types-cAzUt-yT.js';
+import { T as TableTheme, C as CommonFilterProps, a as TableProps, b as TableRef, F as FilterImplementation, M as MemoizedTableTheme, I as Id, c as TableItem, d as InternalTableState, P as PartialTableTheme } from './types-CIq7O-SN.js';
+export { f as Column, g as FunctionWithDeps, h as InternalColumn, S as Sort, i as SortDirection, e as TableStateStorage } from './types-CIq7O-SN.js';
 import { Store } from 'schummar-state/react';
 import { E as ExporterEntry } from './exporter-u6SatTo6.js';
 import '@emotion/react';
@@ -145,7 +145,7 @@ declare function SelectFilter<TItem, TColumnValue, TFilterBy>({ options: provide
     virtual?: VirtualListProps<unknown>['virtual'];
 } & CommonFilterProps<TItem, TColumnValue, TFilterBy, Set<TFilterBy>>): JSX.Element;
 
-declare function Table<T>(props: TableProps<T>): JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<TableProps<unknown> & React.RefAttributes<TableRef>>;
 
 declare function TextFilter<TItem, TColumnValue>({ compare, filterBy, placeholder, ...props }: {
     /** Custom comparison function. Should return true if an item value matches the current filter value.

package/dist/index.js

@@ -2441,7 +2441,50 @@ function SelectFilter(_a) {
 }
 
 // src/components/table.tsx
-import { memo as memo3, useEffect as useEffect15, useLayoutEffect as useLayoutEffect6, useState as useState15 } from "react";
+import { forwardRef as forwardRef2, memo as memo3, useEffect as useEffect15, useLayoutEffect as useLayoutEffect6, useState as useState15 } from "react";
+
+// src/hooks/useTableRef.ts
+import { useImperativeHandle } from "react";
+function useTableRef(table, ref) {
+  useImperativeHandle(
+    ref,
+    () => ({
+      getSort() {
+        return table.getState().sort;
+      },
+      setSort(sort) {
+        table.update((state) => {
+          state.sort = sort;
+        });
+      },
+      getSelection() {
+        return table.getState().selection;
+      },
+      setSelection(selection) {
+        table.update((state) => {
+          state.selection = selection;
+        });
+      },
+      getExpanded() {
+        return table.getState().expanded;
+      },
+      setExpanded(expanded) {
+        table.update((state) => {
+          state.expanded = expanded;
+        });
+      },
+      getHiddenColumns() {
+        return table.getState().hiddenColumns;
+      },
+      setHiddenColumns(hidden) {
+        table.update((state) => {
+          state.hiddenColumns = hidden;
+        });
+      }
+    }),
+    [table]
+  );
+}
 
 // src/internalState/tableStateStorage.ts
 import { useEffect as useEffect5, useState as useState10 } from "react";
@@ -4255,9 +4298,11 @@ function Virtualized(_a) {
 
 // src/components/table.tsx
 import { Fragment as Fragment9, jsx as jsx35, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
-function Table(props) {
+var Table = forwardRef2(_Table);
+function _Table(props, ref) {
   const [table, resetState] = useTableState(props);
   const [isHydrated, clearStorage] = useTableStateStorage(table);
+  useTableRef(table, ref);
   function reset() {
     return __async(this, null, function* () {
       yield clearStorage();