@economic/taco 2.45.0-alpha.2 → 2.45.0-alpha.20

package/dist/esm/packages/taco/tailwind.colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tailwind.colors.js","sources":["../../../../tailwind.colors.js"],"sourcesContent":["// NOTE: this file is intentianally a js file so that it can be consumed by tailwind.config.js\n\nconst THEME_COLORS = {\n    transparent: 'transparent',\n    current: 'currentColor',\n    white: '#fff',\n    black: '#1c1c1c',\n    brand: {\n        vismaRed: '#E70641',\n        paleOrange: '#FFF5E5',\n        sunsetOrange: '#E89C2E',\n        midnightBlue: '#29283E',\n        coolBlue: '#F5F7F9',\n    },\n    grey: {\n        lightest: '#fafafa',\n        light: '#F6F6F6',\n        DEFAULT: '#EBEBEB',\n        dark: '#DDDDDD',\n        darker: '#ACACAC',\n        darkest: '#595959',\n        darkNew: '#a5a6a9',\n        50: '#fafafa',\n        100: '#F6F6F6',\n        200: '#EBEBEB',\n        300: '#DDDDDD',\n        500: '#ACACAC',\n        700: '#595959',\n        900: '#303030',\n    },\n    purple: {\n        lightest: '#585c74',\n        light: '#4b4f64',\n        DEFAULT: '#3d4153',\n        dark: '#353a48',\n        darker: '#29283e',\n        darkest: '#212032',\n        darkNew_1: '#373647',\n        darkNew_2: '#414050',\n        100: '#EEE5FF',\n        200: '#ddd1ff',\n        300: '#CBBCFE',\n        500: '#9270FA',\n        700: '#6542D1',\n        900: '#412970',\n    },\n    blue: {\n        lightest: '#DEEBFF',\n        light: '#75A0F5',\n        DEFAULT: '#4573D2',\n        dark: '#2B57B4',\n        100: '#DEEBFF',\n        200: '#AACCFF',\n        300: '#75A0F5',\n        500: '#4573D2',\n        700: '#2B57B4',\n        900: '#29283E',\n    },\n    red: {\n        lightest: '#FFDAD2',\n        light: '#E66568',\n        DEFAULT: '#CE3F42',\n        dark: '#950027',\n        100: '#FFDAD2',\n        200: '#f3a09d',\n        300: '#E66568',\n        500: '#CE3F42',\n        700: '#950027',\n        900: '#64001B',\n    },\n    green: {\n        lightest: '#cdf0e7',\n        light: '#52C7AB',\n        DEFAULT: '#08AE87',\n        dark: '#028465',\n        100: '#cdf0e7',\n        200: '#9be1ce',\n        300: '#52C7AB',\n        500: '#08AE87',\n        700: '#028465',\n        900: '#14493A',\n    },\n    yellow: {\n        lightest: '#FFF1C3',\n        light: '#FFD665',\n        DEFAULT: '#FFBD3B',\n        dark: '#e89c2e',\n        100: '#FFF1C3',\n        200: '#ffe494',\n        300: '#FFD665',\n        500: '#FFBD3B',\n        700: '#e89c2e',\n        900: '#733700',\n    },\n    pink: {\n        100: '#FFE3F7',\n        200: '#fcb9e9',\n        300: '#F98EDB',\n        500: '#E165BF',\n        700: '#CF49AA',\n        900: '#870062',\n    },\n    brown: {\n        100: '#EEE0DA',\n        200: '#DFCCC2',\n        300: '#C4AB9E',\n        500: '#93715D',\n        700: '#73503B',\n        900: '#45291F',\n    },\n    orange: {\n        100: '#FFE3BB',\n        200: '#FCCB80',\n        300: '#FAB64D',\n        500: '#F99702',\n        700: '#EF7D00',\n        900: '#4A2811',\n    },\n};\n\nexport default THEME_COLORS;\n"],"names":["THEME_COLORS","transparent","current","white","black","brand","vismaRed","paleOrange","sunsetOrange","midnightBlue","coolBlue","grey","lightest","light","DEFAULT","dark","darker","darkest","darkNew","purple","darkNew_1","darkNew_2","blue","red","green","yellow","pink","brown","orange"],"mappings":"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"}

