@economic/taco 2.18.0 → 2.20.0

package/dist/esm/packages/taco/src/primitives/Table/types.js

@@ -1,10 +1,27 @@
-// settings
-var TableFontSizes;
-(function (TableFontSizes) {
-  TableFontSizes["small"] = "small";
-  TableFontSizes["medium"] = "medium";
-  TableFontSizes["large"] = "large";
-})(TableFontSizes || (TableFontSizes = {}));
+// filtering
+var TableFilterComparator;
+(function (TableFilterComparator) {
+  TableFilterComparator[TableFilterComparator["Contains"] = 0] = "Contains";
+  TableFilterComparator[TableFilterComparator["DoesNotContain"] = 1] = "DoesNotContain";
+  TableFilterComparator[TableFilterComparator["IsEqualTo"] = 2] = "IsEqualTo";
+  TableFilterComparator[TableFilterComparator["IsNotEqualTo"] = 3] = "IsNotEqualTo";
+  TableFilterComparator[TableFilterComparator["IsGreaterThan"] = 4] = "IsGreaterThan";
+  TableFilterComparator[TableFilterComparator["IsLessThan"] = 5] = "IsLessThan";
+  TableFilterComparator[TableFilterComparator["IsBetween"] = 6] = "IsBetween";
+  TableFilterComparator[TableFilterComparator["IsEmpty"] = 7] = "IsEmpty";
+  TableFilterComparator[TableFilterComparator["IsNotEmpty"] = 8] = "IsNotEmpty";
+  TableFilterComparator[TableFilterComparator["IsLessThanOrEqualTo"] = 9] = "IsLessThanOrEqualTo";
+  TableFilterComparator[TableFilterComparator["IsGreaterThanOrEqualTo"] = 10] = "IsGreaterThanOrEqualTo";
+  TableFilterComparator[TableFilterComparator["HasAnyOf"] = 11] = "HasAnyOf";
+  TableFilterComparator[TableFilterComparator["HasAllOf"] = 12] = "HasAllOf";
+  TableFilterComparator[TableFilterComparator["HasNoneOf"] = 13] = "HasNoneOf";
+})(TableFilterComparator || (TableFilterComparator = {}));
+var TableServerLoadAllState;
+(function (TableServerLoadAllState) {
+  TableServerLoadAllState[TableServerLoadAllState["Incomplete"] = 0] = "Incomplete";
+  TableServerLoadAllState[TableServerLoadAllState["Loading"] = 1] = "Loading";
+  TableServerLoadAllState[TableServerLoadAllState["Completed"] = 2] = "Completed";
+})(TableServerLoadAllState || (TableServerLoadAllState = {}));
 
-export { TableFontSizes };
+export { TableFilterComparator, TableServerLoadAllState };
 //# sourceMappingURL=types.js.map

package/dist/esm/packages/taco/src/primitives/Table/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/primitives/Table/types.ts"],"sourcesContent":["import { ColumnFilter as ReactTableColumnFilter, ColumnSort as ReactTableColumnSort } from '@tanstack/react-table';\n\nexport type TableRef = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// settings\nexport enum TableFontSizes {\n    small = 'small',\n    medium = 'medium',\n    large = 'large',\n}\nexport type TableFontSize = keyof typeof TableFontSizes;\n\n// columns\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnSort = ReactTableColumnSort;\n\n// rows\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableFilterHandler = (filters: TableColumnFilter[]) => void;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableSortHandler = (sorting: TableColumnSort[]) => void;\n"],"names":["TableFontSizes"],"mappings":"AAWA;IACYA;AAAZ,WAAYA,cAAc;EACtBA,iCAAe;EACfA,mCAAiB;EACjBA,iCAAe;AACnB,CAAC,EAJWA,cAAc,KAAdA,cAAc;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/primitives/Table/types.ts"],"sourcesContent":["import {\n    ColumnFilter as ReactTableColumnFilter,\n    ColumnFiltersState as ReactTableColumnFilterState,\n    ColumnOrderState as ReactTableColumnOrderState,\n    ColumnPinningState as ReactTableColumnPinningState,\n    ColumnSort as ReactTableColumnSort,\n    ColumnSizingState as ReactTableColumnSizingState,\n    GroupingState as ReactTableGroupingState,\n    VisibilityState as ReactTableColumnVisibilityState,\n    SortingState as ReactTableSortingState,\n    BuiltInAggregationFn as ReactTableBuiltInAggregationFn,\n    BuiltInSortingFn as ReactTableBuiltInSortingFn,\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport { FontSizes, ValueOf } from '../../types';\nimport { MenuProps } from '../../components/Menu/Menu';\n\ntype TODO = any;\n\nexport type TableRef = HTMLTableElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\n// filtering\nexport enum TableFilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsEmpty,\n    IsNotEmpty,\n    IsLessThanOrEqualTo,\n    IsGreaterThanOrEqualTo,\n    HasAnyOf,\n    HasAllOf,\n    HasNoneOf,\n}\nexport type TableFilterValue = {\n    comparator: TableFilterComparator;\n    value: any;\n};\nexport type TableFilter = {\n    id: string;\n    value: TableFilterValue;\n};\n\n// columns\nexport type TableColumnAlignment = 'left' | 'center' | 'right';\nexport type TableColumnClassNameHandler<TType = unknown> = string | ((row: TType) => string | undefined);\nexport type TableColumnDataType = 'auto' | 'number' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\nexport type TableColumnFilter = ReactTableColumnFilter;\nexport type TableColumnMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type TableColumnRenderer<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererAggregate<TType, TValue> = (value: TValue, row: TType) => JSX.Element | string | number | null;\nexport type TableColumnRendererControl<TType = unknown> =\n    | ((props: TableColumnRendererControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch'\n    | 'textarea';\nexport type TableColumnRendererControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur?: (value: unknown) => void;\n    onFocus?: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement> | ((instance: HTMLElement | null | undefined) => void);\n    setValue: (value: unknown) => void;\n    value: unknown;\n};\nexport type TableColumnRendererHeader = string;\nexport type TableColumnRendererFooter<TValue> = (values: TValue[]) => JSX.Element | string | number | null;\nexport type TableColumnSort = ReactTableColumnSort;\nexport type TableColumnSortDirection = 'asc' | 'desc';\nexport type TableColumnSortFn<TType = unknown> =\n    | ((rowA: TType, rowB: TType, columnId: string) => -1 | 0 | 1)\n    | ReactTableBuiltInSortingFn\n    | 'auto';\nexport type TableColumnWidth = number | 'grow';\n\n// rows\nexport type TableRowActionRenderer<TType = unknown> = (row: TType) => JSX.Element | null;\nexport type TableRowActionGroupRenderer<TType = unknown> = (rows: TType[]) => JSX.Element | null;\nexport type TableRowClickHandler<TType = unknown> = (row: TType) => void;\nexport type TableRowGotoHandler = (\n    column: string,\n    query: string,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<number>;\nexport type TableRowHeight = 'short' | 'medium' | 'tall' | 'extra-tall';\nexport type TableRowSelectHandler<TType = unknown> = (rows: TType[]) => void;\n\n// shortcuts\nexport type TableShortcutHandlerFn<TType = unknown> = (row: TType) => void;\nexport type TableShortcutHandlerObject<TType = unknown> = {\n    handler: TableShortcutHandlerFn<TType>;\n    meta?: boolean;\n    shift?: boolean;\n};\n\n// table\nexport type TableFilterHandler = (filters: TableColumnFilter[]) => void;\nexport type TableFontSize = keyof typeof FontSizes;\nexport type TablePreset = 'lite' | 'complex';\nexport type TableRowExpansionRenderer<TType = unknown> = (row: TType) => (() => JSX.Element) | null;\nexport type TableScrollToIndexHandler = (index: number, options?: { align: 'start' | 'center' | 'end' | 'auto' }) => void;\nexport type TableServerLoadPageHandler = (\n    pageIndex: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport type TableServerLoadAllHandler = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<void>;\nexport enum TableServerLoadAllState {\n    Incomplete,\n    Loading,\n    Completed,\n}\nexport type TableSettingsHandler = (settings: TableSettings) => void | Promise<void>;\nexport type TableShortcuts<TType = unknown> = Record<string, TableShortcutHandlerFn<TType> | TableShortcutHandlerObject<TType>>;\nexport type TableSortHandler = (sorting: TableColumnSort[]) => void;\n\n// settings\nexport type TableSettings = {\n    columnFilters?: ReactTableColumnFilterState;\n    columnOrder?: ReactTableColumnOrderState;\n    columnPinning?: ReactTableColumnPinningState;\n    columnSizing?: ReactTableColumnSizingState;\n    columnVisibility?: ReactTableColumnVisibilityState;\n    excludeUnmatchedRecordsInSearch?: boolean;\n    fontSize?: TableFontSize;\n    grouping?: ReactTableGroupingState;\n    rowHeight?: TableRowHeight;\n    showWarningWhenPrintingLargeDataset?: boolean;\n    searchQuery?: string;\n    sorting?: ReactTableSortingState;\n};\n\n// props\nexport type TableFeatureProps = {\n    // react-table built-in\n    enableFiltering?: boolean;\n    enableSearch?: boolean;\n    enableSorting?: boolean;\n    enableColumnFreezing?: boolean;\n    enableColumnHiding?: boolean;\n    enableColumnResizing?: boolean;\n    enableRowExpansion?: boolean;\n    enableRowSelection?: boolean;\n    enableRowSelectionSingle?: boolean;\n\n    // custom -- common between all table types\n    enableColumnOrdering?: boolean;\n    enableFontSize?: boolean;\n    enableFooter?: boolean;\n    enablePrinting?: boolean;\n    enableRowActions?: boolean;\n    enableRowActive?: boolean;\n    enableRowClick?: boolean;\n    enableRowGoto?: boolean;\n    enableRowHeight?: boolean;\n    enableSettings?: boolean;\n};\n\nexport type useTableInternalColumn<TType = unknown> = {\n    header?: (info: ReactTableHeaderContext<TType, unknown>) => JSX.Element | string | null;\n    renderer: (info: ReactTableCellContext<TType, unknown>) => JSX.Element | string | null;\n    meta?: ReactTableColumnMeta<TType, unknown>;\n    size?: number;\n};\n\nexport type useTableInternalColumns<TType = unknown> = {\n    rowActions?: useTableInternalColumn<TType>;\n    rowExpansion?: useTableInternalColumn<TType>;\n    rowSelection?: useTableInternalColumn<TType>;\n};\n\ntype useTableCommonProps<TType = unknown> = TableFeatureProps & {\n    children: (JSX.Element | boolean | null | undefined)[];\n    data: TType[];\n    id: string;\n\n    // misc\n    defaultColumnFreezingIndex?: number;\n    defaultRowActiveIndex?: number;\n    defaultRowGroupColumnId?: keyof TType;\n    defaultSettings?: TableSettings;\n    preset?: TablePreset;\n    rowActions?: TableRowActionRenderer<TType>[];\n    rowActionsForGroup?: TableRowActionGroupRenderer<TType>[];\n    rowActionsLength?: number;\n    rowExpansionRenderer?: TableRowExpansionRenderer<TType>;\n    shortcuts?: TableShortcuts<TType>;\n\n    // handlers\n    onRowClick?: TableRowClickHandler<TType>;\n    onRowGoto?: TableRowGotoHandler;\n    onRowSelect?: TableRowSelectHandler<TType>;\n\n    // state change handlers\n    onChangeFilter?: TableFilterHandler;\n    onChangeSearch?: TODO; // not currently supported\n    onChangeSettings?: TableSettingsHandler;\n    onChangeSort?: TableSortHandler;\n};\n\ninterface useTableClientProps<TType = unknown> extends useTableCommonProps<TType> {\n    length?: never;\n    loadAll?: never;\n    loadPage?: never;\n    pageSize?: never;\n}\n\ninterface useTableServerProps<TType = unknown> extends useTableCommonProps<TType> {\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    pageSize?: number;\n}\n\nexport type useTableProps<TType = unknown> = useTableClientProps<TType> | useTableServerProps<TType>;\n\nexport type TableColumnProps<TType = unknown> = ValueOf<{\n    [Key in keyof TType]: {\n        accessor?: Key;\n        id: string;\n    } & {\n        // renderers\n        renderer?: TableColumnRenderer<TType, TType[Key]>;\n        /** Renderer to use if the cell is an aggregate cell and part of a grouped row */\n        aggregate?: TableColumnRendererAggregate<TType, TType[Key]>;\n        control?: TableColumnRendererControl<TType>;\n        footer?: TableColumnRendererFooter<TType[Key]>;\n        header: TableColumnRendererHeader;\n        // options\n        /** Aggregation function to be used when the column is part of a grouped row */\n        aggregationFn?: 'auto' | ReactTableBuiltInAggregationFn;\n        align?: TableColumnAlignment;\n        className?: TableColumnClassNameHandler<TType>;\n        dataType?: TableColumnDataType;\n        defaultHidden?: boolean;\n        defaultWidth?: TableColumnWidth;\n        enableFiltering?: boolean;\n        enableGrouping?: boolean;\n        enableHiding?: boolean;\n        enableOrdering?: boolean;\n        enablePrinting?: boolean;\n        enableResizing?: boolean;\n        enableSearch?: boolean;\n        enableSorting?: boolean;\n        enableTruncate?: boolean;\n        filters?: TableFilterComparator[];\n        headerClassName?: string;\n        menu?: TableColumnMenu;\n        minWidth?: number;\n        sort?: TableColumnSortDirection;\n        sortFn?: TableColumnSortFn<TType>;\n        tooltip?: string;\n    };\n}>;\n\nexport type TableGroupProps = {\n    children: (JSX.Element | boolean | null | undefined)[];\n    header: string;\n    id: string;\n};\n"],"names":["TableFilterComparator","TableServerLoadAllState"],"mappings":"AA8BA;IACYA;AAAZ,WAAYA,qBAAqB;EAC7BA,yEAAQ;EACRA,qFAAc;EACdA,2EAAS;EACTA,iFAAY;EACZA,mFAAa;EACbA,6EAAU;EACVA,2EAAS;EACTA,uEAAO;EACPA,6EAAU;EACVA,+FAAmB;EACnBA,sGAAsB;EACtBA,0EAAQ;EACRA,0EAAQ;EACRA,4EAAS;AACb,CAAC,EAfWA,qBAAqB,KAArBA,qBAAqB;IAmGrBC;AAAZ,WAAYA,uBAAuB;EAC/BA,iFAAU;EACVA,2EAAO;EACPA,+EAAS;AACb,CAAC,EAJWA,uBAAuB,KAAvBA,uBAAuB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableColumnOrdering.js

