@redis-ui/table 2.12.0 → 2.22.0

package/dist/Table/plugins/SortingPlugin.d.ts

@@ -0,0 +1,18 @@
+import { SortingState } from '@tanstack/react-table';
+import { TablePluginData } from '../utils/plugin.utils';
+export declare const TableSortingContextKey = "sorting";
+export interface TableSortingContext {
+    /** true, if user clicked on sorting. Ignores programmatic state changes from outside */
+    sortedByUser: boolean;
+}
+export interface TableSortingParams {
+    sorting?: SortingState;
+    defaultSorting?: SortingState;
+    onSortingChange?: (state: SortingState) => void;
+    /** If true, then table expects that items are sorted out of the table */
+    manualSorting?: boolean;
+    /** Set false to disable sorting */
+    enableSorting?: boolean;
+}
+export declare const useSortingPlugin: <T extends object>({ defaultSorting, onSortingChange, sorting, manualSorting, enableSorting }?: TableSortingParams) => TablePluginData<T>;
+export declare const useSortingContext: () => TableSortingContext | undefined;

package/dist/Table/plugins/SortingPlugin.js

@@ -0,0 +1,44 @@
+import { useControllableState } from "../../node_modules/@radix-ui/react-use-controllable-state/dist/index.js";
+import { useState } from "react";
+import { buildPluginContext } from "../utils/plugin.utils.js";
+import { usePluginContext } from "../Table.context.js";
+import { getSortedRowModel } from "../../node_modules/@tanstack/table-core/build/lib/index.js";
+const TableSortingContextKey = "sorting";
+const useSortingPlugin = ({
+  defaultSorting,
+  onSortingChange,
+  sorting,
+  manualSorting = false,
+  enableSorting = true
+  // added plugin is enabled by default
+} = {}) => {
+  const [sortedByUser, setSortedByUser] = useState(false);
+  const [sortingState, setSortingState] = useControllableState({
+    prop: sorting,
+    defaultProp: defaultSorting,
+    onChange: onSortingChange
+  });
+  return enableSorting ? {
+    tableOptions: {
+      enableSorting: true,
+      getSortedRowModel: getSortedRowModel(),
+      state: {
+        sorting: sortingState
+      },
+      manualSorting,
+      onSortingChange: (value) => {
+        setSortingState(value);
+        setSortedByUser(true);
+      }
+    },
+    context: buildPluginContext(TableSortingContextKey, {
+      sortedByUser
+    })
+  } : void 0;
+};
+const useSortingContext = () => usePluginContext(TableSortingContextKey);
+export {
+  TableSortingContextKey,
+  useSortingContext,
+  useSortingPlugin
+};

package/dist/Table/tanStackExtendedTypes.d.ts

@@ -0,0 +1,20 @@
+import '@tanstack/table-core';
+import { Cell, Header } from '@tanstack/react-table';
+import { HTMLAttributes } from 'react';
+declare module '@tanstack/table-core' {
+    type CellSizingUnits = 'fraction' | 'px' | 'rem';
+    interface StringHeaderIdentifier {
+        isHeaderHidden?: boolean;
+        isHeaderCustom?: boolean;
+        sizeUnit?: CellSizingUnits;
+        getHeaderCellProps?: VoidFunction;
+        getCellProps?: VoidFunction;
+    }
+    interface IdIdentifier<TData, TValue> {
+        isHeaderHidden?: boolean;
+        isHeaderCustom?: boolean;
+        sizeUnit?: CellSizingUnits;
+        getHeaderCellProps?: (header: Header<TData, unknown>) => HTMLAttributes<HTMLTableCellElement> & Record<string, unknown>;
+        getCellProps?: (data: TData, cell: Cell<TData, unknown>) => HTMLAttributes<HTMLTableCellElement> & Record<string, unknown>;
+    }
+}

