@economic/taco 1.21.8 → 1.22.0

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js

@@ -1,6 +1,7 @@
 import React__default from 'react';
 import { Option } from '../components/Option.js';
 
+const isGroup = child => !!child.props.heading;
 const useChildren = ({
   children: initialChildren,
   emptyValue,
@@ -10,9 +11,15 @@ const useChildren = ({
   value
 }) => {
   const [searchQuery, setSearchQuery] = React__default.useState('');
+  // flatten children that might be inside groups
   // support empty value - probably a more elegant way to achieve this
-  const allChildren = React__default.useMemo(() => {
-    const initial = initialChildren || [];
+  const flattenedChildren = React__default.useMemo(() => {
+    const initial = (initialChildren === null || initialChildren === void 0 ? void 0 : initialChildren.map(child => {
+      if (isGroup(child)) {
+        return child.props.children;
+      }
+      return child;
+    }).flatMap(c => c)) || [];
     if (emptyValue !== undefined && !multiple) {
       return [/*#__PURE__*/React__default.createElement(Option, {
         key: "__empty",
@@ -25,8 +32,8 @@ const useChildren = ({
   // set an initial value if none is set, we have to trigger state updates for controlled components
   React__default.useEffect(() => {
     if (!multiple && emptyValue === undefined && value === undefined) {
-      var _allChildren$;
-      setValue(allChildren === null || allChildren === void 0 ? void 0 : (_allChildren$ = allChildren[0]) === null || _allChildren$ === void 0 ? void 0 : _allChildren$.props.value);
+      var _flattenedChildren$;
+      setValue(flattenedChildren === null || flattenedChildren === void 0 ? void 0 : (_flattenedChildren$ = flattenedChildren[0]) === null || _flattenedChildren$ === void 0 ? void 0 : _flattenedChildren$.props.value);
     }
   }, []);
   React__default.useEffect(() => {
@@ -36,20 +43,31 @@ const useChildren = ({
   }, [open]);
   // apply filtering
   const filteredChildren = React__default.useMemo(() => {
-    return allChildren.filter(child => {
-      if (child.props.textValue) {
-        return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());
+    return initialChildren.map(child => {
+      if (isGroup(child)) {
+        const filteredGroupChildren = child.props.children.filter(groupChild => filterOption(groupChild, searchQuery));
+        return filteredGroupChildren.length ? /*#__PURE__*/React__default.cloneElement(child, {}, filteredGroupChildren) : null;
       }
-      return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());
-    });
-  }, [allChildren, searchQuery]);
+      return filterOption(child, searchQuery) ? child : null;
+    }).filter(child => !!child);
+  }, [flattenedChildren, searchQuery]);
   return {
-    allChildren,
+    flattenedChildren,
     filteredChildren,
     searchQuery,
     setSearchQuery
   };
 };
+const filterOption = (child, searchQuery) => {
+  var _child$props$textValu, _child$props$descript;
+  if ((_child$props$textValu = child.props.textValue) !== null && _child$props$textValu !== void 0 && _child$props$textValu.toLowerCase().includes(searchQuery.toLowerCase())) {
+    return true;
+  }
+  if ((_child$props$descript = child.props.description) !== null && _child$props$descript !== void 0 && _child$props$descript.toLowerCase().includes(searchQuery.toLowerCase())) {
+    return true;
+  }
+  return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());
+};
 
 export { useChildren };
 //# sourceMappingURL=useChildren.js.map

package/dist/esm/packages/taco/src/components/Select2/hooks/useChildren.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Option, Select2OptionProps } from '../components/Option';\nimport { Select2OptionValue, Select2Value } from '../types';\n\nexport type useChildrenArgs = {\n    children: React.ReactElement<Select2OptionProps>[];\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // support empty value - probably a more elegant way to achieve this\n    const allChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial = initialChildren || [];\n        if (emptyValue !== undefined && !multiple) {\n            return [<Option key=\"__empty\" children=\"\" value={emptyValue} />, ...initial];\n        }\n\n        return initial;\n    }, [initialChildren, emptyValue]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            setValue(allChildren?.[0]?.props.value);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        return allChildren.filter(child => {\n            if (child.props.textValue) {\n                return child.props.textValue.toLowerCase().includes(searchQuery.toLowerCase());\n            }\n\n            return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n        });\n    }, [allChildren, searchQuery]);\n\n    return {\n        allChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n"],"names":["useChildren","children","initialChildren","emptyValue","multiple","open","setValue","value","searchQuery","setSearchQuery","React","useState","allChildren","useMemo","initial","undefined","Option","key","useEffect","props","filteredChildren","filter","child","textValue","toLowerCase","includes","String"],"mappings":";;;MAYaA,WAAW,GAAG,CAAC;EAAEC,QAAQ,EAAEC,eAAe;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,QAAQ;EAAEC;CAAwB;EACnH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAS,EAAE,CAAC;;EAGhE,MAAMC,WAAW,GAA6CF,cAAK,CAACG,OAAO,CAAC;IACxE,MAAMC,OAAO,GAAGZ,eAAe,IAAI,EAAE;IACrC,IAAIC,UAAU,KAAKY,SAAS,IAAI,CAACX,QAAQ,EAAE;MACvC,OAAO,cAACM,6BAACM,MAAM;QAACC,GAAG,EAAC,SAAS;QAAChB,QAAQ,EAAC,EAAE;QAACM,KAAK,EAAEJ;QAAc,EAAE,GAAGW,OAAO,CAAC;;IAGhF,OAAOA,OAAO;GACjB,EAAE,CAACZ,eAAe,EAAEC,UAAU,CAAC,CAAC;;EAGjCO,cAAK,CAACQ,SAAS,CAAC;IACZ,IAAI,CAACd,QAAQ,IAAID,UAAU,KAAKY,SAAS,IAAIR,KAAK,KAAKQ,SAAS,EAAE;MAAA;MAC9DT,QAAQ,CAACM,WAAW,aAAXA,WAAW,wCAAXA,WAAW,CAAG,CAAC,CAAC,kDAAhB,cAAkBO,KAAK,CAACZ,KAAK,CAAC;;GAE9C,EAAE,EAAE,CAAC;EAENG,cAAK,CAACQ,SAAS,CAAC;IACZ,IAAI,CAACb,IAAI,EAAE;MACPI,cAAc,CAAC,EAAE,CAAC;;GAEzB,EAAE,CAACJ,IAAI,CAAC,CAAC;;EAGV,MAAMe,gBAAgB,GAA6CV,cAAK,CAACG,OAAO,CAAC;IAC7E,OAAOD,WAAW,CAACS,MAAM,CAACC,KAAK;MAC3B,IAAIA,KAAK,CAACH,KAAK,CAACI,SAAS,EAAE;QACvB,OAAOD,KAAK,CAACH,KAAK,CAACI,SAAS,CAACC,WAAW,EAAE,CAACC,QAAQ,CAACjB,WAAW,CAACgB,WAAW,EAAE,CAAC;;MAGlF,OAAOE,MAAM,CAACJ,KAAK,CAACH,KAAK,CAAClB,QAAQ,CAAC,CAACuB,WAAW,EAAE,CAACC,QAAQ,CAACjB,WAAW,CAACgB,WAAW,EAAE,CAAC;KACxF,CAAC;GACL,EAAE,CAACZ,WAAW,EAAEJ,WAAW,CAAC,CAAC;EAE9B,OAAO;IACHI,WAAW;IACXQ,gBAAgB;IAChBZ,WAAW;IACXC;GACH;AACL;;;;"}
+{"version":3,"file":"useChildren.js","sources":["../../../../../../../../src/components/Select2/hooks/useChildren.tsx"],"sourcesContent":["import React from 'react';\nimport { Option, Select2OptionProps } from '../components/Option';\nimport { Select2GroupProps } from '../Select2';\nimport { Select2OptionValue, Select2Value } from '../types';\n\nconst isGroup = (child: React.ReactElement) => !!child.props.heading;\n\nexport type useChildrenArgs = {\n    children: Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>>;\n    emptyValue?: Select2OptionValue;\n    multiple?: boolean;\n    open?: boolean;\n    setValue: (nextValue: Select2OptionValue) => void;\n    value?: Select2Value;\n};\nexport const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }: useChildrenArgs) => {\n    const [searchQuery, setSearchQuery] = React.useState<string>('');\n\n    // flatten children that might be inside groups\n    // support empty value - probably a more elegant way to achieve this\n    const flattenedChildren: React.ReactElement<Select2OptionProps>[] = React.useMemo(() => {\n        const initial: Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>> =\n            initialChildren\n                ?.map(child => {\n                    if (isGroup(child)) {\n                        return (child as React.ReactElement<Select2GroupProps>).props.children;\n                    }\n                    return child;\n                })\n                .flatMap(c => c) || [];\n\n        if (emptyValue !== undefined && !multiple) {\n            return [<Option key=\"__empty\" children=\"\" value={emptyValue} />, ...initial];\n        }\n\n        return initial;\n    }, [initialChildren, emptyValue]);\n\n    // set an initial value if none is set, we have to trigger state updates for controlled components\n    React.useEffect(() => {\n        if (!multiple && emptyValue === undefined && value === undefined) {\n            setValue(flattenedChildren?.[0]?.props.value);\n        }\n    }, []);\n\n    React.useEffect(() => {\n        if (!open) {\n            setSearchQuery('');\n        }\n    }, [open]);\n\n    // apply filtering\n    const filteredChildren = React.useMemo(() => {\n        return initialChildren\n            .map(child => {\n                if (isGroup(child)) {\n                    const filteredGroupChildren = (child as React.ReactElement<Select2GroupProps>).props.children.filter(\n                        groupChild => filterOption(groupChild as React.ReactElement<Select2OptionProps>, searchQuery)\n                    );\n                    return filteredGroupChildren.length\n                        ? React.cloneElement(child as React.ReactElement<Select2OptionProps>, {}, filteredGroupChildren)\n                        : null;\n                }\n\n                return filterOption(child as React.ReactElement<Select2OptionProps>, searchQuery) ? child : null;\n            })\n            .filter(child => !!child) as Array<React.ReactElement<Select2OptionProps> | React.ReactElement<Select2GroupProps>>;\n    }, [flattenedChildren, searchQuery]);\n\n    return {\n        flattenedChildren,\n        filteredChildren,\n        searchQuery,\n        setSearchQuery,\n    };\n};\n\nconst filterOption = (child: React.ReactElement<Select2OptionProps>, searchQuery: string) => {\n    if (child.props.textValue?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    if (child.props.description?.toLowerCase().includes(searchQuery.toLowerCase())) {\n        return true;\n    }\n\n    return String(child.props.children).toLowerCase().includes(searchQuery.toLowerCase());\n};\n"],"names":["isGroup","child","props","heading","useChildren","children","initialChildren","emptyValue","multiple","open","setValue","value","searchQuery","setSearchQuery","React","useState","flattenedChildren","useMemo","initial","map","flatMap","c","undefined","Option","key","useEffect","filteredChildren","filteredGroupChildren","filter","groupChild","filterOption","length","cloneElement","textValue","toLowerCase","includes","description","String"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Select2/utilities.js

@@ -1,4 +1,4 @@
-const createOptionClassName = () => 'group mb-px flex h-8 w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:wcag-grey-200 aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none';
+const createOptionClassName = () => 'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:wcag-grey-200 aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none';
 const createCollectionClassName = () => 'flex flex-col gap-px';
 
 export { createCollectionClassName, createOptionClassName };

package/dist/esm/packages/taco/src/components/Select2/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["export const createOptionClassName = () =>\n    'group mb-px flex h-8 w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:wcag-grey-200 aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none';\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n"],"names":["createOptionClassName","createCollectionClassName"],"mappings":"MAAaA,qBAAqB,GAAG,MACjC;MAESC,yBAAyB,GAAG,MAAM;;;;"}
+{"version":3,"file":"utilities.js","sources":["../../../../../../../src/components/Select2/utilities.ts"],"sourcesContent":["export const createOptionClassName = () =>\n    'group mb-px flex w-full text-sm flex-shrink-0 font-normal cursor-pointer items-center rounded bg-white px-2 leading-8 text-black aria-hidden:hidden gap-1.5 bg-white hover:wcag-grey-200 aria-current:wcag-grey-200 aria-disabled:text-black/25 aria-disabled:pointer-events-none';\n\nexport const createCollectionClassName = () => 'flex flex-col gap-px';\n"],"names":["createOptionClassName","createCollectionClassName"],"mappings":"MAAaA,qBAAqB,GAAG,MACjC;MAESC,yBAAyB,GAAG,MAAM;;;;"}

package/dist/esm/packages/taco/src/components/Table2/Table2.js

@@ -330,6 +330,7 @@ const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref
     },
     className: "col-span-full"
   }) : null, virtualiser.virtualItems.map(virtualRow => {
+    var _expandedRowRenderer;
     const row = rows[virtualRow.index];
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: row.id
@@ -353,7 +354,7 @@ const Table2 = /*#__PURE__*/React__default.forwardRef(function Table2(props, ref
     }))), row.getIsExpanded() && expandedRowRenderer ? /*#__PURE__*/React__default.createElement(ExpandedRow, {
       index: virtualRow.index,
       setSize: setExpandedRowSizes
-    }, expandedRowRenderer(row.original)) : null);
+    }, (_expandedRowRenderer = expandedRowRenderer(row.original)) === null || _expandedRowRenderer === void 0 ? void 0 : _expandedRowRenderer()) : null);
   }), virtualiserOffsets.bottom ? /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: virtualiserOffsets.bottom

package/dist/esm/packages/taco/src/components/Table2/Table2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table2.js","sources":["../../../../../../../src/components/Table2/Table2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Row as TRow, TableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { Cell } from './components/column/Cell';\nimport { Header } from './components/column/Header';\nimport { Footer } from './components/column/Footer';\nimport { Table2Props, Table2ColumnProps, Table2ToolbarProps } from './types';\nimport { useTable } from './hooks/useTable';\nimport { useVirtualiser } from './hooks/useVirtualiser';\nimport { Group } from '../Group/Group';\nimport { useGridTemplate } from './hooks/useGridTemplate';\nimport { RowDensityButton } from './components/RowDensityButton';\nimport { ColumnSettingsButton } from './components/ColumnSettingsButton';\nimport { ExpandedRow } from './components/row/ExpandedRow';\nimport { useSeparatedChildren } from './hooks/useSeparatedChildren';\nimport { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { ShortcutsGuideButton } from './components/ShortcutsGuideButton';\nimport { EditModeButton } from './components/EditModeButton';\n\nexport type Table2Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        columnsOther: string;\n        columnsOtherDrop: string;\n        columnsPinned: string;\n        columnsPinnedDrop: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        button: string;\n        tooltip: string;\n        tooltipDisabled: string;\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isAllOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    rowDensity: {\n        tooltip: string;\n    };\n    search: {\n        placeholder: string;\n    };\n    shortcuts: {\n        tooltip: string;\n        search: string;\n        filter: string;\n        previousRow: string;\n        nextRow: string;\n        editCell: string;\n        previousColumn: string;\n        nextColumn: string;\n        rowClick: string;\n        selectRow: string;\n        selectAllRows: string;\n        expandRow: string;\n        collapseRow: string;\n    };\n};\n\nfunction Column<TType = any>(_: Table2ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table2Column';\n\nfunction Toolbar(props: Table2ToolbarProps) {\n    const className = cn('flex-grow', props.className);\n    return <div {...props} className={className} />;\n}\nToolbar.displayName = 'Table2Toolbar';\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n    Toolbar: React.FunctionComponent<Table2ToolbarProps>;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<HTMLDivElement> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<HTMLDivElement>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<HTMLDivElement>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n\n    // react-table\n    const [columns, toolbar] = useSeparatedChildren(props.children);\n    const { rows, table, footers } = useTable(columns, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed\n    // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation\n    // still keeps working on changes in column visibility, order, or both\n    React.useEffect(() => {\n        meta.resetFocussableColumnIndexes();\n    }, [columnVisibility, columnOrder]);\n\n    React.useEffect(() => {\n        // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that\n        // we don't have stale values, in case column visibility or ordering changes\n        if (!meta.editMode.isEditing) {\n            meta.resetFocussableColumnIndexes();\n        }\n    }, [meta.editMode.isEditing]);\n\n    React.useEffect(() => {\n        return () => clearTimeout(timeoutIdRef.current);\n    }, []);\n\n    // virtualiser\n    const { virtualiser, virtualiserOffsets, setExpandedRowSizes } = useVirtualiser({ rows, table }, tableRef);\n\n    // css grid\n    const gridTemplateColumns = useGridTemplate(table);\n\n    // handlers\n    const editButtonRef = React.useRef(null);\n\n    // support grid like keyboard navigation between cells\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (document.activeElement === tableRef.current) {\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(0);\n                    virtualiser.scrollToOffset(0);\n                } else {\n                    meta.moveToPreviousRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n                        virtualiser.scrollToIndex(nextIndex - 1);\n                    });\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(rows.length - 1);\n                    virtualiser.scrollToOffset(virtualiser.totalSize + 1);\n                } else {\n                    meta.moveToNextRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n\n                        // the virtualiser doesn't always scroll right to the bottom for the last row\n                        if (nextIndex === rows.length - 1) {\n                            tableRef.current?.scrollTo(0, tableRef.current.scrollHeight);\n                        } else {\n                            virtualiser.scrollToIndex(nextIndex + 2);\n                        }\n                    });\n                }\n\n                return;\n            }\n\n            const canToggleRowExpansion = table.options.enableExpanding;\n\n            if (event.key === 'ArrowLeft') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta.activeRowIndex]?.toggleExpanded(false);\n                    }\n                }\n                return;\n            }\n\n            if (event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta?.activeRowIndex]?.toggleExpanded(true);\n                    }\n                }\n\n                return;\n            }\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[meta?.activeRowIndex].original);\n                }\n\n                return;\n            }\n\n            if (event.key === ' ') {\n                event.preventDefault();\n\n                if (table.options.enableRowSelection) {\n                    rows[meta.activeRowIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n\n            if (event.ctrlKey || event.metaKey) {\n                event.preventDefault();\n\n                if (event.key === 'a') {\n                    if (table.options.enableRowSelection) {\n                        table.toggleAllRowsSelected();\n                    }\n                }\n\n                return;\n            }\n        }\n    };\n\n    let handleBlur;\n\n    if (meta.editMode.isEditing) {\n        handleBlur = (event: React.FocusEvent) => {\n            let elementGainingFocus = event.relatedTarget;\n\n            if (elementGainingFocus === undefined) {\n                return;\n            }\n\n            // we might be focusing on a select or a popover that was triggered from inside the table\n            // so see if the element gaining focus is inside a portal and look up its controller\n            const portalId = elementGainingFocus?.closest('[data-radix-popper-content-wrapper] > :first-child')?.id;\n\n            if (portalId) {\n                elementGainingFocus = event.currentTarget.querySelector(`[aria-controls=\"${portalId}\"]`) ?? event.relatedTarget;\n            }\n\n            if (!event.currentTarget?.contains(elementGainingFocus) && elementGainingFocus !== editButtonRef.current) {\n                // When we call manually blur on control component while navigating to the next cell, then when this\n                // handler is run, the related target is not the next control component and active element is null,\n                // that's why we explictly need to check what's the next focussed element in order to figure out whether\n                // we should disabled the sorting or not.\n                timeoutIdRef.current = setTimeout(() => {\n                    const parentRow = event.target.closest('[role=\"row\"]');\n                    const isNewFocussedElementInSameRow = parentRow?.contains(document.activeElement);\n\n                    // When we manually call blur on control component and focus another component then\n                    // we have to make sure we\n                    if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {\n                        // if client side - unpause sorting\n                        meta.setShouldPauseSortingAndFiltering(false);\n                    }\n                });\n            }\n        };\n    }\n\n    // TODO: this can probably be extracted into a hook\n    // we only show the pinned shadow on display columns when scrolling is active\n    const [scrolled, setScrolled] = React.useState(false);\n\n    // extract - infinite loading\n    const loadingRef = React.useRef(false);\n\n    const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !scrolled) {\n            setScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && scrolled) {\n            setScrolled(false);\n        } else if (typeof loadMore === 'function') {\n            if (\n                event.currentTarget.scrollHeight - event.currentTarget.scrollTop - event.currentTarget.clientHeight < 600 &&\n                !loadingRef.current\n            ) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } finally {\n                    loadingRef.current = false;\n                }\n            }\n        }\n    };\n\n    let handleMouseLeave;\n\n    if (meta.shouldPauseHoverState) {\n        // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy\n        handleMouseLeave = () => meta.setShouldPauseHoverState(false);\n    }\n\n    const className = cn(\n        'bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group',\n        props.className\n    );\n\n    const enableSettingsButton = table.options.enablePinning || table.options.enableHiding || meta.enableColumnReordering;\n    const hasInternalToolbar =\n        enableSettingsButton ||\n        meta.editMode.enableEditMode ||\n        table.options.enableColumnFilters ||\n        meta.enableRowDensity ||\n        table.options.enableGlobalFilter;\n    const hasToolbar = !!toolbar || hasInternalToolbar;\n\n    const hasFooters = React.useMemo(() => {\n        const summaryIds = Object.keys(footers);\n        const visibleIds = Object.keys(columnVisibility).filter(c => !columnVisibility[c]);\n        return summaryIds.length && summaryIds.some(v => !visibleIds.includes(v));\n    }, [footers, columnVisibility]);\n\n    return (\n        <div className=\"-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5\">\n            {hasToolbar ? (\n                <div className=\"flex flex-wrap gap-2\">\n                    {toolbar}\n                    {hasInternalToolbar ? (\n                        <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                            {meta.editMode.enableEditMode ? (\n                                <EditModeButton\n                                    ref={editButtonRef}\n                                    table={table}\n                                    tableRef={tableRef}\n                                    scrollToIndex={virtualiser.scrollToIndex}\n                                />\n                            ) : null}\n                            {table.options.enableColumnFilters ? <FiltersButton length={length} table={table} /> : null}\n                            {meta.enableRowDensity ? <RowDensityButton table={table} /> : null}\n                            {enableSettingsButton ? <ColumnSettingsButton table={table} /> : null}\n                            {table.options.enableGlobalFilter ? (\n                                <Search\n                                    disabled={meta.shouldDisableTableActions}\n                                    onSearch={table.setGlobalFilter}\n                                    value={globalFilter}\n                                />\n                            ) : null}\n                        </Group>\n                    ) : null}\n                    <ShortcutsGuideButton table={table} />\n                </div>\n            ) : null}\n            <div\n                className={className}\n                data-taco=\"table2\"\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onMouseLeave={handleMouseLeave}\n                onScroll={handleScroll}\n                ref={tableRef}\n                role=\"table\"\n                style={{\n                    gridTemplateColumns,\n                    gridTemplateRows: rows.length ? undefined : '40px',\n                    // create a new stacking context so our internal z-indexes don't effect external components\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n                    opacity: 0.999,\n                }}\n                tabIndex={0}>\n                <div className=\"contents\" data-taco=\"table2-header\" role=\"rowgroup\">\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <div className=\"contents\" key={headerGroup.id} role=\"row\">\n                            {headerGroup.headers.map((header, columnIndex) => (\n                                <Header\n                                    key={header.id}\n                                    header={header}\n                                    index={columnIndex}\n                                    isLastColumn={columnIndex === headerGroup.headers.length - 1}\n                                    scrolled={scrolled}\n                                    table={table}\n                                    tableRef={tableRef}\n                                />\n                            ))}\n                        </div>\n                    ))}\n                </div>\n                {rows.length ? (\n                    <div className=\"contents\" data-taco=\"table2-body\" role=\"rowgroup\">\n                        {virtualiserOffsets.top ? (\n                            <div style={{ height: virtualiserOffsets.top }} className=\"col-span-full\" />\n                        ) : null}\n                        {virtualiser.virtualItems.map(virtualRow => {\n                            const row = rows[virtualRow.index];\n\n                            return (\n                                <React.Fragment key={row.id}>\n                                    <Row className=\"group/row contents\" row={row} rowIndex={virtualRow.index} table={table}>\n                                        {row.getVisibleCells().map((cell, columnIndex) => (\n                                            <Cell\n                                                cell={cell}\n                                                key={`${cell.id}_${cell.getValue()}`}\n                                                index={columnIndex}\n                                                isLastRow={virtualRow.index === rows.length - 1}\n                                                rows={rows}\n                                                rowIndex={virtualRow.index}\n                                                scrolled={scrolled}\n                                                scrollToIndex={virtualiser.scrollToIndex}\n                                                scrollToOffset={virtualiser.scrollToOffset}\n                                                table={table}\n                                                tableRef={tableRef}\n                                            />\n                                        ))}\n                                    </Row>\n                                    {row.getIsExpanded() && expandedRowRenderer ? (\n                                        <ExpandedRow index={virtualRow.index} setSize={setExpandedRowSizes}>\n                                            {expandedRowRenderer(row.original)}\n                                        </ExpandedRow>\n                                    ) : null}\n                                </React.Fragment>\n                            );\n                        })}\n                        {virtualiserOffsets.bottom ? (\n                            <div style={{ height: virtualiserOffsets.bottom }} className=\"col-span-full\" />\n                        ) : null}\n                    </div>\n                ) : (\n                    <div className=\"col-span-full min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n                )}\n                {hasFooters ? (\n                    <div role=\"rowgroup\" className=\"contents\" data-taco=\"table2-footer\">\n                        {table.getFooterGroups().map(footerGroup => (\n                            <div key={footerGroup.id} role=\"row\" className=\"contents\">\n                                {footerGroup.headers.map((footer, cellIndex) => (\n                                    <Footer key={footer.id} footer={footer} index={cellIndex} scrolled={scrolled} table={table}>\n                                        {footers[footer.id]\n                                            ? footers[footer.id](rows.map((row: TRow<TType>) => row.original[footer.id]))\n                                            : null}\n                                    </Footer>\n                                ))}\n                            </div>\n                        ))}\n                    </div>\n                ) : null}\n            </div>\n            {!!_experimentalActionsForTable &&\n            table.options.enableRowSelection &&\n            (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? (\n                <BatchActionsMenu<TType>\n                    className=\"fixed-center-x bottom-0 z-50 mb-4 print:hidden\"\n                    actionsForTable={_experimentalActionsForTable}\n                    summary={_experimentalActionsForTableSummary}\n                    table={table}\n                />\n            ) : null}\n        </div>\n    );\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\nTable2.Toolbar = Toolbar;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionProps, Table2Settings, Table2ToolbarProps } from './types';\n"],"names":["Column","_","displayName","Toolbar","props","className","cn","React","Table2","forwardRef","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","columns","toolbar","useSeparatedChildren","children","rows","table","footers","useTable","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","resetFocussableColumnIndexes","editMode","isEditing","clearTimeout","current","virtualiser","virtualiserOffsets","setExpandedRowSizes","useVirtualiser","gridTemplateColumns","useGridTemplate","editButtonRef","handleKeyDown","event","document","activeElement","key","preventDefault","ctrlKey","metaKey","setActiveRowIndex","scrollToOffset","moveToPreviousRow","nextIndex","setShouldPauseHoverState","scrollToIndex","totalSize","moveToNextRow","scrollTo","scrollHeight","canToggleRowExpansion","enableExpanding","activeRowIndex","toggleExpanded","original","enableRowSelection","toggleSelected","toggleAllRowsSelected","handleBlur","elementGainingFocus","relatedTarget","undefined","portalId","closest","id","currentTarget","querySelector","contains","setTimeout","parentRow","target","isNewFocussedElementInSameRow","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","scrolled","setScrolled","useState","loadingRef","handleScroll","scrollLeft","scrollTop","clientHeight","isAllRowsSelected","getIsAllRowsSelected","handleMouseLeave","shouldPauseHoverState","enableSettingsButton","enablePinning","enableHiding","enableColumnReordering","hasInternalToolbar","enableEditMode","enableColumnFilters","enableRowDensity","enableGlobalFilter","hasToolbar","hasFooters","useMemo","summaryIds","Object","keys","visibleIds","filter","c","some","v","includes","Group","EditModeButton","FiltersButton","RowDensityButton","ColumnSettingsButton","Search","disabled","shouldDisableTableActions","onSearch","setGlobalFilter","value","ShortcutsGuideButton","onBlur","onKeyDown","onMouseLeave","onScroll","role","style","gridTemplateRows","opacity","tabIndex","getHeaderGroups","map","headerGroup","headers","header","columnIndex","Header","index","isLastColumn","top","height","virtualItems","virtualRow","row","Fragment","Row","rowIndex","getVisibleCells","cell","Cell","getValue","isLastRow","getIsExpanded","ExpandedRow","setSize","bottom","getFooterGroups","footerGroup","footer","cellIndex","Footer","getIsSomeRowsSelected","BatchActionsMenu","actionsForTable","summary"],"mappings":"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"}
+{"version":3,"file":"Table2.js","sources":["../../../../../../../src/components/Table2/Table2.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Row as TRow, TableMeta } from '@tanstack/react-table';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { Cell } from './components/column/Cell';\nimport { Header } from './components/column/Header';\nimport { Footer } from './components/column/Footer';\nimport { Table2Props, Table2ColumnProps, Table2ToolbarProps } from './types';\nimport { useTable } from './hooks/useTable';\nimport { useVirtualiser } from './hooks/useVirtualiser';\nimport { Group } from '../Group/Group';\nimport { useGridTemplate } from './hooks/useGridTemplate';\nimport { RowDensityButton } from './components/RowDensityButton';\nimport { ColumnSettingsButton } from './components/ColumnSettingsButton';\nimport { ExpandedRow } from './components/row/ExpandedRow';\nimport { useSeparatedChildren } from './hooks/useSeparatedChildren';\nimport { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { ShortcutsGuideButton } from './components/ShortcutsGuideButton';\nimport { EditModeButton } from './components/EditModeButton';\n\nexport type Table2Texts = {\n    columns: {\n        actions: {\n            tooltip: string;\n        };\n        drag: {\n            tooltip: string;\n        };\n        expansion: {\n            collapse: string;\n            collapseAll: string;\n            expand: string;\n            expandAll: string;\n        };\n        select: {\n            deselect: string;\n            deselectAll: string;\n            select: string;\n            selectAll: string;\n        };\n    };\n    columnSettings: {\n        columnsOther: string;\n        columnsOtherDrop: string;\n        columnsPinned: string;\n        columnsPinnedDrop: string;\n        search: string;\n        tooltip: string;\n    };\n    editing: {\n        button: string;\n        tooltip: string;\n        tooltipDisabled: string;\n        rowIndicator: {\n            rowWillMove: string;\n            rowWillBeHidden: string;\n            rowWillMoveReasonSearch: string;\n            rowWillMoveReasonFilter: string;\n            rowWillMoveReasonSorting: string;\n        };\n    };\n    filters: {\n        button: string;\n        buttons: {\n            addFilter: string;\n            clearFilters: string;\n        };\n        comparators: {\n            contains: string;\n            doesNotContain: string;\n            isEqualTo: string;\n            isNotEqualTo: string;\n            isGreaterThan: string;\n            isLessThan: string;\n            isBetween: string;\n            isOneOf: string;\n            isNoneOf: string;\n            isAllOf: string;\n            isEmpty: string;\n            isNotEmpty: string;\n        };\n        tooltip: string;\n        total: string;\n    };\n    rowDensity: {\n        tooltip: string;\n    };\n    search: {\n        placeholder: string;\n    };\n    shortcuts: {\n        tooltip: string;\n        search: string;\n        filter: string;\n        previousRow: string;\n        nextRow: string;\n        editCell: string;\n        previousColumn: string;\n        nextColumn: string;\n        rowClick: string;\n        selectRow: string;\n        selectAllRows: string;\n        expandRow: string;\n        collapseRow: string;\n    };\n};\n\nfunction Column<TType = any>(_: Table2ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table2Column';\n\nfunction Toolbar(props: Table2ToolbarProps) {\n    const className = cn('flex-grow', props.className);\n    return <div {...props} className={className} />;\n}\nToolbar.displayName = 'Table2Toolbar';\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n    Toolbar: React.FunctionComponent<Table2ToolbarProps>;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<HTMLDivElement> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<HTMLDivElement>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<HTMLDivElement>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n\n    // react-table\n    const [columns, toolbar] = useSeparatedChildren(props.children);\n    const { rows, table, footers } = useTable(columns, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    // If column visibility or order changes then we turn off the edit mode so that control indexes gets computed\n    // when user turns on the editing mode again. This is a temporary solution to make sure the keyboard navigation\n    // still keeps working on changes in column visibility, order, or both\n    React.useEffect(() => {\n        meta.resetFocussableColumnIndexes();\n    }, [columnVisibility, columnOrder]);\n\n    React.useEffect(() => {\n        // Whenever edit mode is turned off we reset the focussableColumnIndexes ref to an empty array so that\n        // we don't have stale values, in case column visibility or ordering changes\n        if (!meta.editMode.isEditing) {\n            meta.resetFocussableColumnIndexes();\n        }\n    }, [meta.editMode.isEditing]);\n\n    React.useEffect(() => {\n        return () => clearTimeout(timeoutIdRef.current);\n    }, []);\n\n    // virtualiser\n    const { virtualiser, virtualiserOffsets, setExpandedRowSizes } = useVirtualiser({ rows, table }, tableRef);\n\n    // css grid\n    const gridTemplateColumns = useGridTemplate(table);\n\n    // handlers\n    const editButtonRef = React.useRef(null);\n\n    // support grid like keyboard navigation between cells\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (document.activeElement === tableRef.current) {\n            if (event.key === 'ArrowUp') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(0);\n                    virtualiser.scrollToOffset(0);\n                } else {\n                    meta.moveToPreviousRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n                        virtualiser.scrollToIndex(nextIndex - 1);\n                    });\n                }\n\n                return;\n            } else if (event.key === 'ArrowDown') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    meta.setActiveRowIndex(rows.length - 1);\n                    virtualiser.scrollToOffset(virtualiser.totalSize + 1);\n                } else {\n                    meta.moveToNextRow(rows, nextIndex => {\n                        meta.setShouldPauseHoverState(true);\n\n                        // the virtualiser doesn't always scroll right to the bottom for the last row\n                        if (nextIndex === rows.length - 1) {\n                            tableRef.current?.scrollTo(0, tableRef.current.scrollHeight);\n                        } else {\n                            virtualiser.scrollToIndex(nextIndex + 2);\n                        }\n                    });\n                }\n\n                return;\n            }\n\n            const canToggleRowExpansion = table.options.enableExpanding;\n\n            if (event.key === 'ArrowLeft') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta.activeRowIndex]?.toggleExpanded(false);\n                    }\n                }\n                return;\n            }\n\n            if (event.key === 'ArrowRight') {\n                event.preventDefault();\n\n                if (event.ctrlKey || event.metaKey) {\n                    if (canToggleRowExpansion) {\n                        rows[meta?.activeRowIndex]?.toggleExpanded(true);\n                    }\n                }\n\n                return;\n            }\n\n            if (event.key === 'Enter') {\n                event.preventDefault();\n\n                if (onRowClick) {\n                    onRowClick(rows[meta?.activeRowIndex].original);\n                }\n\n                return;\n            }\n\n            if (event.key === ' ') {\n                event.preventDefault();\n\n                if (table.options.enableRowSelection) {\n                    rows[meta.activeRowIndex]?.toggleSelected();\n                }\n\n                return;\n            }\n\n            if (event.ctrlKey || event.metaKey) {\n                event.preventDefault();\n\n                if (event.key === 'a') {\n                    if (table.options.enableRowSelection) {\n                        table.toggleAllRowsSelected();\n                    }\n                }\n\n                return;\n            }\n        }\n    };\n\n    let handleBlur;\n\n    if (meta.editMode.isEditing) {\n        handleBlur = (event: React.FocusEvent) => {\n            let elementGainingFocus = event.relatedTarget;\n\n            if (elementGainingFocus === undefined) {\n                return;\n            }\n\n            // we might be focusing on a select or a popover that was triggered from inside the table\n            // so see if the element gaining focus is inside a portal and look up its controller\n            const portalId = elementGainingFocus?.closest('[data-radix-popper-content-wrapper] > :first-child')?.id;\n\n            if (portalId) {\n                elementGainingFocus = event.currentTarget.querySelector(`[aria-controls=\"${portalId}\"]`) ?? event.relatedTarget;\n            }\n\n            if (!event.currentTarget?.contains(elementGainingFocus) && elementGainingFocus !== editButtonRef.current) {\n                // When we call manually blur on control component while navigating to the next cell, then when this\n                // handler is run, the related target is not the next control component and active element is null,\n                // that's why we explictly need to check what's the next focussed element in order to figure out whether\n                // we should disabled the sorting or not.\n                timeoutIdRef.current = setTimeout(() => {\n                    const parentRow = event.target.closest('[role=\"row\"]');\n                    const isNewFocussedElementInSameRow = parentRow?.contains(document.activeElement);\n\n                    // When we manually call blur on control component and focus another component then\n                    // we have to make sure we\n                    if (meta.shouldPauseSortingAndFiltering && !isNewFocussedElementInSameRow) {\n                        // if client side - unpause sorting\n                        meta.setShouldPauseSortingAndFiltering(false);\n                    }\n                });\n            }\n        };\n    }\n\n    // TODO: this can probably be extracted into a hook\n    // we only show the pinned shadow on display columns when scrolling is active\n    const [scrolled, setScrolled] = React.useState(false);\n\n    // extract - infinite loading\n    const loadingRef = React.useRef(false);\n\n    const handleScroll = async (event: React.MouseEvent<HTMLDivElement>) => {\n        if (event.currentTarget.scrollLeft > 0 && !scrolled) {\n            setScrolled(true);\n        } else if (event.currentTarget.scrollLeft === 0 && scrolled) {\n            setScrolled(false);\n        } else if (typeof loadMore === 'function') {\n            if (\n                event.currentTarget.scrollHeight - event.currentTarget.scrollTop - event.currentTarget.clientHeight < 600 &&\n                !loadingRef.current\n            ) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } finally {\n                    loadingRef.current = false;\n                }\n            }\n        }\n    };\n\n    let handleMouseLeave;\n\n    if (meta.shouldPauseHoverState) {\n        // sometimes the row's onMouseLeave doesn't trigger, this adds some extra redundancy\n        handleMouseLeave = () => meta.setShouldPauseHoverState(false);\n    }\n\n    const className = cn(\n        'bg-white border border-grey-300 focus:yt-focus focus:border-blue-500 grid auto-rows-max overflow-auto relative rounded group',\n        props.className\n    );\n\n    const enableSettingsButton = table.options.enablePinning || table.options.enableHiding || meta.enableColumnReordering;\n    const hasInternalToolbar =\n        enableSettingsButton ||\n        meta.editMode.enableEditMode ||\n        table.options.enableColumnFilters ||\n        meta.enableRowDensity ||\n        table.options.enableGlobalFilter;\n    const hasToolbar = !!toolbar || hasInternalToolbar;\n\n    const hasFooters = React.useMemo(() => {\n        const summaryIds = Object.keys(footers);\n        const visibleIds = Object.keys(columnVisibility).filter(c => !columnVisibility[c]);\n        return summaryIds.length && summaryIds.some(v => !visibleIds.includes(v));\n    }, [footers, columnVisibility]);\n\n    return (\n        <div className=\"-m-0.5 flex h-full w-[calc(100%_+_0.25rem)] flex-col gap-4 overflow-hidden p-0.5\">\n            {hasToolbar ? (\n                <div className=\"flex flex-wrap gap-2\">\n                    {toolbar}\n                    {hasInternalToolbar ? (\n                        <Group className=\"ml-auto flex-shrink-0 print:hidden\">\n                            {meta.editMode.enableEditMode ? (\n                                <EditModeButton\n                                    ref={editButtonRef}\n                                    table={table}\n                                    tableRef={tableRef}\n                                    scrollToIndex={virtualiser.scrollToIndex}\n                                />\n                            ) : null}\n                            {table.options.enableColumnFilters ? <FiltersButton length={length} table={table} /> : null}\n                            {meta.enableRowDensity ? <RowDensityButton table={table} /> : null}\n                            {enableSettingsButton ? <ColumnSettingsButton table={table} /> : null}\n                            {table.options.enableGlobalFilter ? (\n                                <Search\n                                    disabled={meta.shouldDisableTableActions}\n                                    onSearch={table.setGlobalFilter}\n                                    value={globalFilter}\n                                />\n                            ) : null}\n                        </Group>\n                    ) : null}\n                    <ShortcutsGuideButton table={table} />\n                </div>\n            ) : null}\n            <div\n                className={className}\n                data-taco=\"table2\"\n                onBlur={handleBlur}\n                onKeyDown={handleKeyDown}\n                onMouseLeave={handleMouseLeave}\n                onScroll={handleScroll}\n                ref={tableRef}\n                role=\"table\"\n                style={{\n                    gridTemplateColumns,\n                    gridTemplateRows: rows.length ? undefined : '40px',\n                    // create a new stacking context so our internal z-indexes don't effect external components\n                    // https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context\n                    opacity: 0.999,\n                }}\n                tabIndex={0}>\n                <div className=\"contents\" data-taco=\"table2-header\" role=\"rowgroup\">\n                    {table.getHeaderGroups().map(headerGroup => (\n                        <div className=\"contents\" key={headerGroup.id} role=\"row\">\n                            {headerGroup.headers.map((header, columnIndex) => (\n                                <Header\n                                    key={header.id}\n                                    header={header}\n                                    index={columnIndex}\n                                    isLastColumn={columnIndex === headerGroup.headers.length - 1}\n                                    scrolled={scrolled}\n                                    table={table}\n                                    tableRef={tableRef}\n                                />\n                            ))}\n                        </div>\n                    ))}\n                </div>\n                {rows.length ? (\n                    <div className=\"contents\" data-taco=\"table2-body\" role=\"rowgroup\">\n                        {virtualiserOffsets.top ? (\n                            <div style={{ height: virtualiserOffsets.top }} className=\"col-span-full\" />\n                        ) : null}\n                        {virtualiser.virtualItems.map(virtualRow => {\n                            const row = rows[virtualRow.index];\n\n                            return (\n                                <React.Fragment key={row.id}>\n                                    <Row className=\"group/row contents\" row={row} rowIndex={virtualRow.index} table={table}>\n                                        {row.getVisibleCells().map((cell, columnIndex) => (\n                                            <Cell\n                                                cell={cell}\n                                                key={`${cell.id}_${cell.getValue()}`}\n                                                index={columnIndex}\n                                                isLastRow={virtualRow.index === rows.length - 1}\n                                                rows={rows}\n                                                rowIndex={virtualRow.index}\n                                                scrolled={scrolled}\n                                                scrollToIndex={virtualiser.scrollToIndex}\n                                                scrollToOffset={virtualiser.scrollToOffset}\n                                                table={table}\n                                                tableRef={tableRef}\n                                            />\n                                        ))}\n                                    </Row>\n                                    {row.getIsExpanded() && expandedRowRenderer ? (\n                                        <ExpandedRow index={virtualRow.index} setSize={setExpandedRowSizes}>\n                                            {expandedRowRenderer(row.original)?.()}\n                                        </ExpandedRow>\n                                    ) : null}\n                                </React.Fragment>\n                            );\n                        })}\n                        {virtualiserOffsets.bottom ? (\n                            <div style={{ height: virtualiserOffsets.bottom }} className=\"col-span-full\" />\n                        ) : null}\n                    </div>\n                ) : (\n                    <div className=\"col-span-full min-h-[theme(spacing.8)]\">{EmptyState ? <EmptyState /> : null}</div>\n                )}\n                {hasFooters ? (\n                    <div role=\"rowgroup\" className=\"contents\" data-taco=\"table2-footer\">\n                        {table.getFooterGroups().map(footerGroup => (\n                            <div key={footerGroup.id} role=\"row\" className=\"contents\">\n                                {footerGroup.headers.map((footer, cellIndex) => (\n                                    <Footer key={footer.id} footer={footer} index={cellIndex} scrolled={scrolled} table={table}>\n                                        {footers[footer.id]\n                                            ? footers[footer.id](rows.map((row: TRow<TType>) => row.original[footer.id]))\n                                            : null}\n                                    </Footer>\n                                ))}\n                            </div>\n                        ))}\n                    </div>\n                ) : null}\n            </div>\n            {!!_experimentalActionsForTable &&\n            table.options.enableRowSelection &&\n            (table.getIsSomeRowsSelected() || table.getIsAllRowsSelected()) ? (\n                <BatchActionsMenu<TType>\n                    className=\"fixed-center-x bottom-0 z-50 mb-4 print:hidden\"\n                    actionsForTable={_experimentalActionsForTable}\n                    summary={_experimentalActionsForTableSummary}\n                    table={table}\n                />\n            ) : null}\n        </div>\n    );\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\nTable2.Toolbar = Toolbar;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionProps, Table2Settings, Table2ToolbarProps } from './types';\n"],"names":["Column","_","displayName","Toolbar","props","className","cn","React","Table2","forwardRef","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","columns","toolbar","useSeparatedChildren","children","rows","table","footers","useTable","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","resetFocussableColumnIndexes","editMode","isEditing","clearTimeout","current","virtualiser","virtualiserOffsets","setExpandedRowSizes","useVirtualiser","gridTemplateColumns","useGridTemplate","editButtonRef","handleKeyDown","event","document","activeElement","key","preventDefault","ctrlKey","metaKey","setActiveRowIndex","scrollToOffset","moveToPreviousRow","nextIndex","setShouldPauseHoverState","scrollToIndex","totalSize","moveToNextRow","scrollTo","scrollHeight","canToggleRowExpansion","enableExpanding","activeRowIndex","toggleExpanded","original","enableRowSelection","toggleSelected","toggleAllRowsSelected","handleBlur","elementGainingFocus","relatedTarget","undefined","portalId","closest","id","currentTarget","querySelector","contains","setTimeout","parentRow","target","isNewFocussedElementInSameRow","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","scrolled","setScrolled","useState","loadingRef","handleScroll","scrollLeft","scrollTop","clientHeight","isAllRowsSelected","getIsAllRowsSelected","handleMouseLeave","shouldPauseHoverState","enableSettingsButton","enablePinning","enableHiding","enableColumnReordering","hasInternalToolbar","enableEditMode","enableColumnFilters","enableRowDensity","enableGlobalFilter","hasToolbar","hasFooters","useMemo","summaryIds","Object","keys","visibleIds","filter","c","some","v","includes","Group","EditModeButton","FiltersButton","RowDensityButton","ColumnSettingsButton","Search","disabled","shouldDisableTableActions","onSearch","setGlobalFilter","value","ShortcutsGuideButton","onBlur","onKeyDown","onMouseLeave","onScroll","role","style","gridTemplateRows","opacity","tabIndex","getHeaderGroups","map","headerGroup","headers","header","columnIndex","Header","index","isLastColumn","top","height","virtualItems","virtualRow","row","Fragment","Row","rowIndex","getVisibleCells","cell","Cell","getValue","isLastRow","getIsExpanded","ExpandedRow","setSize","bottom","getFooterGroups","footerGroup","footer","cellIndex","Footer","getIsSomeRowsSelected","BatchActionsMenu","actionsForTable","summary"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/row/Context.js

@@ -4,12 +4,12 @@ const RowContext = /*#__PURE__*/React__default.createContext({
   isActive: false,
   editMode: {
     validationErrors: null,
-    setValidationErrors: () => {},
+    setValidationErrors: () => undefined,
     rowMoveReason: {},
-    setRowMoveReason: () => {}
+    setRowMoveReason: () => undefined
   },
   isHovered: false,
-  setIsHovered: () => {}
+  setIsHovered: () => undefined
 });
 const RowContextProvider = ({
   isActiveRow,

package/dist/esm/packages/taco/src/components/Table2/components/row/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../../../../../../src/components/Table2/components/row/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { SaveHandlerErrorResponse } from '../../types';\nimport { IndicatorReason } from '../column/Indicator';\n\ntype RowContextValue = {\n    // we store this here because the \"real\" row index comes from the virtualiser,\n    // and that isn't accessible in some places we need it - like the row actions column\n    isActive: boolean;\n    editMode: {\n        validationErrors: SaveHandlerErrorResponse;\n        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;\n        rowMoveReason: Record<string, IndicatorReason | null>;\n        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;\n    };\n    isHovered: boolean;\n    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isActive: false,\n    editMode: {\n        validationErrors: null,\n        setValidationErrors: () => {},\n        rowMoveReason: {},\n        setRowMoveReason: () => {},\n    },\n    isHovered: false,\n    setIsHovered: () => {},\n});\n\nexport const RowContextProvider = ({ isActiveRow, children, meta }) => {\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // editing specific functionality\n    const [validationErrors, setValidationErrors] = React.useState<SaveHandlerErrorResponse | null>(null);\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    // This effect aims to focus the first focussable cell when edit mode is turned on.\n    React.useEffect(() => {\n        const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n\n        // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.\n        if (isActiveRow && isFocusInsideTable) {\n            meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);\n        }\n        // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,\n        // first focussable cell is not focussed.\n    }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);\n\n    const context = React.useMemo(() => {\n        return {\n            isActive: isActiveRow,\n            editMode: {\n                validationErrors,\n                setValidationErrors,\n                rowMoveReason,\n                setRowMoveReason,\n            },\n            isHovered,\n            setIsHovered,\n        };\n    }, [isActiveRow, isHovered, rowMoveReason, validationErrors]);\n\n    return <RowContext.Provider value={context}>{children}</RowContext.Provider>;\n};\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isActive","editMode","validationErrors","setValidationErrors","rowMoveReason","setRowMoveReason","isHovered","setIsHovered","RowContextProvider","isActiveRow","children","meta","useState","useEffect","isFocusInsideTable","tableRef","current","contains","document","activeElement","moveToFirstColumn","focussableColumnIndexes","isEditing","context","useMemo","Provider","value","useRowContext","useContext"],"mappings":";;MAkBaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACNC,gBAAgB,EAAE,IAAI;IACtBC,mBAAmB,EAAE,QAAQ;IAC7BC,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAE;GACrB;EACDC,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAE;CACjB;MAEYC,kBAAkB,GAAG,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;CAAM;;EAE9D,MAAM,CAACL,SAAS,EAAEC,YAAY,CAAC,GAAGT,cAAK,CAACc,QAAQ,CAAC,KAAK,CAAC;;EAGvD,MAAM,CAACV,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,cAAK,CAACc,QAAQ,CAAkC,IAAI,CAAC;EACrG,MAAM,CAACR,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,cAAK,CAACc,QAAQ,CAAyC,EAAE,CAAC;;EAGpGd,cAAK,CAACe,SAAS,CAAC;;IACZ,MAAMC,kBAAkB,4BAAGH,IAAI,CAACI,QAAQ,CAACC,OAAO,0DAArB,sBAAuBC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;;IAGlF,IAAIV,WAAW,IAAIK,kBAAkB,EAAE;MACnCH,IAAI,CAACV,QAAQ,CAACmB,iBAAiB,CAACT,IAAI,CAACU,uBAAuB,CAAC;;;;GAIpE,EAAE,CAACV,IAAI,CAACV,QAAQ,CAACqB,SAAS,EAAEX,IAAI,CAACU,uBAAuB,CAAC,CAAC;EAE3D,MAAME,OAAO,GAAGzB,cAAK,CAAC0B,OAAO,CAAC;IAC1B,OAAO;MACHxB,QAAQ,EAAES,WAAW;MACrBR,QAAQ,EAAE;QACNC,gBAAgB;QAChBC,mBAAmB;QACnBC,aAAa;QACbC;OACH;MACDC,SAAS;MACTC;KACH;GACJ,EAAE,CAACE,WAAW,EAAEH,SAAS,EAAEF,aAAa,EAAEF,gBAAgB,CAAC,CAAC;EAE7D,oBAAOJ,6BAACD,UAAU,CAAC4B,QAAQ;IAACC,KAAK,EAAEH;KAAUb,QAAQ,CAAuB;AAChF;MAEaiB,aAAa,GAAG,MAAM7B,cAAK,CAAC8B,UAAU,CAAC/B,UAAU;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../../../../../../src/components/Table2/components/row/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { SaveHandlerErrorResponse } from '../../types';\nimport { IndicatorReason } from '../column/Indicator';\n\ntype RowContextValue = {\n    // we store this here because the \"real\" row index comes from the virtualiser,\n    // and that isn't accessible in some places we need it - like the row actions column\n    isActive: boolean;\n    editMode: {\n        validationErrors: SaveHandlerErrorResponse;\n        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;\n        rowMoveReason: Record<string, IndicatorReason | null>;\n        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;\n    };\n    isHovered: boolean;\n    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isActive: false,\n    editMode: {\n        validationErrors: null,\n        setValidationErrors: () => undefined,\n        rowMoveReason: {},\n        setRowMoveReason: () => undefined,\n    },\n    isHovered: false,\n    setIsHovered: () => undefined,\n});\n\nexport const RowContextProvider = ({ isActiveRow, children, meta }) => {\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // editing specific functionality\n    const [validationErrors, setValidationErrors] = React.useState<SaveHandlerErrorResponse | null>(null);\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    // This effect aims to focus the first focussable cell when edit mode is turned on.\n    React.useEffect(() => {\n        const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n\n        // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.\n        if (isActiveRow && isFocusInsideTable) {\n            meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);\n        }\n        // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,\n        // first focussable cell is not focussed.\n    }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);\n\n    const context = React.useMemo(() => {\n        return {\n            isActive: isActiveRow,\n            editMode: {\n                validationErrors,\n                setValidationErrors,\n                rowMoveReason,\n                setRowMoveReason,\n            },\n            isHovered,\n            setIsHovered,\n        };\n    }, [isActiveRow, isHovered, rowMoveReason, validationErrors]);\n\n    return <RowContext.Provider value={context}>{children}</RowContext.Provider>;\n};\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isActive","editMode","validationErrors","setValidationErrors","undefined","rowMoveReason","setRowMoveReason","isHovered","setIsHovered","RowContextProvider","isActiveRow","children","meta","useState","useEffect","isFocusInsideTable","tableRef","current","contains","document","activeElement","moveToFirstColumn","focussableColumnIndexes","isEditing","context","useMemo","Provider","value","useRowContext","useContext"],"mappings":";;MAkBaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACNC,gBAAgB,EAAE,IAAI;IACtBC,mBAAmB,EAAE,MAAMC,SAAS;IACpCC,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAE,MAAMF;GAC3B;EACDG,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAE,MAAMJ;CACvB;MAEYK,kBAAkB,GAAG,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;CAAM;;EAE9D,MAAM,CAACL,SAAS,EAAEC,YAAY,CAAC,GAAGV,cAAK,CAACe,QAAQ,CAAC,KAAK,CAAC;;EAGvD,MAAM,CAACX,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,cAAK,CAACe,QAAQ,CAAkC,IAAI,CAAC;EACrG,MAAM,CAACR,aAAa,EAAEC,gBAAgB,CAAC,GAAGR,cAAK,CAACe,QAAQ,CAAyC,EAAE,CAAC;;EAGpGf,cAAK,CAACgB,SAAS,CAAC;;IACZ,MAAMC,kBAAkB,4BAAGH,IAAI,CAACI,QAAQ,CAACC,OAAO,0DAArB,sBAAuBC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;;IAGlF,IAAIV,WAAW,IAAIK,kBAAkB,EAAE;MACnCH,IAAI,CAACX,QAAQ,CAACoB,iBAAiB,CAACT,IAAI,CAACU,uBAAuB,CAAC;;;;GAIpE,EAAE,CAACV,IAAI,CAACX,QAAQ,CAACsB,SAAS,EAAEX,IAAI,CAACU,uBAAuB,CAAC,CAAC;EAE3D,MAAME,OAAO,GAAG1B,cAAK,CAAC2B,OAAO,CAAC;IAC1B,OAAO;MACHzB,QAAQ,EAAEU,WAAW;MACrBT,QAAQ,EAAE;QACNC,gBAAgB;QAChBC,mBAAmB;QACnBE,aAAa;QACbC;OACH;MACDC,SAAS;MACTC;KACH;GACJ,EAAE,CAACE,WAAW,EAAEH,SAAS,EAAEF,aAAa,EAAEH,gBAAgB,CAAC,CAAC;EAE7D,oBAAOJ,6BAACD,UAAU,CAAC6B,QAAQ;IAACC,KAAK,EAAEH;KAAUb,QAAQ,CAAuB;AAChF;MAEaiB,aAAa,GAAG,MAAM9B,cAAK,CAAC+B,UAAU,CAAChC,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js

@@ -77,8 +77,8 @@ function useColumnDefinitions(children, options, tableRef) {
         });
       }
     });
-    if (options.enableRowExpansion) {
-      columns.unshift(columnHelper.display(createRowExpansionColumn(texts)));
+    if (options.enableRowExpansion && options.expandedRowRenderer) {
+      columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));
       defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);
     }
     if (options.enableRowSelection) {

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionProps,\n} from '../types';\nimport {\n    COLUMN_ID_FOR_DRAGGABLE,\n    COLUMN_ID_FOR_EXPANSION,\n    COLUMN_ID_FOR_SELECTION,\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\nimport { useLocalization } from '../../Provider/Localization';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        disableTruncation?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionProps<TType>[];\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnPinning: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const { texts } = useLocalization();\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnPinning: string[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[]).forEach(child => {\n            if (React.isValidElement(child)) {\n                if (child.props.defaultPinned && options.enableColumnPinning) {\n                    defaultColumnPinning.push(child.props.accessor);\n                }\n\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                if (child.props.footer) {\n                    footers[child.props.accessor] = child.props.footer;\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor,\n                    cell: props => {\n                        if (typeof child.props.renderer === 'function') {\n                            return child.props.renderer(props.getValue(), props.row.original);\n                        }\n\n                        // If value is undefined then return null because cell is a react component, and undefined is not\n                        // a valid child value.\n                        return props.getValue() ?? null;\n                    },\n                    header: child.props.header,\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        defaultWidth: child.props.defaultWidth,\n                        disableReordering: child.props.disableReordering,\n                        disableTruncation: child.props.disableTruncation,\n                        menu: child.props.menu,\n                        tooltip: child.props.tooltip,\n                    },\n                    enableHiding: !child.props.disableHiding,\n                    // filtering\n                    enableColumnFilter: !child.props.disableFiltering,\n                    filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sizing\n                    enableResizing: !child.props.disableResizing,\n                    minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                    size: child.props.defaultWidth,\n                    // sorting\n                    enableSorting: !child.props.disableSorting,\n                    sortingFn: getSortingFn(child.props.dataType),\n                });\n            }\n        });\n\n        if (options.enableRowExpansion) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(texts)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef,\n                        texts\n                    )\n                )\n            );\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, texts)));\n        }\n\n        return { columns, defaultColumnPinning, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nconst getSortingFn = (dataType?: ColumnDataType): SortingFnOption<any> => {\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n};\n"],"names":["useColumnDefinitions","children","options","tableRef","texts","useLocalization","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","columns","defaultColumnPinning","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","forEach","child","isValidElement","props","defaultPinned","enableColumnPinning","push","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","id","desc","footer","accessorKey","cell","renderer","getValue","row","original","header","meta","align","className","control","dataType","disableReordering","disableTruncation","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","enableRowExpansion","unshift","display","createRowExpansionColumn","COLUMN_ID_FOR_EXPANSION","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","COLUMN_ID_FOR_SELECTION","createRowDraggableColumn","COLUMN_ID_FOR_DRAGGABLE","actionsForRow","length","createRowActionsColumn"],"mappings":"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"}
+{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.ts"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    RowExpansionRenderer,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionProps,\n} from '../types';\nimport {\n    COLUMN_ID_FOR_DRAGGABLE,\n    COLUMN_ID_FOR_EXPANSION,\n    COLUMN_ID_FOR_SELECTION,\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\nimport { useLocalization } from '../../Provider/Localization';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        disableTruncation?: boolean;\n        defaultWidth?: number;\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionProps<TType>[];\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnPinning: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const { texts } = useLocalization();\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnPinning: string[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[]).forEach(child => {\n            if (React.isValidElement(child)) {\n                if (child.props.defaultPinned && options.enableColumnPinning) {\n                    defaultColumnPinning.push(child.props.accessor);\n                }\n\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor] = child.props.defaultWidth;\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                if (child.props.footer) {\n                    footers[child.props.accessor] = child.props.footer;\n                }\n\n                columns.push({\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor,\n                    cell: props => {\n                        if (typeof child.props.renderer === 'function') {\n                            return child.props.renderer(props.getValue(), props.row.original);\n                        }\n\n                        // If value is undefined then return null because cell is a react component, and undefined is not\n                        // a valid child value.\n                        return props.getValue() ?? null;\n                    },\n                    header: child.props.header,\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        defaultWidth: child.props.defaultWidth,\n                        disableReordering: child.props.disableReordering,\n                        disableTruncation: child.props.disableTruncation,\n                        menu: child.props.menu,\n                        tooltip: child.props.tooltip,\n                    },\n                    enableHiding: !child.props.disableHiding,\n                    // filtering\n                    enableColumnFilter: !child.props.disableFiltering,\n                    filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                    // sizing\n                    enableResizing: !child.props.disableResizing,\n                    minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                    size: child.props.defaultWidth,\n                    // sorting\n                    enableSorting: !child.props.disableSorting,\n                    sortingFn: getSortingFn(child.props.dataType),\n                });\n            }\n        });\n\n        if (options.enableRowExpansion && options.expandedRowRenderer) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_EXPANSION);\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef,\n                        texts\n                    )\n                )\n            );\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_SELECTION);\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));\n            defaultColumnPinning.unshift(COLUMN_ID_FOR_DRAGGABLE);\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, texts)));\n        }\n\n        return { columns, defaultColumnPinning, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nconst getSortingFn = (dataType?: ColumnDataType): SortingFnOption<any> => {\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n};\n"],"names":["useColumnDefinitions","children","options","tableRef","texts","useLocalization","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","columns","defaultColumnPinning","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","forEach","child","isValidElement","props","defaultPinned","enableColumnPinning","push","accessor","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","id","desc","footer","accessorKey","cell","renderer","getValue","row","original","header","meta","align","className","control","dataType","disableReordering","disableTruncation","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","COLUMN_ID_FOR_EXPANSION","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","COLUMN_ID_FOR_SELECTION","createRowDraggableColumn","COLUMN_ID_FOR_DRAGGABLE","actionsForRow","length","createRowActionsColumn"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useTable.js

@@ -58,6 +58,7 @@ function useTable(children, props, ref) {
     enableRowExpansion,
     enableRowSelection,
     enableMultipleRowSelection,
+    expandedRowRenderer,
     onRowDrag
   }, ref);
   const lastSortedOrFilteredRows = React__default.useRef(null);

package/dist/esm/packages/taco/src/components/Table2/hooks/useTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table2/hooks/useTable.ts"],"sourcesContent":["import React from 'react';\nimport {\n    useReactTable,\n    getCoreRowModel,\n    OnChangeFn,\n    getSortedRowModel,\n    getFilteredRowModel,\n    RowData,\n    TableState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2ColumnProps, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener';\nimport { ColumnOffsetState } from '../types';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../utilities/filterFn';\nimport { ActiveRowHandler, ActiveRowMoveHandler, useActiveRow } from './useActiveRow';\nimport { useActiveRowStateListener } from './listeners/useActiveRowStateListener';\nimport { useEditMode } from './useEditMode';\nimport { useShouldPauseHoverState } from './useShouldPauseHoverState';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // active row\n        activeRowIndex: number;\n        setActiveRowIndex: ActiveRowHandler;\n        moveToPreviousRow: ActiveRowMoveHandler<TData>;\n        moveToNextRow: ActiveRowMoveHandler<TData>;\n        // offsets\n        columnOffsets: ColumnOffsetState;\n        // density\n        enableRowDensity: boolean;\n        rowDensity: RowDensity;\n        setRowDensity: OnChangeFn<RowDensity>;\n        // dragging\n        enableRowDragging: boolean;\n        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnReordering: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        shouldPauseHoverState: boolean;\n        setShouldPauseHoverState: OnChangeFn<boolean>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        // editing\n        editMode: useEditMode;\n        // used to determine first and last data column position\n        dataColumnStartOffset: number;\n        dataColumnEndOffset: number;\n        // disable table actions\n        shouldDisableTableActions: boolean;\n        setShouldDisableTableActions: OnChangeFn<boolean>;\n        // active row column indexes\n        focussableColumnIndexes: number[];\n        addFocussableColumnIndex: (index: number) => void;\n        resetFocussableColumnIndexes: () => void;\n        // table ref\n        tableRef: React.RefObject<HTMLDivElement>;\n        // last sorted or filtered rows\n        lastSortedOrFilteredRows: React.MutableRefObject<Array<any>>;\n    }\n}\n\nexport function useTable<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    props: Table2Props<TType>,\n    ref: React.RefObject<HTMLDivElement>\n) {\n    const {\n        actionsForRow = [],\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnPinning = false,\n        disableColumnReordering = false,\n        disableColumnResizing = false,\n        disableRowDensity = false,\n        disableRowExpansion = false,\n        disableRowSelection = false,\n        disableMultipleRowSelection = false,\n        disableSearch = false,\n        disableSorting = false,\n        expandedRowRenderer,\n        manualColumnFiltering = false,\n        manualSearch = false,\n        manualSorting = false,\n        onChangeSettings,\n        onRowClick,\n        onRowDrag,\n        onRowSelect,\n        onSave,\n        settings = {},\n        // experimental\n        _experimentalActionsForTable,\n    } = props;\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, defaultColumnPinning, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnPinning: !disableColumnPinning,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                onRowDrag,\n            },\n            ref\n        );\n\n    const lastSortedOrFilteredRows = React.useRef<any>(null);\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: settings?.columnOrder ?? columns.map(column => column.id as string),\n        columnPinning: {\n            left: settings?.columnPinning?.left ?? defaultColumnPinning ?? [],\n            right: [],\n        },\n        columnSizing: settings?.columnSizing ?? defaultColumnSizing,\n        columnVisibility: settings?.columnVisibility ?? defaultColumnVisibility,\n    };\n\n    // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns\n    const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);\n    const dataColumnEndOffset = actionsForRow.length ? 1 : 0;\n\n    // custom\n    const activeRow = useActiveRow<TType>(defaultActiveRowIndex);\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useShouldPauseHoverState();\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState({});\n    const [rowDensity, setRowDensity] = React.useState<RowDensity>(settings?.rowDensity ?? 'normal');\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n    const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React.useState<boolean>(false);\n    const [shouldDisableTableActions, setShouldDisableTableActions] = React.useState<boolean>(false);\n    // For some reason, using state instead of ref didn't work as expected, that's why ref is used\n    const focussableColumnIndexes = React.useRef<number[]>([]);\n\n    // some options get set even if they are undefined, so we have to do it conditionally\n    const options: Partial<TableOptions<any>> = {\n        enableExpanding: enableRowExpansion,\n        enableColumnFilters: !disableColumnFiltering,\n        enableColumnResizing: !disableColumnResizing,\n        enableGlobalFilter: !disableSearch,\n        enableHiding: !disableColumnHiding,\n        enablePinning: !disableColumnPinning,\n        enableRowSelection: enableRowSelection,\n        enableMultiRowSelection: enableMultipleRowSelection,\n        enableSorting: !disableSorting,\n    };\n\n    // resizing\n    if (options.enableColumnResizing) {\n        options.columnResizeMode = 'onChange';\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        initialState.sorting = settings?.sorting ?? defaultSorting;\n\n        if (manualSorting) {\n            options.manualSorting = true;\n        } else {\n            options.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // filtering\n    if (options.enableColumnFilters) {\n        initialState.columnFilters = settings?.columnFilters ?? [];\n\n        if (manualColumnFiltering) {\n            options.manualFiltering = true;\n        } else {\n            options.filterFns = {\n                tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (options.enableGlobalFilter) {\n        if (manualSearch) {\n            options.manualFiltering = true;\n        } else {\n            options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    const table = useReactTable({\n        data,\n        columns: columns as any,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...options,\n        meta: {\n            ...activeRow,\n            editMode,\n            // offsets\n            columnOffsets,\n            // density\n            enableRowDensity: !disableRowDensity,\n            rowDensity,\n            setRowDensity,\n            // dragging\n            enableRowDragging: !!onRowDrag,\n            dragging,\n            setDragging,\n            // computed\n            enableColumnReordering: !disableColumnReordering,\n            shouldPauseHoverState,\n            setShouldPauseHoverState,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            // data column positions\n            dataColumnStartOffset,\n            dataColumnEndOffset,\n            // disable table actions\n            shouldDisableTableActions,\n            setShouldDisableTableActions,\n            // active row column indexes\n            focussableColumnIndexes: focussableColumnIndexes.current,\n            addFocussableColumnIndex: (index: number) => {\n                if (!focussableColumnIndexes.current.includes(index)) {\n                    focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);\n                }\n            },\n            resetFocussableColumnIndexes: () => {\n                focussableColumnIndexes.current = [];\n            },\n            // table ref\n            tableRef: ref,\n            // last sorted or filtered rows\n            lastSortedOrFilteredRows,\n        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n\n    if (!shouldPauseSortingAndFiltering) {\n        lastSortedOrFilteredRows.current = tableRows;\n    }\n\n    const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;\n\n    // state listeners\n    useActiveRowStateListener<TType>(table, rows, activeRow);\n    useColumnOffsetStateListener(table, setColumnOffsets);\n    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    return { rows, table, footers };\n}\n"],"names":["useTable","children","props","ref","actionsForRow","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnPinning","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","defaultColumnPinning","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnPinning","lastSortedOrFilteredRows","React","useRef","initialState","columnOrder","map","column","id","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","shouldPauseHoverState","setShouldPauseHoverState","useShouldPauseHoverState","editMode","useEditMode","columnOffsets","setColumnOffsets","useState","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","focussableColumnIndexes","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sorting","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableRowDragging","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","useActiveRowStateListener","useColumnOffsetStateListener","useRowSelectionListener","useSettingsStateListener"],"mappings":"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"}
+{"version":3,"file":"useTable.js","sources":["../../../../../../../../src/components/Table2/hooks/useTable.ts"],"sourcesContent":["import React from 'react';\nimport {\n    useReactTable,\n    getCoreRowModel,\n    OnChangeFn,\n    getSortedRowModel,\n    getFilteredRowModel,\n    RowData,\n    TableState,\n    TableOptions,\n} from '@tanstack/react-table';\nimport { RowClickHandler, RowDensity, Table2ColumnProps, Table2Props } from '../types';\nimport { useColumnDefinitions } from './useColumnDefinitions';\nimport { useColumnOffsetStateListener } from './listeners/useColumnOffsetStateListener';\nimport { ColumnOffsetState } from '../types';\nimport { useRowSelectionListener } from './listeners/useRowSelectionListener';\nimport { useSettingsStateListener } from './listeners/useSettingsStateListener';\nimport { columnFilterFn, globalFilterFn } from '../utilities/filterFn';\nimport { ActiveRowHandler, ActiveRowMoveHandler, useActiveRow } from './useActiveRow';\nimport { useActiveRowStateListener } from './listeners/useActiveRowStateListener';\nimport { useEditMode } from './useEditMode';\nimport { useShouldPauseHoverState } from './useShouldPauseHoverState';\n\ndeclare module '@tanstack/table-core' {\n    interface TableMeta<TData extends RowData> {\n        // active row\n        activeRowIndex: number;\n        setActiveRowIndex: ActiveRowHandler;\n        moveToPreviousRow: ActiveRowMoveHandler<TData>;\n        moveToNextRow: ActiveRowMoveHandler<TData>;\n        // offsets\n        columnOffsets: ColumnOffsetState;\n        // density\n        enableRowDensity: boolean;\n        rowDensity: RowDensity;\n        setRowDensity: OnChangeFn<RowDensity>;\n        // dragging\n        enableRowDragging: boolean;\n        dragging: Record<string, boolean>;\n        setDragging: OnChangeFn<Record<string, boolean>>;\n        // computed\n        enableColumnReordering: boolean;\n        shouldPauseSortingAndFiltering: boolean;\n        setShouldPauseSortingAndFiltering: OnChangeFn<boolean>;\n        shouldPauseHoverState: boolean;\n        setShouldPauseHoverState: OnChangeFn<boolean>;\n        // other\n        onRowClick?: RowClickHandler<TData>;\n        // editing\n        editMode: useEditMode;\n        // used to determine first and last data column position\n        dataColumnStartOffset: number;\n        dataColumnEndOffset: number;\n        // disable table actions\n        shouldDisableTableActions: boolean;\n        setShouldDisableTableActions: OnChangeFn<boolean>;\n        // active row column indexes\n        focussableColumnIndexes: number[];\n        addFocussableColumnIndex: (index: number) => void;\n        resetFocussableColumnIndexes: () => void;\n        // table ref\n        tableRef: React.RefObject<HTMLDivElement>;\n        // last sorted or filtered rows\n        lastSortedOrFilteredRows: React.MutableRefObject<Array<any>>;\n    }\n}\n\nexport function useTable<TType = any>(\n    children: React.ReactElement<Table2ColumnProps<TType>>[],\n    props: Table2Props<TType>,\n    ref: React.RefObject<HTMLDivElement>\n) {\n    const {\n        actionsForRow = [],\n        data,\n        defaultActiveRowIndex,\n        disableColumnFiltering = false,\n        disableColumnHiding = false,\n        disableColumnPinning = false,\n        disableColumnReordering = false,\n        disableColumnResizing = false,\n        disableRowDensity = false,\n        disableRowExpansion = false,\n        disableRowSelection = false,\n        disableMultipleRowSelection = false,\n        disableSearch = false,\n        disableSorting = false,\n        expandedRowRenderer,\n        manualColumnFiltering = false,\n        manualSearch = false,\n        manualSorting = false,\n        onChangeSettings,\n        onRowClick,\n        onRowDrag,\n        onRowSelect,\n        onSave,\n        settings = {},\n        // experimental\n        _experimentalActionsForTable,\n    } = props;\n    const enableRowExpansion = !disableRowExpansion && !!expandedRowRenderer;\n    const enableRowSelection = !disableRowSelection && (!!onRowSelect || !!_experimentalActionsForTable?.length);\n    const enableMultipleRowSelection = !disableMultipleRowSelection && enableRowSelection;\n\n    const { columns, defaultColumnPinning, defaultColumnSizing, defaultSorting, defaultColumnVisibility, footers } =\n        useColumnDefinitions<TType>(\n            children,\n            {\n                actionsForRow,\n                enableColumnFiltering: !disableColumnFiltering,\n                enableColumnHiding: !disableColumnHiding,\n                enableColumnPinning: !disableColumnPinning,\n                enableRowExpansion,\n                enableRowSelection,\n                enableMultipleRowSelection,\n                expandedRowRenderer,\n                onRowDrag,\n            },\n            ref\n        );\n\n    const lastSortedOrFilteredRows = React.useRef<any>(null);\n\n    // defaults\n    const initialState: Partial<TableState> = {\n        columnOrder: settings?.columnOrder ?? columns.map(column => column.id as string),\n        columnPinning: {\n            left: settings?.columnPinning?.left ?? defaultColumnPinning ?? [],\n            right: [],\n        },\n        columnSizing: settings?.columnSizing ?? defaultColumnSizing,\n        columnVisibility: settings?.columnVisibility ?? defaultColumnVisibility,\n    };\n\n    // Data column index - these are needed to make sure left and right arrow key shortcuts focuses only the data columns\n    const dataColumnStartOffset = [!!onRowDrag, !!enableRowExpansion, !!enableRowSelection].reduce((t, e) => t + (e ? 1 : 0), 0);\n    const dataColumnEndOffset = actionsForRow.length ? 1 : 0;\n\n    // custom\n    const activeRow = useActiveRow<TType>(defaultActiveRowIndex);\n    const [shouldPauseHoverState, setShouldPauseHoverState] = useShouldPauseHoverState();\n    const editMode = useEditMode(onSave);\n    const [columnOffsets, setColumnOffsets] = React.useState({});\n    const [rowDensity, setRowDensity] = React.useState<RowDensity>(settings?.rowDensity ?? 'normal');\n    const [dragging, setDragging] = React.useState<Record<string, boolean>>({});\n    const [shouldPauseSortingAndFiltering, setShouldPauseSortingAndFiltering] = React.useState<boolean>(false);\n    const [shouldDisableTableActions, setShouldDisableTableActions] = React.useState<boolean>(false);\n    // For some reason, using state instead of ref didn't work as expected, that's why ref is used\n    const focussableColumnIndexes = React.useRef<number[]>([]);\n\n    // some options get set even if they are undefined, so we have to do it conditionally\n    const options: Partial<TableOptions<any>> = {\n        enableExpanding: enableRowExpansion,\n        enableColumnFilters: !disableColumnFiltering,\n        enableColumnResizing: !disableColumnResizing,\n        enableGlobalFilter: !disableSearch,\n        enableHiding: !disableColumnHiding,\n        enablePinning: !disableColumnPinning,\n        enableRowSelection: enableRowSelection,\n        enableMultiRowSelection: enableMultipleRowSelection,\n        enableSorting: !disableSorting,\n    };\n\n    // resizing\n    if (options.enableColumnResizing) {\n        options.columnResizeMode = 'onChange';\n    }\n\n    // sorting\n    if (options.enableSorting) {\n        initialState.sorting = settings?.sorting ?? defaultSorting;\n\n        if (manualSorting) {\n            options.manualSorting = true;\n        } else {\n            options.getSortedRowModel = getSortedRowModel();\n        }\n    }\n\n    // filtering\n    if (options.enableColumnFilters) {\n        initialState.columnFilters = settings?.columnFilters ?? [];\n\n        if (manualColumnFiltering) {\n            options.manualFiltering = true;\n        } else {\n            options.filterFns = {\n                tacoFilter: (row, columnId, filter) => columnFilterFn(row.getValue(columnId), filter),\n            };\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    // search\n    if (options.enableGlobalFilter) {\n        if (manualSearch) {\n            options.manualFiltering = true;\n        } else {\n            options.globalFilterFn = (row, columnId, query) => globalFilterFn(row.getValue(columnId), query);\n            options.getFilteredRowModel = getFilteredRowModel();\n        }\n    }\n\n    const table = useReactTable({\n        data,\n        columns: columns as any,\n        getCoreRowModel: getCoreRowModel(),\n        initialState,\n        ...options,\n        meta: {\n            ...activeRow,\n            editMode,\n            // offsets\n            columnOffsets,\n            // density\n            enableRowDensity: !disableRowDensity,\n            rowDensity,\n            setRowDensity,\n            // dragging\n            enableRowDragging: !!onRowDrag,\n            dragging,\n            setDragging,\n            // computed\n            enableColumnReordering: !disableColumnReordering,\n            shouldPauseHoverState,\n            setShouldPauseHoverState,\n            // resorting\n            shouldPauseSortingAndFiltering,\n            setShouldPauseSortingAndFiltering,\n            // other\n            onRowClick,\n            // data column positions\n            dataColumnStartOffset,\n            dataColumnEndOffset,\n            // disable table actions\n            shouldDisableTableActions,\n            setShouldDisableTableActions,\n            // active row column indexes\n            focussableColumnIndexes: focussableColumnIndexes.current,\n            addFocussableColumnIndex: (index: number) => {\n                if (!focussableColumnIndexes.current.includes(index)) {\n                    focussableColumnIndexes.current = [...focussableColumnIndexes.current, index].sort((a, b) => a - b);\n                }\n            },\n            resetFocussableColumnIndexes: () => {\n                focussableColumnIndexes.current = [];\n            },\n            // table ref\n            tableRef: ref,\n            // last sorted or filtered rows\n            lastSortedOrFilteredRows,\n        },\n    });\n\n    const tableRows = table.getRowModel().rows;\n\n    if (!shouldPauseSortingAndFiltering) {\n        lastSortedOrFilteredRows.current = tableRows;\n    }\n\n    const rows = shouldPauseSortingAndFiltering ? lastSortedOrFilteredRows.current : tableRows;\n\n    // state listeners\n    useActiveRowStateListener<TType>(table, rows, activeRow);\n    useColumnOffsetStateListener(table, setColumnOffsets);\n    useRowSelectionListener<TType>(table, onRowSelect);\n    useSettingsStateListener(table, onChangeSettings);\n\n    return { rows, table, footers };\n}\n"],"names":["useTable","children","props","ref","actionsForRow","data","defaultActiveRowIndex","disableColumnFiltering","disableColumnHiding","disableColumnPinning","disableColumnReordering","disableColumnResizing","disableRowDensity","disableRowExpansion","disableRowSelection","disableMultipleRowSelection","disableSearch","disableSorting","expandedRowRenderer","manualColumnFiltering","manualSearch","manualSorting","onChangeSettings","onRowClick","onRowDrag","onRowSelect","onSave","settings","_experimentalActionsForTable","enableRowExpansion","enableRowSelection","length","enableMultipleRowSelection","columns","defaultColumnPinning","defaultColumnSizing","defaultSorting","defaultColumnVisibility","footers","useColumnDefinitions","enableColumnFiltering","enableColumnHiding","enableColumnPinning","lastSortedOrFilteredRows","React","useRef","initialState","columnOrder","map","column","id","columnPinning","left","right","columnSizing","columnVisibility","dataColumnStartOffset","reduce","t","e","dataColumnEndOffset","activeRow","useActiveRow","shouldPauseHoverState","setShouldPauseHoverState","useShouldPauseHoverState","editMode","useEditMode","columnOffsets","setColumnOffsets","useState","rowDensity","setRowDensity","dragging","setDragging","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","shouldDisableTableActions","setShouldDisableTableActions","focussableColumnIndexes","options","enableExpanding","enableColumnFilters","enableColumnResizing","enableGlobalFilter","enableHiding","enablePinning","enableMultiRowSelection","enableSorting","columnResizeMode","sorting","getSortedRowModel","columnFilters","manualFiltering","filterFns","tacoFilter","row","columnId","filter","columnFilterFn","getValue","getFilteredRowModel","globalFilterFn","query","table","useReactTable","getCoreRowModel","meta","enableRowDensity","enableRowDragging","enableColumnReordering","current","addFocussableColumnIndex","index","includes","sort","a","b","resetFocussableColumnIndexes","tableRef","tableRows","getRowModel","rows","useActiveRowStateListener","useColumnOffsetStateListener","useRowSelectionListener","useSettingsStateListener"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnPinningState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ToolbarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    defaultPinned?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    disableTruncation?: boolean;\n    defaultWidth?: number;\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionProps<TType> = {\n    ariaLabel: string | ((row: TType) => string);\n    dialog?: (row: TType) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((row: TType) => boolean);\n    icon: IconName | ((row: TType) => IconName);\n    onClick?: (row: TType) => void;\n    text: string | ((row: TType) => string);\n    visible?: boolean | ((row: TType) => boolean);\n};\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnPinning?: ColumnPinningState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[]) => void;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionProps<TType>[];\n    children: (React.ReactElement<Table2ColumnProps<TType>> | boolean | null)[];\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnPinning?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: (row: TType) => JSX.Element;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAeYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../../../../src/components/Table2/types.ts"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnFiltersState,\n    ColumnOrderState,\n    ColumnPinningState,\n    ColumnSizingState,\n    OnChangeFn,\n    Row,\n    SortingState,\n    VisibilityState,\n} from '@tanstack/react-table';\nimport { DialogProps } from '../Dialog/Dialog';\nimport { IconName } from '../Icon/Icon';\nimport { MenuProps } from '../Menu/Menu';\n\nexport enum Table2FilterComparator {\n    Contains,\n    DoesNotContain,\n    IsEqualTo,\n    IsNotEqualTo,\n    IsGreaterThan,\n    IsLessThan,\n    IsBetween,\n    IsOneOf,\n    IsNoneOf,\n    IsAllOf,\n    IsEmpty,\n    IsNotEmpty,\n}\n\nexport type Table2Filter<TType = any> = {\n    comparator?: Table2FilterComparator;\n    value: TType | TType[];\n};\n\nexport type ColumnOffsetState = Record<string, number | undefined>;\nexport type RowDensity = 'compact' | 'normal' | 'comfortable' | 'spacious';\nexport type CellAlignment = 'left' | 'center' | 'right';\n\nexport type SortDirection = 'asc' | 'desc';\nexport type ColumnDataType = 'auto' | 'alphanumeric' | 'alphanumericCaseSensitive' | 'datetime' | 'boolean';\n\nexport type Table2ToolbarProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport type Table2ColumnHeaderRenderer<TType = any> = (value: any, row: TType) => JSX.Element | string | null;\nexport type Table2ColumnHeaderMenu = (props: Partial<MenuProps>) => JSX.Element;\nexport type Table2ColumnFooterRenderer = (values: any[]) => JSX.Element | string | null;\n\nexport type Table2ColumnControlProps = {\n    className?: string;\n    disabled?: boolean;\n    invalid?: boolean;\n    onBlur: (newValue?: any) => Promise<void>;\n    onFocus: React.FocusEventHandler;\n    readOnly?: boolean;\n    ref: React.RefObject<HTMLElement>;\n    setValue: (value: any) => void;\n    value: any;\n    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n    // data attribute we make sure the event is coming from a control component, and then we can make sure\n    // keyboard shortcut works as expected.\n    'data-inline-editing-component'?: 'true';\n};\nexport type Table2ColumnControlRenderer<TType = any> =\n    | ((props: Table2ColumnControlProps, row?: TType) => JSX.Element)\n    | 'datepicker'\n    | 'input'\n    | 'switch';\n\nexport type Table2ColumnProps<TType = any> = {\n    accessor: string;\n    align?: CellAlignment;\n    className?: string | ((row: Row<TType>) => string);\n    control?: Table2ColumnControlRenderer<TType>;\n    dataType?: ColumnDataType;\n    defaultActiveColumnIndex?: number;\n    defaultActiveRowIndex?: number;\n    defaultHidden?: boolean;\n    defaultPinned?: boolean;\n    disableFiltering?: boolean;\n    disableHiding?: boolean;\n    disableReordering?: boolean;\n    disableResizing?: boolean;\n    disableSorting?: boolean;\n    disableTruncation?: boolean;\n    defaultWidth?: number;\n    header: string;\n    headerClassName?: string;\n    footer?: Table2ColumnFooterRenderer;\n    renderer?: Table2ColumnHeaderRenderer<TType>;\n    menu?: Table2ColumnHeaderMenu;\n    minWidth?: number;\n    sort?: SortDirection;\n    tooltip?: string;\n};\n\nexport type Table2ActionProps<TType> = {\n    dialog?: (rows: TType[], resetSelectedRows: () => void) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((rows: TType[]) => boolean);\n    icon: IconName | ((rows: TType[]) => IconName);\n    onClick?: (rows: TType[], resetSelectedRows: () => void) => void;\n    text: string | ((rows: TType[]) => string);\n    visible?: boolean | ((rows: TType[]) => boolean);\n};\n\nexport type Table2RowActionProps<TType> = {\n    ariaLabel: string | ((row: TType) => string);\n    dialog?: (row: TType) => (props: Partial<DialogProps>) => JSX.Element;\n    disabled?: boolean | ((row: TType) => boolean);\n    icon: IconName | ((row: TType) => IconName);\n    onClick?: (row: TType) => void;\n    text: string | ((row: TType) => string);\n    visible?: boolean | ((row: TType) => boolean);\n};\n\nexport type Table2Settings = {\n    columnFilters?: ColumnFiltersState;\n    columnOrder?: ColumnOrderState;\n    columnPinning?: ColumnPinningState;\n    columnSizing?: ColumnSizingState;\n    columnVisibility?: VisibilityState;\n    globalFilter?: string;\n    rowDensity?: RowDensity;\n    sorting?: SortingState;\n};\n\nexport type RowClickHandler<TType = any> = (row: TType) => void;\nexport type RowDragHandler<TType = any> = (\n    rows: TType[],\n    showPlaceholder: (string) => void,\n    setDataTransfer: (data: string) => void\n) => void;\nexport type RowSelectionHandler<TType = any> = (rows: TType[]) => void;\nexport type RowExpansionRenderer<TType = any> = (row: TType) => (() => JSX.Element) | null;\nexport type SortHandler = OnChangeFn<SortingState>;\nexport type SettingsHandler = OnChangeFn<Table2Settings>;\nexport type SaveHandlerErrorResponse = Record<string, string | undefined | null> | null;\nexport type SaveHandler<TType = any> = (row: TType, accessor: string) => Promise<SaveHandlerErrorResponse | void>;\n\nexport type DataColumnIndexes = {\n    dataColumnStartOffset: number;\n    dataColumnEndOffset: number;\n};\n\nexport type Table2Props<TType = any> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\n    actionsForRow?: Table2RowActionProps<TType>[];\n    children: (React.ReactElement<Table2ColumnProps<TType>> | boolean | null)[];\n    className?: string;\n    data: TType[];\n    defaultActiveRowIndex?: number;\n    disableColumnFiltering?: boolean;\n    disableColumnHiding?: boolean;\n    disableColumnPinning?: boolean;\n    disableColumnReordering?: boolean;\n    disableColumnResizing?: boolean;\n    disableRowDensity?: boolean;\n    disableRowExpansion?: boolean;\n    disableRowSelection?: boolean;\n    disableMultipleRowSelection?: boolean;\n    disableSearch?: boolean;\n    disableSorting?: boolean;\n    emptyState?: () => JSX.Element;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    length?: number;\n    loadMore?: () => Promise<void>;\n    manualColumnFiltering?: boolean;\n    manualSearch?: boolean;\n    manualSorting?: boolean;\n    onChangeSettings?: SettingsHandler;\n    onRowClick?: RowClickHandler<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n    onRowSelect?: RowSelectionHandler<TType>;\n    onSave?: SaveHandler<TType>;\n    settings?: Table2Settings;\n    _experimentalActionsForTable?: Table2ActionProps<TType>[];\n    _experimentalActionsForTableSummary?: (rows: TType[]) => JSX.Element | string;\n};\n"],"names":["Table2FilterComparator"],"mappings":"IAeYA;AAAZ,WAAYA,sBAAsB;EAC9BA,2EAAQ;EACRA,uFAAc;EACdA,6EAAS;EACTA,mFAAY;EACZA,qFAAa;EACbA,+EAAU;EACVA,6EAAS;EACTA,yEAAO;EACPA,2EAAQ;EACRA,yEAAO;EACPA,0EAAO;EACPA,gFAAU;AACd,CAAC,EAbWA,sBAAsB,KAAtBA,sBAAsB;;;;"}