@@ -1,4 +1,4 @@
-function useTableColumnOrdering(isEnabled = true) {
+function useTableColumnOrdering(isEnabled = false) {
   return {
     isEnabled
   };

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableColumnOrdering.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumnOrdering.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableColumnOrdering.ts"],"sourcesContent":["export function useTableColumnOrdering(isEnabled = true) {\n    return {\n        isEnabled,\n    };\n}\n"],"names":["useTableColumnOrdering","isEnabled"],"mappings":"SAAgBA,sBAAsBA,CAACC,SAAS,GAAG,IAAI;EACnD,OAAO;IACHA;GACH;AACL;;;;"}
+{"version":3,"file":"useTableColumnOrdering.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableColumnOrdering.ts"],"sourcesContent":["export function useTableColumnOrdering(isEnabled = false) {\n    return {\n        isEnabled,\n    };\n}\n"],"names":["useTableColumnOrdering","isEnabled"],"mappings":"SAAgBA,sBAAsBA,CAACC,SAAS,GAAG,KAAK;EACpD,OAAO;IACHA;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableFontSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableFontSize.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableFontSize.ts"],"sourcesContent":["import React from 'react';\nimport { TableFontSize } from '../../types';\n\nexport function useTableFontSize(isEnabled = false, defaultFontSize: TableFontSize = 'medium') {\n    const [size, setSize] = React.useState<TableFontSize>(defaultFontSize);\n\n    return {\n        isEnabled,\n        size,\n        setSize: isEnabled ? setSize : () => undefined,\n    };\n}\n"],"names":["useTableFontSize","isEnabled","defaultFontSize","size","setSize","React","useState","undefined"],"mappings":";;SAGgBA,gBAAgBA,CAACC,SAAS,GAAG,KAAK,EAAEC,kBAAiC,QAAQ;EACzF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAgBJ,eAAe,CAAC;EAEtE,OAAO;IACHD,SAAS;IACTE,IAAI;IACJC,OAAO,EAAEH,SAAS,GAAGG,OAAO,GAAG,MAAMG;GACxC;AACL;;;;"}
+{"version":3,"file":"useTableFontSize.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableFontSize.ts"],"sourcesContent":["import React from 'react';\nimport { FontSize } from '../../../../types';\n\nexport function useTableFontSize(isEnabled = false, defaultFontSize: FontSize = 'medium') {\n    const [size, setSize] = React.useState<FontSize>(defaultFontSize);\n\n    return {\n        isEnabled,\n        size,\n        setSize: isEnabled ? setSize : () => undefined,\n    };\n}\n"],"names":["useTableFontSize","isEnabled","defaultFontSize","size","setSize","React","useState","undefined"],"mappings":";;SAGgBA,gBAAgBA,CAACC,SAAS,GAAG,KAAK,EAAEC,kBAA4B,QAAQ;EACpF,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAWJ,eAAe,CAAC;EAEjE,OAAO;IACHD,SAAS;IACTE,IAAI;IACJC,OAAO,EAAEH,SAAS,GAAGG,OAAO,GAAG,MAAMG;GACxC;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowActive.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import { isElementInsideOrTriggeredFromContainer } from '../../../../utils/dom.js';
 import { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused.js';
 
 function focusFirstElementInActiveRow(tableRef) {
@@ -13,7 +14,7 @@ function useTableRowActive(isEnabled = false, initialRowActiveIndex) {
   const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();
   const move = (direction, length, scrollToIndex) => setRowActiveIndex(currentIndex => {
     const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;
-    scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);
+    setTimeout(() => scrollToIndex(nextIndex), 1);
     return nextIndex;
   });
   const onKeyDown = React__default.useCallback((event, length, scrollToIndex, tableRef) => {
@@ -55,27 +56,17 @@ function useTableRowActive(isEnabled = false, initialRowActiveIndex) {
     if (!isEnabled || event.isDefaultPrevented()) {
       return;
     }
-    if (rowActiveIndex === undefined && length > 0) {
-      // do it in the next tick, otherwise it prevents internal focus from working
-      // meaning you have to tab twice to get to the first focusable element
-      setTimeout(() => {
-        setRowActiveIndex(index => {
-          if (index === undefined) {
-            scrollToIndex(0);
-            return 0;
-          }
-          return index;
-        });
-      }, 1);
-    }
-  }, [rowActiveIndex, length, isEnabled]);
-  const onMouseCapture = React__default.useCallback((event, length) => {
-    if (!isEnabled || event.isDefaultPrevented()) {
+    if (event.target.closest('tbody') || event.target.closest('[data-taco="table2-body"]') || isElementInsideOrTriggeredFromContainer(event.target, event.currentTarget)) {
       return;
     }
     if (rowActiveIndex === undefined && length > 0) {
-      event.preventDefault();
-      event.stopPropagation();
+      setRowActiveIndex(index => {
+        if (index === undefined) {
+          scrollToIndex(0);
+          return 0;
+        }
+        return index;
+      });
     }
   }, [rowActiveIndex, length, isEnabled]);
   return {
@@ -85,8 +76,7 @@ function useTableRowActive(isEnabled = false, initialRowActiveIndex) {
     isHoverStatePaused,
     setHoverStatePaused: isEnabled ? setHoverStatePaused : () => undefined,
     handleFocus: isEnabled ? onFocus : () => undefined,
-    handleKeyDown: isEnabled ? onKeyDown : () => undefined,
-    handleMouseCapture: isEnabled ? onMouseCapture : () => undefined
+    handleKeyDown: isEnabled ? onKeyDown : () => undefined
   };
 }
 function getNextIndex(direction, currentIndex, length) {

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowActive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowActive.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowActive.ts"],"sourcesContent":["import React from 'react';\nimport { TableRef, TableScrollToIndexHandler } from '../../types';\nimport { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused';\n\nfunction focusFirstElementInActiveRow(tableRef: React.RefObject<TableRef>) {\n    const selector = '[data-taco=\"table2-body\"] [role=\"row\"] [role=\"cell\"]:first-child';\n\n    setTimeout(() => {\n        (tableRef.current?.querySelector(selector) as HTMLElement)?.focus();\n    }, 1);\n}\n\nexport function useTableRowActive(isEnabled = false, initialRowActiveIndex?: number) {\n    const [rowActiveIndex, setRowActiveIndex] = React.useState<number | undefined>(initialRowActiveIndex);\n    const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();\n\n    const move = (direction: -1 | 1, length: number, scrollToIndex: TableScrollToIndexHandler) =>\n        setRowActiveIndex(currentIndex => {\n            const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;\n            scrollToIndex(direction === -1 ? nextIndex : nextIndex + 3);\n            return nextIndex;\n        });\n\n    const onKeyDown = React.useCallback(\n        (\n            event: KeyboardEvent,\n            length: number,\n            scrollToIndex: TableScrollToIndexHandler,\n            tableRef?: React.RefObject<TableRef>\n        ) => {\n            if (!isEnabled || event.defaultPrevented) {\n                return;\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                setHoverStatePaused(true);\n            }\n\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = 0;\n                    setRowActiveIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    move(-1, length, scrollToIndex);\n                }\n\n                if (tableRef) {\n                    focusFirstElementInActiveRow(tableRef);\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = length - 1;\n                    setRowActiveIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    move(+1, length, scrollToIndex);\n                }\n\n                if (tableRef) {\n                    focusFirstElementInActiveRow(tableRef);\n                }\n\n                return;\n            }\n        },\n        [isEnabled]\n    );\n\n    const onFocus = React.useCallback(\n        (event: React.FocusEvent, length: number, scrollToIndex: TableScrollToIndexHandler) => {\n            if (!isEnabled || event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (rowActiveIndex === undefined && length > 0) {\n                // do it in the next tick, otherwise it prevents internal focus from working\n                // meaning you have to tab twice to get to the first focusable element\n                setTimeout(() => {\n                    setRowActiveIndex(index => {\n                        if (index === undefined) {\n                            scrollToIndex(0);\n                            return 0;\n                        }\n                        return index;\n                    });\n                }, 1);\n            }\n        },\n        [rowActiveIndex, length, isEnabled]\n    );\n\n    const onMouseCapture = React.useCallback(\n        (event: React.MouseEvent, length: number) => {\n            if (!isEnabled || event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (rowActiveIndex === undefined && length > 0) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        },\n        [rowActiveIndex, length, isEnabled]\n    );\n\n    return {\n        isEnabled,\n        rowActiveIndex,\n        setRowActiveIndex: isEnabled ? setRowActiveIndex : () => undefined,\n        isHoverStatePaused,\n        setHoverStatePaused: isEnabled ? setHoverStatePaused : () => undefined,\n        handleFocus: isEnabled ? onFocus : () => undefined,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        handleMouseCapture: isEnabled ? onMouseCapture : () => undefined,\n    };\n}\n\nfunction getNextIndex(direction: -1 | 1, currentIndex: number, length: number) {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n}\n"],"names":["focusFirstElementInActiveRow","tableRef","selector","setTimeout","_tableRef$current","current","_tableRef$current$que","querySelector","focus","useTableRowActive","isEnabled","initialRowActiveIndex","rowActiveIndex","setRowActiveIndex","React","useState","isHoverStatePaused","setHoverStatePaused","useIsHoverStatePaused","move","direction","length","scrollToIndex","currentIndex","nextIndex","undefined","getNextIndex","onKeyDown","useCallback","event","defaultPrevented","key","preventDefault","ctrlKey","metaKey","newIndex","onFocus","isDefaultPrevented","index","onMouseCapture","stopPropagation","handleFocus","handleKeyDown","handleMouseCapture"],"mappings":";;;AAIA,SAASA,4BAA4BA,CAACC,QAAmC;EACrE,MAAMC,QAAQ,GAAG,kEAAkE;EAEnFC,UAAU,CAAC;;IACN,CAAAC,iBAAA,GAAAH,QAAQ,CAACI,OAAO,cAAAD,iBAAA,wBAAAE,qBAAA,GAAhBF,iBAAA,CAAkBG,aAAa,CAACL,QAAQ,CAAiB,cAAAI,qBAAA,uBAAzDA,qBAAA,CAA2DE,KAAK,EAAE;GACtE,EAAE,CAAC,CAAC;AACT;SAEgBC,iBAAiBA,CAACC,SAAS,GAAG,KAAK,EAAEC,qBAA8B;EAC/E,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAqBJ,qBAAqB,CAAC;EACrG,MAAM,CAACK,kBAAkB,EAAEC,mBAAmB,CAAC,GAAGC,qBAAqB,EAAE;EAEzE,MAAMC,IAAI,GAAGA,CAACC,SAAiB,EAAEC,MAAc,EAAEC,aAAwC,KACrFT,iBAAiB,CAACU,YAAY;IAC1B,MAAMC,SAAS,GAAGD,YAAY,KAAKE,SAAS,GAAGC,YAAY,CAACN,SAAS,EAAEG,YAAY,EAAEF,MAAM,CAAC,GAAG,CAAC;IAChGC,aAAa,CAACF,SAAS,KAAK,CAAC,CAAC,GAAGI,SAAS,GAAGA,SAAS,GAAG,CAAC,CAAC;IAC3D,OAAOA,SAAS;GACnB,CAAC;EAEN,MAAMG,SAAS,GAAGb,cAAK,CAACc,WAAW,CAC/B,CACIC,KAAoB,EACpBR,MAAc,EACdC,aAAwC,EACxCrB,QAAoC;IAEpC,IAAI,CAACS,SAAS,IAAImB,KAAK,CAACC,gBAAgB,EAAE;MACtC;;IAGJ,IAAID,KAAK,CAACE,GAAG,KAAK,SAAS,IAAIF,KAAK,CAACE,GAAG,KAAK,WAAW,EAAE;MACtDd,mBAAmB,CAAC,IAAI,CAAC;;IAG7B,IAAIY,KAAK,CAACE,GAAG,KAAK,SAAS,EAAE;MACzBF,KAAK,CAACG,cAAc,EAAE;MAEtB,IAAIH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACK,OAAO,EAAE;QAChC,MAAMC,QAAQ,GAAG,CAAC;QAClBtB,iBAAiB,CAACsB,QAAQ,CAAC;QAC3Bb,aAAa,CAACa,QAAQ,CAAC;OAC1B,MAAM;QACHhB,IAAI,CAAC,CAAC,CAAC,EAAEE,MAAM,EAAEC,aAAa,CAAC;;MAGnC,IAAIrB,QAAQ,EAAE;QACVD,4BAA4B,CAACC,QAAQ,CAAC;;MAG1C;KACH,MAAM,IAAI4B,KAAK,CAACE,GAAG,KAAK,WAAW,EAAE;MAClCF,KAAK,CAACG,cAAc,EAAE;MAEtB,IAAIH,KAAK,CAACI,OAAO,IAAIJ,KAAK,CAACK,OAAO,EAAE;QAChC,MAAMC,QAAQ,GAAGd,MAAM,GAAG,CAAC;QAC3BR,iBAAiB,CAACsB,QAAQ,CAAC;QAC3Bb,aAAa,CAACa,QAAQ,CAAC;OAC1B,MAAM;QACHhB,IAAI,CAAC,CAAC,CAAC,EAAEE,MAAM,EAAEC,aAAa,CAAC;;MAGnC,IAAIrB,QAAQ,EAAE;QACVD,4BAA4B,CAACC,QAAQ,CAAC;;MAG1C;;GAEP,EACD,CAACS,SAAS,CAAC,CACd;EAED,MAAM0B,OAAO,GAAGtB,cAAK,CAACc,WAAW,CAC7B,CAACC,KAAuB,EAAER,MAAc,EAAEC,aAAwC;IAC9E,IAAI,CAACZ,SAAS,IAAImB,KAAK,CAACQ,kBAAkB,EAAE,EAAE;MAC1C;;IAGJ,IAAIzB,cAAc,KAAKa,SAAS,IAAIJ,MAAM,GAAG,CAAC,EAAE;;;MAG5ClB,UAAU,CAAC;QACPU,iBAAiB,CAACyB,KAAK;UACnB,IAAIA,KAAK,KAAKb,SAAS,EAAE;YACrBH,aAAa,CAAC,CAAC,CAAC;YAChB,OAAO,CAAC;;UAEZ,OAAOgB,KAAK;SACf,CAAC;OACL,EAAE,CAAC,CAAC;;GAEZ,EACD,CAAC1B,cAAc,EAAES,MAAM,EAAEX,SAAS,CAAC,CACtC;EAED,MAAM6B,cAAc,GAAGzB,cAAK,CAACc,WAAW,CACpC,CAACC,KAAuB,EAAER,MAAc;IACpC,IAAI,CAACX,SAAS,IAAImB,KAAK,CAACQ,kBAAkB,EAAE,EAAE;MAC1C;;IAGJ,IAAIzB,cAAc,KAAKa,SAAS,IAAIJ,MAAM,GAAG,CAAC,EAAE;MAC5CQ,KAAK,CAACG,cAAc,EAAE;MACtBH,KAAK,CAACW,eAAe,EAAE;;GAE9B,EACD,CAAC5B,cAAc,EAAES,MAAM,EAAEX,SAAS,CAAC,CACtC;EAED,OAAO;IACHA,SAAS;IACTE,cAAc;IACdC,iBAAiB,EAAEH,SAAS,GAAGG,iBAAiB,GAAG,MAAMY,SAAS;IAClET,kBAAkB;IAClBC,mBAAmB,EAAEP,SAAS,GAAGO,mBAAmB,GAAG,MAAMQ,SAAS;IACtEgB,WAAW,EAAE/B,SAAS,GAAG0B,OAAO,GAAG,MAAMX,SAAS;IAClDiB,aAAa,EAAEhC,SAAS,GAAGiB,SAAS,GAAG,MAAMF,SAAS;IACtDkB,kBAAkB,EAAEjC,SAAS,GAAG6B,cAAc,GAAG,MAAMd;GAC1D;AACL;AAEA,SAASC,YAAYA,CAACN,SAAiB,EAAEG,YAAoB,EAAEF,MAAc;EACzE,IAAID,SAAS,KAAK,CAAC,CAAC,EAAE;IAClB,OAAOG,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;;EAGtD,OAAOA,YAAY,GAAG,CAAC,GAAGF,MAAM,GAAGE,YAAY,GAAG,CAAC,GAAGA,YAAY;AACtE;;;;"}
+{"version":3,"file":"useTableRowActive.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowActive.ts"],"sourcesContent":["import React from 'react';\nimport { TableRef, TableScrollToIndexHandler } from '../../types';\nimport { useIsHoverStatePaused } from '../../../../hooks/useIsHoverStatePaused';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../utils/dom';\n\nfunction focusFirstElementInActiveRow(tableRef: React.RefObject<TableRef>) {\n    const selector = '[data-taco=\"table2-body\"] [role=\"row\"] [role=\"cell\"]:first-child';\n\n    setTimeout(() => {\n        (tableRef.current?.querySelector(selector) as HTMLElement)?.focus();\n    }, 1);\n}\n\nexport function useTableRowActive(isEnabled = false, initialRowActiveIndex?: number) {\n    const [rowActiveIndex, setRowActiveIndex] = React.useState<number | undefined>(initialRowActiveIndex);\n    const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();\n\n    const move = (direction: -1 | 1, length: number, scrollToIndex: TableScrollToIndexHandler) =>\n        setRowActiveIndex(currentIndex => {\n            const nextIndex = currentIndex !== undefined ? getNextIndex(direction, currentIndex, length) : 0;\n            setTimeout(() => scrollToIndex(nextIndex), 1);\n            return nextIndex;\n        });\n\n    const onKeyDown = React.useCallback(\n        (\n            event: KeyboardEvent,\n            length: number,\n            scrollToIndex: TableScrollToIndexHandler,\n            tableRef?: React.RefObject<TableRef>\n        ) => {\n            if (!isEnabled || event.defaultPrevented) {\n                return;\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {\n                setHoverStatePaused(true);\n            }\n\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = 0;\n                    setRowActiveIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    move(-1, length, scrollToIndex);\n                }\n\n                if (tableRef) {\n                    focusFirstElementInActiveRow(tableRef);\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    const newIndex = length - 1;\n                    setRowActiveIndex(newIndex);\n                    scrollToIndex(newIndex);\n                } else {\n                    move(+1, length, scrollToIndex);\n                }\n\n                if (tableRef) {\n                    focusFirstElementInActiveRow(tableRef);\n                }\n\n                return;\n            }\n        },\n        [isEnabled]\n    );\n\n    const onFocus = React.useCallback(\n        (event: React.FocusEvent, length: number, scrollToIndex: TableScrollToIndexHandler) => {\n            if (!isEnabled || event.isDefaultPrevented()) {\n                return;\n            }\n\n            if (\n                event.target.closest('tbody') ||\n                event.target.closest('[data-taco=\"table2-body\"]') ||\n                isElementInsideOrTriggeredFromContainer(event.target, event.currentTarget)\n            ) {\n                return;\n            }\n\n            if (rowActiveIndex === undefined && length > 0) {\n                setRowActiveIndex(index => {\n                    if (index === undefined) {\n                        scrollToIndex(0);\n                        return 0;\n                    }\n                    return index;\n                });\n            }\n        },\n        [rowActiveIndex, length, isEnabled]\n    );\n\n    return {\n        isEnabled,\n        rowActiveIndex,\n        setRowActiveIndex: isEnabled ? setRowActiveIndex : () => undefined,\n        isHoverStatePaused,\n        setHoverStatePaused: isEnabled ? setHoverStatePaused : () => undefined,\n        handleFocus: isEnabled ? onFocus : () => undefined,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n    };\n}\n\nfunction getNextIndex(direction: -1 | 1, currentIndex: number, length: number) {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n}\n"],"names":["focusFirstElementInActiveRow","tableRef","selector","setTimeout","_tableRef$current","current","_tableRef$current$que","querySelector","focus","useTableRowActive","isEnabled","initialRowActiveIndex","rowActiveIndex","setRowActiveIndex","React","useState","isHoverStatePaused","setHoverStatePaused","useIsHoverStatePaused","move","direction","length","scrollToIndex","currentIndex","nextIndex","undefined","getNextIndex","onKeyDown","useCallback","event","defaultPrevented","key","preventDefault","ctrlKey","metaKey","newIndex","onFocus","isDefaultPrevented","target","closest","isElementInsideOrTriggeredFromContainer","currentTarget","index","handleFocus","handleKeyDown"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowClick.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { TableRowClickHandler } from '../../types';\n\nexport function useTableRowClick<TType = unknown>(isEnabled = false, onRowClick?: TableRowClickHandler<TType>) {\n    const handleKeyDown = React.useCallback(\n        function (event: KeyboardEvent, data: TType) {\n            if (!isEnabled || typeof onRowClick !== 'function' || event.defaultPrevented) {\n                return;\n            }\n\n            if (data && event.key === 'Enter') {\n                event.preventDefault();\n                onRowClick(data);\n                return;\n            }\n        },\n        [isEnabled, onRowClick]\n    ) as <TType = unknown>(event: KeyboardEvent, data: TType) => void;\n\n    const handleClick = React.useCallback(\n        function (event: React.MouseEvent<HTMLDivElement>, data: TType) {\n            if (!isEnabled || typeof onRowClick !== 'function' || event.defaultPrevented) {\n                return;\n            }\n\n            event.preventDefault();\n            onRowClick(data);\n            return;\n        },\n        [isEnabled, onRowClick]\n    );\n\n    return {\n        isEnabled,\n        handleClick,\n        handleKeyDown,\n    };\n}\n"],"names":["useTableRowClick","isEnabled","onRowClick","handleKeyDown","React","useCallback","event","data","defaultPrevented","key","preventDefault","handleClick"],"mappings":";;SAGgBA,gBAAgBA,CAAkBC,SAAS,GAAG,KAAK,EAAEC,UAAwC;EACzG,MAAMC,aAAa,GAAGC,cAAK,CAACC,WAAW,CACnC,UAAUC,KAAoB,EAAEC,IAAW;IACvC,IAAI,CAACN,SAAS,IAAI,OAAOC,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,gBAAgB,EAAE;MAC1E;;IAGJ,IAAID,IAAI,IAAID,KAAK,CAACG,GAAG,KAAK,OAAO,EAAE;MAC/BH,KAAK,CAACI,cAAc,EAAE;MACtBR,UAAU,CAACK,IAAI,CAAC;MAChB;;GAEP,EACD,CAACN,SAAS,EAAEC,UAAU,CAAC,CACsC;EAEjE,MAAMS,WAAW,GAAGP,cAAK,CAACC,WAAW,CACjC,UAAUC,KAAuC,EAAEC,IAAW;IAC1D,IAAI,CAACN,SAAS,IAAI,OAAOC,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,gBAAgB,EAAE;MAC1E;;IAGJF,KAAK,CAACI,cAAc,EAAE;IACtBR,UAAU,CAACK,IAAI,CAAC;IAChB;GACH,EACD,CAACN,SAAS,EAAEC,UAAU,CAAC,CAC1B;EAED,OAAO;IACHD,SAAS;IACTU,WAAW;IACXR;GACH;AACL;;;;"}
+{"version":3,"file":"useTableRowClick.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowClick.ts"],"sourcesContent":["import React from 'react';\nimport { TableRowClickHandler } from '../../types';\n\nexport function useTableRowClick<TType = unknown>(isEnabled = false, onRowClick?: TableRowClickHandler<TType>) {\n    const handleKeyDown = React.useCallback(\n        function (event: KeyboardEvent, data: TType) {\n            if (!isEnabled || typeof onRowClick !== 'function' || event.defaultPrevented) {\n                return;\n            }\n\n            if (data && event.key === 'Enter') {\n                event.preventDefault();\n                onRowClick(data);\n                return;\n            }\n        },\n        [isEnabled, onRowClick]\n    ) as <TType = unknown>(event: KeyboardEvent, data: TType) => void;\n\n    const handleClick = React.useCallback(\n        function (event: React.MouseEvent<HTMLTableRowElement>, data: TType) {\n            if (!isEnabled || typeof onRowClick !== 'function' || event.defaultPrevented) {\n                return;\n            }\n\n            event.preventDefault();\n            onRowClick(data);\n            return;\n        },\n        [isEnabled, onRowClick]\n    );\n\n    return {\n        isEnabled,\n        handleClick,\n        handleKeyDown,\n    };\n}\n"],"names":["useTableRowClick","isEnabled","onRowClick","handleKeyDown","React","useCallback","event","data","defaultPrevented","key","preventDefault","handleClick"],"mappings":";;SAGgBA,gBAAgBA,CAAkBC,SAAS,GAAG,KAAK,EAAEC,UAAwC;EACzG,MAAMC,aAAa,GAAGC,cAAK,CAACC,WAAW,CACnC,UAAUC,KAAoB,EAAEC,IAAW;IACvC,IAAI,CAACN,SAAS,IAAI,OAAOC,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,gBAAgB,EAAE;MAC1E;;IAGJ,IAAID,IAAI,IAAID,KAAK,CAACG,GAAG,KAAK,OAAO,EAAE;MAC/BH,KAAK,CAACI,cAAc,EAAE;MACtBR,UAAU,CAACK,IAAI,CAAC;MAChB;;GAEP,EACD,CAACN,SAAS,EAAEC,UAAU,CAAC,CACsC;EAEjE,MAAMS,WAAW,GAAGP,cAAK,CAACC,WAAW,CACjC,UAAUC,KAA4C,EAAEC,IAAW;IAC/D,IAAI,CAACN,SAAS,IAAI,OAAOC,UAAU,KAAK,UAAU,IAAII,KAAK,CAACE,gBAAgB,EAAE;MAC1E;;IAGJF,KAAK,CAACI,cAAc,EAAE;IACtBR,UAAU,CAACK,IAAI,CAAC;IAChB;GACH,EACD,CAACN,SAAS,EAAEC,UAAU,CAAC,CAC1B;EAED,OAAO;IACHD,SAAS;IACTU,WAAW;IACXR;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowGoto.js

@@ -1,7 +1,7 @@
 function useTableRowGoto(isEnabled = false, handler) {
   return {
     isEnabled,
-    handleGoto: isEnabled && handler ? handler : () => undefined
+    handleGoto: isEnabled ? handler : undefined
   };
 }
 

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowGoto.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowGoto.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowGoto.ts"],"sourcesContent":["import { TableRowGotoHandler } from '../../types';\n\nexport function useTableRowGoto(isEnabled = false, handler?: TableRowGotoHandler) {\n    return {\n        isEnabled,\n        handleGoto: isEnabled && handler ? handler : () => undefined,\n    };\n}\n"],"names":["useTableRowGoto","isEnabled","handler","handleGoto","undefined"],"mappings":"SAEgBA,eAAeA,CAACC,SAAS,GAAG,KAAK,EAAEC,OAA6B;EAC5E,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,IAAIC,OAAO,GAAGA,OAAO,GAAG,MAAME;GACtD;AACL;;;;"}
+{"version":3,"file":"useTableRowGoto.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowGoto.ts"],"sourcesContent":["import { TableRowGotoHandler } from '../../types';\n\nexport function useTableRowGoto(isEnabled = false, handler?: TableRowGotoHandler) {\n    return {\n        isEnabled,\n        handleGoto: isEnabled ? handler : undefined,\n    };\n}\n"],"names":["useTableRowGoto","isEnabled","handler","handleGoto","undefined"],"mappings":"SAEgBA,eAAeA,CAACC,SAAS,GAAG,KAAK,EAAEC,OAA6B;EAC5E,OAAO;IACHD,SAAS;IACTE,UAAU,EAAEF,SAAS,GAAGC,OAAO,GAAGE;GACrC;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowSelection.js

@@ -23,6 +23,7 @@ function useTableRowSelection(isEnabled = false) {
     }
   }, [isEnabled]);
   return {
+    isEnabled,
     handleKeyDown: isEnabled ? onKeyDown : () => undefined,
     lastSelectedRowIndex
   };

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableRowSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nexport function useTableRowSelection(isEnabled = false) {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n                return;\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useTableRowSelection","isEnabled","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","defaultPrevented","rows","getRowModel","tableMeta","meta","key","preventDefault","rowActiveIndex","rowActive","undefined","_rows$rowActiveIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,oBAAoBA,CAACC,SAAS,GAAG,KAAK;EAClD,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAC/B,CAAkBC,KAAoB,EAAEC,KAAwB;IAC5D,IAAI,CAACP,SAAS,IAAI,CAACO,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,gBAAgB,EAAE;MAC3E;;IAGJ,MAAMC,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGN,KAAK,CAACC,OAAO,CAACM,IAA6B;IAE7D,IAAIR,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MACnBT,KAAK,CAACU,cAAc,EAAE;MACtB,MAAMC,cAAc,GAAGJ,SAAS,CAACK,SAAS,CAACD,cAAc;MAEzD,IAAIA,cAAc,KAAKE,SAAS,EAAE;QAAA,IAAAC,oBAAA;QAC9B,CAAAA,oBAAA,GAAAT,IAAI,CAACM,cAAc,CAAC,cAAAG,oBAAA,uBAApBA,oBAAA,CAAsBC,cAAc,EAAE;;MAG1C;KACH,MAAM,IAAI,CAACf,KAAK,CAACgB,OAAO,IAAIhB,KAAK,CAACiB,OAAO,KAAKjB,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAC9DT,KAAK,CAACU,cAAc,EAAE;MACtBT,KAAK,CAACiB,qBAAqB,EAAE;MAC7B;;GAEP,EACD,CAACxB,SAAS,CAAC,CAC+D;EAE9E,OAAO;IACHyB,aAAa,EAAEzB,SAAS,GAAGI,SAAS,GAAG,MAAMe,SAAS;IACtDlB;GACH;AACL;;;;"}
+{"version":3,"file":"useTableRowSelection.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableRowSelection.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nexport function useTableRowSelection(isEnabled = false) {\n    const lastSelectedRowIndex = React.useRef<number>();\n\n    const onKeyDown = React.useCallback(\n        <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => {\n            if (!isEnabled || !table.options.enableRowSelection || event.defaultPrevented) {\n                return;\n            }\n\n            const rows = table.getRowModel().rows;\n            const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n            if (event.key === ' ') {\n                event.preventDefault();\n                const rowActiveIndex = tableMeta.rowActive.rowActiveIndex;\n\n                if (rowActiveIndex !== undefined) {\n                    rows[rowActiveIndex]?.toggleSelected();\n                }\n\n                return;\n            } else if ((event.ctrlKey || event.metaKey) && event.key === 'a') {\n                event.preventDefault();\n                table.toggleAllRowsSelected();\n                return;\n            }\n        },\n        [isEnabled]\n    ) as <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;\n\n    return {\n        isEnabled,\n        handleKeyDown: isEnabled ? onKeyDown : () => undefined,\n        lastSelectedRowIndex,\n    };\n}\n"],"names":["useTableRowSelection","isEnabled","lastSelectedRowIndex","React","useRef","onKeyDown","useCallback","event","table","options","enableRowSelection","defaultPrevented","rows","getRowModel","tableMeta","meta","key","preventDefault","rowActiveIndex","rowActive","undefined","_rows$rowActiveIndex","toggleSelected","ctrlKey","metaKey","toggleAllRowsSelected","handleKeyDown"],"mappings":";;SAGgBA,oBAAoBA,CAACC,SAAS,GAAG,KAAK;EAClD,MAAMC,oBAAoB,GAAGC,cAAK,CAACC,MAAM,EAAU;EAEnD,MAAMC,SAAS,GAAGF,cAAK,CAACG,WAAW,CAC/B,CAAkBC,KAAoB,EAAEC,KAAwB;IAC5D,IAAI,CAACP,SAAS,IAAI,CAACO,KAAK,CAACC,OAAO,CAACC,kBAAkB,IAAIH,KAAK,CAACI,gBAAgB,EAAE;MAC3E;;IAGJ,MAAMC,IAAI,GAAGJ,KAAK,CAACK,WAAW,EAAE,CAACD,IAAI;IACrC,MAAME,SAAS,GAAGN,KAAK,CAACC,OAAO,CAACM,IAA6B;IAE7D,IAAIR,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MACnBT,KAAK,CAACU,cAAc,EAAE;MACtB,MAAMC,cAAc,GAAGJ,SAAS,CAACK,SAAS,CAACD,cAAc;MAEzD,IAAIA,cAAc,KAAKE,SAAS,EAAE;QAAA,IAAAC,oBAAA;QAC9B,CAAAA,oBAAA,GAAAT,IAAI,CAACM,cAAc,CAAC,cAAAG,oBAAA,uBAApBA,oBAAA,CAAsBC,cAAc,EAAE;;MAG1C;KACH,MAAM,IAAI,CAACf,KAAK,CAACgB,OAAO,IAAIhB,KAAK,CAACiB,OAAO,KAAKjB,KAAK,CAACS,GAAG,KAAK,GAAG,EAAE;MAC9DT,KAAK,CAACU,cAAc,EAAE;MACtBT,KAAK,CAACiB,qBAAqB,EAAE;MAC7B;;GAEP,EACD,CAACxB,SAAS,CAAC,CAC+D;EAE9E,OAAO;IACHA,SAAS;IACTyB,aAAa,EAAEzB,SAAS,GAAGI,SAAS,GAAG,MAAMe,SAAS;IACtDlB;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableServerLoading.js

@@ -1,9 +1,49 @@
-function useTableServerLoading(loadPage, loadAll) {
+import React__default from 'react';
+import { TableServerLoadAllState } from '../../types.js';
+import { DEFAULT_PAGE_SIZE } from '../../useTableDataLoader.js';
+
+function useTableServerLoading(loadPage, loadAll, pageSize = DEFAULT_PAGE_SIZE) {
   const isEnabled = !!loadPage && !!loadAll;
+  const [loadAllStatus, setLoadedStatus] = React__default.useState(TableServerLoadAllState.Incomplete);
+  let _loadAll;
+  let _loadAllIfNeeded;
+  if (typeof loadAll === 'function') {
+    _loadAll = function (...args) {
+      try {
+        const _temp = function () {
+          if (typeof loadAll === 'function') {
+            setLoadedStatus(TableServerLoadAllState.Loading);
+            return Promise.resolve(loadAll(...args)).then(function () {
+              setLoadedStatus(TableServerLoadAllState.Completed);
+            });
+          }
+        }();
+        return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+    _loadAllIfNeeded = function (...args) {
+      try {
+        const _temp2 = function () {
+          if (loadAllStatus === TableServerLoadAllState.Incomplete) {
+            var _loadAll2;
+            return Promise.resolve((_loadAll2 = _loadAll) === null || _loadAll2 === void 0 ? void 0 : _loadAll2(...args)).then(function () {});
+          }
+        }();
+        return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    };
+  }
   return {
     isEnabled,
     loadPage,
-    loadAll
+    loadAll: _loadAll,
+    loadAllIfNeeded: _loadAllIfNeeded,
+    loadAllStatus,
+    pageSize
   };
 }
 

package/dist/esm/packages/taco/src/primitives/Table/useTable/features/useTableServerLoading.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableServerLoading.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableServerLoading.ts"],"sourcesContent":["import { TableServerLoadAllHandler, TableServerLoadPageHandler } from '../../types';\n\nexport function useTableServerLoading(loadPage?: TableServerLoadPageHandler, loadAll?: TableServerLoadAllHandler) {\n    const isEnabled = !!loadPage && !!loadAll;\n\n    return {\n        isEnabled,\n        loadPage,\n        loadAll,\n    };\n}\n"],"names":["useTableServerLoading","loadPage","loadAll","isEnabled"],"mappings":"SAEgBA,qBAAqBA,CAACC,QAAqC,EAAEC,OAAmC;EAC5G,MAAMC,SAAS,GAAG,CAAC,CAACF,QAAQ,IAAI,CAAC,CAACC,OAAO;EAEzC,OAAO;IACHC,SAAS;IACTF,QAAQ;IACRC;GACH;AACL;;;;"}
+{"version":3,"file":"useTableServerLoading.js","sources":["../../../../../../../../../src/primitives/Table/useTable/features/useTableServerLoading.ts"],"sourcesContent":["import React from 'react';\nimport { TableServerLoadAllHandler, TableServerLoadAllState, TableServerLoadPageHandler } from '../../types';\nimport { DEFAULT_PAGE_SIZE } from '../../useTableDataLoader';\n\nexport function useTableServerLoading(\n    loadPage?: TableServerLoadPageHandler,\n    loadAll?: TableServerLoadAllHandler,\n    pageSize = DEFAULT_PAGE_SIZE\n) {\n    const isEnabled = !!loadPage && !!loadAll;\n    const [loadAllStatus, setLoadedStatus] = React.useState<TableServerLoadAllState>(TableServerLoadAllState.Incomplete);\n\n    let _loadAll: TableServerLoadAllHandler | undefined;\n    let _loadAllIfNeeded: TableServerLoadAllHandler | undefined;\n\n    if (typeof loadAll === 'function') {\n        _loadAll = async (...args) => {\n            if (typeof loadAll === 'function') {\n                setLoadedStatus(TableServerLoadAllState.Loading);\n                await loadAll(...args);\n                setLoadedStatus(TableServerLoadAllState.Completed);\n            }\n        };\n\n        _loadAllIfNeeded = async (...args) => {\n            if (loadAllStatus === TableServerLoadAllState.Incomplete) {\n                await _loadAll?.(...args);\n            }\n        };\n    }\n\n    return {\n        isEnabled,\n        loadPage,\n        loadAll: _loadAll,\n        loadAllIfNeeded: _loadAllIfNeeded,\n        loadAllStatus,\n        pageSize,\n    };\n}\n"],"names":["useTableServerLoading","loadPage","loadAll","pageSize","DEFAULT_PAGE_SIZE","isEnabled","loadAllStatus","setLoadedStatus","React","useState","TableServerLoadAllState","Incomplete","_loadAll","_loadAllIfNeeded","args","Loading","Promise","resolve","then","Completed","_temp","e","reject","_loadAll2","_temp2","loadAllIfNeeded"],"mappings":";;;;SAIgBA,qBAAqBA,CACjCC,QAAqC,EACrCC,OAAmC,EACnCC,QAAQ,GAAGC,iBAAiB;EAE5B,MAAMC,SAAS,GAAG,CAAC,CAACJ,QAAQ,IAAI,CAAC,CAACC,OAAO;EACzC,MAAM,CAACI,aAAa,EAAEC,eAAe,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAA0BC,uBAAuB,CAACC,UAAU,CAAC;EAEpH,IAAIC,QAA+C;EACnD,IAAIC,gBAAuD;EAE3D,IAAI,OAAOX,OAAO,KAAK,UAAU,EAAE;IAC/BU,QAAQ,aAAU,GAAGE,IAAI;MAAA;;cACjB,OAAOZ,OAAO,KAAK,UAAU;YAC7BK,eAAe,CAACG,uBAAuB,CAACK,OAAO,CAAC;YAAC,OAAAC,OAAA,CAAAC,OAAA,CAC3Cf,OAAO,CAAC,GAAGY,IAAI,CAAC,EAAAI,IAAA;cACtBX,eAAe,CAACG,uBAAuB,CAACS,SAAS,CAAC;;;;QAAC,OAAAH,OAAA,CAAAC,OAAA,CAAAG,KAAA,IAAAA,KAAA,CAAAF,IAAA,GAAAE,KAAA,CAAAF,IAAA;OAE1D,QAAAG,CAAA;QAAA,OAAAL,OAAA,CAAAM,MAAA,CAAAD,CAAA;;;IAEDR,gBAAgB,aAAU,GAAGC,IAAI;MAAA;;cACzBR,aAAa,KAAKI,uBAAuB,CAACC,UAAU;YAAA,IAAAY,SAAA;YAAA,OAAAP,OAAA,CAAAC,OAAA,EAAAM,SAAA,GAC9CX,QAAQ,cAAAW,SAAA,uBAARA,SAAA,CAAW,GAAGT,IAAI,CAAC,EAAAI,IAAA;;;QAAA,OAAAF,OAAA,CAAAC,OAAA,CAAAO,MAAA,IAAAA,MAAA,CAAAN,IAAA,GAAAM,MAAA,CAAAN,IAAA;OAEhC,QAAAG,CAAA;QAAA,OAAAL,OAAA,CAAAM,MAAA,CAAAD,CAAA;;;;EAGL,OAAO;IACHhB,SAAS;IACTJ,QAAQ;IACRC,OAAO,EAAEU,QAAQ;IACjBa,eAAe,EAAEZ,gBAAgB;IACjCP,aAAa;IACbH;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/listeners/useTableFontSizeListener.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { TableFontSizes } from '../../types.js';
+import { FontSizes } from '../../../../types.js';
 import { getCellMinWidth } from '../util/columns.js';
 import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
 
@@ -21,15 +21,15 @@ function useTableFontSizeListener(table) {
 }
 function getCellWidthDifference(fontSizeKey) {
   switch (fontSizeKey) {
-    case `${TableFontSizes.small}-${TableFontSizes.medium}`:
-    case `${TableFontSizes.medium}-${TableFontSizes.large}`:
+    case `${FontSizes.small}-${FontSizes.medium}`:
+    case `${FontSizes.medium}-${FontSizes.large}`:
       return 8;
-    case `${TableFontSizes.medium}-${TableFontSizes.small}`:
-    case `${TableFontSizes.large}-${TableFontSizes.medium}`:
+    case `${FontSizes.medium}-${FontSizes.small}`:
+    case `${FontSizes.large}-${FontSizes.medium}`:
       return -8;
-    case `${TableFontSizes.small}-${TableFontSizes.large}`:
+    case `${FontSizes.small}-${FontSizes.large}`:
       return 16;
-    case `${TableFontSizes.large}-${TableFontSizes.small}`:
+    case `${FontSizes.large}-${FontSizes.small}`:
       return -16;
     default:
       return 0;

package/dist/esm/packages/taco/src/primitives/Table/useTable/listeners/useTableFontSizeListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableFontSizeListener.js","sources":["../../../../../../../../../src/primitives/Table/useTable/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { TableFontSizes } from '../../types';\nimport { getCellMinWidth } from '../util/columns';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = getCellWidthDifference(`${previousFontSizeRef.current}-${meta.fontSize.size}`);\n\n        table.setColumnSizing(sizes => {\n            const minColumnSize = getCellMinWidth(meta.fontSize.size);\n\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nfunction getCellWidthDifference(fontSizeKey: string) {\n    switch (fontSizeKey) {\n        case `${TableFontSizes.small}-${TableFontSizes.medium}`:\n        case `${TableFontSizes.medium}-${TableFontSizes.large}`:\n            return 8;\n\n        case `${TableFontSizes.medium}-${TableFontSizes.small}`:\n        case `${TableFontSizes.large}-${TableFontSizes.medium}`:\n            return -8;\n\n        case `${TableFontSizes.small}-${TableFontSizes.large}`:\n            return 16;\n\n        case `${TableFontSizes.large}-${TableFontSizes.small}`:\n            return -16;\n\n        default:\n            return 0;\n    }\n}\n"],"names":["useTableFontSizeListener","table","meta","options","previousFontSizeRef","React","useRef","fontSize","size","useLazyEffect","cellWidthDifference","getCellWidthDifference","current","setColumnSizing","sizes","minColumnSize","getCellMinWidth","Object","fromEntries","entries","map","columnName","prevColumnSize","newSize","Math","max","fontSizeKey","TableFontSizes","small","medium","large"],"mappings":";;;;;SAMgBA,wBAAwBA,CAAkBC,KAAwB;EAC9E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,MAAME,mBAAmB,GAAGC,cAAK,CAACC,MAAM,CAACJ,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;EAE5DC,aAAa,CAAC;IACV,MAAMC,mBAAmB,GAAGC,sBAAsB,IAAIP,mBAAmB,CAACQ,WAAWV,IAAI,CAACK,QAAQ,CAACC,MAAM,CAAC;IAE1GP,KAAK,CAACY,eAAe,CAACC,KAAK;MACvB,MAAMC,aAAa,GAAGC,eAAe,CAACd,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;MAEzD,OAAOS,MAAM,CAACC,WAAW,CACrBD,MAAM,CAACE,OAAO,CAACL,KAAK,CAAC,CAACM,GAAG,CAAC,CAAC,CAACC,UAAU,EAAEC,cAAc,CAAC;;QAEnD,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAACV,aAAa,EAAEO,cAAc,GAAGZ,mBAAmB,CAAC;QAC7E,OAAO,CAACW,UAAU,EAAEE,OAAO,CAAC;OAC/B,CAAC,CACL;KACJ,CAAC;IACFnB,mBAAmB,CAACQ,OAAO,GAAGV,IAAI,CAACK,QAAQ,CAACC,IAAI;GACnD,EAAE,CAACN,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC,CAAC;AAC5B;AAEA,SAASG,sBAAsBA,CAACe,WAAmB;EAC/C,QAAQA,WAAW;IACf,QAAQC,cAAc,CAACC,SAASD,cAAc,CAACE,QAAQ;IACvD,QAAQF,cAAc,CAACE,UAAUF,cAAc,CAACG,OAAO;MACnD,OAAO,CAAC;IAEZ,QAAQH,cAAc,CAACE,UAAUF,cAAc,CAACC,OAAO;IACvD,QAAQD,cAAc,CAACG,SAASH,cAAc,CAACE,QAAQ;MACnD,OAAO,CAAC,CAAC;IAEb,QAAQF,cAAc,CAACC,SAASD,cAAc,CAACG,OAAO;MAClD,OAAO,EAAE;IAEb,QAAQH,cAAc,CAACG,SAASH,cAAc,CAACC,OAAO;MAClD,OAAO,CAAC,EAAE;IAEd;MACI,OAAO,CAAC;;AAEpB;;;;"}
+{"version":3,"file":"useTableFontSizeListener.js","sources":["../../../../../../../../../src/primitives/Table/useTable/listeners/useTableFontSizeListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\nimport { FontSizes } from '../../../../types';\nimport { getCellMinWidth } from '../util/columns';\n\nexport function useTableFontSizeListener<TType = unknown>(table: ReactTable<TType>) {\n    const meta = table.options.meta as ReactTableMeta<TType>;\n    const previousFontSizeRef = React.useRef(meta.fontSize.size);\n\n    useLazyEffect(() => {\n        const cellWidthDifference = getCellWidthDifference(`${previousFontSizeRef.current}-${meta.fontSize.size}`);\n\n        table.setColumnSizing(sizes => {\n            const minColumnSize = getCellMinWidth(meta.fontSize.size);\n\n            return Object.fromEntries(\n                Object.entries(sizes).map(([columnName, prevColumnSize]) => {\n                    // Prevents width value in the setting to go below the minColumnSize\n                    const newSize = Math.max(minColumnSize, prevColumnSize + cellWidthDifference);\n                    return [columnName, newSize];\n                })\n            );\n        });\n        previousFontSizeRef.current = meta.fontSize.size;\n    }, [meta.fontSize.size]);\n}\n\nfunction getCellWidthDifference(fontSizeKey: string) {\n    switch (fontSizeKey) {\n        case `${FontSizes.small}-${FontSizes.medium}`:\n        case `${FontSizes.medium}-${FontSizes.large}`:\n            return 8;\n\n        case `${FontSizes.medium}-${FontSizes.small}`:\n        case `${FontSizes.large}-${FontSizes.medium}`:\n            return -8;\n\n        case `${FontSizes.small}-${FontSizes.large}`:\n            return 16;\n\n        case `${FontSizes.large}-${FontSizes.small}`:\n            return -16;\n\n        default:\n            return 0;\n    }\n}\n"],"names":["useTableFontSizeListener","table","meta","options","previousFontSizeRef","React","useRef","fontSize","size","useLazyEffect","cellWidthDifference","getCellWidthDifference","current","setColumnSizing","sizes","minColumnSize","getCellMinWidth","Object","fromEntries","entries","map","columnName","prevColumnSize","newSize","Math","max","fontSizeKey","FontSizes","small","medium","large"],"mappings":";;;;;SAMgBA,wBAAwBA,CAAkBC,KAAwB;EAC9E,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAA6B;EACxD,MAAME,mBAAmB,GAAGC,cAAK,CAACC,MAAM,CAACJ,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;EAE5DC,aAAa,CAAC;IACV,MAAMC,mBAAmB,GAAGC,sBAAsB,IAAIP,mBAAmB,CAACQ,WAAWV,IAAI,CAACK,QAAQ,CAACC,MAAM,CAAC;IAE1GP,KAAK,CAACY,eAAe,CAACC,KAAK;MACvB,MAAMC,aAAa,GAAGC,eAAe,CAACd,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC;MAEzD,OAAOS,MAAM,CAACC,WAAW,CACrBD,MAAM,CAACE,OAAO,CAACL,KAAK,CAAC,CAACM,GAAG,CAAC,CAAC,CAACC,UAAU,EAAEC,cAAc,CAAC;;QAEnD,MAAMC,OAAO,GAAGC,IAAI,CAACC,GAAG,CAACV,aAAa,EAAEO,cAAc,GAAGZ,mBAAmB,CAAC;QAC7E,OAAO,CAACW,UAAU,EAAEE,OAAO,CAAC;OAC/B,CAAC,CACL;KACJ,CAAC;IACFnB,mBAAmB,CAACQ,OAAO,GAAGV,IAAI,CAACK,QAAQ,CAACC,IAAI;GACnD,EAAE,CAACN,IAAI,CAACK,QAAQ,CAACC,IAAI,CAAC,CAAC;AAC5B;AAEA,SAASG,sBAAsBA,CAACe,WAAmB;EAC/C,QAAQA,WAAW;IACf,QAAQC,SAAS,CAACC,SAASD,SAAS,CAACE,QAAQ;IAC7C,QAAQF,SAAS,CAACE,UAAUF,SAAS,CAACG,OAAO;MACzC,OAAO,CAAC;IAEZ,QAAQH,SAAS,CAACE,UAAUF,SAAS,CAACC,OAAO;IAC7C,QAAQD,SAAS,CAACG,SAASH,SAAS,CAACE,QAAQ;MACzC,OAAO,CAAC,CAAC;IAEb,QAAQF,SAAS,CAACC,SAASD,SAAS,CAACG,OAAO;MACxC,OAAO,EAAE;IAEb,QAAQH,SAAS,CAACG,SAASH,SAAS,CAACC,OAAO;MACxC,OAAO,CAAC,EAAE;IAEd;MACI,OAAO,CAAC;;AAEpB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/columns.js

@@ -1,24 +1,26 @@
-import { TableFontSizes } from '../../types.js';
+import 'date-fns';
+import '../../../../utils/date.js';
+import { FontSizes } from '../../../../types.js';
 
+function isInternalColumn(id) {
+  return id === null || id === void 0 ? void 0 : id.startsWith('__');
+}
 // column widths
 const getCellMinWidth = (fontSize = 'medium') => {
   switch (fontSize) {
-    case TableFontSizes.small:
+    case FontSizes.small:
       return 57;
-    case TableFontSizes.large:
+    case FontSizes.large:
       return 83;
     default:
-    case TableFontSizes.medium:
+    case FontSizes.medium:
       return 72;
   }
 };
 // ordering
-function ensureOrdering(columns, internalColumnsPinnedToTheRight, settingsOrder) {
+function ensureOrdering(columns, settingsOrder, internalColumnsPinnedToTheRight = ['__actions']) {
   // internal columns come with a defined order
-  const internalColumns = columns.filter(column => {
-    var _column$id;
-    return ((_column$id = column.id) === null || _column$id === void 0 ? void 0 : _column$id.startsWith('__')) && !internalColumnsPinnedToTheRight.includes(column.id);
-  }).map(column => column.id);
+  const internalColumns = columns.filter(column => isInternalColumn(column.id) && !internalColumnsPinnedToTheRight.includes(String(column.id))).map(column => column.id);
   // columns with ordering disabled should be moved to the front
   const orderingDisabled = [];
   const orderingEnabled = [];
@@ -30,8 +32,8 @@ function ensureOrdering(columns, internalColumnsPinnedToTheRight, settingsOrder)
     (a, b) => (settingsOrder.indexOf(a.id) >>> 0) - (settingsOrder.indexOf(b.id) >>> 0));
   }
   orderedColumns.forEach(column => {
-    var _column$id2, _column$meta;
-    if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
+    var _column$meta;
+    if (isInternalColumn(column.id)) {
       return;
     }
     if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.enableOrdering) {
@@ -50,5 +52,5 @@ function ensureOrdering(columns, internalColumnsPinnedToTheRight, settingsOrder)
   return order;
 }
 
-export { ensureOrdering, getCellMinWidth };
+export { ensureOrdering, getCellMinWidth, isInternalColumn };
 //# sourceMappingURL=columns.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTable/util/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../../../../../../src/primitives/Table/useTable/util/columns.ts"],"sourcesContent":["import { ColumnDef as ReactTableColumnDef } from '@tanstack/react-table';\nimport { TableFontSize, TableFontSizes } from '../../types';\n\n// column widths\nexport const getCellMinWidth = (fontSize: TableFontSize = 'medium') => {\n    switch (fontSize) {\n        case TableFontSizes.small:\n            return 57;\n\n        case TableFontSizes.large:\n            return 83;\n\n        default:\n        case TableFontSizes.medium:\n            return 72;\n    }\n};\n\n// ordering\nexport function ensureOrdering<TType = unknown>(\n    columns: ReactTableColumnDef<TType>[],\n    internalColumnsPinnedToTheRight: string[],\n    settingsOrder: string[] | undefined\n): string[] {\n    // internal columns come with a defined order\n    const internalColumns = columns\n        .filter(column => column.id?.startsWith('__') && !internalColumnsPinnedToTheRight.includes(column.id))\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (column.id?.startsWith('__')) {\n            return;\n        }\n\n        if (column.meta?.enableOrdering) {\n            orderingEnabled.push(column.id as string);\n        } else {\n            orderingDisabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    internalColumnsPinnedToTheRight.forEach(id => {\n        if (columns.findIndex(column => column.id === id) > -1) {\n            order.push(id);\n        }\n    });\n\n    return order;\n}\n"],"names":["getCellMinWidth","fontSize","TableFontSizes","small","large","medium","ensureOrdering","columns","internalColumnsPinnedToTheRight","settingsOrder","internalColumns","filter","column","_column$id","id","startsWith","includes","map","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","slice","sort","a","b","indexOf","forEach","_column$id2","_column$meta","meta","enableOrdering","push","order","findIndex"],"mappings":";;AAGA;MACaA,eAAe,GAAGA,CAACC,WAA0B,QAAQ;EAC9D,QAAQA,QAAQ;IACZ,KAAKC,cAAc,CAACC,KAAK;MACrB,OAAO,EAAE;IAEb,KAAKD,cAAc,CAACE,KAAK;MACrB,OAAO,EAAE;IAEb;IACA,KAAKF,cAAc,CAACG,MAAM;MACtB,OAAO,EAAE;;AAErB;AAEA;SACgBC,cAAcA,CAC1BC,OAAqC,EACrCC,+BAAyC,EACzCC,aAAmC;;EAGnC,MAAMC,eAAe,GAAGH,OAAO,CAC1BI,MAAM,CAACC,MAAM;IAAA,IAAAC,UAAA;IAAA,OAAI,EAAAA,UAAA,GAAAD,MAAM,CAACE,EAAE,cAAAD,UAAA,uBAATA,UAAA,CAAWE,UAAU,CAAC,IAAI,CAAC,KAAI,CAACP,+BAA+B,CAACQ,QAAQ,CAACJ,MAAM,CAACE,EAAE,CAAC;IAAC,CACrGG,GAAG,CAACL,MAAM,IAAIA,MAAM,CAACE,EAAE,CAAa;;EAGzC,MAAMI,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,cAAc,GAAGb,OAAO;;EAG5B,IAAIc,KAAK,CAACC,OAAO,CAACb,aAAa,CAAC,EAAE;IAC9BW,cAAc,GAAGb,OAAO,CAACgB,KAAK,EAAE,CAACC,IAAI;;IAEjC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAACjB,aAAa,CAACkB,OAAO,CAACF,CAAC,CAACX,EAAY,CAAC,KAAK,CAAC,KAAKL,aAAa,CAACkB,OAAO,CAACD,CAAC,CAACZ,EAAY,CAAC,KAAK,CAAC,CAAC,CAC1G;;EAGLM,cAAc,CAACQ,OAAO,CAAChB,MAAM;;IACzB,KAAAiB,WAAA,GAAIjB,MAAM,CAACE,EAAE,cAAAe,WAAA,eAATA,WAAA,CAAWd,UAAU,CAAC,IAAI,CAAC,EAAE;MAC7B;;IAGJ,KAAAe,YAAA,GAAIlB,MAAM,CAACmB,IAAI,cAAAD,YAAA,eAAXA,YAAA,CAAaE,cAAc,EAAE;MAC7Bb,eAAe,CAACc,IAAI,CAACrB,MAAM,CAACE,EAAY,CAAC;KAC5C,MAAM;MACHI,gBAAgB,CAACe,IAAI,CAACrB,MAAM,CAACE,EAAY,CAAC;;GAEjD,CAAC;EAEF,MAAMoB,KAAK,GAAG,CAAC,GAAGxB,eAAe,EAAE,GAAGQ,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3EX,+BAA+B,CAACoB,OAAO,CAACd,EAAE;IACtC,IAAIP,OAAO,CAAC4B,SAAS,CAACvB,MAAM,IAAIA,MAAM,CAACE,EAAE,KAAKA,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;MACpDoB,KAAK,CAACD,IAAI,CAACnB,EAAE,CAAC;;GAErB,CAAC;EAEF,OAAOoB,KAAK;AAChB;;;;"}
+{"version":3,"file":"columns.js","sources":["../../../../../../../../../src/primitives/Table/useTable/util/columns.ts"],"sourcesContent":["import { ColumnDef as ReactTableColumnDef } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { FontSize, FontSizes } from '../../../../types';\nimport { format, parseFromISOString } from '../../../../utils/date';\nimport { TableColumnDataType } from '../../types';\n\nexport function isInternalColumn(id: string | undefined) {\n    return id?.startsWith('__');\n}\n\n// column widths\nexport const getCellMinWidth = (fontSize: FontSize = 'medium') => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return 57;\n\n        case FontSizes.large:\n            return 83;\n\n        default:\n        case FontSizes.medium:\n            return 72;\n    }\n};\n\n// highlighting\nexport function isCellHighlighted(query: string, value: unknown, dataType?: TableColumnDataType) {\n    if (value === undefined || value === null) {\n        return false;\n    }\n\n    return String(getCellValueAsString(value, dataType)).toLocaleLowerCase().includes(query.toLocaleLowerCase());\n}\n\nexport function getCellValueAsString(value: unknown, dataType?: TableColumnDataType): string {\n    if (value === undefined || value === null) {\n        return '';\n    } else if (isDate(value)) {\n        return format(value as Date) ?? '';\n    } else if (dataType === 'datetime' && typeof value === 'string') {\n        return format(parseFromISOString(value as string)) ?? '';\n    }\n\n    return String(value);\n}\n\n// ordering\nexport function ensureOrdering<TType = unknown>(\n    columns: ReactTableColumnDef<TType>[],\n    settingsOrder: string[] | undefined,\n    internalColumnsPinnedToTheRight: string[] = ['__actions']\n): string[] {\n    // internal columns come with a defined order\n    const internalColumns = columns\n        .filter(column => isInternalColumn(column.id) && !internalColumnsPinnedToTheRight.includes(String(column.id)))\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (isInternalColumn(column.id)) {\n            return;\n        }\n\n        if (column.meta?.enableOrdering) {\n            orderingEnabled.push(column.id as string);\n        } else {\n            orderingDisabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    internalColumnsPinnedToTheRight.forEach(id => {\n        if (columns.findIndex(column => column.id === id) > -1) {\n            order.push(id);\n        }\n    });\n\n    return order;\n}\n\n// freezing - we use the react-table pinning state, but that requires some mapping between them\nexport function unfreezeAllExternalColumns(leftPinnedState?: string[]): string[] {\n    return leftPinnedState?.filter(id => isInternalColumn(id) && id !== '__actions') ?? [];\n}\n\nexport function freezeUptoExternalColumn(index: number, columns: string[]): string[] {\n    return columns.slice(0, index + 1);\n}\n"],"names":["isInternalColumn","id","startsWith","getCellMinWidth","fontSize","FontSizes","small","large","medium","ensureOrdering","columns","settingsOrder","internalColumnsPinnedToTheRight","internalColumns","filter","column","includes","String","map","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","slice","sort","a","b","indexOf","forEach","_column$meta","meta","enableOrdering","push","order","findIndex"],"mappings":";;;;SAMgBA,gBAAgBA,CAACC,EAAsB;EACnD,OAAOA,EAAE,aAAFA,EAAE,uBAAFA,EAAE,CAAEC,UAAU,CAAC,IAAI,CAAC;AAC/B;AAEA;MACaC,eAAe,GAAGA,CAACC,WAAqB,QAAQ;EACzD,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,EAAE;IAEb,KAAKD,SAAS,CAACE,KAAK;MAChB,OAAO,EAAE;IAEb;IACA,KAAKF,SAAS,CAACG,MAAM;MACjB,OAAO,EAAE;;AAErB;AAuBA;SACgBC,cAAcA,CAC1BC,OAAqC,EACrCC,aAAmC,EACnCC,kCAA4C,CAAC,WAAW,CAAC;;EAGzD,MAAMC,eAAe,GAAGH,OAAO,CAC1BI,MAAM,CAACC,MAAM,IAAIf,gBAAgB,CAACe,MAAM,CAACd,EAAE,CAAC,IAAI,CAACW,+BAA+B,CAACI,QAAQ,CAACC,MAAM,CAACF,MAAM,CAACd,EAAE,CAAC,CAAC,CAAC,CAC7GiB,GAAG,CAACH,MAAM,IAAIA,MAAM,CAACd,EAAE,CAAa;;EAGzC,MAAMkB,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,cAAc,GAAGX,OAAO;;EAG5B,IAAIY,KAAK,CAACC,OAAO,CAACZ,aAAa,CAAC,EAAE;IAC9BU,cAAc,GAAGX,OAAO,CAACc,KAAK,EAAE,CAACC,IAAI;;IAEjC,CAACC,CAAC,EAAEC,CAAC,KAAK,CAAChB,aAAa,CAACiB,OAAO,CAACF,CAAC,CAACzB,EAAY,CAAC,KAAK,CAAC,KAAKU,aAAa,CAACiB,OAAO,CAACD,CAAC,CAAC1B,EAAY,CAAC,KAAK,CAAC,CAAC,CAC1G;;EAGLoB,cAAc,CAACQ,OAAO,CAACd,MAAM;;IACzB,IAAIf,gBAAgB,CAACe,MAAM,CAACd,EAAE,CAAC,EAAE;MAC7B;;IAGJ,KAAA6B,YAAA,GAAIf,MAAM,CAACgB,IAAI,cAAAD,YAAA,eAAXA,YAAA,CAAaE,cAAc,EAAE;MAC7BZ,eAAe,CAACa,IAAI,CAAClB,MAAM,CAACd,EAAY,CAAC;KAC5C,MAAM;MACHkB,gBAAgB,CAACc,IAAI,CAAClB,MAAM,CAACd,EAAY,CAAC;;GAEjD,CAAC;EAEF,MAAMiC,KAAK,GAAG,CAAC,GAAGrB,eAAe,EAAE,GAAGM,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3ER,+BAA+B,CAACiB,OAAO,CAAC5B,EAAE;IACtC,IAAIS,OAAO,CAACyB,SAAS,CAACpB,MAAM,IAAIA,MAAM,CAACd,EAAE,KAAKA,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE;MACpDiC,KAAK,CAACD,IAAI,CAAChC,EAAE,CAAC;;GAErB,CAAC;EAEF,OAAOiC,KAAK;AAChB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/useTableDataLoader.js

@@ -0,0 +1,7 @@
+import 'react';
+import '../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+
+const DEFAULT_PAGE_SIZE = 100;
+
+export { DEFAULT_PAGE_SIZE };
+//# sourceMappingURL=useTableDataLoader.js.map

package/dist/esm/packages/taco/src/primitives/Table/useTableDataLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableDataLoader.js","sources":["../../../../../../../src/primitives/Table/useTableDataLoader.ts"],"sourcesContent":["import React from 'react';\nimport {\n    TableColumnFilter,\n    TableColumnSort,\n    TableFilterHandler,\n    TableServerLoadPageHandler,\n    TableServerLoadAllHandler,\n    TableSortHandler,\n} from './types';\n\nexport const DEFAULT_PAGE_SIZE = 100;\n\nexport type useTableDataPageFetcher<TType = unknown> = (\n    pageIndex: number,\n    pageSize: number,\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataAllFetcher<TType = unknown> = (\n    sorting: TableColumnSort[],\n    filters: TableColumnFilter[],\n    search: string | undefined\n) => Promise<{ data: TType[]; length: number }>;\n\nexport type useTableDataLoaderOptions = { pageSize: number };\n\nexport type useTableDataLoaderValues<TType = unknown> = {\n    data: TType[];\n    length: number | undefined;\n    loadAll: TableServerLoadAllHandler;\n    loadPage: TableServerLoadPageHandler;\n    onChangeFilter: TableFilterHandler;\n    onChangeSort: TableSortHandler;\n    pageSize: number;\n};\n\nexport function useTableDataLoader<TType = unknown>(\n    fetch: useTableDataPageFetcher<TType>,\n    fetchAll: useTableDataAllFetcher<TType>,\n    options: useTableDataLoaderOptions = { pageSize: DEFAULT_PAGE_SIZE }\n): [useTableDataLoaderValues<TType>, () => void] {\n    const { pageSize } = options;\n\n    // track the data length, we don't know it until the first request\n    const length = React.useRef<number | undefined>(undefined);\n    // data will be filled after the first request, then we'll update values in place\n    const [data, setData] = React.useState<any[]>([]);\n    // track which pages have been loaded to dedupe requests\n    const _pendingPageRequests = React.useRef({});\n    const _lastUsedSorting = React.useRef<TableColumnSort[]>([]);\n    const _lastUsedFilters = React.useRef<TableColumnFilter[]>([]);\n    const _lastUsedSearch = React.useRef<string>();\n    const _forceReset = React.useRef(false);\n\n    const loadPage = async (\n        pageIndex: number,\n        sorting: TableColumnSort[],\n        filters: TableColumnFilter[],\n        search: string | undefined\n    ) => {\n        let reset = false;\n\n        // sorting or filters changed, reset everything\n        if (\n            _forceReset.current ||\n            search !== _lastUsedSearch.current ||\n            JSON.stringify(sorting) !== JSON.stringify(_lastUsedSorting.current) ||\n            JSON.stringify(filters) !== JSON.stringify(_lastUsedFilters.current)\n        ) {\n            _pendingPageRequests.current = {};\n            // nuke the dataset so that we \"start again\" after sorting\n            reset = true;\n        }\n\n        if (_pendingPageRequests.current[pageIndex]) {\n            // if page is already loaded/loading, abort, otherwise mark it as loading\n            return;\n        } else {\n            _pendingPageRequests.current[pageIndex] = true;\n        }\n\n        _forceReset.current = false;\n        // set the sorting so we can track if it changed between loads\n        _lastUsedSorting.current = sorting;\n        // set the filters so we can track if it changed between loads\n        _lastUsedFilters.current = filters;\n        // set the search so we can track if it changed between loads\n        _lastUsedSearch.current = search;\n\n        try {\n            const response = await fetch(pageIndex, pageSize, sorting, filters, search);\n\n            // update state, here we do some \"magic\" to support \"load in place\"\n            setData(currentData => {\n                let nextData;\n\n                // reset table state if:\n                // - the length isn't set at all (first load)\n                // - the client length and server length are different (the data changed)\n                if (reset || length.current !== response.length) {\n                    length.current = response.length;\n                    nextData = Array(length.current).fill(undefined);\n                } else {\n                    nextData = [...currentData];\n                }\n\n                const startIndex = pageIndex * pageSize;\n                nextData.splice(startIndex, pageSize, ...response.data);\n                return nextData;\n            });\n        } catch {\n            //\n        } finally {\n            _pendingPageRequests.current[pageIndex] = false;\n        }\n    };\n\n    const loadAll = async (sorting: TableColumnSort[], filters: TableColumnFilter[], search: string | undefined) => {\n        try {\n            const response = await fetchAll(sorting, filters, search);\n            length.current = response.length;\n\n            setData(() => {\n                let nextData;\n\n                if (response.data.length !== response.length) {\n                    nextData = Array(response.length).fill(undefined);\n                    nextData.splice(0, response.data.length, ...response.data);\n                } else {\n                    nextData = [...response.data];\n                }\n\n                return nextData;\n            });\n        } catch {\n            //\n        }\n    };\n\n    const invalidate = async () => {\n        _forceReset.current = true;\n        return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, _lastUsedSearch.current);\n    };\n\n    // we reset the page to 0 whenever sorting, filtering or search changes\n    const handleSort = async (sorting: TableColumnSort[]) =>\n        loadPage(0, sorting, _lastUsedFilters.current, _lastUsedSearch.current);\n    const handleFilter = async (filters: TableColumnFilter[]) =>\n        loadPage(0, _lastUsedSorting.current, filters, _lastUsedSearch.current);\n\n    return [\n        {\n            data,\n            length: length.current,\n            loadAll,\n            loadPage,\n            onChangeFilter: handleFilter,\n            onChangeSort: handleSort,\n            pageSize,\n        },\n        invalidate,\n    ];\n}\n"],"names":["DEFAULT_PAGE_SIZE"],"mappings":";;;MAUaA,iBAAiB,GAAG;;;;"}

package/dist/esm/packages/taco/src/types.js

@@ -1,6 +1,12 @@
 import React__default from 'react';
 
+var FontSizes;
+(function (FontSizes) {
+  FontSizes["small"] = "small";
+  FontSizes["medium"] = "medium";
+  FontSizes["large"] = "large";
+})(FontSizes || (FontSizes = {}));
 const fixedForwardRef = React__default.forwardRef;
 
-export { fixedForwardRef };
+export { FontSizes, fixedForwardRef };
 //# sourceMappingURL=types.js.map

package/dist/esm/packages/taco/src/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { AVAILABLE_COLORS } from './utils/tailwind';\n\nexport type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete' | 'transparent';\nexport type State = 'default' | 'success' | 'error' | 'warning' | 'information';\nexport type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Align = 'start' | 'center' | 'end';\nexport type Placement = 'right' | 'left' | 'top' | 'bottom';\nexport type Color = (typeof AVAILABLE_COLORS)[number];\n\n// helpers\ntype FixedForwardRef = <T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => JSX.Element\n) => (props: P & React.RefAttributes<T>) => JSX.Element;\n\nexport const fixedForwardRef = React.forwardRef as FixedForwardRef;\n\nexport type ValueOf<T> = T[keyof T];\n"],"names":["fixedForwardRef","React","forwardRef"],"mappings":";;MAgBaA,eAAe,GAAGC,cAAK,CAACC;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../src/types.ts"],"sourcesContent":["import React from 'react';\nimport { AVAILABLE_COLORS } from './utils/tailwind';\n\nexport type Appearance = 'default' | 'primary' | 'danger' | 'ghost' | 'discrete' | 'transparent';\nexport type State = 'default' | 'success' | 'error' | 'warning' | 'information';\nexport type Locale = 'en-GB' | 'da-DK' | 'sv-SE' | 'no-NO';\nexport type Orientation = 'horizontal' | 'vertical';\nexport type Align = 'start' | 'center' | 'end';\nexport type Placement = 'right' | 'left' | 'top' | 'bottom';\nexport type Color = (typeof AVAILABLE_COLORS)[number];\n\nexport enum FontSizes {\n    small = 'small',\n    medium = 'medium',\n    large = 'large',\n}\nexport type FontSize = keyof typeof FontSizes;\n\n// helpers\ntype FixedForwardRef = <T, P = {}>(\n    render: (props: P, ref: React.Ref<T>) => JSX.Element\n) => (props: P & React.RefAttributes<T>) => JSX.Element;\n\nexport const fixedForwardRef = React.forwardRef as FixedForwardRef;\n\nexport type ValueOf<T> = T[keyof T];\n"],"names":["FontSizes","fixedForwardRef","React","forwardRef"],"mappings":";;IAWYA;AAAZ,WAAYA,SAAS;EACjBA,4BAAe;EACfA,8BAAiB;EACjBA,4BAAe;AACnB,CAAC,EAJWA,SAAS,KAATA,SAAS;MAYRC,eAAe,GAAGC,cAAK,CAACC;;;;"}

package/dist/esm/packages/taco/src/utils/dom.js

@@ -25,6 +25,15 @@ const getNextFocussableElement = currentElement => {
   }
   return focussableElements[currentElementIndex + 1];
 };
+function isElementInsideOrTriggeredFromContainer(element, container) {
+  switch (element === null || element === void 0 ? void 0 : element.getAttribute('role')) {
+    case 'dialog':
+      return !!(container !== null && container !== void 0 && container.querySelector(`[aria-controls='${element.id}']`));
+    case 'menu':
+      return !!(container !== null && container !== void 0 && container.querySelector(`#${element.getAttribute('aria-labelledby')}`));
+  }
+  return !!(container !== null && container !== void 0 && container.contains(element));
+}
 
-export { getIndexOfFirstChildOverflowingParent, getNextFocussableElement };
+export { getIndexOfFirstChildOverflowingParent, getNextFocussableElement, isElementInsideOrTriggeredFromContainer };
 //# sourceMappingURL=dom.js.map

package/dist/esm/packages/taco/src/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../../../../src/utils/dom.ts"],"sourcesContent":["export const isOverflowing = (element: HTMLElement | null) =>\n    element !== null ? element.scrollWidth > element.offsetWidth : false;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    const focussableElements = [\n        ...document.querySelectorAll<HTMLElement>(\n            'button:not([disabled]), [href]:not(link):not(script), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled]), details:not([disabled]), summary:not(:disabled)'\n        ),\n    ];\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    // If the currentElement is not in the focussable elements list or it is the last element\n    if (currentElementIndex !== -1 && currentElementIndex === focussableElements.length - 1) {\n        return null;\n    }\n\n    return focussableElements[currentElementIndex + 1];\n};\n"],"names":["getIndexOfFirstChildOverflowingParent","element","overscan","index","boundaryChildIndex","clientRect","getBoundingClientRect","child","Array","from","children","right","left","width","getNextFocussableElement","currentElement","focussableElements","document","querySelectorAll","currentElementIndex","indexOf","length"],"mappings":"MAGaA,qCAAqC,GAAGA,CAACC,OAAoB,EAAEC,QAAQ,GAAG,CAAC;EACpF,IAAIC,KAAK,GAAG,CAAC;EACb,IAAIC,kBAAkB,GAAkB,IAAI;EAC5C,MAAMC,UAAU,GAAGJ,OAAO,CAACK,qBAAqB,EAAE;EAElD,KAAK,MAAMC,KAAK,IAAIC,KAAK,CAACC,IAAI,CAACR,OAAO,CAACS,QAAQ,CAAC,EAAE;IAC9C,MAAMC,KAAK,GAAGJ,KAAK,CAACD,qBAAqB,EAAE,CAACK,KAAK,GAAGN,UAAU,CAACO,IAAI;IACnE,MAAMC,KAAK,GAAGR,UAAU,CAACQ,KAAK,GAAGX,QAAQ;IAEzC,IAAIS,KAAK,GAAGE,KAAK,EAAE;MACfT,kBAAkB,GAAGD,KAAK;MAC1B;;IAEJA,KAAK,EAAE;;EAGX,OAAOC,kBAAkB;AAC7B;MAEaU,wBAAwB,GAAIC,cAAkC;EACvE,IAAI,CAACA,cAAc,EAAE;IACjB,OAAO,IAAI;;EAGf,MAAMC,kBAAkB,GAAG,CACvB,GAAGC,QAAQ,CAACC,gBAAgB,CACxB,iOAAiO,CACpO,CACJ;EACD,MAAMC,mBAAmB,GAAGH,kBAAkB,CAACI,OAAO,CAACL,cAAc,CAAC;;EAGtE,IAAII,mBAAmB,KAAK,CAAC,CAAC,IAAIA,mBAAmB,KAAKH,kBAAkB,CAACK,MAAM,GAAG,CAAC,EAAE;IACrF,OAAO,IAAI;;EAGf,OAAOL,kBAAkB,CAACG,mBAAmB,GAAG,CAAC,CAAC;AACtD;;;;"}
+{"version":3,"file":"dom.js","sources":["../../../../../../src/utils/dom.ts"],"sourcesContent":["export const isOverflowing = (element: HTMLElement | null) =>\n    element !== null ? element.scrollWidth > element.offsetWidth : false;\n\nexport const getIndexOfFirstChildOverflowingParent = (element: HTMLElement, overscan = 0) => {\n    let index = 0;\n    let boundaryChildIndex: number | null = null;\n    const clientRect = element.getBoundingClientRect();\n\n    for (const child of Array.from(element.children)) {\n        const right = child.getBoundingClientRect().right - clientRect.left;\n        const width = clientRect.width - overscan;\n\n        if (right > width) {\n            boundaryChildIndex = index;\n            break;\n        }\n        index++;\n    }\n\n    return boundaryChildIndex;\n};\n\nexport const getNextFocussableElement = (currentElement: HTMLElement | null) => {\n    if (!currentElement) {\n        return null;\n    }\n\n    const focussableElements = [\n        ...document.querySelectorAll<HTMLElement>(\n            'button:not([disabled]), [href]:not(link):not(script), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"]):not([disabled]), details:not([disabled]), summary:not(:disabled)'\n        ),\n    ];\n    const currentElementIndex = focussableElements.indexOf(currentElement);\n\n    // If the currentElement is not in the focussable elements list or it is the last element\n    if (currentElementIndex !== -1 && currentElementIndex === focussableElements.length - 1) {\n        return null;\n    }\n\n    return focussableElements[currentElementIndex + 1];\n};\n\nexport function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null) {\n    switch (element?.getAttribute('role')) {\n        case 'dialog':\n            return !!container?.querySelector(`[aria-controls='${element.id}']`);\n\n        case 'menu':\n            return !!container?.querySelector(`#${element.getAttribute('aria-labelledby')}`);\n    }\n\n    return !!container?.contains(element);\n}\n"],"names":["getIndexOfFirstChildOverflowingParent","element","overscan","index","boundaryChildIndex","clientRect","getBoundingClientRect","child","Array","from","children","right","left","width","getNextFocussableElement","currentElement","focussableElements","document","querySelectorAll","currentElementIndex","indexOf","length","isElementInsideOrTriggeredFromContainer","container","getAttribute","querySelector","id","contains"],"mappings":"MAGaA,qCAAqC,GAAGA,CAACC,OAAoB,EAAEC,QAAQ,GAAG,CAAC;EACpF,IAAIC,KAAK,GAAG,CAAC;EACb,IAAIC,kBAAkB,GAAkB,IAAI;EAC5C,MAAMC,UAAU,GAAGJ,OAAO,CAACK,qBAAqB,EAAE;EAElD,KAAK,MAAMC,KAAK,IAAIC,KAAK,CAACC,IAAI,CAACR,OAAO,CAACS,QAAQ,CAAC,EAAE;IAC9C,MAAMC,KAAK,GAAGJ,KAAK,CAACD,qBAAqB,EAAE,CAACK,KAAK,GAAGN,UAAU,CAACO,IAAI;IACnE,MAAMC,KAAK,GAAGR,UAAU,CAACQ,KAAK,GAAGX,QAAQ;IAEzC,IAAIS,KAAK,GAAGE,KAAK,EAAE;MACfT,kBAAkB,GAAGD,KAAK;MAC1B;;IAEJA,KAAK,EAAE;;EAGX,OAAOC,kBAAkB;AAC7B;MAEaU,wBAAwB,GAAIC,cAAkC;EACvE,IAAI,CAACA,cAAc,EAAE;IACjB,OAAO,IAAI;;EAGf,MAAMC,kBAAkB,GAAG,CACvB,GAAGC,QAAQ,CAACC,gBAAgB,CACxB,iOAAiO,CACpO,CACJ;EACD,MAAMC,mBAAmB,GAAGH,kBAAkB,CAACI,OAAO,CAACL,cAAc,CAAC;;EAGtE,IAAII,mBAAmB,KAAK,CAAC,CAAC,IAAIA,mBAAmB,KAAKH,kBAAkB,CAACK,MAAM,GAAG,CAAC,EAAE;IACrF,OAAO,IAAI;;EAGf,OAAOL,kBAAkB,CAACG,mBAAmB,GAAG,CAAC,CAAC;AACtD;SAEgBG,uCAAuCA,CAACrB,OAAuB,EAAEsB,SAAyB;EACtG,QAAQtB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEuB,YAAY,CAAC,MAAM,CAAC;IACjC,KAAK,QAAQ;MACT,OAAO,CAAC,EAACD,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEE,aAAa,oBAAoBxB,OAAO,CAACyB,MAAM,CAAC;IAExE,KAAK,MAAM;MACP,OAAO,CAAC,EAACH,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEE,aAAa,KAAKxB,OAAO,CAACuB,YAAY,CAAC,iBAAiB,GAAG,CAAC;;EAGxF,OAAO,CAAC,EAACD,SAAS,aAATA,SAAS,eAATA,SAAS,CAAEI,QAAQ,CAAC1B,OAAO,CAAC;AACzC;;;;"}