@economic/taco 1.35.3 → 1.35.4

package/dist/esm/packages/taco/src/components/Datepicker/useDatepicker.js

@@ -2,6 +2,7 @@ import { useState, useEffect } from 'react';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { setInputValueByRef } from '../../utils/input.js';
+import { isValid } from 'date-fns';
 import { format, parseFromCustomString } from '../../utils/date.js';
 
 const useDatepicker = ({
@@ -16,10 +17,10 @@ const useDatepicker = ({
   const {
     formatting
   } = useLocalization();
-  const [internalValue, setInternalValue] = useState(value ? format(value, formatting.date) : '');
+  const [internalValue, setInternalValue] = useState(value && isValid(value) ? format(value, formatting.date) : '');
   // update internal value if it changed 'externally'
   useEffect(() => {
-    if (value) {
+    if (value && isValid(value)) {
       const formattedValue = format(value, formatting.date);
       if (formattedValue !== internalValue) {
         setInternalValue(formattedValue);

package/dist/esm/packages/taco/src/components/Datepicker/useDatepicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDatepicker.js","sources":["../../../../../../../src/components/Datepicker/useDatepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { parseFromCustomString, format } from '../../utils/date';\nimport { useLocalization } from '../Provider/Localization';\nimport { setInputValueByRef } from '../../utils/input';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { DatepickerProps } from './Datepicker';\nimport { CalendarProps } from '../Calendar/Calendar';\nimport { InputProps as BaseInputProps } from '../Input/Input';\n\ntype InputProps = BaseInputProps & { ref: React.RefObject<HTMLInputElement> };\ntype useDatepicker = React.HTMLAttributes<HTMLDivElement> & {\n    calendar: CalendarProps;\n    input: InputProps;\n};\n\nexport const useDatepicker = (\n    { defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps,\n    ref: React.Ref<HTMLInputElement>\n): useDatepicker => {\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const { formatting } = useLocalization();\n    const [internalValue, setInternalValue] = React.useState(value ? format(value, formatting.date) : '');\n\n    // update internal value if it changed 'externally'\n    React.useEffect(() => {\n        if (value) {\n            const formattedValue = format(value, formatting.date);\n\n            if (formattedValue !== internalValue) {\n                setInternalValue(formattedValue);\n            }\n        } else {\n            setInternalValue('');\n        }\n    }, [value]);\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        const valueAsDate = parseFromCustomString(event.target.value);\n        const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';\n\n        event.target.value = formattedValue;\n\n        if (onChange) {\n            (event as any).detail = valueAsDate;\n            onChange(event);\n        } else {\n            // update the internal value to use the formatted date\n            setInternalValue(formattedValue);\n        }\n\n        if (onBlur) {\n            onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInternalValue(event.target.value);\n    };\n\n    const handleChange = date => {\n        setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.target.dispatchEvent(new Event('focusout', { bubbles: true }));\n        }\n    };\n\n    const inputProps: InputProps = {\n        ...props,\n        autoComplete: 'off',\n        onBlur: handleInputBlur,\n        onChange: handleInputChange,\n        onKeyDown: handleKeyDown,\n        ref: inputRef,\n        type: 'text',\n        value: internalValue,\n    };\n\n    const calendarProps: CalendarProps = {\n        ...calendar,\n        onChange: handleChange,\n        value,\n    };\n\n    return {\n        input: inputProps,\n        calendar: calendarProps,\n    };\n};\n"],"names":["useDatepicker","defaultValue","_","calendar","onBlur","onChange","value","props","ref","inputRef","useMergedRef","formatting","useLocalization","internalValue","setInternalValue","React","format","date","formattedValue","handleInputBlur","event","persist","valueAsDate","parseFromCustomString","target","detail","handleInputChange","handleChange","setInputValueByRef","current","handleKeyDown","key","dispatchEvent","Event","bubbles","inputProps","autoComplete","onKeyDown","type","calendarProps","input"],"mappings":";;;;;;MAeaA,aAAa,GAAG,CACzB;EAAEC,YAAY,EAAEC,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAwB,EACjFC,GAAgC;EAEhC,MAAMC,QAAQ,GAAGC,YAAY,CAAmBF,GAAG,CAAC;EACpD,MAAM;IAAEG;GAAY,GAAGC,eAAe,EAAE;EACxC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAc,CAACT,KAAK,GAAGU,MAAM,CAACV,KAAK,EAAEK,UAAU,CAACM,IAAI,CAAC,GAAG,EAAE,CAAC;;EAGrGF,SAAe,CAAC;IACZ,IAAIT,KAAK,EAAE;MACP,MAAMY,cAAc,GAAGF,MAAM,CAACV,KAAK,EAAEK,UAAU,CAACM,IAAI,CAAC;MAErD,IAAIC,cAAc,KAAKL,aAAa,EAAE;QAClCC,gBAAgB,CAACI,cAAc,CAAC;;KAEvC,MAAM;MACHJ,gBAAgB,CAAC,EAAE,CAAC;;GAE3B,EAAE,CAACR,KAAK,CAAC,CAAC;;EAGX,MAAMa,eAAe,GAAIC,KAAyC;IAC9DA,KAAK,CAACC,OAAO,EAAE;IAEf,MAAMC,WAAW,GAAGC,qBAAqB,CAACH,KAAK,CAACI,MAAM,CAAClB,KAAK,CAAC;IAC7D,MAAMY,cAAc,GAAGI,WAAW,GAAGN,MAAM,CAACM,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;IAEnEF,KAAK,CAACI,MAAM,CAAClB,KAAK,GAAGY,cAAc;IAEnC,IAAIb,QAAQ,EAAE;MACTe,KAAa,CAACK,MAAM,GAAGH,WAAW;MACnCjB,QAAQ,CAACe,KAAK,CAAC;KAClB,MAAM;;MAEHN,gBAAgB,CAACI,cAAc,CAAC;;IAGpC,IAAId,MAAM,EAAE;MACRA,MAAM,CAACgB,KAAK,CAAC;;GAEpB;EAED,MAAMM,iBAAiB,GAAIN,KAA0C;IACjEN,gBAAgB,CAACM,KAAK,CAACI,MAAM,CAAClB,KAAK,CAAC;GACvC;EAED,MAAMqB,YAAY,GAAGV,IAAI;IACrBW,kBAAkB,CAACnB,QAAQ,CAACoB,OAAO,EAAEb,MAAM,CAACC,IAAI,EAAEN,UAAU,CAACM,IAAI,CAAC,EAAE,UAAU,CAAC;GAClF;EAED,MAAMa,aAAa,GAAIV,KAA4C;IAC/D,IAAIA,KAAK,CAACW,GAAG,KAAK,OAAO,EAAE;MACvBX,KAAK,CAACI,MAAM,CAACQ,aAAa,CAAC,IAAIC,KAAK,CAAC,UAAU,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC,CAAC;;GAE3E;EAED,MAAMC,UAAU,GAAe;IAC3B,GAAG5B,KAAK;IACR6B,YAAY,EAAE,KAAK;IACnBhC,MAAM,EAAEe,eAAe;IACvBd,QAAQ,EAAEqB,iBAAiB;IAC3BW,SAAS,EAAEP,aAAa;IACxBtB,GAAG,EAAEC,QAAQ;IACb6B,IAAI,EAAE,MAAM;IACZhC,KAAK,EAAEO;GACV;EAED,MAAM0B,aAAa,GAAkB;IACjC,GAAGpC,QAAQ;IACXE,QAAQ,EAAEsB,YAAY;IACtBrB;GACH;EAED,OAAO;IACHkC,KAAK,EAAEL,UAAU;IACjBhC,QAAQ,EAAEoC;GACb;AACL;;;;"}
+{"version":3,"file":"useDatepicker.js","sources":["../../../../../../../src/components/Datepicker/useDatepicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { parseFromCustomString, format } from '../../utils/date';\nimport { useLocalization } from '../Provider/Localization';\nimport { setInputValueByRef } from '../../utils/input';\nimport { useMergedRef } from '../../hooks/useMergedRef';\nimport { DatepickerProps } from './Datepicker';\nimport { CalendarProps } from '../Calendar/Calendar';\nimport { InputProps as BaseInputProps } from '../Input/Input';\nimport { isValid } from 'date-fns';\n\ntype InputProps = BaseInputProps & { ref: React.RefObject<HTMLInputElement> };\ntype useDatepicker = React.HTMLAttributes<HTMLDivElement> & {\n    calendar: CalendarProps;\n    input: InputProps;\n};\n\nexport const useDatepicker = (\n    { defaultValue: _, calendar, onBlur, onChange, value, ...props }: DatepickerProps,\n    ref: React.Ref<HTMLInputElement>\n): useDatepicker => {\n    const inputRef = useMergedRef<HTMLInputElement>(ref);\n    const { formatting } = useLocalization();\n    const [internalValue, setInternalValue] = React.useState(value && isValid(value) ? format(value, formatting.date) : '');\n\n    // update internal value if it changed 'externally'\n    React.useEffect(() => {\n        if (value && isValid(value)) {\n            const formattedValue = format(value, formatting.date);\n\n            if (formattedValue !== internalValue) {\n                setInternalValue(formattedValue);\n            }\n        } else {\n            setInternalValue('');\n        }\n    }, [value]);\n\n    // event handlers\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        const valueAsDate = parseFromCustomString(event.target.value);\n        const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';\n\n        event.target.value = formattedValue;\n\n        if (onChange) {\n            (event as any).detail = valueAsDate;\n            onChange(event);\n        } else {\n            // update the internal value to use the formatted date\n            setInternalValue(formattedValue);\n        }\n\n        if (onBlur) {\n            onBlur(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        setInternalValue(event.target.value);\n    };\n\n    const handleChange = date => {\n        setInputValueByRef(inputRef.current, format(date, formatting.date), 'focusout');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (event.key === 'Enter') {\n            event.target.dispatchEvent(new Event('focusout', { bubbles: true }));\n        }\n    };\n\n    const inputProps: InputProps = {\n        ...props,\n        autoComplete: 'off',\n        onBlur: handleInputBlur,\n        onChange: handleInputChange,\n        onKeyDown: handleKeyDown,\n        ref: inputRef,\n        type: 'text',\n        value: internalValue,\n    };\n\n    const calendarProps: CalendarProps = {\n        ...calendar,\n        onChange: handleChange,\n        value,\n    };\n\n    return {\n        input: inputProps,\n        calendar: calendarProps,\n    };\n};\n"],"names":["useDatepicker","defaultValue","_","calendar","onBlur","onChange","value","props","ref","inputRef","useMergedRef","formatting","useLocalization","internalValue","setInternalValue","React","isValid","format","date","formattedValue","handleInputBlur","event","persist","valueAsDate","parseFromCustomString","target","detail","handleInputChange","handleChange","setInputValueByRef","current","handleKeyDown","key","dispatchEvent","Event","bubbles","inputProps","autoComplete","onKeyDown","type","calendarProps","input"],"mappings":";;;;;;;MAgBaA,aAAa,GAAG,CACzB;EAAEC,YAAY,EAAEC,CAAC;EAAEC,QAAQ;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAwB,EACjFC,GAAgC;EAEhC,MAAMC,QAAQ,GAAGC,YAAY,CAAmBF,GAAG,CAAC;EACpD,MAAM;IAAEG;GAAY,GAAGC,eAAe,EAAE;EACxC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,QAAc,CAACT,KAAK,IAAIU,OAAO,CAACV,KAAK,CAAC,GAAGW,MAAM,CAACX,KAAK,EAAEK,UAAU,CAACO,IAAI,CAAC,GAAG,EAAE,CAAC;;EAGvHH,SAAe,CAAC;IACZ,IAAIT,KAAK,IAAIU,OAAO,CAACV,KAAK,CAAC,EAAE;MACzB,MAAMa,cAAc,GAAGF,MAAM,CAACX,KAAK,EAAEK,UAAU,CAACO,IAAI,CAAC;MAErD,IAAIC,cAAc,KAAKN,aAAa,EAAE;QAClCC,gBAAgB,CAACK,cAAc,CAAC;;KAEvC,MAAM;MACHL,gBAAgB,CAAC,EAAE,CAAC;;GAE3B,EAAE,CAACR,KAAK,CAAC,CAAC;;EAGX,MAAMc,eAAe,GAAIC,KAAyC;IAC9DA,KAAK,CAACC,OAAO,EAAE;IAEf,MAAMC,WAAW,GAAGC,qBAAqB,CAACH,KAAK,CAACI,MAAM,CAACnB,KAAK,CAAC;IAC7D,MAAMa,cAAc,GAAGI,WAAW,GAAGN,MAAM,CAACM,WAAW,CAAC,IAAI,EAAE,GAAG,EAAE;IAEnEF,KAAK,CAACI,MAAM,CAACnB,KAAK,GAAGa,cAAc;IAEnC,IAAId,QAAQ,EAAE;MACTgB,KAAa,CAACK,MAAM,GAAGH,WAAW;MACnClB,QAAQ,CAACgB,KAAK,CAAC;KAClB,MAAM;;MAEHP,gBAAgB,CAACK,cAAc,CAAC;;IAGpC,IAAIf,MAAM,EAAE;MACRA,MAAM,CAACiB,KAAK,CAAC;;GAEpB;EAED,MAAMM,iBAAiB,GAAIN,KAA0C;IACjEP,gBAAgB,CAACO,KAAK,CAACI,MAAM,CAACnB,KAAK,CAAC;GACvC;EAED,MAAMsB,YAAY,GAAGV,IAAI;IACrBW,kBAAkB,CAACpB,QAAQ,CAACqB,OAAO,EAAEb,MAAM,CAACC,IAAI,EAAEP,UAAU,CAACO,IAAI,CAAC,EAAE,UAAU,CAAC;GAClF;EAED,MAAMa,aAAa,GAAIV,KAA4C;IAC/D,IAAIA,KAAK,CAACW,GAAG,KAAK,OAAO,EAAE;MACvBX,KAAK,CAACI,MAAM,CAACQ,aAAa,CAAC,IAAIC,KAAK,CAAC,UAAU,EAAE;QAAEC,OAAO,EAAE;OAAM,CAAC,CAAC;;GAE3E;EAED,MAAMC,UAAU,GAAe;IAC3B,GAAG7B,KAAK;IACR8B,YAAY,EAAE,KAAK;IACnBjC,MAAM,EAAEgB,eAAe;IACvBf,QAAQ,EAAEsB,iBAAiB;IAC3BW,SAAS,EAAEP,aAAa;IACxBvB,GAAG,EAAEC,QAAQ;IACb8B,IAAI,EAAE,MAAM;IACZjC,KAAK,EAAEO;GACV;EAED,MAAM2B,aAAa,GAAkB;IACjC,GAAGrC,QAAQ;IACXE,QAAQ,EAAEuB,YAAY;IACtBtB;GACH;EAED,OAAO;IACHmC,KAAK,EAAEL,UAAU;IACjBjC,QAAQ,EAAEqC;GACb;AACL;;;;"}

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

@@ -222,7 +222,7 @@ const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(pr
                   const scrollY = event.currentTarget.scrollTop;
                   const isScrollingDown = scrollY > prevScrollY.current;
                   prevScrollY.current = scrollY;
-                  const scrolledPercentage = Math.round(100 / event.currentTarget.scrollHeight * scrollY);
+                  const scrolledPercentage = Math.round(scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight) * 100);
                   const _temp2 = function () {
                     if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {
                       const _temp = _finallyRethrows(function () {

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 } 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 { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { EditModeButton } from './components/EditModeButton';\n\nexport type Table2Texts = {\n    columns: {\n        resize: {\n            tooltip: string;\n        };\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        menu: {\n            freezeColumns: (count: number) => string;\n            unfreezeColumns: string;\n        };\n    };\n    columnSettings: {\n        search: string;\n        tooltip: string;\n        button: string;\n        noResults: 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\nexport type Table2Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\nconst BaseTable2 = React.forwardRef(function BaseTable2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        onRowDrop,\n        toolbarLeft,\n        toolbarRight,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<Table2Ref>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n    const prevScrollY = React.useRef<number>(0);\n\n    // react-table\n    const { rows, table, footers } = useTable(props.children, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    React.useEffect(() => {\n        if (tableRef.current) {\n            tableRef.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, tableRef.current]);\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                if (event.key === 'a' && table.options.enableRowSelection) {\n                    event.preventDefault();\n                    table.toggleAllRowsSelected();\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            const scrollY = event.currentTarget.scrollTop;\n            const isScrollingDown = scrollY > prevScrollY.current;\n            prevScrollY.current = scrollY;\n\n            const scrolledPercentage = Math.round((100 / event.currentTarget.scrollHeight) * scrollY);\n\n            if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } catch (error) {\n                    console.error(error);\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.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 = hasInternalToolbar || !!toolbarLeft || !toolbarRight;\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                    {toolbarLeft}\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                            {toolbarRight}\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\n                                        className=\"group/row contents\"\n                                        onRowDrop={onRowDrop}\n                                        row={row}\n                                        rowIndex={virtualRow.index}\n                                        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 React.ForwardRefExoticComponent<Table2Props<any>> &\n    (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    const key = React.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);\n    return <BaseTable2 {...props} key={key} ref={ref} />;\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionRenderer, Table2Settings } from './types';\n"],"names":["Column","_","displayName","BaseTable2","React","forwardRef","props","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","onRowDrop","toolbarLeft","toolbarRight","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","prevScrollY","rows","table","footers","useTable","children","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","resetFocussableColumnIndexes","editMode","isEditing","clearTimeout","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","scrollY","scrollTop","isScrollingDown","scrolledPercentage","Math","round","isAllRowsSelected","getIsAllRowsSelected","error","console","handleMouseLeave","shouldPauseHoverState","className","cn","enableSettingsButton","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","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","Table2","String"],"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 } 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 { BatchActionsMenu } from './components/BatchActionsMenu';\nimport { Row } from './components/row/Row';\nimport { FiltersButton } from './components/filters/FiltersButton';\nimport { Search } from './components/Search';\nimport { EditModeButton } from './components/EditModeButton';\n\nexport type Table2Texts = {\n    columns: {\n        resize: {\n            tooltip: string;\n        };\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        menu: {\n            freezeColumns: (count: number) => string;\n            unfreezeColumns: string;\n        };\n    };\n    columnSettings: {\n        search: string;\n        tooltip: string;\n        button: string;\n        noResults: 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\nexport type Table2Ref = HTMLDivElement & {\n    instance: {\n        resetFiltering: () => void;\n        resetRowExpansion: () => void;\n        resetRowSelection: () => void;\n        resetSorting: () => void;\n    };\n};\n\nconst BaseTable2 = React.forwardRef(function BaseTable2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    // dom\n    const {\n        emptyState: EmptyState,\n        expandedRowRenderer,\n        length = props.data.length,\n        loadMore,\n        onRowClick,\n        onRowDrop,\n        toolbarLeft,\n        toolbarRight,\n        _experimentalActionsForTable,\n        _experimentalActionsForTableSummary,\n    } = props;\n    const tableRef = useMergedRef<Table2Ref>(ref);\n    const timeoutIdRef = React.useRef<NodeJS.Timeout>();\n    const prevScrollY = React.useRef<number>(0);\n\n    // react-table\n    const { rows, table, footers } = useTable(props.children, props, tableRef);\n    const meta = table.options.meta as TableMeta<TType>;\n\n    const { columnVisibility, columnOrder, globalFilter } = table.getState();\n\n    React.useEffect(() => {\n        if (tableRef.current) {\n            tableRef.current.instance = {\n                resetFiltering: () => table.resetColumnFilters(),\n                resetRowExpansion: () => table.resetExpanded(),\n                resetRowSelection: () => table.resetRowSelection(),\n                resetSorting: () => table.resetSorting(),\n            };\n        }\n    }, [table, tableRef.current]);\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                if (event.key === 'a' && table.options.enableRowSelection) {\n                    event.preventDefault();\n                    table.toggleAllRowsSelected();\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            const scrollY = event.currentTarget.scrollTop;\n            const isScrollingDown = scrollY > prevScrollY.current;\n            prevScrollY.current = scrollY;\n\n            const scrolledPercentage = Math.round(\n                (scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight)) * 100\n            );\n\n            if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {\n                try {\n                    const isAllRowsSelected = table.getIsAllRowsSelected();\n                    loadingRef.current = true;\n                    await loadMore();\n\n                    if (isAllRowsSelected) {\n                        table.toggleAllRowsSelected(true);\n                    }\n                } catch (error) {\n                    console.error(error);\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.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 = hasInternalToolbar || !!toolbarLeft || !toolbarRight;\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                    {toolbarLeft}\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                            {toolbarRight}\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\n                                        className=\"group/row contents\"\n                                        onRowDrop={onRowDrop}\n                                        row={row}\n                                        rowIndex={virtualRow.index}\n                                        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 React.ForwardRefExoticComponent<Table2Props<any>> &\n    (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nexport type ForwardedTable2WithStatics = React.ForwardRefExoticComponent<Table2Props<any>> & {\n    Column: <TType>(props: Table2ColumnProps<TType>) => JSX.Element | null;\n} & (<TType>(props: Table2Props<TType> & { ref?: React.Ref<Table2Ref> }) => JSX.Element);\n\nconst Table2 = React.forwardRef(function Table2<TType = any>(props: Table2Props<TType>, ref: React.Ref<Table2Ref>) {\n    const key = React.useMemo(() => String('tableKey_' + String(props.children)), [props.children]);\n    return <BaseTable2 {...props} key={key} ref={ref} />;\n}) as ForwardedTable2WithStatics;\n\nTable2.Column = Column;\n\nexport { Table2 };\nexport type { Table2Props };\nexport type { Table2ColumnProps, Table2ActionProps, Table2RowActionRenderer, Table2Settings } from './types';\n"],"names":["Column","_","displayName","BaseTable2","React","forwardRef","props","ref","emptyState","EmptyState","expandedRowRenderer","length","data","loadMore","onRowClick","onRowDrop","toolbarLeft","toolbarRight","_experimentalActionsForTable","_experimentalActionsForTableSummary","tableRef","useMergedRef","timeoutIdRef","useRef","prevScrollY","rows","table","footers","useTable","children","meta","options","columnVisibility","columnOrder","globalFilter","getState","useEffect","current","instance","resetFiltering","resetColumnFilters","resetRowExpansion","resetExpanded","resetRowSelection","resetSorting","resetFocussableColumnIndexes","editMode","isEditing","clearTimeout","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","scrollY","scrollTop","isScrollingDown","scrolledPercentage","Math","round","clientHeight","isAllRowsSelected","getIsAllRowsSelected","error","console","handleMouseLeave","shouldPauseHoverState","className","cn","enableSettingsButton","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","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","Table2","String"],"mappings":"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"}

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

@@ -355,31 +355,24 @@ function ensureOrdering(columns, settingsOrder) {
   // columns with ordering disabled should be moved to the front
   const orderingDisabled = [];
   const orderingEnabled = [];
+  let orderedColumns = columns;
+  // if settings is defined, make sure the columns that are actual children are sorted by it
   if (Array.isArray(settingsOrder)) {
-    settingsOrder.forEach(id => {
-      var _columns$find, _columns$find$meta;
-      if (id.startsWith('__')) {
-        return;
-      }
-      if ((_columns$find = columns.find(column => column.id === id)) !== null && _columns$find !== void 0 && (_columns$find$meta = _columns$find.meta) !== null && _columns$find$meta !== void 0 && _columns$find$meta.disableReordering) {
-        orderingDisabled.unshift(id);
-      } else {
-        orderingEnabled.push(id);
-      }
-    });
-  } else {
-    columns.forEach(column => {
-      var _column$id2, _column$meta;
-      if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
-        return;
-      }
-      if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.disableReordering) {
-        orderingDisabled.push(column.id);
-      } else {
-        orderingEnabled.push(column.id);
-      }
-    });
+    orderedColumns = columns.slice().sort(
+    // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
+    (a, b) => (settingsOrder.indexOf(a.id) >>> 0) - (settingsOrder.indexOf(b.id) >>> 0));
   }
+  orderedColumns.forEach(column => {
+    var _column$id2, _column$meta;
+    if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
+      return;
+    }
+    if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.disableReordering) {
+      orderingDisabled.push(column.id);
+    } else {
+      orderingEnabled.push(column.id);
+    }
+  });
   const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
   // actions should always be last, enforce that
   if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {

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

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table2/utilities/columns.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { CellContext, ColumnDef, DisplayColumnDef, Row, TableMeta } from '@tanstack/react-table';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { RowDragHandler, RowExpansionRenderer } from '../types';\nimport { Menu } from '../../Menu/Menu';\nimport { Icon } from '../../Icon/Icon';\nimport { LocalizationTexts } from '../../Provider/Localization';\nimport { useRowContext } from '../components/row/Context';\n\nexport const COLUMN_ID_FOR_DRAGGABLE = '__draggable';\nexport const COLUMN_ID_FOR_SELECTION = '__select';\nexport const COLUMN_ID_FOR_EXPANSION = '__expansion';\nexport const COLUMN_ID_FOR_ACTIONS = '__actions';\n\nexport const isInternalFrozenColumn = (id: string) => isInternalColumn(id) && id !== COLUMN_ID_FOR_ACTIONS;\n\nexport const isInternalColumn = (id: string) =>\n    id === COLUMN_ID_FOR_SELECTION ||\n    id === COLUMN_ID_FOR_EXPANSION ||\n    id === COLUMN_ID_FOR_ACTIONS ||\n    id === COLUMN_ID_FOR_DRAGGABLE;\n\nexport const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nexport function createRowDraggableColumn<TType = any>(\n    onRowDrag: RowDragHandler<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_DRAGGABLE,\n        cell: ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            const onDragStart = (event: React.DragEvent): void => {\n                const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n\n                meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {}));\n\n                const data = rows.map(row => row.original);\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.appendChild(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                onRowDrag(data, showPlaceholder, setDataTransfer);\n            };\n\n            const onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                meta.setDragging({});\n            };\n\n            return (\n                <div draggable onDragStart={onDragStart} onDragEnd={onDragEnd}>\n                    <Icon\n                        aria-label={texts.table2.columns.drag.tooltip}\n                        name=\"drag\"\n                        className=\"text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white\"\n                    />\n                </div>\n            );\n        },\n        meta: {\n            align: 'center',\n            className: 'items-center !px-0',\n            headerClassName: 'items-center !px-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 10,\n    };\n}\n\nconst SelectCell = React.memo(({ lastSelectedRowIndex, rowIndex, isSelected, table, tableRef, texts, toggleSelected }: any) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    const handleClick = (event: React.MouseEvent): void => {\n        event.stopPropagation();\n\n        if (event.shiftKey) {\n            const [fromIndex, toIndex] = toggleBetween(lastSelectedRowIndex?.current || 0, rowIndex);\n\n            table\n                .getRowModel()\n                .rows.slice(fromIndex, toIndex + 1)\n                .forEach(row => row.toggleSelected(true));\n        } else {\n            toggleSelected();\n        }\n\n        lastSelectedRowIndex.current = rowIndex;\n        meta.setActiveRowIndex(rowIndex);\n        tableRef.current?.focus();\n    };\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect}\n                    <Shortcut className=\"ml-2\" keys=\"Space\" />\n                </>\n            }>\n            <Checkbox\n                aria-label={isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect}\n                className=\"hover:border-blue !mt-0\"\n                checked={isSelected}\n                onClick={handleClick}\n                // this is necessary to remove console spam from eslint\n                onChange={() => false}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\nexport function createRowSelectionColumn<TType = any>(\n    enableMultipleRowSelection: boolean,\n    lastSelectedRowIndex: React.MutableRefObject<number | undefined>,\n    onRowDrag: RowDragHandler<TType> | undefined,\n    tableRef: React.RefObject<HTMLDivElement>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    let header;\n    let cell;\n\n    if (enableMultipleRowSelection) {\n        header = ({ table }) => (\n            <Tooltip\n                title={\n                    <>\n                        {table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll}\n                        <Shortcut className=\"ml-2\" keys={{ key: 'a', meta: true }} />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={\n                        table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll\n                    }\n                    className=\"hover:border-blue !mt-0\"\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={checked => table.toggleAllPageRowsSelected(checked)}\n                    onClick={() => {\n                        tableRef.current?.focus();\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        );\n        cell = ({ row, table }) => (\n            <SelectCell\n                lastSelectedRowIndex={lastSelectedRowIndex}\n                rowIndex={row.index}\n                isSelected={row.getIsSelected()}\n                table={table}\n                tableRef={tableRef}\n                texts={texts}\n                toggleSelected={row.toggleSelected}\n            />\n        );\n    } else {\n        cell = ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const className =\n                'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';\n\n            const handleClick = (event: React.MouseEvent): void => {\n                event.stopPropagation();\n                row.toggleSelected();\n                meta.setActiveRowIndex(row.index);\n                tableRef.current?.focus();\n            };\n\n            return (\n                <button\n                    className={className}\n                    aria-checked={row.getIsSelected()}\n                    onClick={handleClick}\n                    role=\"radio\"\n                    tabIndex={-1}\n                    type=\"button\">\n                    {row.getIsSelected() ? <span className=\"h-2.5 w-2.5 rounded-full bg-white\" /> : null}\n                </button>\n            );\n        };\n    }\n\n    return {\n        id: COLUMN_ID_FOR_SELECTION,\n        header,\n        cell,\n        meta: {\n            align: 'center',\n            className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n            headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n        },\n        // sizing\n        enableResizing: false,\n        size: 46,\n    };\n}\n\nconst ExpandCell = React.memo(({ expandedRowRenderer, isExpanded, row, texts }: any) => {\n    const hasExpandedRow = expandedRowRenderer(row.original);\n\n    if (!hasExpandedRow) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand}\n                    <Shortcut className=\"ml-2\" keys={{ key: isExpanded ? 'ArrowLeft' : 'ArrowRight', meta: true }} />\n                </>\n            }>\n            <IconButton\n                title={isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand}\n                appearance=\"discrete\"\n                icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                onClick={event => {\n                    event.stopPropagation();\n                    row.toggleExpanded();\n                }}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\n\nexport function createRowExpansionColumn<TType = any>(\n    expandedRowRenderer: RowExpansionRenderer<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_EXPANSION,\n        header: ({ table }) => (\n            <Tooltip\n                title={\n                    table.getIsSomeRowsExpanded()\n                        ? texts.table2.columns.expansion.collapseAll\n                        : texts.table2.columns.expansion.expandAll\n                }>\n                <IconButton\n                    title={\n                        table.getIsSomeRowsExpanded()\n                            ? texts.table2.columns.expansion.collapseAll\n                            : texts.table2.columns.expansion.expandAll\n                    }\n                    appearance=\"discrete\"\n                    className=\"-mb-2 -mt-1.5\"\n                    icon={table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double'}\n                    onClick={event => {\n                        event.stopPropagation();\n                        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        ),\n        cell: ({ row }: CellContext<TType, any>) => (\n            // ExpandCell is memoised and that's why calling row.getIsExpanded() inside it doesn't return the correct\n            // expand state. This is the reason why isExpanded is pulled out of the ExpandCell component.\n            <ExpandCell expandedRowRenderer={expandedRowRenderer} isExpanded={row.getIsExpanded()} row={row} texts={texts} />\n        ),\n\n        meta: {\n            align: 'center',\n            className: 'items-center !p-0',\n            headerClassName: 'items-center hover:!bg-white !p-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 36,\n    };\n}\n\nconst RowActionsCell = React.memo(({ row, actions, actionsLength, isEditing, shouldPauseHoverState, table, texts }: any) => {\n    const { isActive, isHovered } = useRowContext();\n\n    if ((!isActive && (!isHovered || shouldPauseHoverState)) || isEditing) {\n        return null;\n    }\n\n    const visibleActions = actions.map(action => action(row.original)).filter(action => !!action);\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    // If the row is not the active row or the hovered row then actions are hidden.\n    const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';\n\n    // only actions in the active row should be tabbable\n    const tabIndex = table.options.meta.activeRowIndex === row.index ? 0 : -1;\n\n    return (\n        <span className=\"-mb-2 -mt-2 flex justify-end text-right\">\n            {actionsOnRow.map((button, index) =>\n                React.cloneElement(button, {\n                    appearance: 'discrete',\n                    className: cn(actionClassName, button.props.className),\n                    key: index,\n                    tabIndex,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {button.props.tooltip ?? button.props['aria-label']}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        button.props.tooltip ?? button.props['aria-label']\n                    ),\n                })\n            )}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"discrete\"\n                    aria-label={texts.table2.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={tabIndex}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                    tooltip={texts.table2.columns.actions.tooltip}\n                />\n            ) : null}\n        </span>\n    );\n});\n\nexport function createRowActionsColumn<TType = any>(\n    rowActions,\n    rowActionsLength,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_ACTIONS,\n        cell: ({ row, table }) => (\n            <RowActionsCell\n                row={row}\n                actions={rowActions}\n                actionsLength={rowActionsLength}\n                texts={texts}\n                table={table}\n                isEditing={!!table.options.meta?.editMode.isEditing}\n                shouldPauseHoverState={!!table.options.meta?.shouldPauseHoverState}\n            />\n        ),\n        meta: {\n            align: 'right',\n            className: (row: Row<any>, table: any) =>\n                // Adding z-index so that it shows on top of frozen columns\n                cn('items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 !px-1 z-[1]', {\n                    'group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.200)]': !row.getIsSelected(),\n                    'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]':\n                        !row.getIsSelected() &&\n                        (!table.options.meta?.shouldPauseHoverState || table.options.meta.editMode.isEditing),\n                    'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected(),\n                }),\n            headerClassName: 'hover:!bg-white !px-1',\n        },\n        // sizing\n        enableResizing: false,\n    };\n}\n\nexport function ensureOrdering<TType = unknown>(columns: ColumnDef<TType>[], settingsOrder: string[] | undefined): string[] {\n    // internal column come with a defined order\n    const internalColumns = columns\n        .filter(column => column.id?.startsWith('__') && column.id !== COLUMN_ID_FOR_ACTIONS)\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    if (Array.isArray(settingsOrder)) {\n        settingsOrder.forEach(id => {\n            if (id.startsWith('__')) {\n                return;\n            }\n\n            if (columns.find(column => column.id === id)?.meta?.disableReordering) {\n                orderingDisabled.unshift(id);\n            } else {\n                orderingEnabled.push(id);\n            }\n        });\n    } else {\n        columns.forEach(column => {\n            if (column.id?.startsWith('__')) {\n                return;\n            }\n\n            if (column.meta?.disableReordering) {\n                orderingDisabled.push(column.id as string);\n            } else {\n                orderingEnabled.push(column.id as string);\n            }\n        });\n    }\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {\n        order.push(COLUMN_ID_FOR_ACTIONS);\n    }\n\n    return order;\n}\n"],"names":["COLUMN_ID_FOR_DRAGGABLE","COLUMN_ID_FOR_SELECTION","COLUMN_ID_FOR_EXPANSION","COLUMN_ID_FOR_ACTIONS","isInternalFrozenColumn","id","isInternalColumn","MIN_COLUMN_SIZE","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","createRowDraggableColumn","onRowDrag","texts","cell","row","table","meta","options","GHOST_ELEMENT_ID","onDragStart","event","rows","getIsSelected","getSelectedRowModel","setDragging","reduce","dragging","rowBeingDragged","data","map","original","dataTransfer","setData","JSON","stringify","showPlaceholder","text","ghost","document","createElement","className","innerText","body","appendChild","setDragImage","setDataTransfer","onDragEnd","getElementById","remove","React","draggable","Icon","table2","columns","drag","tooltip","name","align","headerClassName","enableResizing","size","SelectCell","memo","lastSelectedRowIndex","rowIndex","isSelected","tableRef","toggleSelected","handleClick","stopPropagation","shiftKey","current","getRowModel","slice","forEach","setActiveRowIndex","focus","Tooltip","title","select","deselect","Shortcut","keys","Checkbox","checked","onClick","onChange","tabIndex","createRowSelectionColumn","enableMultipleRowSelection","header","getIsAllPageRowsSelected","deselectAll","selectAll","key","indeterminate","getIsSomePageRowsSelected","toggleAllPageRowsSelected","index","role","type","ExpandCell","expandedRowRenderer","isExpanded","hasExpandedRow","expansion","collapse","expand","IconButton","appearance","icon","toggleExpanded","createRowExpansionColumn","getIsSomeRowsExpanded","collapseAll","expandAll","toggleAllRowsExpanded","getIsExpanded","RowActionsCell","actions","actionsLength","isEditing","shouldPauseHoverState","isActive","isHovered","useRowContext","visibleActions","action","filter","actionsOnRow","length","actionsInMenu","actionClassName","activeRowIndex","button","cloneElement","cn","props","shortcut","menu","menuProps","Menu","Content","i","Item","createRowActionsColumn","rowActions","rowActionsLength","editMode","ensureOrdering","settingsOrder","internalColumns","column","startsWith","orderingDisabled","orderingEnabled","Array","isArray","find","disableReordering","unshift","push","order","findIndex"],"mappings":";;;;;;;;;;MAaaA,uBAAuB,GAAG;MAC1BC,uBAAuB,GAAG;MAC1BC,uBAAuB,GAAG;MAC1BC,qBAAqB,GAAG;MAExBC,sBAAsB,GAAIC,EAAU,IAAKC,gBAAgB,CAACD,EAAE,CAAC,IAAIA,EAAE,KAAKF;MAExEG,gBAAgB,GAAID,EAAU,IACvCA,EAAE,KAAKJ,uBAAuB,IAC9BI,EAAE,KAAKH,uBAAuB,IAC9BG,EAAE,KAAKF,qBAAqB,IAC5BE,EAAE,KAAKL;MAEEO,eAAe,GAAG,GAAG;AAElC,MAAMC,aAAa,GAAG,CAACC,YAAoB,EAAEC,UAAkB;EAC3D,MAAMC,SAAS,GAAGD,UAAU,GAAGD,YAAY,GAAGC,UAAU,GAAGD,YAAY;EACvE,MAAMG,OAAO,GAAGF,UAAU,GAAGD,YAAY,GAAGC,UAAU,GAAGD,YAAY;EAErE,OAAO,CAACE,SAAS,EAAEC,OAAO,CAAC;AAC/B,CAAC;SAEeC,wBAAwB,CACpCC,SAAgC,EAChCC,KAAwB;EAExB,OAAO;IACHV,EAAE,EAAEL,uBAAuB;IAC3BgB,IAAI,EAAE,CAAC;MAAEC,GAAG;MAAEC;KAAO;MACjB,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAsB;MACjD,MAAME,gBAAgB,GAAG,qBAAqB;MAE9C,MAAMC,WAAW,GAAIC,KAAsB;QACvC,MAAMC,IAAI,GAAGP,GAAG,CAACQ,aAAa,EAAE,GAAGP,KAAK,CAACQ,mBAAmB,EAAE,CAACF,IAAI,GAAG,CAACP,GAAG,EAAE,GAAGC,KAAK,CAACQ,mBAAmB,EAAE,CAACF,IAAI,CAAC;QAEhHL,IAAI,CAACQ,WAAW,CAACH,IAAI,CAACI,MAAM,CAAC,CAACC,QAAQ,EAAEC,eAAe,MAAM;UAAE,GAAGD,QAAQ;UAAE,CAACC,eAAe,CAACzB,EAAE,GAAG;SAAM,CAAC,EAAE,EAAE,CAAC,CAAC;QAE/G,MAAM0B,IAAI,GAAGP,IAAI,CAACQ,GAAG,CAACf,GAAG,IAAIA,GAAG,CAACgB,QAAQ,CAAC;;QAE1CV,KAAK,CAACW,YAAY,CAACC,OAAO,CAAC,MAAM,EAAEC,IAAI,CAACC,SAAS,CAACN,IAAI,CAAC,CAAC;QAExD,MAAMO,eAAe,GAAIC,IAAY;UACjC,MAAMC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;UAC3CF,KAAK,CAACnC,EAAE,GAAGgB,gBAAgB;UAC3BmB,KAAK,CAACG,SAAS,GAAG,sDAAsD;UACxEH,KAAK,CAACI,SAAS,GAAGL,IAAI;UACtBE,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,KAAK,CAAC;UAChCjB,KAAK,CAACW,YAAY,CAACa,YAAY,CAACP,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;SAC/C;QAED,MAAMQ,eAAe,GAAIT,IAAY,IAAKhB,KAAK,CAACW,YAAY,CAACC,OAAO,CAAC,MAAM,EAAEI,IAAI,CAAC;QAElFzB,SAAS,CAACiB,IAAI,EAAEO,eAAe,EAAEU,eAAe,CAAC;OACpD;MAED,MAAMC,SAAS,GAAG;;QACd,yBAAAR,QAAQ,CAACS,cAAc,CAAC7B,gBAAgB,CAAC,0DAAzC,sBAA2C8B,MAAM,EAAE;QACnDhC,IAAI,CAACQ,WAAW,CAAC,EAAE,CAAC;OACvB;MAED,oBACIyB;QAAKC,SAAS;QAAC/B,WAAW,EAAEA,WAAW;QAAE2B,SAAS,EAAEA;sBAChDG,6BAACE,IAAI;sBACWvC,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACC,IAAI,CAACC,OAAO;QAC7CC,IAAI,EAAC,MAAM;QACXhB,SAAS,EAAC;QACZ,CACA;KAEb;IACDxB,IAAI,EAAE;MACFyC,KAAK,EAAE,QAAQ;MACfjB,SAAS,EAAE,oBAAoB;MAC/BkB,eAAe,EAAE;KACpB;;IAEDC,cAAc,EAAE,KAAK;IACrBC,IAAI,EAAE;GACT;AACL;AAEA,MAAMC,UAAU,gBAAGZ,cAAK,CAACa,IAAI,CAAC,CAAC;EAAEC,oBAAoB;EAAEC,QAAQ;EAAEC,UAAU;EAAElD,KAAK;EAAEmD,QAAQ;EAAEtD,KAAK;EAAEuD;CAAqB;EACtH,MAAMnD,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAsB;EAEjD,MAAMoD,WAAW,GAAIhD,KAAuB;;IACxCA,KAAK,CAACiD,eAAe,EAAE;IAEvB,IAAIjD,KAAK,CAACkD,QAAQ,EAAE;MAChB,MAAM,CAAC9D,SAAS,EAAEC,OAAO,CAAC,GAAGJ,aAAa,CAAC,CAAA0D,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAEQ,OAAO,KAAI,CAAC,EAAEP,QAAQ,CAAC;MAExFjD,KAAK,CACAyD,WAAW,EAAE,CACbnD,IAAI,CAACoD,KAAK,CAACjE,SAAS,EAAEC,OAAO,GAAG,CAAC,CAAC,CAClCiE,OAAO,CAAC5D,GAAG,IAAIA,GAAG,CAACqD,cAAc,CAAC,IAAI,CAAC,CAAC;KAChD,MAAM;MACHA,cAAc,EAAE;;IAGpBJ,oBAAoB,CAACQ,OAAO,GAAGP,QAAQ;IACvChD,IAAI,CAAC2D,iBAAiB,CAACX,QAAQ,CAAC;IAChC,qBAAAE,QAAQ,CAACK,OAAO,sDAAhB,kBAAkBK,KAAK,EAAE;GAC5B;EAED,oBACI3B,6BAAC4B,OAAO;IACJC,KAAK,eACD7B,4DACKgB,UAAU,GAAGrD,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACA,MAAM,GAAGnE,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACC,QAAQ,eACvF/B,6BAACgC,QAAQ;MAACzC,SAAS,EAAC,MAAM;MAAC0C,IAAI,EAAC;MAAU;kBAGlDjC,6BAACkC,QAAQ;kBACOlB,UAAU,GAAGrD,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACA,MAAM,GAAGnE,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACC,QAAQ;IAClGxC,SAAS,EAAC,yBAAyB;IACnC4C,OAAO,EAAEnB,UAAU;IACnBoB,OAAO,EAAEjB,WAAW;;IAEpBkB,QAAQ,EAAE,MAAM,KAAK;IACrBC,QAAQ,EAAE,CAAC;IACb,CACI;AAElB,CAAC,CAAC;SACcC,wBAAwB,CACpCC,0BAAmC,EACnC1B,oBAAgE,EAChEpD,SAA4C,EAC5CuD,QAAyC,EACzCtD,KAAwB;EAExB,IAAI8E,MAAM;EACV,IAAI7E,IAAI;EAER,IAAI4E,0BAA0B,EAAE;IAC5BC,MAAM,GAAG,CAAC;MAAE3E;KAAO,kBACfkC,6BAAC4B,OAAO;MACJC,KAAK,eACD7B,4DACKlC,KAAK,CAAC4E,wBAAwB,EAAE,GAC3B/E,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACa,WAAW,GACvChF,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACc,SAAS,eAC3C5C,6BAACgC,QAAQ;QAACzC,SAAS,EAAC,MAAM;QAAC0C,IAAI,EAAE;UAAEY,GAAG,EAAE,GAAG;UAAE9E,IAAI,EAAE;;QAAU;oBAGrEiC,6BAACkC,QAAQ;oBAEDpE,KAAK,CAAC4E,wBAAwB,EAAE,GAC1B/E,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACa,WAAW,GACvChF,KAAK,CAACwC,MAAM,CAACC,OAAO,CAAC0B,MAAM,CAACc,SAAS;MAE/CrD,SAAS,EAAC,yBAAyB;MACnC4C,OAAO,EAAErE,KAAK,CAAC4E,wBAAwB,EAAE;MACzCI,aAAa,EAAEhF,KAAK,CAACiF,yBAAyB,EAAE;MAChDV,QAAQ,EAAEF,OAAO,IAAIrE,KAAK,CAACkF,yBAAyB,CAACb,OAAO,CAAC;MAC7DC,OAAO,EAAE;;QACL,sBAAAnB,QAAQ,CAACK,OAAO,uDAAhB,mBAAkBK,KAAK,EAAE;OAC5B;MACDW,QAAQ,EAAE,CAAC;MACb,CAET;IACD1E,IAAI,GAAG,CAAC;MAAEC,GAAG;MAAEC;KAAO,kBAClBkC,6BAACY,UAAU;MACPE,oBAAoB,EAAEA,oBAAoB;MAC1CC,QAAQ,EAAElD,GAAG,CAACoF,KAAK;MACnBjC,UAAU,EAAEnD,GAAG,CAACQ,aAAa,EAAE;MAC/BP,KAAK,EAAEA,KAAK;MACZmD,QAAQ,EAAEA,QAAQ;MAClBtD,KAAK,EAAEA,KAAK;MACZuD,cAAc,EAAErD,GAAG,CAACqD;MAE3B;GACJ,MAAM;IACHtD,IAAI,GAAG,CAAC;MAAEC,GAAG;MAAEC;KAAO;MAClB,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAsB;MACjD,MAAMwB,SAAS,GACX,0PAA0P;MAE9P,MAAM4B,WAAW,GAAIhD,KAAuB;;QACxCA,KAAK,CAACiD,eAAe,EAAE;QACvBvD,GAAG,CAACqD,cAAc,EAAE;QACpBnD,IAAI,CAAC2D,iBAAiB,CAAC7D,GAAG,CAACoF,KAAK,CAAC;QACjC,sBAAAhC,QAAQ,CAACK,OAAO,uDAAhB,mBAAkBK,KAAK,EAAE;OAC5B;MAED,oBACI3B;QACIT,SAAS,EAAEA,SAAS;wBACN1B,GAAG,CAACQ,aAAa,EAAE;QACjC+D,OAAO,EAAEjB,WAAW;QACpB+B,IAAI,EAAC,OAAO;QACZZ,QAAQ,EAAE,CAAC,CAAC;QACZa,IAAI,EAAC;SACJtF,GAAG,CAACQ,aAAa,EAAE,gBAAG2B;QAAMT,SAAS,EAAC;QAAsC,GAAG,IAAI,CAC/E;KAEhB;;EAGL,OAAO;IACHtC,EAAE,EAAEJ,uBAAuB;IAC3B4F,MAAM;IACN7E,IAAI;IACJG,IAAI,EAAE;MACFyC,KAAK,EAAE,QAAQ;MACfjB,SAAS,EAAE7B,SAAS,GAAG,aAAa,GAAG,OAAO;MAC9C+C,eAAe,EAAE/C,SAAS,GAAG,aAAa,GAAG;KAChD;;IAEDgD,cAAc,EAAE,KAAK;IACrBC,IAAI,EAAE;GACT;AACL;AAEA,MAAMyC,UAAU,gBAAGpD,cAAK,CAACa,IAAI,CAAC,CAAC;EAAEwC,mBAAmB;EAAEC,UAAU;EAAEzF,GAAG;EAAEF;CAAY;EAC/E,MAAM4F,cAAc,GAAGF,mBAAmB,CAACxF,GAAG,CAACgB,QAAQ,CAAC;EAExD,IAAI,CAAC0E,cAAc,EAAE;IACjB,OAAO,IAAI;;EAGf,oBACIvD,6BAAC4B,OAAO;IACJC,KAAK,eACD7B,4DACKsD,UAAU,GAAG3F,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACC,QAAQ,GAAG9F,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACE,MAAM,eAC7F1D,6BAACgC,QAAQ;MAACzC,SAAS,EAAC,MAAM;MAAC0C,IAAI,EAAE;QAAEY,GAAG,EAAES,UAAU,GAAG,WAAW,GAAG,YAAY;QAAEvF,IAAI,EAAE;;MAAU;kBAGzGiC,6BAAC2D,UAAU;IACP9B,KAAK,EAAEyB,UAAU,GAAG3F,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACC,QAAQ,GAAG9F,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACE,MAAM;IACnGE,UAAU,EAAC,UAAU;IACrBC,IAAI,EAAEP,UAAU,GAAG,cAAc,GAAG,eAAe;IACnDlB,OAAO,EAAEjE,KAAK;MACVA,KAAK,CAACiD,eAAe,EAAE;MACvBvD,GAAG,CAACiG,cAAc,EAAE;KACvB;IACDxB,QAAQ,EAAE,CAAC;IACb,CACI;AAElB,CAAC,CAAC;SAEcyB,wBAAwB,CACpCV,mBAAgD,EAChD1F,KAAwB;EAExB,OAAO;IACHV,EAAE,EAAEH,uBAAuB;IAC3B2F,MAAM,EAAE,CAAC;MAAE3E;KAAO,kBACdkC,6BAAC4B,OAAO;MACJC,KAAK,EACD/D,KAAK,CAACkG,qBAAqB,EAAE,GACvBrG,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACS,WAAW,GAC1CtG,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACU;oBAEzClE,6BAAC2D,UAAU;MACP9B,KAAK,EACD/D,KAAK,CAACkG,qBAAqB,EAAE,GACvBrG,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACS,WAAW,GAC1CtG,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACoD,SAAS,CAACU,SAAS;MAElDN,UAAU,EAAC,UAAU;MACrBrE,SAAS,EAAC,eAAe;MACzBsE,IAAI,EAAE/F,KAAK,CAACkG,qBAAqB,EAAE,GAAG,qBAAqB,GAAG,sBAAsB;MACpF5B,OAAO,EAAEjE,KAAK;QACVA,KAAK,CAACiD,eAAe,EAAE;QACvBtD,KAAK,CAACqG,qBAAqB,CAACrG,KAAK,CAACkG,qBAAqB,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC;OAC5E;MACD1B,QAAQ,EAAE,CAAC;MACb,CAET;IACD1E,IAAI,EAAE,CAAC;MAAEC;KAA8B;;;;IAGnCmC,6BAACoD,UAAU;MAACC,mBAAmB,EAAEA,mBAAmB;MAAEC,UAAU,EAAEzF,GAAG,CAACuG,aAAa,EAAE;MAAEvG,GAAG,EAAEA,GAAG;MAAEF,KAAK,EAAEA;MAC3G;IAEDI,IAAI,EAAE;MACFyC,KAAK,EAAE,QAAQ;MACfjB,SAAS,EAAE,mBAAmB;MAC9BkB,eAAe,EAAE;KACpB;;IAEDC,cAAc,EAAE,KAAK;IACrBC,IAAI,EAAE;GACT;AACL;AAEA,MAAM0D,cAAc,gBAAGrE,cAAK,CAACa,IAAI,CAAC,CAAC;EAAEhD,GAAG;EAAEyG,OAAO;EAAEC,aAAa;EAAEC,SAAS;EAAEC,qBAAqB;EAAE3G,KAAK;EAAEH;CAAY;EACnH,MAAM;IAAE+G,QAAQ;IAAEC;GAAW,GAAGC,aAAa,EAAE;EAE/C,IAAK,CAACF,QAAQ,KAAK,CAACC,SAAS,IAAIF,qBAAqB,CAAC,IAAKD,SAAS,EAAE;IACnE,OAAO,IAAI;;EAGf,MAAMK,cAAc,GAAGP,OAAO,CAAC1F,GAAG,CAACkG,MAAM,IAAIA,MAAM,CAACjH,GAAG,CAACgB,QAAQ,CAAC,CAAC,CAACkG,MAAM,CAACD,MAAM,IAAI,CAAC,CAACA,MAAM,CAAC;EAE7F,MAAME,YAAY,GAAGH,cAAc,CAACI,MAAM,KAAKV,aAAa,GAAGM,cAAc,GAAGA,cAAc,CAACrD,KAAK,CAAC,CAAC,EAAE+C,aAAa,GAAG,CAAC,CAAC;EAC1H,MAAMW,aAAa,GAAGL,cAAc,CAACrD,KAAK,CAACqD,cAAc,CAACI,MAAM,KAAKV,aAAa,GAAGA,aAAa,GAAGA,aAAa,GAAG,CAAC,CAAC;;EAGvH,MAAMY,eAAe,GAAG,6DAA6D;;EAGrF,MAAM7C,QAAQ,GAAGxE,KAAK,CAACE,OAAO,CAACD,IAAI,CAACqH,cAAc,KAAKvH,GAAG,CAACoF,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC;EAEzE,oBACIjD;IAAMT,SAAS,EAAC;KACXyF,YAAY,CAACpG,GAAG,CAAC,CAACyG,MAAM,EAAEpC,KAAK;IAAA;IAAA,oBAC5BjD,cAAK,CAACsF,YAAY,CAACD,MAAM,EAAE;MACvBzB,UAAU,EAAE,UAAU;MACtBrE,SAAS,EAAEgG,EAAE,CAACJ,eAAe,EAAEE,MAAM,CAACG,KAAK,CAACjG,SAAS,CAAC;MACtDsD,GAAG,EAAEI,KAAK;MACVX,QAAQ;MACRhC,OAAO,EAAE+E,MAAM,CAACG,KAAK,CAACC,QAAQ,gBAC1BzF,qFACKqF,MAAM,CAACG,KAAK,CAAClF,OAAO,yEAAI+E,MAAM,CAACG,KAAK,CAAC,YAAY,CAAC,eACnDxF,6BAACgC,QAAQ;QAACzC,SAAS,EAAC,MAAM;QAAC0C,IAAI,EAAEoD,MAAM,CAACG,KAAK,CAACC;QAAY,CAC3D,6BAEHJ,MAAM,CAACG,KAAK,CAAClF,OAAO,2EAAI+E,MAAM,CAACG,KAAK,CAAC,YAAY;KAExD,CAAC;IACL,EACAN,aAAa,CAACD,MAAM,gBACjBjF,6BAAC2D,UAAU;IACPC,UAAU,EAAC,UAAU;kBACTjG,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACkE,OAAO,CAAChE,OAAO;IAChDuD,IAAI,EAAC,MAAM;IACXvB,QAAQ,EAAEA,QAAQ;IAClBoD,IAAI,EAAEC,SAAS,iBACX3F,6BAAC4F,IAAI,oBAAKD,SAAS,gBACf3F,6BAAC4F,IAAI,CAACC,OAAO,QACRX,aAAa,CAACtG,GAAG,CAAC,CAACkG,MAAM,EAAEgB,CAAC,kBACzB9F,6BAAC4F,IAAI,CAACG,IAAI;MAAClD,GAAG,EAAEiD;OAAOhB,MAAM,CAACU,KAAK;MAAEC,QAAQ,EAAEX,MAAM,CAACU,KAAK,CAACC;QACvDX,MAAM,CAACU,KAAK,CAAC,YAAY,CAAC,CAElC,CAAC,CACS,CAEtB;IACDlF,OAAO,EAAE3C,KAAK,CAACwC,MAAM,CAACC,OAAO,CAACkE,OAAO,CAAChE;IACxC,GACF,IAAI,CACL;AAEf,CAAC,CAAC;SAEc0F,sBAAsB,CAClCC,UAAU,EACVC,gBAAgB,EAChBvI,KAAwB;EAExB,OAAO;IACHV,EAAE,EAAEF,qBAAqB;IACzBa,IAAI,EAAE,CAAC;MAAEC,GAAG;MAAEC;KAAO;MAAA;MAAA,oBACjBkC,6BAACqE,cAAc;QACXxG,GAAG,EAAEA,GAAG;QACRyG,OAAO,EAAE2B,UAAU;QACnB1B,aAAa,EAAE2B,gBAAgB;QAC/BvI,KAAK,EAAEA,KAAK;QACZG,KAAK,EAAEA,KAAK;QACZ0G,SAAS,EAAE,CAAC,yBAAC1G,KAAK,CAACE,OAAO,CAACD,IAAI,gDAAlB,oBAAoBoI,QAAQ,CAAC3B,SAAS;QACnDC,qBAAqB,EAAE,CAAC,0BAAC3G,KAAK,CAACE,OAAO,CAACD,IAAI,iDAAlB,qBAAoB0G,qBAAqB;QACpE;KACL;IACD1G,IAAI,EAAE;MACFyC,KAAK,EAAE,OAAO;MACdjB,SAAS,EAAE,CAAC1B,GAAa,EAAEC,KAAU;QAAA;QAAA;;UAEjCyH,EAAE,CAAC,2GAA2G,EAAE;YAC5G,0EAA0E,EAAE,CAAC1H,GAAG,CAACQ,aAAa,EAAE;YAChG,+DAA+D,EAC3D,CAACR,GAAG,CAACQ,aAAa,EAAE,KACnB,0BAACP,KAAK,CAACE,OAAO,CAACD,IAAI,iDAAlB,qBAAoB0G,qBAAqB,KAAI3G,KAAK,CAACE,OAAO,CAACD,IAAI,CAACoI,QAAQ,CAAC3B,SAAS,CAAC;YACzF,8CAA8C,EAAE3G,GAAG,CAACQ,aAAa;WACpE;;;MACLoC,eAAe,EAAE;KACpB;;IAEDC,cAAc,EAAE;GACnB;AACL;SAEgB0F,cAAc,CAAkBhG,OAA2B,EAAEiG,aAAmC;;EAE5G,MAAMC,eAAe,GAAGlG,OAAO,CAC1B2E,MAAM,CAACwB,MAAM;IAAA;IAAA,OAAI,eAAAA,MAAM,CAACtJ,EAAE,+CAAT,WAAWuJ,UAAU,CAAC,IAAI,CAAC,KAAID,MAAM,CAACtJ,EAAE,KAAKF,qBAAqB;IAAC,CACpF6B,GAAG,CAAC2H,MAAM,IAAIA,MAAM,CAACtJ,EAAE,CAAa;;EAGzC,MAAMwJ,gBAAgB,GAAa,EAAE;EACrC,MAAMC,eAAe,GAAa,EAAE;EAEpC,IAAIC,KAAK,CAACC,OAAO,CAACP,aAAa,CAAC,EAAE;IAC9BA,aAAa,CAAC5E,OAAO,CAACxE,EAAE;;MACpB,IAAIA,EAAE,CAACuJ,UAAU,CAAC,IAAI,CAAC,EAAE;QACrB;;MAGJ,qBAAIpG,OAAO,CAACyG,IAAI,CAACN,MAAM,IAAIA,MAAM,CAACtJ,EAAE,KAAKA,EAAE,CAAC,gEAAxC,cAA0Cc,IAAI,+CAA9C,mBAAgD+I,iBAAiB,EAAE;QACnEL,gBAAgB,CAACM,OAAO,CAAC9J,EAAE,CAAC;OAC/B,MAAM;QACHyJ,eAAe,CAACM,IAAI,CAAC/J,EAAE,CAAC;;KAE/B,CAAC;GACL,MAAM;IACHmD,OAAO,CAACqB,OAAO,CAAC8E,MAAM;;MAClB,mBAAIA,MAAM,CAACtJ,EAAE,wCAAT,YAAWuJ,UAAU,CAAC,IAAI,CAAC,EAAE;QAC7B;;MAGJ,oBAAID,MAAM,CAACxI,IAAI,yCAAX,aAAa+I,iBAAiB,EAAE;QAChCL,gBAAgB,CAACO,IAAI,CAACT,MAAM,CAACtJ,EAAY,CAAC;OAC7C,MAAM;QACHyJ,eAAe,CAACM,IAAI,CAACT,MAAM,CAACtJ,EAAY,CAAC;;KAEhD,CAAC;;EAGN,MAAMgK,KAAK,GAAG,CAAC,GAAGX,eAAe,EAAE,GAAGG,gBAAgB,EAAE,GAAGC,eAAe,CAAC;;EAG3E,IAAItG,OAAO,CAAC8G,SAAS,CAACX,MAAM,IAAIA,MAAM,CAACtJ,EAAE,KAAKF,qBAAqB,CAAC,GAAG,CAAC,CAAC,EAAE;IACvEkK,KAAK,CAACD,IAAI,CAACjK,qBAAqB,CAAC;;EAGrC,OAAOkK,KAAK;AAChB;;;;"}
+{"version":3,"file":"columns.js","sources":["../../../../../../../../src/components/Table2/utilities/columns.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { CellContext, ColumnDef, DisplayColumnDef, Row, TableMeta } from '@tanstack/react-table';\nimport { Checkbox } from '../../Checkbox/Checkbox';\nimport { IconButton } from '../../IconButton/IconButton';\nimport { Shortcut } from '../../Shortcut/Shortcut';\nimport { Tooltip } from '../../Tooltip/Tooltip';\nimport { RowDragHandler, RowExpansionRenderer } from '../types';\nimport { Menu } from '../../Menu/Menu';\nimport { Icon } from '../../Icon/Icon';\nimport { LocalizationTexts } from '../../Provider/Localization';\nimport { useRowContext } from '../components/row/Context';\n\nexport const COLUMN_ID_FOR_DRAGGABLE = '__draggable';\nexport const COLUMN_ID_FOR_SELECTION = '__select';\nexport const COLUMN_ID_FOR_EXPANSION = '__expansion';\nexport const COLUMN_ID_FOR_ACTIONS = '__actions';\n\nexport const isInternalFrozenColumn = (id: string) => isInternalColumn(id) && id !== COLUMN_ID_FOR_ACTIONS;\n\nexport const isInternalColumn = (id: string) =>\n    id === COLUMN_ID_FOR_SELECTION ||\n    id === COLUMN_ID_FOR_EXPANSION ||\n    id === COLUMN_ID_FOR_ACTIONS ||\n    id === COLUMN_ID_FOR_DRAGGABLE;\n\nexport const MIN_COLUMN_SIZE = 80; // accounts for padding and sort controls\n\nconst toggleBetween = (fromRowIndex: number, toRowIndex: number): [number, number] => {\n    const fromIndex = toRowIndex < fromRowIndex ? toRowIndex : fromRowIndex;\n    const toIndex = toRowIndex > fromRowIndex ? toRowIndex : fromRowIndex;\n\n    return [fromIndex, toIndex];\n};\n\nexport function createRowDraggableColumn<TType = any>(\n    onRowDrag: RowDragHandler<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_DRAGGABLE,\n        cell: ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const GHOST_ELEMENT_ID = 'taco_table_dragging';\n\n            const onDragStart = (event: React.DragEvent): void => {\n                const rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];\n\n                meta.setDragging(rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {}));\n\n                const data = rows.map(row => row.original);\n                // set a default data value so that the consumer doesn't have to\n                event.dataTransfer.setData('text', JSON.stringify(data));\n\n                const showPlaceholder = (text: string) => {\n                    const ghost = document.createElement('div');\n                    ghost.id = GHOST_ELEMENT_ID;\n                    ghost.className = 'wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]';\n                    ghost.innerText = text;\n                    document.body.appendChild(ghost);\n                    event.dataTransfer.setDragImage(ghost, 0, 0);\n                };\n\n                const setDataTransfer = (text: string) => event.dataTransfer.setData('text', text);\n\n                onRowDrag(data, showPlaceholder, setDataTransfer);\n            };\n\n            const onDragEnd = (): void => {\n                document.getElementById(GHOST_ELEMENT_ID)?.remove();\n                meta.setDragging({});\n            };\n\n            return (\n                <div draggable onDragStart={onDragStart} onDragEnd={onDragEnd}>\n                    <Icon\n                        aria-label={texts.table2.columns.drag.tooltip}\n                        name=\"drag\"\n                        className=\"text-grey-darkest invisible w-[20px] cursor-grab active:cursor-grabbing group-hover/row:visible group-[[aria-grabbed]]/row:text-white\"\n                    />\n                </div>\n            );\n        },\n        meta: {\n            align: 'center',\n            className: 'items-center !px-0',\n            headerClassName: 'items-center !px-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 10,\n    };\n}\n\nconst SelectCell = React.memo(({ lastSelectedRowIndex, rowIndex, isSelected, table, tableRef, texts, toggleSelected }: any) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    const handleClick = (event: React.MouseEvent): void => {\n        event.stopPropagation();\n\n        if (event.shiftKey) {\n            const [fromIndex, toIndex] = toggleBetween(lastSelectedRowIndex?.current || 0, rowIndex);\n\n            table\n                .getRowModel()\n                .rows.slice(fromIndex, toIndex + 1)\n                .forEach(row => row.toggleSelected(true));\n        } else {\n            toggleSelected();\n        }\n\n        lastSelectedRowIndex.current = rowIndex;\n        meta.setActiveRowIndex(rowIndex);\n        tableRef.current?.focus();\n    };\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect}\n                    <Shortcut className=\"ml-2\" keys=\"Space\" />\n                </>\n            }>\n            <Checkbox\n                aria-label={isSelected ? texts.table2.columns.select.select : texts.table2.columns.select.deselect}\n                className=\"hover:border-blue !mt-0\"\n                checked={isSelected}\n                onClick={handleClick}\n                // this is necessary to remove console spam from eslint\n                onChange={() => false}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\nexport function createRowSelectionColumn<TType = any>(\n    enableMultipleRowSelection: boolean,\n    lastSelectedRowIndex: React.MutableRefObject<number | undefined>,\n    onRowDrag: RowDragHandler<TType> | undefined,\n    tableRef: React.RefObject<HTMLDivElement>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    let header;\n    let cell;\n\n    if (enableMultipleRowSelection) {\n        header = ({ table }) => (\n            <Tooltip\n                title={\n                    <>\n                        {table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll}\n                        <Shortcut className=\"ml-2\" keys={{ key: 'a', meta: true }} />\n                    </>\n                }>\n                <Checkbox\n                    aria-label={\n                        table.getIsAllPageRowsSelected()\n                            ? texts.table2.columns.select.deselectAll\n                            : texts.table2.columns.select.selectAll\n                    }\n                    className=\"hover:border-blue !mt-0\"\n                    checked={table.getIsAllPageRowsSelected()}\n                    indeterminate={table.getIsSomePageRowsSelected()}\n                    onChange={checked => table.toggleAllPageRowsSelected(checked)}\n                    onClick={() => {\n                        tableRef.current?.focus();\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        );\n        cell = ({ row, table }) => (\n            <SelectCell\n                lastSelectedRowIndex={lastSelectedRowIndex}\n                rowIndex={row.index}\n                isSelected={row.getIsSelected()}\n                table={table}\n                tableRef={tableRef}\n                texts={texts}\n                toggleSelected={row.toggleSelected}\n            />\n        );\n    } else {\n        cell = ({ row, table }) => {\n            const meta = table.options.meta as TableMeta<any>;\n            const className =\n                'border-grey-300 focus:yt-focus flex h-5 w-5 mt-[0.45rem] flex-shrink-0 items-center justify-center self-start rounded-full border-2 bg-white hover:border-[5px] aria-checked:border-blue-500 aria-checked:bg-blue-500 hover:aria-checked:border-blue-300';\n\n            const handleClick = (event: React.MouseEvent): void => {\n                event.stopPropagation();\n                row.toggleSelected();\n                meta.setActiveRowIndex(row.index);\n                tableRef.current?.focus();\n            };\n\n            return (\n                <button\n                    className={className}\n                    aria-checked={row.getIsSelected()}\n                    onClick={handleClick}\n                    role=\"radio\"\n                    tabIndex={-1}\n                    type=\"button\">\n                    {row.getIsSelected() ? <span className=\"h-2.5 w-2.5 rounded-full bg-white\" /> : null}\n                </button>\n            );\n        };\n    }\n\n    return {\n        id: COLUMN_ID_FOR_SELECTION,\n        header,\n        cell,\n        meta: {\n            align: 'center',\n            className: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n            headerClassName: onRowDrag ? '!pl-0 !pr-3' : '!px-3',\n        },\n        // sizing\n        enableResizing: false,\n        size: 46,\n    };\n}\n\nconst ExpandCell = React.memo(({ expandedRowRenderer, isExpanded, row, texts }: any) => {\n    const hasExpandedRow = expandedRowRenderer(row.original);\n\n    if (!hasExpandedRow) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            title={\n                <>\n                    {isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand}\n                    <Shortcut className=\"ml-2\" keys={{ key: isExpanded ? 'ArrowLeft' : 'ArrowRight', meta: true }} />\n                </>\n            }>\n            <IconButton\n                title={isExpanded ? texts.table2.columns.expansion.collapse : texts.table2.columns.expansion.expand}\n                appearance=\"discrete\"\n                icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                onClick={event => {\n                    event.stopPropagation();\n                    row.toggleExpanded();\n                }}\n                tabIndex={-1}\n            />\n        </Tooltip>\n    );\n});\n\nexport function createRowExpansionColumn<TType = any>(\n    expandedRowRenderer: RowExpansionRenderer<TType>,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_EXPANSION,\n        header: ({ table }) => (\n            <Tooltip\n                title={\n                    table.getIsSomeRowsExpanded()\n                        ? texts.table2.columns.expansion.collapseAll\n                        : texts.table2.columns.expansion.expandAll\n                }>\n                <IconButton\n                    title={\n                        table.getIsSomeRowsExpanded()\n                            ? texts.table2.columns.expansion.collapseAll\n                            : texts.table2.columns.expansion.expandAll\n                    }\n                    appearance=\"discrete\"\n                    className=\"-mb-2 -mt-1.5\"\n                    icon={table.getIsSomeRowsExpanded() ? 'chevron-down-double' : 'chevron-right-double'}\n                    onClick={event => {\n                        event.stopPropagation();\n                        table.toggleAllRowsExpanded(table.getIsSomeRowsExpanded() ? false : true);\n                    }}\n                    tabIndex={-1}\n                />\n            </Tooltip>\n        ),\n        cell: ({ row }: CellContext<TType, any>) => (\n            // ExpandCell is memoised and that's why calling row.getIsExpanded() inside it doesn't return the correct\n            // expand state. This is the reason why isExpanded is pulled out of the ExpandCell component.\n            <ExpandCell expandedRowRenderer={expandedRowRenderer} isExpanded={row.getIsExpanded()} row={row} texts={texts} />\n        ),\n\n        meta: {\n            align: 'center',\n            className: 'items-center !p-0',\n            headerClassName: 'items-center hover:!bg-white !p-0',\n        },\n        // sizing\n        enableResizing: false,\n        size: 36,\n    };\n}\n\nconst RowActionsCell = React.memo(({ row, actions, actionsLength, isEditing, shouldPauseHoverState, table, texts }: any) => {\n    const { isActive, isHovered } = useRowContext();\n\n    if ((!isActive && (!isHovered || shouldPauseHoverState)) || isEditing) {\n        return null;\n    }\n\n    const visibleActions = actions.map(action => action(row.original)).filter(action => !!action);\n\n    const actionsOnRow = visibleActions.length === actionsLength ? visibleActions : visibleActions.slice(0, actionsLength - 1);\n    const actionsInMenu = visibleActions.slice(visibleActions.length === actionsLength ? actionsLength : actionsLength - 1);\n\n    // If the row is not the active row or the hovered row then actions are hidden.\n    const actionClassName = 'group-hover/row:flex group-[[aria-current]]/row:flex hidden';\n\n    // only actions in the active row should be tabbable\n    const tabIndex = table.options.meta.activeRowIndex === row.index ? 0 : -1;\n\n    return (\n        <span className=\"-mb-2 -mt-2 flex justify-end text-right\">\n            {actionsOnRow.map((button, index) =>\n                React.cloneElement(button, {\n                    appearance: 'discrete',\n                    className: cn(actionClassName, button.props.className),\n                    key: index,\n                    tabIndex,\n                    tooltip: button.props.shortcut ? (\n                        <>\n                            {button.props.tooltip ?? button.props['aria-label']}\n                            <Shortcut className=\"ml-2\" keys={button.props.shortcut} />\n                        </>\n                    ) : (\n                        button.props.tooltip ?? button.props['aria-label']\n                    ),\n                })\n            )}\n            {actionsInMenu.length ? (\n                <IconButton\n                    appearance=\"discrete\"\n                    aria-label={texts.table2.columns.actions.tooltip}\n                    icon=\"more\"\n                    tabIndex={tabIndex}\n                    menu={menuProps => (\n                        <Menu {...menuProps}>\n                            <Menu.Content>\n                                {actionsInMenu.map((action, i) => (\n                                    <Menu.Item key={i} {...action.props} shortcut={action.props.shortcut}>\n                                        {action.props['aria-label']}\n                                    </Menu.Item>\n                                ))}\n                            </Menu.Content>\n                        </Menu>\n                    )}\n                    tooltip={texts.table2.columns.actions.tooltip}\n                />\n            ) : null}\n        </span>\n    );\n});\n\nexport function createRowActionsColumn<TType = any>(\n    rowActions,\n    rowActionsLength,\n    texts: LocalizationTexts\n): DisplayColumnDef<TType, any> {\n    return {\n        id: COLUMN_ID_FOR_ACTIONS,\n        cell: ({ row, table }) => (\n            <RowActionsCell\n                row={row}\n                actions={rowActions}\n                actionsLength={rowActionsLength}\n                texts={texts}\n                table={table}\n                isEditing={!!table.options.meta?.editMode.isEditing}\n                shouldPauseHoverState={!!table.options.meta?.shouldPauseHoverState}\n            />\n        ),\n        meta: {\n            align: 'right',\n            className: (row: Row<any>, table: any) =>\n                // Adding z-index so that it shows on top of frozen columns\n                cn('items-center print:opacity-0 group-[[aria-current]]/row:sticky group-hover/row:sticky right-0 !px-1 z-[1]', {\n                    'group-[[aria-current]]/row:!shadow-[-6px_0px_6px_theme(colors.grey.200)]': !row.getIsSelected(),\n                    'group-hover/row:!shadow-[-6px_0px_6px_theme(colors.grey.100)]':\n                        !row.getIsSelected() &&\n                        (!table.options.meta?.shouldPauseHoverState || table.options.meta.editMode.isEditing),\n                    'shadow-[-6px_0px_6px_theme(colors.blue.100)]': row.getIsSelected(),\n                }),\n            headerClassName: 'hover:!bg-white !px-1',\n        },\n        // sizing\n        enableResizing: false,\n    };\n}\n\nexport function ensureOrdering<TType = unknown>(columns: ColumnDef<TType>[], settingsOrder: string[] | undefined): string[] {\n    // internal column come with a defined order\n    const internalColumns = columns\n        .filter(column => column.id?.startsWith('__') && column.id !== COLUMN_ID_FOR_ACTIONS)\n        .map(column => column.id) as string[];\n\n    // columns with ordering disabled should be moved to the front\n    const orderingDisabled: string[] = [];\n    const orderingEnabled: string[] = [];\n\n    let orderedColumns = columns;\n\n    // if settings is defined, make sure the columns that are actual children are sorted by it\n    if (Array.isArray(settingsOrder)) {\n        orderedColumns = columns.slice().sort(\n            // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end\n            (a, b) => (settingsOrder.indexOf(a.id as string) >>> 0) - (settingsOrder.indexOf(b.id as string) >>> 0)\n        );\n    }\n\n    orderedColumns.forEach(column => {\n        if (column.id?.startsWith('__')) {\n            return;\n        }\n\n        if (column.meta?.disableReordering) {\n            orderingDisabled.push(column.id as string);\n        } else {\n            orderingEnabled.push(column.id as string);\n        }\n    });\n\n    const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];\n\n    // actions should always be last, enforce that\n    if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {\n        order.push(COLUMN_ID_FOR_ACTIONS);\n    }\n\n    return order;\n}\n"],"names":["COLUMN_ID_FOR_DRAGGABLE","COLUMN_ID_FOR_SELECTION","COLUMN_ID_FOR_EXPANSION","COLUMN_ID_FOR_ACTIONS","isInternalFrozenColumn","id","isInternalColumn","MIN_COLUMN_SIZE","toggleBetween","fromRowIndex","toRowIndex","fromIndex","toIndex","createRowDraggableColumn","onRowDrag","texts","cell","row","table","meta","options","GHOST_ELEMENT_ID","onDragStart","event","rows","getIsSelected","getSelectedRowModel","setDragging","reduce","dragging","rowBeingDragged","data","map","original","dataTransfer","setData","JSON","stringify","showPlaceholder","text","ghost","document","createElement","className","innerText","body","appendChild","setDragImage","setDataTransfer","onDragEnd","getElementById","remove","React","draggable","Icon","table2","columns","drag","tooltip","name","align","headerClassName","enableResizing","size","SelectCell","memo","lastSelectedRowIndex","rowIndex","isSelected","tableRef","toggleSelected","handleClick","stopPropagation","shiftKey","current","getRowModel","slice","forEach","setActiveRowIndex","focus","Tooltip","title","select","deselect","Shortcut","keys","Checkbox","checked","onClick","onChange","tabIndex","createRowSelectionColumn","enableMultipleRowSelection","header","getIsAllPageRowsSelected","deselectAll","selectAll","key","indeterminate","getIsSomePageRowsSelected","toggleAllPageRowsSelected","index","role","type","ExpandCell","expandedRowRenderer","isExpanded","hasExpandedRow","expansion","collapse","expand","IconButton","appearance","icon","toggleExpanded","createRowExpansionColumn","getIsSomeRowsExpanded","collapseAll","expandAll","toggleAllRowsExpanded","getIsExpanded","RowActionsCell","actions","actionsLength","isEditing","shouldPauseHoverState","isActive","isHovered","useRowContext","visibleActions","action","filter","actionsOnRow","length","actionsInMenu","actionClassName","activeRowIndex","button","cloneElement","cn","props","shortcut","menu","menuProps","Menu","Content","i","Item","createRowActionsColumn","rowActions","rowActionsLength","editMode","ensureOrdering","settingsOrder","internalColumns","column","startsWith","orderingDisabled","orderingEnabled","orderedColumns","Array","isArray","sort","a","b","indexOf","disableReordering","push","order","findIndex"],"mappings":"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"}

package/dist/taco.cjs.development.js

@@ -5376,10 +5376,10 @@ const useDatepicker = ({
   const {
     formatting
   } = useLocalization();
-  const [internalValue, setInternalValue] = React.useState(value ? format(value, formatting.date) : '');
+  const [internalValue, setInternalValue] = React.useState(value && dateFns.isValid(value) ? format(value, formatting.date) : '');
   // update internal value if it changed 'externally'
   React.useEffect(() => {
-    if (value) {
+    if (value && dateFns.isValid(value)) {
       const formattedValue = format(value, formatting.date);
       if (formattedValue !== internalValue) {
         setInternalValue(formattedValue);
@@ -11841,31 +11841,24 @@ function ensureOrdering(columns, settingsOrder) {
   // columns with ordering disabled should be moved to the front
   const orderingDisabled = [];
   const orderingEnabled = [];
+  let orderedColumns = columns;
+  // if settings is defined, make sure the columns that are actual children are sorted by it
   if (Array.isArray(settingsOrder)) {
-    settingsOrder.forEach(id => {
-      var _columns$find, _columns$find$meta;
-      if (id.startsWith('__')) {
-        return;
-      }
-      if ((_columns$find = columns.find(column => column.id === id)) !== null && _columns$find !== void 0 && (_columns$find$meta = _columns$find.meta) !== null && _columns$find$meta !== void 0 && _columns$find$meta.disableReordering) {
-        orderingDisabled.unshift(id);
-      } else {
-        orderingEnabled.push(id);
-      }
-    });
-  } else {
-    columns.forEach(column => {
-      var _column$id2, _column$meta;
-      if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
-        return;
-      }
-      if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.disableReordering) {
-        orderingDisabled.push(column.id);
-      } else {
-        orderingEnabled.push(column.id);
-      }
-    });
+    orderedColumns = columns.slice().sort(
+    // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
+    (a, b) => (settingsOrder.indexOf(a.id) >>> 0) - (settingsOrder.indexOf(b.id) >>> 0));
   }
+  orderedColumns.forEach(column => {
+    var _column$id2, _column$meta;
+    if ((_column$id2 = column.id) !== null && _column$id2 !== void 0 && _column$id2.startsWith('__')) {
+      return;
+    }
+    if ((_column$meta = column.meta) !== null && _column$meta !== void 0 && _column$meta.disableReordering) {
+      orderingDisabled.push(column.id);
+    } else {
+      orderingEnabled.push(column.id);
+    }
+  });
   const order = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
   // actions should always be last, enforce that
   if (columns.findIndex(column => column.id === COLUMN_ID_FOR_ACTIONS) > -1) {
@@ -14730,7 +14723,7 @@ const BaseTable2 = /*#__PURE__*/React__default.forwardRef(function BaseTable2(pr
                   const scrollY = event.currentTarget.scrollTop;
                   const isScrollingDown = scrollY > prevScrollY.current;
                   prevScrollY.current = scrollY;
-                  const scrolledPercentage = Math.round(100 / event.currentTarget.scrollHeight * scrollY);
+                  const scrolledPercentage = Math.round(scrollY / (event.currentTarget.scrollHeight - event.currentTarget.clientHeight) * 100);
                   const _temp2 = function () {
                     if (isScrollingDown && !loadingRef.current && scrolledPercentage >= 80) {
                       const _temp = _finallyRethrows(function () {