@powerhousedao/document-engineering 1.10.0 → 1.12.0

package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Input } from '../../../data-entry/input/index.js';
+import { isCellEqual } from '../../utils.js';
+import { useInternalTableState } from '../table-provider/table-provider.js';
+import { DefaultTableCell } from './default-cell.js';
+const RenderCell = ({ rowItem, column, rowIndex, columnIndex, renderEmptyCell = false, }) => {
+    const { config, state: { dispatch, selectedCellIndex, isCellEditMode }, api, } = useInternalTableState();
+    /**
+     * Create a handler for the click event on the table cell
+     * This handler is used to enter cell edit mode or select a cell
+     */
+    const createCellClickHandler = useCallback((index, column, columnDef) => (e) => {
+        // if the cell is being edited, ignore clicking on it
+        if (isCellEditMode && selectedCellIndex?.row === index && selectedCellIndex.column === column) {
+            return;
+        }
+        // if shift or ctrl is pressed, the user is probably trying to select rows
+        if (!e.ctrlKey && !e.metaKey && !e.shiftKey) {
+            if (e.detail === 2 && columnDef.editable) {
+                // TODO: move this to the api
+                dispatch?.({
+                    type: 'ENTER_CELL_EDIT_MODE',
+                    payload: { row: index, column },
+                });
+            }
+            else {
+                api.selection.selectCell(index, column);
+            }
+        }
+    }, [dispatch, isCellEditMode]);
+    const currentCellIndex = {
+        row: rowIndex,
+        column: columnIndex,
+    };
+    const isThisCellSelected = isCellEqual(selectedCellIndex, currentCellIndex);
+    /**
+     * If the cell is empty, we don't want to render anything
+     * so we're going to return a default table cell with no content
+     */
+    if (renderEmptyCell) {
+        return (_jsx(DefaultTableCell, { onClick: createCellClickHandler(rowIndex, columnIndex, column), isSelected: isThisCellSelected, isEditable: false }, column.field));
+    }
+    const cellContext = {
+        row: rowItem,
+        column,
+        rowIndex,
+        columnIndex,
+        tableConfig: config,
+    };
+    // get and format the cell value
+    const cellValue = column.valueFormatter?.(column.valueGetter?.(rowItem, cellContext), cellContext);
+    const isThisCellEditMode = isCellEditMode && isThisCellSelected;
+    return (_jsx(DefaultTableCell, { onClick: createCellClickHandler(rowIndex, columnIndex, column), isSelected: isThisCellSelected, isEditable: column.editable ?? false, children: isThisCellEditMode ? (_jsx(Input, { className: "max-w-full", autoFocus: true, defaultValue: column.valueGetter?.(rowItem, cellContext), onKeyDown: (e) => {
+                if (e.key === 'Enter') {
+                    const newValue = e.target.value;
+                    column.onSave?.(newValue, cellContext);
+                }
+            } })) : (column.renderCell?.(cellValue, cellContext)) }, column.field));
+};
+export { RenderCell };
+//# sourceMappingURL=render-cell.js.map

package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-cell.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/cells/render-cell.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.d.ts

@@ -1,4 +1,4 @@
-import type { CellType, RenderCellFn } from '../../types.js';
-declare const getRenderFn: <T>(type: CellType | undefined) => RenderCellFn<T>;
+import type { ColumnType, RenderCellFn } from '../../types.js';
+declare const getRenderFn: <T>(type: ColumnType | undefined) => RenderCellFn<T>;
 export { getRenderFn };
 //# sourceMappingURL=get-render-fn.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-render-fn.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK5D,QAAA,MAAM,WAAW,GAAI,CAAC,EAAE,MAAM,QAAQ,GAAG,SAAS,KAAG,YAAY,CAAC,CAAC,CAalE,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"get-render-fn.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAK9D,QAAA,MAAM,WAAW,GAAI,CAAC,EAAE,MAAM,UAAU,GAAG,SAAS,KAAG,YAAY,CAAC,CAAC,CAapE,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-render-fn.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,WAAW,GAAG,CAAI,IAA0B,EAAmB,EAAE;IACrE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,OAAO,cAAc,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAA;QACzB,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAA;QAC1B,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB;YACE,OAAO,cAAc,CAAA;IACzB,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"get-render-fn.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,MAAM,WAAW,GAAG,CAAI,IAA4B,EAAmB,EAAE;IACvE,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,MAAM;YACT,OAAO,cAAc,CAAA;QACvB,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAA;QACzB,KAAK,SAAS;YACZ,OAAO,iBAAiB,CAAA;QAC1B,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB;YACE,OAAO,cAAc,CAAA;IACzB,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts

@@ -1,4 +1,4 @@
-import type { CellType, ColumnAlignment } from '../../types.js';
-declare const defaultColumnAlignment: (cellType: CellType) => ColumnAlignment;
+import type { ColumnAlignment, ColumnType } from '../../types.js';
+declare const defaultColumnAlignment: (columnType: ColumnType) => ColumnAlignment;
 export { defaultColumnAlignment };
 //# sourceMappingURL=default-column-config.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-column-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAE/D,QAAA,MAAM,sBAAsB,GAAI,UAAU,QAAQ,KAAG,eAUpD,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"default-column-config.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEjE,QAAA,MAAM,sBAAsB,GAAI,YAAY,UAAU,KAAG,eAUxD,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js

@@ -1,5 +1,5 @@
-const defaultColumnAlignment = (cellType) => {
-    switch (cellType) {
+const defaultColumnAlignment = (columnType) => {
+    switch (columnType) {
         case 'number':
             return 'right';
         case 'text':

package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-column-config.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.ts"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAG,CAAC,QAAkB,EAAmB,EAAE;IACrE,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAA;QAEhB,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS,CAAC;QACf;YACE,OAAO,MAAM,CAAA;IACjB,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}
+{"version":3,"file":"default-column-config.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.ts"],"names":[],"mappings":"AAEA,MAAM,sBAAsB,GAAG,CAAC,UAAsB,EAAmB,EAAE;IACzE,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,OAAO,CAAA;QAEhB,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS,CAAC;QACf;YACE,OAAO,MAAM,CAAA;IACjB,CAAC;AACH,CAAC,CAAA;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/{default-header.renderer.d.ts → default-header-renderer.d.ts}

@@ -1,4 +1,4 @@
 import type { CellContext } from '../../types.js';
 declare const defaultHeaderRenderer: <T, V = string>(value: V, context: CellContext<T>) => import("react/jsx-runtime").JSX.Element;
 export { defaultHeaderRenderer };
-//# sourceMappingURL=default-header.renderer.d.ts.map
+//# sourceMappingURL=default-header-renderer.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-header-renderer.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AA2CjD,QAAA,MAAM,qBAAqB,GAAI,CAAC,EAAE,CAAC,GAAG,MAAM,EAAE,OAAO,CAAC,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,4CAE9E,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../../../scalars/lib/utils.js';
+import { SortIndicator } from '../sort-indicator.js';
+import { useInternalTableState } from '../table-provider/table-provider.js';
+const DefaultHeaderContent = ({ value, context }) => {
+    const { state } = useInternalTableState();
+    let classes = '';
+    if (context.column.width)
+        classes += ` w-[${context.column.width}]`;
+    if (context.column.minWidth)
+        classes += ` min-w-[${context.column.minWidth}]`;
+    if (context.column.maxWidth)
+        classes += ` max-w-[${context.column.maxWidth}]`;
+    if (context.column.align) {
+        const align = context.column.align;
+        switch (align) {
+            case 'left':
+                classes += ' justify-start';
+                break;
+            case 'center':
+                classes += ' justify-center';
+                break;
+            case 'right':
+                classes += ' justify-end';
+                break;
+        }
+    }
+    const isSorted = context.columnIndex === state.sortState?.columnIndex;
+    const sortingDirection = state.sortState?.direction ?? null;
+    return (_jsxs("div", { className: cn('flex items-center gap-2', 'px-[12px] py-[15px] text-left text-[14px] font-medium leading-[14px] text-gray-500', classes), children: [_jsx("span", { children: value }), context.column.sortable && _jsx(SortIndicator, { direction: isSorted ? sortingDirection : null })] }));
+};
+const defaultHeaderRenderer = (value, context) => {
+    return _jsx(DefaultHeaderContent, { value: value, context: context });
+};
+export { defaultHeaderRenderer };
+//# sourceMappingURL=default-header-renderer.js.map

package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-header-renderer.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,qCAAqC,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAE3E,MAAM,oBAAoB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAA2C,EAAE,EAAE;IAC3F,MAAM,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEzC,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK;QAAE,OAAO,IAAI,OAAO,OAAO,CAAC,MAAM,CAAC,KAAK,GAAG,CAAA;IACnE,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ;QAAE,OAAO,IAAI,WAAW,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAA;IAC7E,IAAI,OAAO,CAAC,MAAM,CAAC,QAAQ;QAAE,OAAO,IAAI,WAAW,OAAO,CAAC,MAAM,CAAC,QAAQ,GAAG,CAAA;IAC7E,IAAI,OAAO,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,KAAK,CAAA;QAClC,QAAQ,KAAK,EAAE,CAAC;YACd,KAAK,MAAM;gBACT,OAAO,IAAI,gBAAgB,CAAA;gBAC3B,MAAK;YACP,KAAK,QAAQ;gBACX,OAAO,IAAI,iBAAiB,CAAA;gBAC5B,MAAK;YACP,KAAK,OAAO;gBACV,OAAO,IAAI,cAAc,CAAA;gBACzB,MAAK;QACT,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,WAAW,KAAK,KAAK,CAAC,SAAS,EAAE,WAAW,CAAA;IACrE,MAAM,gBAAgB,GAAG,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,IAAI,CAAA;IAE3D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,yBAAyB,EACzB,oFAAoF,EACpF,OAAO,CACR,aAED,yBAAO,KAAK,GAAQ,EACnB,OAAO,CAAC,MAAM,CAAC,QAAQ,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,GAAI,IACxF,CACP,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,CAAgB,KAAQ,EAAE,OAAuB,EAAE,EAAE;IACjF,OAAO,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAe,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAC3E,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.d.ts

@@ -0,0 +1,3 @@
+import type { ColumnType, SortFn } from '../../types.js';
+export declare const defaultSortFns: <T = unknown>(columnType: ColumnType) => SortFn<T>;
+//# sourceMappingURL=default-sort-fns.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-sort-fns.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAUxD,eAAO,MAAM,cAAc,GAAI,CAAC,GAAG,OAAO,EAAE,YAAY,UAAU,KAAG,MAAM,CAAC,CAAC,CAU5E,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.js

@@ -0,0 +1,17 @@
+const defaultSortNumberFn = (a, b) => {
+    return Number(a) - Number(b);
+};
+const defaultSortTextFn = (a, b) => {
+    return a.localeCompare(b);
+};
+export const defaultSortFns = (columnType) => {
+    switch (columnType) {
+        case 'number':
+            return defaultSortNumberFn;
+        case 'boolean':
+        case 'text':
+        default:
+            return defaultSortTextFn;
+    }
+};
+//# sourceMappingURL=default-sort-fns.js.map

package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-sort-fns.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.ts"],"names":[],"mappings":"AAEA,MAAM,mBAAmB,GAAG,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE;IACrD,OAAO,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAA;AAC9B,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE;IACnD,OAAQ,CAAY,CAAC,aAAa,CAAC,CAAW,CAAC,CAAA;AACjD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,CAAc,UAAsB,EAAa,EAAE;IAC/E,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,mBAAmB,CAAA;QAE5B,KAAK,SAAS,CAAC;QACf,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,iBAAiB,CAAA;IAC5B,CAAC;AACH,CAAC,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAe,MAAM,OAAO,CAAA;AAE5C,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,aAAa,CAAA;AAKzD,UAAU,gBAAgB;IACxB,OAAO,EAAE,SAAS,EAAE,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA4CrC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAA;AAErD,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,aAAa,CAAA;AAKzD,UAAU,gBAAgB;IACxB,OAAO,EAAE,SAAS,EAAE,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAiErC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/header.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { cn } from '../../../../scalars/lib/utils.js';
 import { getColumnTitle } from '../utils.js';
 import { HeaderNumberTd } from './header/header-number-td.js';
@@ -11,22 +11,37 @@ const TableHeader = ({ columns }) => {
             return;
         api.selection.toggleSelectAll();
     }, [config.allowRowSelection, api.selection]);
-    const isAllRowsSelected = selectedRowIndexes.length === config.data.length;
-    return (_jsx("thead", { children: _jsxs("tr", { className: cn('border-gray-300', !selectedRowIndexes.includes(0) && 'border-b'), children: [_jsx(HeaderNumberTd, { isAllRowsSelected: isAllRowsSelected, handleSelectAllRows: handleSelectAllRows }), columns.map((column, columnIndex) => {
-                    const cellContext = {
-                        rowIndex: -1, // the header row has no row
-                        row: undefined,
-                        column,
-                        columnIndex,
-                        tableConfig: config,
-                    };
-                    const style = {
-                        width: column.width ?? 'auto',
-                        minWidth: column.minWidth ?? 'auto',
-                        maxWidth: column.maxWidth ?? column.width ?? 'auto',
-                    };
-                    return (_jsx("th", { style: style, children: column.renderHeader(getColumnTitle(column), cellContext) }, column.field));
-                })] }) }));
+    const isAllRowsSelected = selectedRowIndexes.length === api.getTotalRowsCount();
+    const columnHeaders = useMemo(() => {
+        return columns.map((column, columnIndex) => {
+            const cellContext = {
+                rowIndex: -1, // the header row has no row
+                row: undefined,
+                column,
+                columnIndex,
+                tableConfig: config,
+            };
+            const style = {
+                width: column.width ?? 'auto',
+                minWidth: column.minWidth ?? 'auto',
+                maxWidth: column.maxWidth ?? column.width ?? 'auto',
+            };
+            const onSort = () => {
+                if (!column.sortable)
+                    return;
+                const tableState = api._getState();
+                if (tableState.sortState?.columnIndex === columnIndex) {
+                    const nextDirection = tableState.sortState.direction === 'asc' ? 'desc' : null;
+                    api.sortRows(columnIndex, nextDirection);
+                }
+                else {
+                    api.sortRows(columnIndex, 'asc');
+                }
+            };
+            return (_jsx("th", { className: cn('group/header-cell', column.sortable ? 'cursor-pointer' : ''), style: style, onClick: onSort, children: column.renderHeader(getColumnTitle(column), cellContext) }, column.field));
+        });
+    }, [api, columns, config]);
+    return (_jsx("thead", { children: _jsxs("tr", { className: cn('border-gray-300', !selectedRowIndexes.includes(0) && 'border-b'), children: [_jsx(HeaderNumberTd, { isAllRowsSelected: isAllRowsSelected, handleSelectAllRows: handleSelectAllRows }), columnHeaders] }) }));
 };
 export { TableHeader };
 //# sourceMappingURL=header.js.map

package/dist/src/ui/components/object-set-table/subcomponents/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAW,WAAW,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAM1E,MAAM,WAAW,GAAyB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACxD,MAAM,EACJ,MAAM,EACN,KAAK,EAAE,EAAE,kBAAkB,EAAE,EAC7B,GAAG,GACJ,GAAG,qBAAqB,EAAE,CAAA;IAE3B,MAAM,mBAAmB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,MAAM,CAAC,iBAAiB;YAAE,OAAM;QAErC,GAAG,CAAC,SAAS,CAAC,eAAe,EAAE,CAAA;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,GAAG,CAAC,SAAS,CAAC,CAAC,CAAA;IAE7C,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,MAAM,KAAK,MAAM,CAAC,IAAI,CAAC,MAAM,CAAA;IAE1E,OAAO,CACL,0BACE,cAAI,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,UAAU,CAAC,aACjF,KAAC,cAAc,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,EACjG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;oBACnC,MAAM,WAAW,GAAyB;wBACxC,QAAQ,EAAE,CAAC,CAAC,EAAE,4BAA4B;wBAC1C,GAAG,EAAE,SAAS;wBACd,MAAM;wBACN,WAAW;wBACX,WAAW,EAAE,MAAM;qBACpB,CAAA;oBAED,MAAM,KAAK,GAAwB;wBACjC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,MAAM;wBAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM;wBACnC,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,KAAK,IAAI,MAAM;qBACpD,CAAA;oBAED,OAAO,CACL,aAAI,KAAK,EAAE,KAAK,YAEb,MAAM,CAAC,YAAa,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,IAFrC,MAAM,CAAC,KAAK,CAG9B,CACN,CAAA;gBACH,CAAC,CAAC,IACC,GACC,CACT,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/header.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.d.ts

@@ -0,0 +1,9 @@
+import type { DataType } from '../../types.js';
+interface RenderRowProps<T extends DataType> {
+    item: T;
+    rowIndex: number;
+    emptyRow?: boolean;
+}
+declare const RenderRow: <T extends DataType>({ item, rowIndex, emptyRow }: RenderRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+export { RenderRow };
+//# sourceMappingURL=render-row.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-row.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/rows/render-row.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAO9C,UAAU,cAAc,CAAC,CAAC,SAAS,QAAQ;IACzC,IAAI,EAAE,CAAC,CAAA;IACP,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,QAAQ,EAAE,8BAAsC,cAAc,CAAC,CAAC,CAAC,4CAsF7F,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { RowNumberCell } from '../cells/row-number-cell.js';
+import { useInternalTableState } from '../table-provider/table-provider.js';
+import { TableRow } from './table-row.js';
+import { RenderCell } from '../cells/render-cell.js';
+import { InformationCell } from '../cells/information-cell.js';
+const RenderRow = ({ item, rowIndex, emptyRow = false }) => {
+    const { config, state: { selectedRowIndexes, selectedCellIndex }, api, } = useInternalTableState();
+    const { allowRowSelection } = config;
+    /**
+     * Create a handler for the click event on the table numbering cell
+     * This handler is used to select a row when the ctrl key is pressed
+     * or select single rows when the index is clicked
+     */
+    const createSelectRowOnClickHandler = useCallback((index) => (e) => {
+        if (!allowRowSelection)
+            return;
+        if (e.ctrlKey || e.metaKey) {
+            e.stopPropagation();
+            api.selection.toggleRow(index);
+        }
+        else if (e.shiftKey) {
+            return; // just let the row handle it
+        }
+        else {
+            api.selection.selectRow(index);
+        }
+    }, [allowRowSelection, api.selection]);
+    /**
+     * Create a handler for the click event on the table row
+     * This handler is used to select a row when the ctrl key is pressed
+     * in any other place other than the index cell or select a range of rows
+     * when the shift key is pressed
+     */
+    const createAddSelectedRowHandler = useCallback((index) => (e) => {
+        if (!allowRowSelection)
+            return;
+        if (e.ctrlKey || e.metaKey) {
+            api.selection.toggleRow(index);
+        }
+        else if (e.shiftKey) {
+            // Prevent text selection when shift key is pressed
+            document.getSelection()?.removeAllRanges();
+            api.selection.selectFromLastActiveRow(index);
+        }
+    }, [allowRowSelection, api.selection]);
+    /**
+     * Prevent text selection when shift key is pressed so that we
+     * can select a range of rows while keeping a good user experience
+     */
+    const handleMouseDown = useCallback((event) => {
+        if (event.shiftKey) {
+            document.getSelection()?.removeAllRanges();
+        }
+    }, []);
+    return (_jsxs(TableRow, { index: rowIndex, onClick: createAddSelectedRowHandler(rowIndex), onMouseDown: handleMouseDown, children: [_jsx(RowNumberCell, { index: rowIndex + 1, handleSelectRowOnClick: createSelectRowOnClickHandler(rowIndex), selected: selectedRowIndexes.includes(rowIndex) || selectedCellIndex?.row === rowIndex }), config.columns.map((column, columnIndex) => {
+                return (_jsx(RenderCell, { rowItem: item, column: column, rowIndex: rowIndex, columnIndex: columnIndex, renderEmptyCell: emptyRow }, column.field));
+            }), api.isEditable() && _jsx(InformationCell, {})] }));
+};
+export { RenderRow };
+//# sourceMappingURL=render-row.js.map

package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-row.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/rows/render-row.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.d.ts

@@ -0,0 +1,7 @@
+import type { SortDirection } from '../types.js';
+interface SortIndicatorProps {
+    direction: SortDirection | null;
+}
+declare const SortIndicator: ({ direction }: SortIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export { SortIndicator };
+//# sourceMappingURL=sort-indicator.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-indicator.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/sort-indicator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,UAAU,kBAAkB;IAC1B,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;CAChC;AAED,QAAA,MAAM,aAAa,GAAI,eAAe,kBAAkB,4CA8BvD,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../../../scalars/lib/utils.js';
+const SortIndicator = ({ direction }) => {
+    return (_jsxs("svg", { className: cn('text-gray-500 group-hover/header-cell:text-gray-600', direction === 'desc' && '[&_path:first-child]:stroke-gray-900', direction === 'asc' && '[&_path:last-child]:stroke-gray-900'), width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M14 10.6667L11.3333 13.3334M11.3333 13.3334L8.66666 10.6667M11.3333 13.3334V2.66675", stroke: "currentcolor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M2 5.33341L4.66667 2.66675M4.66667 2.66675L7.33333 5.33341M4.66667 2.66675V13.3334", stroke: "currentcolor", strokeWidth: "1.33", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+};
+export { SortIndicator };
+//# sourceMappingURL=sort-indicator.js.map

package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort-indicator.js","sourceRoot":"","sources":["../../../../../../src/ui/components/object-set-table/subcomponents/sort-indicator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAOrD,MAAM,aAAa,GAAG,CAAC,EAAE,SAAS,EAAsB,EAAE,EAAE;IAC1D,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,qDAAqD,EACrD,SAAS,KAAK,MAAM,IAAI,sCAAsC,EAC9D,SAAS,KAAK,KAAK,IAAI,qCAAqC,CAC7D,EACD,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,eACE,CAAC,EAAC,qFAAqF,EACvF,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,EACF,eACE,CAAC,EAAC,oFAAoF,EACtF,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,MAAM,EAClB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.d.ts

@@ -20,6 +20,6 @@ interface TableProviderProps<T extends DataType = DataType> {
     tableRef: React.RefObject<HTMLTableElement>;
 }
 declare const TableProvider: <T extends DataType>({ children, config, tableRef }: TableProviderProps<T>) => import("react/jsx-runtime").JSX.Element;
-declare const useInternalTableState: <T extends DataType = any>() => TableContextValue<T>;
+declare const useInternalTableState: <T extends DataType = unknown>() => TableContextValue<T>;
 export { TableProvider, useInternalTableState };
 //# sourceMappingURL=table-provider.d.ts.map

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-provider.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AACzG,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAElE,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAG7E,UAAU,iBAAiB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACvD,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACpB,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAA;IAC3B,SAAS,EAAE,YAAY,CAAA;CACxB;AAID,UAAU,kBAAkB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAC5C;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,QAAQ,EAAE,gCAAgC,kBAAkB,CAAC,CAAC,CAAC,4CA8C/F,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,QAAQ,GAAG,GAAG,2BAMtD,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"table-provider.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AACzG,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,EAAgB,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAElE,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAG7E,UAAU,iBAAiB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACvD,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAC/B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAA;IACpB,GAAG,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAA;IAC3B,SAAS,EAAE,YAAY,CAAA;CACxB;AAID,UAAU,kBAAkB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IACxD,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;IAC/B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAA;CAC5C;AAED,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,QAAQ,EAAE,gCAAgC,kBAAkB,CAAC,CAAC,CAAC,4CAgD/F,CAAA;AAED,QAAA,MAAM,qBAAqB,GAAI,CAAC,SAAS,QAAQ,GAAG,OAAO,2BAM1D,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.js

@@ -7,6 +7,7 @@ const TableContext = createContext(null);
 const TableProvider = ({ children, config, tableRef }) => {
     const [state, dispatch] = useReducer((tableReducer), {
         columns: config.columns,
+        defaultData: [...config.data],
         data: config.data,
         allowRowSelection: config.allowRowSelection ?? true,
         showRowNumbers: config.showRowNumbers ?? true,
@@ -14,6 +15,7 @@ const TableProvider = ({ children, config, tableRef }) => {
         lastSelectedRowIndex: null,
         selectedCellIndex: null,
         isCellEditMode: false,
+        sortState: null,
     });
     useEffect(() => {
         dispatch({ type: 'SET_DISPATCH', payload: dispatch });

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"table-provider.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzG,OAAO,EAAE,YAAY,EAAmB,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AASnD,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAclE,MAAM,aAAa,GAAG,CAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAClG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,CAAA,YAAe,CAAA,EAAE;QACpD,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,IAAI,IAAI;QACnD,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI;QAC7C,kBAAkB,EAAE,EAAE;QACtB,oBAAoB,EAAE,IAAI;QAC1B,iBAAiB,EAAE,IAAI;QACvB,cAAc,EAAE,KAAK;KACtB,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAA;IAC5B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,IAAI,QAAQ,CAAI,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QAClE,MAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAA;QAEnD,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;QACnC,CAAC;QAED,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,MAAM;YACN,KAAK;YACL,GAAG;YACH,SAAS;SACV,YAEA,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,GAA6B,EAAE;IAC3D,MAAM,OAAO,GAAG,UAAU,CAA8B,YAAY,CAAC,CAAA;IACrE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;IACjE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"table-provider.js","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzG,OAAO,EAAE,YAAY,EAAmB,MAAM,oBAAoB,CAAA;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAA;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AASnD,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAA;AAclE,MAAM,aAAa,GAAG,CAAqB,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAyB,EAAE,EAAE;IAClG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,CAAA,YAAe,CAAA,EAAE;QACpD,OAAO,EAAE,MAAM,CAAC,OAAO;QACvB,WAAW,EAAE,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC;QAC7B,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,IAAI,IAAI;QACnD,cAAc,EAAE,MAAM,CAAC,cAAc,IAAI,IAAI;QAC7C,kBAAkB,EAAE,EAAE;QACtB,oBAAoB,EAAE,IAAI;QAC1B,iBAAiB,EAAE,IAAI;QACvB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,IAAI;KAChB,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAC9B,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAA;QACxB,SAAS,CAAC,OAAO,GAAG,MAAM,CAAA;IAC5B,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAA;IAEnB,MAAM,CAAC,GAAG,EAAE,SAAS,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,IAAI,QAAQ,CAAI,QAAQ,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAA;QAClE,MAAM,SAAS,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAA;QAEnD,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;YAClB,MAAM,CAAC,MAAM,CAAC,OAAO,GAAG,SAAS,CAAA;QACnC,CAAC;QAED,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE7B,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,MAAM;YACN,KAAK;YACL,GAAG;YACH,SAAS;SACV,YAEA,QAAQ,GACa,CACzB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,GAAiC,EAAE;IAC/D,MAAM,OAAO,GAAG,UAAU,CAA8B,YAAY,CAAC,CAAA;IACrE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAA;IACjE,CAAC;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.d.ts

@@ -1,6 +1,7 @@
-import type { ColumnDef, DataType, TableCellIndex } from '../../types.js';
+import type { ColumnDef, DataType, ObjectSetTableConfig, SortDirection, TableCellIndex } from '../../types.js';
 interface TableState<T extends DataType = DataType> {
     dispatch?: React.Dispatch<TableAction<T>>;
+    defaultData: T[];
     columns: ColumnDef[];
     data: T[];
     allowRowSelection: boolean;
@@ -9,6 +10,10 @@ interface TableState<T extends DataType = DataType> {
     lastSelectedRowIndex: number | null;
     selectedCellIndex: TableCellIndex | null;
     isCellEditMode: boolean;
+    sortState: {
+        columnIndex: number;
+        direction: SortDirection;
+    } | null;
 }
 type TableAction<T extends DataType = DataType> = {
     type: 'SET_DISPATCH';
@@ -33,8 +38,14 @@ type TableAction<T extends DataType = DataType> = {
     };
 } | {
     type: 'TOGGLE_SELECT_ALL_ROWS';
+    payload: {
+        totalRows?: number;
+    };
 } | {
     type: 'SELECT_ALL_ROWS';
+    payload: {
+        totalRows?: number;
+    };
 } | {
     type: 'SELECT_ROW_RANGE';
     payload: {
@@ -47,6 +58,13 @@ type TableAction<T extends DataType = DataType> = {
 } | {
     type: 'ENTER_CELL_EDIT_MODE';
     payload: TableCellIndex;
+} | {
+    type: 'SORT_COLUMN';
+    payload: {
+        columnIndex: number;
+        direction: SortDirection | null;
+        tableConfig: ObjectSetTableConfig<T>;
+    };
 };
 declare const tableReducer: <T extends DataType>(state: TableState<T>, action: TableAction<T>) => TableState<T>;
 export { tableReducer };

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-reducer.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAEzE,UAAU,UAAU,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IAEzC,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,iBAAiB,EAAE,OAAO,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEnC,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAA;IACxC,cAAc,EAAE,OAAO,CAAA;CACxB;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAC1C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;CACxC,GACD;IACE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,SAAS,EAAE,CAAA;CACrB,GACD;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,GACD;IACE,IAAI,EAAE,eAAe,CAAA;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;KAC3B,CAAA;CACF,GAED;IACE,IAAI,EAAE,qBAAqB,CAAA;IAC3B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAC3D,GACD;IACE,IAAI,EAAE,wBAAwB,CAAA;CAC/B,GACD;IACE,IAAI,EAAE,iBAAiB,CAAA;CACxB,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;CACF,GAED;IACE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B,GACD;IACE,IAAI,EAAE,sBAAsB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;CACxB,CAAA;AAEL,QAAA,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,CAAC,CA8GpG,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"table-reducer.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,oBAAoB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAE9G,UAAU,UAAU,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;IAEzC,WAAW,EAAE,CAAC,EAAE,CAAA;IAEhB,OAAO,EAAE,SAAS,EAAE,CAAA;IACpB,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,iBAAiB,EAAE,OAAO,CAAA;IAC1B,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,oBAAoB,EAAE,MAAM,GAAG,IAAI,CAAA;IAEnC,iBAAiB,EAAE,cAAc,GAAG,IAAI,CAAA;IACxC,cAAc,EAAE,OAAO,CAAA;IAEvB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,aAAa,CAAA;KACzB,GAAG,IAAI,CAAA;CACT;AAED,KAAK,WAAW,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,IAC1C;IACE,IAAI,EAAE,cAAc,CAAA;IACpB,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAA;CACxC,GACD;IACE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,SAAS,EAAE,CAAA;CACrB,GACD;IACE,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,EAAE,CAAC,EAAE,CAAA;CACb,GACD;IACE,IAAI,EAAE,eAAe,CAAA;IACrB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAA;QACb,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,CAAA;KAC3B,CAAA;CACF,GAED;IACE,IAAI,EAAE,qBAAqB,CAAA;IAC3B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,oBAAoB,CAAC,EAAE,OAAO,CAAA;KAAE,CAAA;CAC3D,GACD;IACE,IAAI,EAAE,wBAAwB,CAAA;IAC9B,OAAO,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,GACD;IACE,IAAI,EAAE,iBAAiB,CAAA;IACvB,OAAO,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;CACF,GACD;IACE,IAAI,EAAE,kBAAkB,CAAA;IACxB,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;CACF,GAED;IACE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE,cAAc,GAAG,IAAI,CAAA;CAC/B,GACD;IACE,IAAI,EAAE,sBAAsB,CAAA;IAC5B,OAAO,EAAE,cAAc,CAAA;CACxB,GAED;IACE,IAAI,EAAE,aAAa,CAAA;IACnB,OAAO,EAAE;QACP,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,aAAa,GAAG,IAAI,CAAA;QAC/B,WAAW,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAA;KACrC,CAAA;CACF,CAAA;AAEL,QAAA,MAAM,YAAY,GAAI,CAAC,SAAS,QAAQ,EAAE,OAAO,UAAU,CAAC,CAAC,CAAC,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,CAAC,CA4JpG,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,CAAA"}

package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.js

@@ -41,25 +41,26 @@ const tableReducer = (state, action) => {
                     : [...state.selectedRowIndexes, action.payload.index],
             };
         }
-        case 'TOGGLE_SELECT_ALL_ROWS':
+        case 'TOGGLE_SELECT_ALL_ROWS': {
+            const totalRows = action.payload.totalRows ?? state.data.length;
             return {
                 ...state,
                 selectedCellIndex: null,
                 lastSelectedRowIndex: null,
-                selectedRowIndexes: state.selectedRowIndexes.length === state.data.length
-                    ? []
-                    : Array.from({ length: state.data.length }, (_, index) => index),
+                selectedRowIndexes: state.selectedRowIndexes.length === totalRows ? [] : Array.from({ length: totalRows }, (_, index) => index),
             };
+        }
         case 'SELECT_ALL_ROWS': {
+            const totalRows = action.payload.totalRows ?? state.data.length;
             // if all the rows are already selected, do nothing
-            if (state.selectedRowIndexes.length === state.data.length) {
+            if (state.selectedRowIndexes.length === totalRows) {
                 return { ...state };
             }
             return {
                 ...state,
                 selectedCellIndex: null,
                 lastSelectedRowIndex: null,
-                selectedRowIndexes: Array.from({ length: state.data.length }, (_, index) => index),
+                selectedRowIndexes: Array.from({ length: totalRows }, (_, index) => index),
             };
         }
         case 'SELECT_ROW_RANGE': {
@@ -96,6 +97,48 @@ const tableReducer = (state, action) => {
                 isCellEditMode: true,
             };
         }
+        case 'SORT_COLUMN': {
+            const column = state.columns[action.payload.columnIndex];
+            const sortDirection = action.payload.direction;
+            const sortFn = column.rowComparator;
+            if (sortDirection === null) {
+                // do not sort the data, just use the default unsorted data
+                return {
+                    ...state,
+                    data: [...state.defaultData],
+                    sortState: null,
+                };
+            }
+            const data = [...state.defaultData].sort((rowA, rowB) => {
+                const columnValueA = column.valueGetter(rowA, {
+                    row: rowA,
+                    rowIndex: -1,
+                    column,
+                    columnIndex: action.payload.columnIndex,
+                    tableConfig: action.payload.tableConfig,
+                });
+                const columnValueB = column.valueGetter(rowB, {
+                    row: rowB,
+                    rowIndex: -1,
+                    column,
+                    columnIndex: action.payload.columnIndex,
+                    tableConfig: action.payload.tableConfig,
+                });
+                return sortFn(columnValueA, columnValueB, {
+                    tableConfig: action.payload.tableConfig,
+                    columnDef: column,
+                    data: state.data,
+                });
+            });
+            return {
+                ...state,
+                data: sortDirection === 'asc' ? data : data.reverse(),
+                sortState: {
+                    columnIndex: action.payload.columnIndex,
+                    direction: sortDirection,
+                },
+            };
+        }
         default:
             return state;
     }