package/dist/hooks/useLazyDebouncedEffect.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useLazyDebouncedEffect(effect: React.EffectCallback, deps?: React.DependencyList | undefined, ms?: number): void;

package/dist/index.css

@@ -166,6 +166,14 @@
         @apply invisible;
     }
 
+    /* 
+     * While the dialog is open, all elements are aria-hidden except for the dialog content. This ensures that the
+     * print document contains only the dialog content.
+     */
+    [aria-hidden='true'] {
+        @apply print:!hidden;
+    }
+
     .wcag-transparent {
         @apply bg-black/[0.08] text-black;
     }
@@ -180,6 +188,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;
 }
@@ -393,6 +419,12 @@
     bottom: 3px;
 }
 
+/* When dealing with nested dialogs, the dialog behind remains rendered because it only receives the [aria-hidden] attribute but not display: none.
+   As a result, tabs in the hidden dialog remain visible, as they still have the visible class assigned. To properly hide them, we need to override their visibility. */
+[data-taco='backdrop'][aria-hidden='true'] [role='tablist'] [role='tab'].visible {
+    visibility: hidden;
+}
+
 /* label inside label is invalid html, but the client is littered with it */
 [data-taco='label'] [data-taco='label'] {
     min-height: 0;
@@ -556,7 +588,7 @@ table[data-taco^='table'] {
 
 table[data-taco^='table'] thead {
     /* z-indexes & layout */
-    @apply sticky top-0 isolate z-20;
+    @apply sticky top-0 isolate z-20 print:static;
     /* grid */
     @apply col-span-full grid auto-rows-min grid-cols-[subgrid];
 }
@@ -585,13 +617,17 @@ 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;
+    @apply sticky bottom-0 isolate z-20 print:static;
     /* grid */
     @apply col-span-full grid grid-cols-[subgrid];
 }
@@ -609,6 +645,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 +672,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 +783,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];
     }
 
@@ -1117,19 +1166,19 @@ table[data-taco^='table'][data-table-pause-hover='true'] > tbody > tr:hover[data
 
 /* row metadata */
 table[data-taco^='table'] tbody tr[data-row-meta-layout='heading']:not([data-row-group='true']) td {
-    @apply !border-b-0 border-t font-bold;
+    @apply border-b-0 border-t font-bold;
 }
 
 table[data-taco^='table'] tbody tr[data-row-group='true'] + tr[data-row-meta-layout='heading'] td {
-    @apply !border-t-0;
+    @apply border-t-0;
 }
 
 table[data-taco^='table'] tbody tr[data-row-meta-layout='summary']:not([data-row-group='true']) td {
-    @apply !border-b-0 font-bold;
+    @apply border-b-0 font-bold;
 }
 
 table[data-taco^='table'] tbody tr[data-row-meta-layout='item']:not([data-row-group='true']) td {
-    @apply !border-b-0;
+    @apply border-b-0;
 }
 
 /* rows */
@@ -1292,6 +1341,14 @@ table[data-taco='table3'][data-table-editing-mode] tbody tr[data-row-editing-mov
         @apply border-r-2 border-blue-500 pr-[calc(var(--table-cell-padding-x)_-_2px)];
     }
 
+table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='center'] > label {
+    @apply flex-row justify-center text-center;
+}
+
+table[data-taco^='table3'][data-table-editing-mode] [data-cell-align='right'] > label {
+    @apply flex-row justify-end text-right;
+}
+
 /* invalid rows */
 
 table[data-taco='table3'] > tbody > tr[data-row-editing-invalid='true'] > td,
@@ -1368,3 +1425,8 @@ 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];
 }
