schummar-table 0.45.2 → 0.46.0

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-rbNpaeJs.cjs';
+export { f as Column, g as FunctionWithDeps, h as InternalColumn, S as Sort, i as SortDirection, e as TableStateStorage } from './types-rbNpaeJs.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--1DhsKcT.js';
+export { f as Column, g as FunctionWithDeps, h as InternalColumn, S as Sort, i as SortDirection, e as TableStateStorage } from './types--1DhsKcT.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,14 @@ 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,
+  useImperativeHandle,
+  useLayoutEffect as useLayoutEffect6,
+  useState as useState15
+} from "react";
 
 // src/internalState/tableStateStorage.ts
 import { useEffect as useEffect5, useState as useState10 } from "react";
@@ -3903,7 +3910,9 @@ function ExpandControl({
       return !!((_a = state.activeItemsById.get(itemId)) == null ? void 0 : _a.children.length);
     }
   );
-  function toggle2() {
+  function toggle2(e) {
+    e.preventDefault();
+    e.stopPropagation();
     const {
       props: { expanded: controlledExpanded, expandOnlyOne, onExpandedChange },
       expanded,
@@ -4253,9 +4262,36 @@ 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);
+  useImperativeHandle(
+    ref,
+    () => ({
+      setSort(sort) {
+        table.update((state) => {
+          state.sort = sort;
+        });
+      },
+      setSelection(selection) {
+        table.update((state) => {
+          state.selection = selection;
+        });
+      },
+      setExpanded(expanded) {
+        table.update((state) => {
+          state.expanded = expanded;
+        });
+      },
+      setHiddenColumns(hidden) {
+        table.update((state) => {
+          state.hiddenColumns = hidden;
+        });
+      }
+    }),
+    [table]
+  );
   function reset() {
     return __async(this, null, function* () {
       yield clearStorage();