package/dist/Table/utils/plugin.utils.cjs

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const mergeArrays = (key, container1, container2) => {
+  const arr1 = container1 == null ? void 0 : container1[key];
+  const arr2 = container2 == null ? void 0 : container2[key];
+  return arr1 && arr2 ? {
+    [key]: [...arr1, ...arr2]
+  } : null;
+};
+const mergeObjects = (key, container1, container2) => {
+  const obj1 = container1 == null ? void 0 : container1[key];
+  const obj2 = container2 == null ? void 0 : container2[key];
+  return obj1 && obj2 ? {
+    [key]: {
+      ...obj1,
+      ...obj2
+    }
+  } : null;
+};
+const mergePluginsData = (plugins) => {
+  const merged = {
+    tableOptions: {},
+    context: {}
+  };
+  if (!(plugins == null ? void 0 : plugins.length)) {
+    return merged;
+  }
+  plugins.forEach((plugin) => {
+    if (plugin) {
+      merged.tableOptions = {
+        ...merged.tableOptions,
+        ...plugin.tableOptions,
+        ...mergeArrays("_features", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("state", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("initialState", merged.tableOptions, plugin.tableOptions)
+      };
+      merged.context = {
+        ...merged.context,
+        ...plugin.context
+      };
+    }
+  });
+  return plugins.map((plugin) => plugin == null ? void 0 : plugin.postMerge).filter(Boolean).reduce((acc, postMerge) => (postMerge == null ? void 0 : postMerge(acc)) ?? acc, merged);
+};
+const buildPluginContext = (key, context) => ({
+  [key]: context
+});
+exports.buildPluginContext = buildPluginContext;
+exports.mergePluginsData = mergePluginsData;

package/dist/Table/utils/plugin.utils.d.ts

@@ -0,0 +1,17 @@
+import { TableOptions } from '@tanstack/table-core';
+import { RowData } from '@tanstack/react-table';
+export type PartialTableOptions<T extends RowData> = Partial<Omit<TableOptions<T>, 'columns' | 'data' | 'getRowId' | 'onStateChange' | 'getCoreRowModel' | 'defaultColumn' | 'debugTable' | 'debugRows' | 'debugHeaders' | 'debugColumns' | 'debugCells' | 'debugAll' | 'autoResetAll' | 'meta'>>;
+export type TablePluginData<T extends RowData> = {
+    /** Partial table options that will be smartly merged with other table options */
+    tableOptions: PartialTableOptions<T>;
+    /** Plugin context data accessible via usePluginContext */
+    context?: Record<string, Record<string, unknown>>;
+    /** Optional function to modify merged plugin data after all plugins are combined */
+    postMerge?: (merged: TableMergedData<T>) => TableMergedData<T>;
+} | undefined;
+export type TableMergedData<T extends RowData> = {
+    tableOptions: PartialTableOptions<T>;
+    context?: Record<string, Record<string, unknown>>;
+};
+export declare const mergePluginsData: <T extends unknown>(plugins?: TablePluginData<T>[] | undefined) => TableMergedData<T>;
+export declare const buildPluginContext: (key: string, context: Record<string, unknown>) => Record<string, Record<string, unknown>>;

package/dist/Table/utils/plugin.utils.js

@@ -0,0 +1,49 @@
+const mergeArrays = (key, container1, container2) => {
+  const arr1 = container1 == null ? void 0 : container1[key];
+  const arr2 = container2 == null ? void 0 : container2[key];
+  return arr1 && arr2 ? {
+    [key]: [...arr1, ...arr2]
+  } : null;
+};
+const mergeObjects = (key, container1, container2) => {
+  const obj1 = container1 == null ? void 0 : container1[key];
+  const obj2 = container2 == null ? void 0 : container2[key];
+  return obj1 && obj2 ? {
+    [key]: {
+      ...obj1,
+      ...obj2
+    }
+  } : null;
+};
+const mergePluginsData = (plugins) => {
+  const merged = {
+    tableOptions: {},
+    context: {}
+  };
+  if (!(plugins == null ? void 0 : plugins.length)) {
+    return merged;
+  }
+  plugins.forEach((plugin) => {
+    if (plugin) {
+      merged.tableOptions = {
+        ...merged.tableOptions,
+        ...plugin.tableOptions,
+        ...mergeArrays("_features", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("state", merged.tableOptions, plugin.tableOptions),
+        ...mergeObjects("initialState", merged.tableOptions, plugin.tableOptions)
+      };
+      merged.context = {
+        ...merged.context,
+        ...plugin.context
+      };
+    }
+  });
+  return plugins.map((plugin) => plugin == null ? void 0 : plugin.postMerge).filter(Boolean).reduce((acc, postMerge) => (postMerge == null ? void 0 : postMerge(acc)) ?? acc, merged);
+};
+const buildPluginContext = (key, context) => ({
+  [key]: context
+});
+export {
+  buildPluginContext,
+  mergePluginsData
+};

package/dist/Table/utils/plugin.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Table/utils/table.utils.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getWidth = (column) => {
+  const size = column.getSize();
+  if (!size) return 0;
+  if (column.getCanResize()) return size;
+  const {
+    sizeUnit
+  } = column.columnDef;
+  const unit = !sizeUnit || sizeUnit === "fraction" ? "%" : sizeUnit;
+  return `${size}${unit}`;
+};
+exports.getWidth = getWidth;

package/dist/Table/utils/table.utils.d.ts

@@ -0,0 +1,2 @@
+import { Column } from '@tanstack/react-table';
+export declare const getWidth: <T extends object>(column: Column<T, unknown>) => string | number;

package/dist/Table/utils/table.utils.js

@@ -0,0 +1,13 @@
+const getWidth = (column) => {
+  const size = column.getSize();
+  if (!size) return 0;
+  if (column.getCanResize()) return size;
+  const {
+    sizeUnit
+  } = column.columnDef;
+  const unit = !sizeUnit || sizeUnit === "fraction" ? "%" : sizeUnit;
+  return `${size}${unit}`;
+};
+export {
+  getWidth
+};

package/dist/Table/utils/table.utils.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.cjs

@@ -2,7 +2,67 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const Table = require("./Table/Table.cjs");
 const ShowOnRowHover_style = require("./Table/components/ShowOnRowHover/ShowOnRowHover.style.cjs");
+const index = require("./node_modules/@tanstack/react-table/build/lib/index.cjs");
 const Table_context = require("./Table/Table.context.cjs");
+const plugin_utils = require("./Table/utils/plugin.utils.cjs");
+const index$1 = require("./node_modules/@tanstack/table-core/build/lib/index.cjs");
 exports.Table = Table.default;
 exports.ShowOnRowHover = ShowOnRowHover_style.ShowOnRowHover;
+exports.flexRender = index.flexRender;
+exports.useReactTable = index.useReactTable;
+exports.TableContextProvider = Table_context.TableContextProvider;
+exports.useComposeContext = Table_context.useComposeContext;
+exports.usePluginContext = Table_context.usePluginContext;
 exports.useTableContext = Table_context.useTableContext;
+exports.buildPluginContext = plugin_utils.buildPluginContext;
+exports.ColumnFaceting = index$1.ColumnFaceting;
+exports.ColumnFiltering = index$1.ColumnFiltering;
+exports.ColumnGrouping = index$1.ColumnGrouping;
+exports.ColumnOrdering = index$1.ColumnOrdering;
+exports.ColumnPinning = index$1.ColumnPinning;
+exports.ColumnSizing = index$1.ColumnSizing;
+exports.ColumnVisibility = index$1.ColumnVisibility;
+exports.GlobalFaceting = index$1.GlobalFaceting;
+exports.GlobalFiltering = index$1.GlobalFiltering;
+exports.Headers = index$1.Headers;
+exports.RowExpanding = index$1.RowExpanding;
+exports.RowPagination = index$1.RowPagination;
+exports.RowPinning = index$1.RowPinning;
+exports.RowSelection = index$1.RowSelection;
+exports.RowSorting = index$1.RowSorting;
+exports._getVisibleLeafColumns = index$1._getVisibleLeafColumns;
+exports.aggregationFns = index$1.aggregationFns;
+exports.buildHeaderGroups = index$1.buildHeaderGroups;
+exports.createCell = index$1.createCell;
+exports.createColumn = index$1.createColumn;
+exports.createColumnHelper = index$1.createColumnHelper;
+exports.createRow = index$1.createRow;
+exports.createTable = index$1.createTable;
+exports.defaultColumnSizing = index$1.defaultColumnSizing;
+exports.expandRows = index$1.expandRows;
+exports.filterFns = index$1.filterFns;
+exports.flattenBy = index$1.flattenBy;
+exports.functionalUpdate = index$1.functionalUpdate;
+exports.getCoreRowModel = index$1.getCoreRowModel;
+exports.getExpandedRowModel = index$1.getExpandedRowModel;
+exports.getFacetedMinMaxValues = index$1.getFacetedMinMaxValues;
+exports.getFacetedRowModel = index$1.getFacetedRowModel;
+exports.getFacetedUniqueValues = index$1.getFacetedUniqueValues;
+exports.getFilteredRowModel = index$1.getFilteredRowModel;
+exports.getGroupedRowModel = index$1.getGroupedRowModel;
+exports.getMemoOptions = index$1.getMemoOptions;
+exports.getPaginationRowModel = index$1.getPaginationRowModel;
+exports.getSortedRowModel = index$1.getSortedRowModel;
+exports.isFunction = index$1.isFunction;
+exports.isNumberArray = index$1.isNumberArray;
+exports.isRowSelected = index$1.isRowSelected;
+exports.isSubRowSelected = index$1.isSubRowSelected;
+exports.makeStateUpdater = index$1.makeStateUpdater;
+exports.memo = index$1.memo;
+exports.noop = index$1.noop;
+exports.orderColumns = index$1.orderColumns;
+exports.passiveEventSupported = index$1.passiveEventSupported;
+exports.reSplitAlphaNumeric = index$1.reSplitAlphaNumeric;
+exports.selectRowsFn = index$1.selectRowsFn;
+exports.shouldAutoRemoveFilter = index$1.shouldAutoRemoveFilter;
+exports.sortingFns = index$1.sortingFns;

package/dist/index.js

@@ -1,8 +1,68 @@
 import { default as default2 } from "./Table/Table.js";
 import { ShowOnRowHover } from "./Table/components/ShowOnRowHover/ShowOnRowHover.style.js";
-import { useTableContext } from "./Table/Table.context.js";
+import { flexRender, useReactTable } from "./node_modules/@tanstack/react-table/build/lib/index.js";
+import { TableContextProvider, useComposeContext, usePluginContext, useTableContext } from "./Table/Table.context.js";
+import { buildPluginContext } from "./Table/utils/plugin.utils.js";
+import { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createColumnHelper, createRow, createTable, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from "./node_modules/@tanstack/table-core/build/lib/index.js";
 export {
+  ColumnFaceting,
+  ColumnFiltering,
+  ColumnGrouping,
+  ColumnOrdering,
+  ColumnPinning,
+  ColumnSizing,
+  ColumnVisibility,
+  GlobalFaceting,
+  GlobalFiltering,
+  Headers,
+  RowExpanding,
+  RowPagination,
+  RowPinning,
+  RowSelection,
+  RowSorting,
   ShowOnRowHover,
   default2 as Table,
+  TableContextProvider,
+  _getVisibleLeafColumns,
+  aggregationFns,
+  buildHeaderGroups,
+  buildPluginContext,
+  createCell,
+  createColumn,
+  createColumnHelper,
+  createRow,
+  createTable,
+  defaultColumnSizing,
+  expandRows,
+  filterFns,
+  flattenBy,
+  flexRender,
+  functionalUpdate,
+  getCoreRowModel,
+  getExpandedRowModel,
+  getFacetedMinMaxValues,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getGroupedRowModel,
+  getMemoOptions,
+  getPaginationRowModel,
+  getSortedRowModel,
+  isFunction,
+  isNumberArray,
+  isRowSelected,
+  isSubRowSelected,
+  makeStateUpdater,
+  memo,
+  noop,
+  orderColumns,
+  passiveEventSupported,
+  reSplitAlphaNumeric,
+  selectRowsFn,
+  shouldAutoRemoveFilter,
+  sortingFns,
+  useComposeContext,
+  usePluginContext,
+  useReactTable,
   useTableContext
 };

package/dist/node_modules/@tanstack/react-table/build/lib/index.cjs

@@ -95,6 +95,7 @@ exports.aggregationFns = index.aggregationFns;
 exports.buildHeaderGroups = index.buildHeaderGroups;
 exports.createCell = index.createCell;
 exports.createColumn = index.createColumn;
+exports.createColumnHelper = index.createColumnHelper;
 exports.createRow = index.createRow;
 exports.createTable = index.createTable;
 exports.defaultColumnSizing = index.defaultColumnSizing;
@@ -104,6 +105,11 @@ exports.flattenBy = index.flattenBy;
 exports.functionalUpdate = index.functionalUpdate;
 exports.getCoreRowModel = index.getCoreRowModel;
 exports.getExpandedRowModel = index.getExpandedRowModel;
+exports.getFacetedMinMaxValues = index.getFacetedMinMaxValues;
+exports.getFacetedRowModel = index.getFacetedRowModel;
+exports.getFacetedUniqueValues = index.getFacetedUniqueValues;
+exports.getFilteredRowModel = index.getFilteredRowModel;
+exports.getGroupedRowModel = index.getGroupedRowModel;
 exports.getMemoOptions = index.getMemoOptions;
 exports.getPaginationRowModel = index.getPaginationRowModel;
 exports.getSortedRowModel = index.getSortedRowModel;
@@ -113,6 +119,7 @@ exports.isRowSelected = index.isRowSelected;
 exports.isSubRowSelected = index.isSubRowSelected;
 exports.makeStateUpdater = index.makeStateUpdater;
 exports.memo = index.memo;
+exports.noop = index.noop;
 exports.orderColumns = index.orderColumns;
 exports.passiveEventSupported = index.passiveEventSupported;
 exports.reSplitAlphaNumeric = index.reSplitAlphaNumeric;

package/dist/node_modules/@tanstack/react-table/build/lib/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { createTable } from "../../../table-core/build/lib/index.js";
-import { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createRow, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from "../../../table-core/build/lib/index.js";
+import { ColumnFaceting, ColumnFiltering, ColumnGrouping, ColumnOrdering, ColumnPinning, ColumnSizing, ColumnVisibility, GlobalFaceting, GlobalFiltering, Headers, RowExpanding, RowPagination, RowPinning, RowSelection, RowSorting, _getVisibleLeafColumns, aggregationFns, buildHeaderGroups, createCell, createColumn, createColumnHelper, createRow, defaultColumnSizing, expandRows, filterFns, flattenBy, functionalUpdate, getCoreRowModel, getExpandedRowModel, getFacetedMinMaxValues, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getGroupedRowModel, getMemoOptions, getPaginationRowModel, getSortedRowModel, isFunction, isNumberArray, isRowSelected, isSubRowSelected, makeStateUpdater, memo, noop, orderColumns, passiveEventSupported, reSplitAlphaNumeric, selectRowsFn, shouldAutoRemoveFilter, sortingFns } from "../../../table-core/build/lib/index.js";
 /**
    * react-table
    *
@@ -77,6 +77,7 @@ export {
   buildHeaderGroups,
   createCell,
   createColumn,
+  createColumnHelper,
   createRow,
   createTable,
   defaultColumnSizing,
@@ -87,6 +88,11 @@ export {
   functionalUpdate,
   getCoreRowModel,
   getExpandedRowModel,
+  getFacetedMinMaxValues,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getGroupedRowModel,
   getMemoOptions,
   getPaginationRowModel,
   getSortedRowModel,
@@ -96,6 +102,7 @@ export {
   isSubRowSelected,
   makeStateUpdater,
   memo,
+  noop,
   orderColumns,
   passiveEventSupported,
   reSplitAlphaNumeric,