+
+/* Hiding CreateNewRow using CSS to ensure higher specificity for hiding the row */
+table[data-taco^='table'] tr[data-row-create] {
+    @apply print:hidden;
+}

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,12 +53,17 @@ 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';
 export * as CollectionPrimitive from './primitives/Collection/Collection';
 export * from './primitives/Table/types';
 export * from './primitives/Table/useTableDataLoader';
+export * from './primitives/Table/useTableDataLoader2';
 export * from './utils/date';
 export * from './utils/keyboard';
 export * from './utils/mergeRefs';

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/Body/util.d.ts

@@ -1,6 +1,6 @@
 export declare function useAugmentedFocusManager(): {
-    focusPrevious: (arrowNavigation?: boolean) => import("@react-types/shared").FocusableElement;
-    focusNext: (arrowNavigation?: boolean) => import("@react-types/shared").FocusableElement;
-    focusFirst: () => import("@react-types/shared").FocusableElement;
-    focusLast: () => import("@react-types/shared").FocusableElement;
+    focusPrevious: (arrowNavigation?: boolean) => import("@react-types/shared").FocusableElement | null | undefined;
+    focusNext: (arrowNavigation?: boolean) => import("@react-types/shared").FocusableElement | null | undefined;
+    focusFirst: () => import("@react-types/shared").FocusableElement | null | undefined;
+    focusLast: () => import("@react-types/shared").FocusableElement | null | undefined;
 };

package/dist/primitives/Table/Core/components/Row/BuiltIns/SkeletonRow.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-import { Table as ReactTable, Row as ReactTableRow } from '@tanstack/react-table';
+import { Table as ReactTable } from '@tanstack/react-table';
 export declare type RowProps<TType = unknown> = {
     index: number;
-    row: ReactTableRow<TType>;
+    scrollDirection: 'forward' | 'backward' | undefined;
     table: ReactTable<TType>;
 };
 export declare function SkeletonRow<TType = unknown>(props: RowProps<TType>): React.JSX.Element;

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

@@ -2,5 +2,7 @@ import React from 'react';
 import { TableRowRenderer, TableRowRendererProps } from '../../types';
 export declare type RowProps<TType = unknown> = React.HTMLAttributes<HTMLTableRowElement> & TableRowRendererProps<TType> & {
     renderer: TableRowRenderer<TType>;
+    scrollDirection?: 'forward' | 'backward';
+    skipPageLoading?: boolean;
 };
 export declare function Row<TType = unknown>(props: RowProps<TType>): React.JSX.Element;

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

@@ -1,8 +1,9 @@
 import React from 'react';
 declare type RowContextValue = {
+    hideInternalColumns: boolean;
+    hideRowActions: boolean;
     isHovered: boolean;
     rowIndex: number;
-    hideRowActions: boolean;
 };
 export declare const RowContext: React.Context<RowContextValue>;
 export {};

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

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

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

