@economic/taco 2.45.0-alpha.1 → 2.45.0-alpha.11

package/dist/index.css

@@ -180,6 +180,24 @@
     }
 }
 
+.recharts-cartesian-axis line,
+.recharts-cartesian-grid-horizontal line {
+    stroke: #efefef !important;
+}
+
+.recharts-tooltip-cursor {
+    fill: transparent !important;
+}
+
+.recharts-legend-wrapper {
+    left: 0 !important;
+    width: 100% !important;
+}
+
+.recharts-wrapper > svg g {
+    outline: none !important;
+}
+
 [data-taco='badge'] > [data-taco='spinner'] {
     @apply ml-2 h-3 w-3;
 }
@@ -585,10 +603,14 @@ table[data-taco^='table'] thead tr:last-child {
 
 /* bottom border for column groups */
 
-table[data-taco^='table'] thead tr:not(:last-child) th:before {
-            @apply bg-grey-300 absolute bottom-0 left-2 right-2 h-[2px] content-[''];
+table[data-taco^='table'] thead tr:not(:last-child) th {
+            @apply print:border-grey-300 print:border-b;
         }
 
+table[data-taco^='table'] thead tr:not(:last-child) th:before {
+                @apply bg-grey-300 absolute bottom-0 left-2 right-2 h-[2px] content-[''];
+            }
+
 table[data-taco^='table'] tfoot {
     /* z-indexes & layout */
     @apply sticky bottom-0 isolate z-20;
@@ -609,6 +631,10 @@ table[data-taco^='table'] tbody {
     @apply print:!h-auto;
 }
 
+table[data-taco^='table']:has([data-taco='empty-state']) {
+    @apply overflow-x-hidden;
+}
+
 table[data-taco^='table'] tr {
     /* styling */
     @apply relative bg-white outline-none;
@@ -632,13 +658,22 @@ table[data-taco^='table'] tr[data-row-group]:first-child {
             @apply pt-0;
         }
 
+/* Only apply -mt-px when the row group header is sticked to the top of the table.
+               margin-top -1px is needed to hide a little gap between the group header and table and the edge of the table.
+               If we'll not do this, then it will be slightly visible how rows are moving behind it when scrolled.
+            */
+
+table[data-taco^='table'] tr[data-row-group]:first-child td {
+                @apply -mt-px;
+            }
+
 table[data-taco^='table'] tr[data-row-group]:not(:first-child):before {
             content: '';
-            @apply bg-grey-100 border-grey-300 absolute left-0 right-0 top-0 h-10 border-t print:top-0 print:h-[2px] print:border-t-2;
+            @apply bg-grey-100 border-grey-300 absolute -top-1 left-0 right-0 h-10 border-t print:top-0 print:h-[2px] print:border-t-2;
         }
 
 table[data-taco^='table'] tr[data-row-group] td {
-            @apply -mt-px border-b-2 border-t-0 font-bold;
+            @apply border-b-2 border-t-0 font-bold;
         }
 
 table[data-taco^='table'] tr:first-child td {
@@ -734,14 +769,14 @@ table[data-taco^='table'] td:not([data-cell-truncate='true']) {
 }
 
 /* FOOTER */
-table[data-taco^='table'] tfoot td {
+table[data-taco^='table'] tfoot tr:not([data-row-index]) td {
     /*
      * Since footer has sticky position, the top and bottom padding ensures that the inner content doesn't come over
      * the border of the footer row.
      */
     @apply border-b-0 !py-1 font-bold;
 }
-table[data-taco^='table'] tfoot td:first-child {
+table[data-taco^='table'] tfoot tr:not([data-row-index]) td:first-child {
         @apply z-30 !pb-0 !pt-[2px];
     }
 
@@ -833,7 +868,7 @@ table[data-taco^='table'][data-table-font-size='small'] td [data-taco='tag'] {
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='select2-container'],
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='Select2'],
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='textarea'] {
-    @apply !-mx-[7px] !-mt-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
+    @apply !-mx-[7px] !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
 }
 
 table[data-taco^='table'][data-table-font-size='small'] td [data-taco='input-container']:has([data-taco='input']) {
@@ -923,7 +958,7 @@ table[data-taco^='table'][data-table-font-size='medium'] td [role='combobox'] [d
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='select2-container'],
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='Select2'],
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='textarea'] {
-    @apply !-mx-[9px] !-mt-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
+    @apply !-mx-[9px] !-my-[6px] !min-h-[theme(spacing.8)] !w-[calc(100%_+_16px)] focus:z-10;
 }
 
 table[data-taco^='table'][data-table-font-size='medium'] td [data-taco='input-container']:has([data-taco='input']) {
@@ -1294,17 +1329,25 @@ table[data-taco='table3'][data-table-editing-mode] tbody tr[data-row-editing-mov
 
 /* invalid rows */
 
-table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true'] > td, table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true'] > td, table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true'] > td {
+table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true'] > td,
+        table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true']:not([data-row-selected]):not([data-row-active]) > td,
+        table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true'] > td,
+        table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true']:not([data-row-selected]):not([data-row-active]) > td,
+        table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true'] > td,
+        table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true']:not([data-row-selected]):not([data-row-active]) > td {
             --table-row-actions-shadow: #ffe4de;
             @apply bg-[#ffede9];
         }
 
 table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true']:hover > td,
         table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true'][data-row-group] > td,
+        table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true']:hover:not([data-row-selected]):not([data-row-active]) > td,
         table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true']:hover > td,
         table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true'][data-row-group] > td,
+        table[data-taco='table3']:focus-within > tbody > tr[data-row-editing-invalid='true']:hover:not([data-row-selected]):not([data-row-active]) > td,
         table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true']:hover > td,
-        table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true'][data-row-group] > td {
+        table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true'][data-row-group] > td,
+        table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true']:hover:not([data-row-selected]):not([data-row-active]) > td {
             --table-row-actions-shadow: #ffe4de;
             @apply bg-[#ffe4de];
         }
@@ -1337,3 +1380,26 @@ table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true']:not([dat
         table[data-taco='table3'][data-table-pause-hover='true'] > tbody > tr[data-row-editing-invalid='true']:not([data-row-active='true']) td [data-taco='Select2'] {
             @apply !bg-transparent;
         }
+
+table[data-taco^='table'][data-table-font-size='medium'] tr[data-row-create] td [data-taco='spinner'] {
+    @apply !h-4 !w-4;
+}
+
+table[data-taco^='table'] tr [data-row-move-indicator] {
+        @apply wcag-blue-500 absolute left-0 z-10 ml-1 whitespace-nowrap px-1 py-1 text-xs font-bold;
+    }
+
+table[data-taco^='table'] tr[data-row-id^='temp-'] [data-row-move-indicator] {
+        @apply bottom-full rounded-t-md;
+    }
+
+table[data-taco^='table'] tr:not([data-row-id^='temp-']) [data-row-move-indicator] {
+        @apply top-full rounded-b-md;
+    }
+
+table[data-taco^='table'][data-table-row-height='short'] tr[data-row-create] td,
+table[data-taco^='table'][data-table-row-height='medium'] tr[data-row-create] td,
+table[data-taco^='table'][data-table-row-height='tall'] tr[data-row-create] td,
+table[data-taco^='table'][data-table-row-height='extra-tall'] tr[data-row-create] td {
+    @apply !min-h-[41px] !pt-[10px];
+}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 import './css/global.css';
+import './charts/style.css';
 export * from './components/Alert/Alert';
 export * from './components/AlertDialog/AlertDialog';
 export * from './components/Accordion/Accordion';
@@ -52,6 +53,10 @@ export * from './components/Tooltip/Tooltip';
 export * from './components/Tour/Tour';
 export * from './components/Treeview/Treeview';
 export * from './components/VisuallyHidden/VisuallyHidden';
+export * from './charts/components/Area/AreaChart';
+export * from './charts/components/Bar/BarChart';
+export * from './charts/components/Donut/DonutChart';
+export * from './charts/components/Line/LineChart';
 export * from './components/Header/Header';
 export * from './components/Layout/Layout';
 export * from './components/Navigation2/Navigation2';

package/dist/primitives/Collection/components/Root.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
 export declare type CollectionProps = React.HTMLAttributes<HTMLDivElement> & {
     querySelector: string;
+    resetOnChange?: unknown;
 };
 export declare type CollectionRef = HTMLDivElement & {
     setActiveIndexByElement: (option: HTMLDivElement) => void;
 };
 export declare const Root: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     querySelector: string;
+    resetOnChange?: unknown;
 } & React.RefAttributes<CollectionRef>>;
 export declare const getNextIndexFromKeycode: (event: React.KeyboardEvent, length: number, activeIndex: number | undefined) => number | undefined;
 export declare const getNextEnabledItem: (event: React.KeyboardEvent<HTMLElement>, options: NodeListOf<Element>, activeIndex: number | undefined, recurse?: boolean) => number | undefined;

package/dist/primitives/Table/Core/Table.d.ts

@@ -13,6 +13,7 @@ export declare namespace Table {
 export declare type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {
     'data-taco': string;
     enableHorizontalArrowKeyNavigation?: boolean;
+    footerRows?: null | JSX.Element | JSX.Element[];
     table: useTableReturnValue<TType>;
 };
 export declare function TableGrid<TType = unknown>(props: TableGridProps<TType>): React.JSX.Element;

package/dist/primitives/Table/Core/components/Body/EmptyStateBody.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { TableEmptyStateReason, TableEmptyStateRenderer } from '../../../types';
 declare type EmptyStateProps = React.HTMLAttributes<HTMLTableSectionElement> & {
     emptyState?: TableEmptyStateRenderer;
+    isReady: boolean;
     reason: TableEmptyStateReason;
 };
 export declare function EmptyStateBody(props: EmptyStateProps): React.JSX.Element;

package/dist/primitives/Table/Core/components/Columns/Internal/Actions.d.ts

@@ -1,12 +1,14 @@
 import React from 'react';
-import { TableRowActionRenderer } from '../../../../types';
+import { Table as ReactTable } from '@tanstack/react-table';
 import { useTableManagerInternalColumn } from '../../../../useTableManager/types';
+import { TableRowActionRenderer } from '../../../../types';
 export declare type ActionsProps<TType = unknown> = {
     actions: TableRowActionRenderer<TType>[];
     actionsLength: number;
     data: any;
     isActiveRow: boolean;
     rowId: string;
+    table: ReactTable<TType>;
 };
 export declare function Actions<TType = unknown>(props: ActionsProps<TType>): React.JSX.Element;
 export declare const renderer: useTableManagerInternalColumn;

package/dist/primitives/Table/Core/components/Footer/Footer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Header as ReactTableHeader, Table as ReactTable } from '@tanstack/react-table';
-export declare type FootProps<TType = unknown> = {
+export declare type FootProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {
     table: ReactTable<TType>;
 };
 export declare function Foot<TType = unknown>(props: FootProps<TType>): React.JSX.Element;

package/dist/primitives/Table/Core/components/Row/RowContext.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 declare type RowContextValue = {
+    hideInternalColumns: boolean;
+    hideRowActions: boolean;
     isHovered: boolean;
     rowIndex: number;
 };

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/FilterContext.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TableFilter } from '../../../../../types';
+export declare const FilterContext: React.Context<TableFilter[]>;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/Filter.d.ts

@@ -4,7 +4,6 @@ import { TableFilter } from '../../../../../../types';
 export declare type FilterProps<TType = unknown> = {
     allColumns: ReactTableColumn<TType, unknown>[];
     filter: TableFilter;
-    filters: TableFilter[];
     position: number;
     onChange: (position: number, value: TableFilter) => void;
     onRemove?: (position: number) => void;

package/dist/primitives/Table/Core/components/Toolbar/components/Filters/components/FilterColumn.d.ts

@@ -1,12 +1,9 @@
 import React from 'react';
 import { Column as ReactTableColumn } from '@tanstack/react-table';
 import { Select2Props } from '../../../../../../../../components/Select2/Select2';
-import { TableFilter } from '../../../../../../types';
 export declare type FilterColumnProps<TType = unknown> = Omit<Select2Props, 'children'> & {
     allColumns: ReactTableColumn<TType, unknown>[];
-    filters: TableFilter[];
 };
 export declare const FilterColumn: React.ForwardRefExoticComponent<Pick<Select2Props, "defaultValue" | "onChange" | "value" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "emptyValue" | "disabled" | "fontSize" | "highlighted" | "invalid" | "loading" | "multiple" | "name" | "onCreate" | "onDelete" | "onEdit" | "placeholder" | "readOnly" | "required" | "tags" | "createDialog" | "createTriggerText"> & {
     allColumns: ReactTableColumn<unknown, unknown>[];
-    filters: TableFilter[];
 } & React.RefAttributes<HTMLButtonElement>>;

package/dist/primitives/Table/Core/features/useTableRenderer.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
 import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
-import { useTableRenderers } from '../types';
+import { useTableRenderers, useTableRenderOptions } from '../types';
 import { TableRef } from '../../types';
-export declare function useTableRenderer<TType = unknown>(renderers: useTableRenderers<TType>, table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, defaultRowActiveIndex?: number | undefined): {
+export declare function useTableRenderer<TType = unknown>(renderers: useTableRenderers<TType>, table: ReactTable<TType>, tableRef: React.RefObject<TableRef>, defaultRowActiveIndex?: number | undefined, options?: useTableRenderOptions): {
     rows: (JSX.Element | null)[] | null;
     style: React.CSSProperties;
     scrollToIndex: (index: number, options?: ReactVirtualScrollToOptions) => void;

package/dist/primitives/Table/Core/features/useTableStyle.d.ts

@@ -16,7 +16,7 @@ export declare function useTableStyle<TType = unknown>(tableId: string, table: R
         animationPlayState?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "paused" | "running" | undefined;
         animationTimeline?: (string & {}) | "auto" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | undefined;
         animationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        appearance?: "auto" | "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "checkbox" | "listbox" | "menulist" | "meter" | "progress-bar" | "push-button" | "radio" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | undefined;
+        appearance?: "auto" | "checkbox" | "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "listbox" | "menulist" | "meter" | "progress-bar" | "push-button" | "radio" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | undefined;
         aspectRatio?: (string & {}) | "auto" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | (number & {}) | undefined;
         backdropFilter?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | undefined;
         backfaceVisibility?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "hidden" | "visible" | undefined;
@@ -414,7 +414,7 @@ export declare function useTableStyle<TType = unknown>(tableId: string, table: R
         MozAnimationName?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | undefined;
         MozAnimationPlayState?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "paused" | "running" | undefined;
         MozAnimationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        MozAppearance?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "checkbox" | "listbox" | "menulist" | "radio" | "searchfield" | "menulist-button" | "textfield" | "-moz-mac-unified-toolbar" | "-moz-win-borderless-glass" | "-moz-win-browsertabbar-toolbox" | "-moz-win-communications-toolbox" | "-moz-win-communicationstext" | "-moz-win-exclude-glass" | "-moz-win-glass" | "-moz-win-media-toolbox" | "-moz-win-mediatext" | "-moz-window-button-box" | "-moz-window-button-box-maximized" | "-moz-window-button-close" | "-moz-window-button-maximize" | "-moz-window-button-minimize" | "-moz-window-button-restore" | "-moz-window-frame-bottom" | "-moz-window-frame-left" | "-moz-window-frame-right" | "-moz-window-titlebar" | "-moz-window-titlebar-maximized" | "button-arrow-down" | "button-arrow-next" | "button-arrow-previous" | "button-arrow-up" | "button-bevel" | "button-focus" | "caret" | "checkbox-container" | "checkbox-label" | "checkmenuitem" | "dualbutton" | "groupbox" | "listitem" | "menuarrow" | "menubar" | "menucheckbox" | "menuimage" | "menuitem" | "menuitemtext" | "menulist-text" | "menulist-textfield" | "menupopup" | "menuradio" | "menuseparator" | "meterbar" | "meterchunk" | "progressbar" | "progressbar-vertical" | "progresschunk" | "progresschunk-vertical" | "radio-container" | "radio-label" | "radiomenuitem" | "range" | "range-thumb" | "resizer" | "resizerpanel" | "scale-horizontal" | "scale-vertical" | "scalethumb-horizontal" | "scalethumb-vertical" | "scalethumbend" | "scalethumbstart" | "scalethumbtick" | "scrollbarbutton-down" | "scrollbarbutton-left" | "scrollbarbutton-right" | "scrollbarbutton-up" | "scrollbarthumb-horizontal" | "scrollbarthumb-vertical" | "scrollbartrack-horizontal" | "scrollbartrack-vertical" | "separator" | "sheet" | "spinner" | "spinner-downbutton" | "spinner-textfield" | "spinner-upbutton" | "splitter" | "statusbar" | "statusbarpanel" | "tab" | "tab-scroll-arrow-back" | "tab-scroll-arrow-forward" | "tabpanel" | "tabpanels" | "textfield-multiline" | "toolbar" | "toolbarbutton" | "toolbarbutton-dropdown" | "toolbargripper" | "toolbox" | "tooltip" | "treeheader" | "treeheadercell" | "treeheadersortarrow" | "treeitem" | "treeline" | "treetwisty" | "treetwistyopen" | "treeview" | undefined;
+        MozAppearance?: "checkbox" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "listbox" | "menulist" | "radio" | "searchfield" | "menulist-button" | "textfield" | "-moz-mac-unified-toolbar" | "-moz-win-borderless-glass" | "-moz-win-browsertabbar-toolbox" | "-moz-win-communications-toolbox" | "-moz-win-communicationstext" | "-moz-win-exclude-glass" | "-moz-win-glass" | "-moz-win-media-toolbox" | "-moz-win-mediatext" | "-moz-window-button-box" | "-moz-window-button-box-maximized" | "-moz-window-button-close" | "-moz-window-button-maximize" | "-moz-window-button-minimize" | "-moz-window-button-restore" | "-moz-window-frame-bottom" | "-moz-window-frame-left" | "-moz-window-frame-right" | "-moz-window-titlebar" | "-moz-window-titlebar-maximized" | "button-arrow-down" | "button-arrow-next" | "button-arrow-previous" | "button-arrow-up" | "button-bevel" | "button-focus" | "caret" | "checkbox-container" | "checkbox-label" | "checkmenuitem" | "dualbutton" | "groupbox" | "listitem" | "menuarrow" | "menubar" | "menucheckbox" | "menuimage" | "menuitem" | "menuitemtext" | "menulist-text" | "menulist-textfield" | "menupopup" | "menuradio" | "menuseparator" | "meterbar" | "meterchunk" | "progressbar" | "progressbar-vertical" | "progresschunk" | "progresschunk-vertical" | "radio-container" | "radio-label" | "radiomenuitem" | "range" | "range-thumb" | "resizer" | "resizerpanel" | "scale-horizontal" | "scale-vertical" | "scalethumb-horizontal" | "scalethumb-vertical" | "scalethumbend" | "scalethumbstart" | "scalethumbtick" | "scrollbarbutton-down" | "scrollbarbutton-left" | "scrollbarbutton-right" | "scrollbarbutton-up" | "scrollbarthumb-horizontal" | "scrollbarthumb-vertical" | "scrollbartrack-horizontal" | "scrollbartrack-vertical" | "separator" | "sheet" | "spinner" | "spinner-downbutton" | "spinner-textfield" | "spinner-upbutton" | "splitter" | "statusbar" | "statusbarpanel" | "tab" | "tab-scroll-arrow-back" | "tab-scroll-arrow-forward" | "tabpanel" | "tabpanels" | "textfield-multiline" | "toolbar" | "toolbarbutton" | "toolbarbutton-dropdown" | "toolbargripper" | "toolbox" | "tooltip" | "treeheader" | "treeheadercell" | "treeheadersortarrow" | "treeitem" | "treeline" | "treetwisty" | "treetwistyopen" | "treeview" | undefined;
         MozBackfaceVisibility?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "hidden" | "visible" | undefined;
         MozBorderBottomColors?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "none" | undefined;
         MozBorderEndColor?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "white" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | undefined;
@@ -532,7 +532,7 @@ export declare function useTableStyle<TType = unknown>(tableId: string, table: R
         WebkitAnimationName?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | undefined;
         WebkitAnimationPlayState?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "paused" | "running" | undefined;
         WebkitAnimationTimingFunction?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | undefined;
-        WebkitAppearance?: "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "checkbox" | "listbox" | "menulist" | "meter" | "progress-bar" | "push-button" | "radio" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | "button-bevel" | "caret" | "listitem" | "menulist-text" | "menulist-textfield" | "-apple-pay-button" | "default-button" | "inner-spin-button" | "media-controls-background" | "media-controls-fullscreen-background" | "media-current-time-display" | "media-enter-fullscreen-button" | "media-exit-fullscreen-button" | "media-fullscreen-button" | "media-mute-button" | "media-overlay-play-button" | "media-play-button" | "media-seek-back-button" | "media-seek-forward-button" | "media-slider" | "media-sliderthumb" | "media-time-remaining-display" | "media-toggle-closed-captions-button" | "media-volume-slider" | "media-volume-slider-container" | "media-volume-sliderthumb" | "progress-bar-value" | "searchfield-cancel-button" | "searchfield-decoration" | "searchfield-results-button" | "searchfield-results-decoration" | "slider-vertical" | "sliderthumb-horizontal" | "sliderthumb-vertical" | undefined;
+        WebkitAppearance?: "checkbox" | "textarea" | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | "button" | "listbox" | "menulist" | "meter" | "progress-bar" | "push-button" | "radio" | "searchfield" | "slider-horizontal" | "square-button" | "menulist-button" | "textfield" | "button-bevel" | "caret" | "listitem" | "menulist-text" | "menulist-textfield" | "-apple-pay-button" | "default-button" | "inner-spin-button" | "media-controls-background" | "media-controls-fullscreen-background" | "media-current-time-display" | "media-enter-fullscreen-button" | "media-exit-fullscreen-button" | "media-fullscreen-button" | "media-mute-button" | "media-overlay-play-button" | "media-play-button" | "media-seek-back-button" | "media-seek-forward-button" | "media-slider" | "media-sliderthumb" | "media-time-remaining-display" | "media-toggle-closed-captions-button" | "media-volume-slider" | "media-volume-slider-container" | "media-volume-sliderthumb" | "progress-bar-value" | "searchfield-cancel-button" | "searchfield-decoration" | "searchfield-results-button" | "searchfield-results-decoration" | "slider-vertical" | "sliderthumb-horizontal" | "sliderthumb-vertical" | undefined;
         WebkitBackdropFilter?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "none" | undefined;
         WebkitBackfaceVisibility?: "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "hidden" | "visible" | undefined;
         WebkitBackgroundClip?: (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "border-box" | "content-box" | "padding-box" | undefined;

package/dist/primitives/Table/Core/types.d.ts

@@ -1,11 +1,16 @@
 import React from 'react';
 import { Table as ReactTable, Row as ReactTableRow, Cell as ReactTableCell } from '@tanstack/react-table';
+export declare type useTableRenderOptions = {
+    virtualiserPaddingEndOffset?: number;
+};
 export declare type useTableRenderers<TType = unknown> = {
     row: TableRowRenderer<TType>;
     cell: TableCellRenderer<TType>;
 };
 export declare type TableRowRendererProps<TType = unknown> = {
     cellRenderer: TableCellRenderer<TType>;
+    hideInternalColumns?: boolean;
+    hideRowActions?: boolean;
     index: number;
     measureRow: (size: number, expansionHeight?: number) => void;
     row: ReactTableRow<TType>;

package/dist/primitives/Table/Core/useTable.d.ts

@@ -3,7 +3,7 @@ import { Table as ReactTable, TableMeta as ReactTableMeta, TableState as ReactTa
 import { ScrollToOptions as ReactVirtualScrollToOptions } from '@tanstack/react-virtual';
 import { TableCustomSettingsRenderer, TableEmptyStateRenderer, TableProps } from '../types';
 import { TableRef } from '../types';
-import { useTableRenderers } from './types';
+import { useTableRenderers, useTableRenderOptions } from './types';
 export declare type useTableReturnValue<TType = unknown> = {
     id: string;
     instance: ReactTable<TType>;
@@ -25,4 +25,4 @@ export declare type useTableReturnValue<TType = unknown> = {
     stylesheet: string;
     state: ReactTableState;
 };
-export declare function useTable<TType = unknown, TMeta = {}>(props: TableProps<TType>, externalRef: React.Ref<TableRef>, renderers: useTableRenderers<TType>, meta?: Partial<ReactTableMeta<TType>> & TMeta): useTableReturnValue<TType>;
+export declare function useTable<TType = unknown, TMeta = {}>(props: TableProps<TType>, externalRef: React.Ref<TableRef>, renderers: useTableRenderers<TType>, meta?: Partial<ReactTableMeta<TType>> & TMeta, options?: useTableRenderOptions): useTableReturnValue<TType>;

package/dist/primitives/Table/types.d.ts

@@ -41,7 +41,7 @@ export declare type TableColumnFilter = ReactTableColumnFilter;
 export declare type TableColumnMenu = ((columnId: string) => React.ReactNode | null)[];
 export declare type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
 export declare type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;
-export declare type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element) | 'datepicker' | 'input' | 'switch' | 'textarea';
+export declare type TableColumnRendererControl<TType = unknown> = ((props: TableColumnRendererControlProps, row?: TType, filterState?: TableFilter[]) => JSX.Element) | 'datepicker' | 'input' | 'switch' | 'checkbox' | 'textarea';
 export declare type TableColumnRendererControlProps = {
     className?: string;
     disabled?: boolean;
@@ -89,11 +89,6 @@ export declare type TableScrollToIndexHandler = (index: number, options?: {
 export declare type TableSearchHandler = (search: string | undefined) => void | Promise<void>;
 export declare type TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;
 export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<void>;
-export declare enum TableServerLoadAllState {
-    Incomplete = 0,
-    Loading = 1,
-    Completed = 2
-}
 export declare type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;
 export declare type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;
 export declare type TableSortHandler = (sorting: TableColumnSort[]) => void | Promise<void>;
@@ -134,6 +129,7 @@ export declare type TableFeatureProps<TType = unknown> = {
     enableColumnHiding?: boolean;
     enableColumnResizing?: boolean;
     enableRowExpansion?: boolean;
+    enableRowExpansionAll?: boolean;
     enableRowSelection?: TableConditionalRowProp<TType>;
     enableColumnOrdering?: boolean;
     enableFontSize?: boolean;
@@ -164,7 +160,7 @@ export declare type TableCommonProps<TType = unknown> = TableFeatureProps<TType>
     rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];
     rowActionsLength?: number;
     rowExpansionRenderer?: TableRowExpansionRenderer<TType>;
-    rowIdentityColumnId?: string;
+    rowIdentityAccessor?: keyof TType;
     shortcuts?: TableShortcuts<TType>;
     toolbarLeft?: JSX.Element;
     toolbarRight?: JSX.Element;

package/dist/primitives/Table/useTableManager/features/useTableRowExpansion.d.ts

@@ -1,5 +1,6 @@
 import { TableRowExpansionRenderer } from '../../types';
-export declare function useTableRowExpansion<TType = unknown>(isEnabled?: boolean, rowExpansionRenderer?: TableRowExpansionRenderer<TType>): {
+export declare function useTableRowExpansion<TType = unknown>(isEnabled?: boolean, canExpandAll?: boolean, rowExpansionRenderer?: TableRowExpansionRenderer<TType>): {
     isEnabled: boolean;
+    canExpandAll: boolean;
     rowExpansionRenderer: TableRowExpansionRenderer<TType> | undefined;
 };

package/dist/primitives/Table/useTableManager/features/useTableServerLoading.d.ts

@@ -1,10 +1,10 @@
-import { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';
-export declare function useTableServerLoading(loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pageSize?: number): {
+import { TableServerLoadAllHandler, TableServerLoadPageHandler } from '../../types';
+export declare function useTableServerLoading<TType = unknown>(length: number, data: TType[], loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler, pageSize?: number): {
     isEnabled: boolean;
     isReady: boolean;
     loadPage: TableServerLoadPageHandler | undefined;
     loadAll: TableServerLoadAllHandler | undefined;
     loadAllIfNeeded: TableServerLoadAllHandler | undefined;
-    loadAllStatus: TableServerLoadAllState;
+    loading: boolean;
     pageSize: number;
 };

package/dist/primitives/Table/useTableManager/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { HeaderContext as ReactTableHeaderContext, CellContext as ReactTableCellContext, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';
 export declare type useTableManagerInternalColumn<TType = unknown> = {
     header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;

package/dist/primitives/Table/useTableManager/useTableManager.d.ts

@@ -35,7 +35,7 @@ declare module '@tanstack/table-core' {
         rowGoto: ReturnType<typeof useTableRowGoto>;
         rowGroups: ReturnType<typeof useTableRowGroups>;
         rowHeight: ReturnType<typeof useTableRowHeight>;
-        rowIdentityColumnId?: string;
+        rowIdentityAccessor: keyof TData;
         rowSelection: ReturnType<typeof useTableRowSelection>;
         search: ReturnType<typeof useTableSearch>;
         server: ReturnType<typeof useTableServerLoading>;

package/dist/primitives/Table/useTableManager/util/dataTypes.d.ts

@@ -7,6 +7,6 @@ export declare type TableDataType<TType = unknown> = {
     filterComparators: TableFilterComparator[];
     getDisplayValue?: (value: any, options?: {
         localization: Localization;
-    }) => string;
+    }) => string | string[];
 };
 export declare function getDataTypeProperties<TType = unknown>(dataType: TableColumnDataType | undefined): TableDataType<TType>;