@@ -9,6 +9,7 @@ export declare type useTableRenderers<TType = unknown> = {
 };
 export declare type TableRowRendererProps<TType = unknown> = {
     cellRenderer: TableCellRenderer<TType>;
+    hideInternalColumns?: boolean;
     hideRowActions?: boolean;
     index: number;
     measureRow: (size: number, expansionHeight?: number) => void;

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' | 'checkbox' | '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;
@@ -67,7 +67,7 @@ export declare type TableRowDragHandler<TType = unknown> = (rows: TType[], showP
 export declare type TableRowDropHandler<TType = unknown> = (event: React.DragEvent, row: TType) => void;
 export declare type TableRowGotoHandler = (column: string, query: string, sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => Promise<number>;
 export declare type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';
-export declare type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;
+export declare type TableRowSelectHandler<TType = unknown> = (rows: TType[], ids: string[]) => void;
 export declare type TableRowWithMetaData<TType = unknown> = TType & {
     _meta?: {
         layout?: 'heading' | 'summary' | 'item';
@@ -79,24 +79,19 @@ export declare type TableShortcutHandlerObject<TType = unknown> = {
     meta?: boolean;
     shift?: boolean;
 };
-export declare type TableFilterHandler = (filters: TableColumnFilter[]) => void | Promise<void>;
+export declare type TableSortHandler = (sorting: TableColumnSort[]) => Promise<void>;
+export declare type TableFilterHandler = (filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<void>;
+export declare type TableSearchHandler = (search: string | undefined, hiddenColumns: string[]) => Promise<void>;
 export declare type TableFontSize = keyof typeof FontSizes;
 export declare type TablePreset = 'complex' | 'list' | 'simple';
 export declare type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;
 export declare type TableScrollToIndexHandler = (index: number, options?: {
     align: 'start' | 'center' | 'end' | 'auto';
 }) => void;
-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 TableServerLoadPageHandler = (pageIndex: number, sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[], search: string | undefined) => Promise<void>;
+export declare type TableServerLoadAllHandler = (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[], search: string | undefined) => Promise<void>;
 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>;
 export declare type TableCustomSettingsRenderer = (props: TableSettings) => React.ReactElement<MenuItemProps>[];
 export declare type TableEmptyStateReason = 'empty' | 'filtering' | 'searching';
 export declare type TableEmptyStateRenderer = (props: {
@@ -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;
@@ -184,12 +180,16 @@ export interface TableClientProps<TType = unknown> extends TableCommonProps<TTyp
     loadAll?: never;
     loadPage?: never;
     pageSize?: never;
+    pages?: never;
+    _experimentalDataLoader2?: never;
 }
 export interface TableServerProps<TType = unknown> extends TableCommonProps<TType> {
     length: number | undefined;
     loadAll: TableServerLoadAllHandler;
     loadPage: TableServerLoadPageHandler;
     pageSize?: number;
+    pages?: number[];
+    _experimentalDataLoader2?: boolean;
 }
 export declare type TableProps<TType = unknown> = TableClientProps<TType> | TableServerProps<TType>;
 export declare type TableColumnProps<TType = unknown> = ValueOf<{

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

@@ -1,10 +1,10 @@
 import { TableColumnFilter, TableColumnSort, TableFilterHandler, TableServerLoadPageHandler, TableServerLoadAllHandler, TableSortHandler, TableSearchHandler } from './types';
 export declare const DEFAULT_PAGE_SIZE = 100;
-export declare type useTableDataPageFetcher<TType = unknown> = (pageIndex: number, pageSize: number, sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<{
+export declare type useTableDataPageFetcher<TType = unknown> = (pageIndex: number, pageSize: number, sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<{
     data: TType[];
     length: number;
 }>;
-export declare type useTableDataAllFetcher<TType = unknown> = (sorting: TableColumnSort[], filters: TableColumnFilter[]) => Promise<{
+export declare type useTableDataAllFetcher<TType = unknown> = (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[]) => Promise<{
     data: TType[];
     length: number;
 }>;

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

@@ -0,0 +1,23 @@
+import { TableColumnFilter, TableColumnSort, TableFilterHandler, TableServerLoadPageHandler, TableServerLoadAllHandler, TableSortHandler, TableSearchHandler } from './types';
+import { useTableDataLoaderOptions } from './useTableDataLoader';
+export declare type useTableDataPageFetcher2<TType = unknown> = (pageIndex: number, pageSize: number, sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[], search: string | undefined) => Promise<{
+    data: TType[];
+    length: number;
+}>;
+export declare type useTableDataAllFetcher2<TType = unknown> = (sorting: TableColumnSort[], filters: TableColumnFilter[], hiddenColumns: string[], search: string | undefined) => Promise<{
+    data: TType[];
+    length: number;
+}>;
+export declare type useTableDataLoaderValues2<TType = unknown> = {
+    data: TType[];
+    length: number | undefined;
+    loadAll: TableServerLoadAllHandler;
+    loadPage: TableServerLoadPageHandler;
+    onChangeFilter: TableFilterHandler;
+    onChangeSearch: TableSearchHandler;
+    onChangeSort: TableSortHandler;
+    pageSize: number;
+    pages: number[];
+    _experimentalDataLoader2: boolean;
+};
+export declare function useTableDataLoader2<TType = unknown>(fetchPage: useTableDataPageFetcher2<TType>, fetchAll: useTableDataAllFetcher2<TType>, options?: useTableDataLoaderOptions): [useTableDataLoaderValues2<TType>, () => void];

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/useTableSearch.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
 import { Table as ReactTable } from '@tanstack/react-table';
-export declare function useTableSearch(isEnabled?: boolean, defaultEnableGlobalFilter?: boolean): {
+import { TableSearchHandler } from '../../types';
+export declare function useTableSearch<TType = unknown>(isEnabled: boolean | undefined, onChangeSearch: TableSearchHandler | undefined, defaultEnableGlobalFilter?: boolean): {
     isEnabled: boolean;
     enableGlobalFilter: boolean;
-    setEnableGlobalFilter: <TType = unknown>(enabled: boolean, instance: ReactTable<TType>) => void;
+    setEnableGlobalFilter: <T extends TType>(enabled: boolean, instance: ReactTable<T>) => void;
     highlightedColumnIndexes: number[][];
     setHighlightedColumnIndexes: React.Dispatch<React.SetStateAction<number[][]>>;
     currentHighlightColumnIndex: number | undefined;
     setCurrentHighlightColumnIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
+    handleSearch: TableSearchHandler | undefined;
 };

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

@@ -1,10 +1,13 @@
-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, pages?: number[], pageSize?: number, _experimentalDataLoader2?: boolean): {
+    pages: number[] | undefined;
     isEnabled: boolean;
     isReady: boolean;
     loadPage: TableServerLoadPageHandler | undefined;
     loadAll: TableServerLoadAllHandler | undefined;
     loadAllIfNeeded: TableServerLoadAllHandler | undefined;
-    loadAllStatus: TableServerLoadAllState;
+    loading: boolean;
     pageSize: number;
+    pageCount: number;
+    _experimentalDataLoader2: boolean;
 };

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

@@ -1,2 +1,2 @@
 import { Table as ReactTable } from '@tanstack/react-table';
-export declare function useTableDataListener<TType = unknown>(table: ReactTable<TType>): void;
+export declare function useTableDataListener<TType = unknown>(table: ReactTable<TType>, length: number): void;

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

@@ -1,3 +1,2 @@
 import { Table as ReactTable } from '@tanstack/react-table';
-import { TableSearchHandler } from '../../types';
-export declare function useTableSearchListener<TType = unknown>(table: ReactTable<TType>, onChangeSearch?: TableSearchHandler): void;
+export declare function useTableSearchListener<TType = unknown>(table: ReactTable<TType>): void;

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/util/columns.d.ts

@@ -1,4 +1,4 @@
-import { ColumnDef as ReactTableColumnDef } from '@tanstack/react-table';
+import { ColumnDef as ReactTableColumnDef, VisibilityState as ReactTableVisibilityState } from '@tanstack/react-table';
 import { FontSize } from '../../../../types';
 import { TableColumnDataType } from '../../types';
 import { Localization } from '../../../../components/Provider/Localization';
@@ -8,3 +8,4 @@ export declare function isCellHighlighted(query: string, value: unknown, dataTyp
 export declare function ensureOrdering<TType = unknown>(columns: ReactTableColumnDef<TType>[], settingsOrder: string[] | undefined, pinnedOrder?: string[] | undefined, internalColumnsPinnedToTheRight?: string[]): string[];
 export declare function unfreezeAllExternalColumns(leftPinnedState?: string[]): string[];
 export declare function freezeUptoExternalColumn(index: number, columns: string[]): string[];
+export declare function getHiddenColumns(columnVisibility?: ReactTableVisibilityState): string[];

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>;