@economic/taco 2.44.3 → 2.45.0-alpha.1

package/dist/esm/packages/taco/src/components/Table3/components/Row/Row.js

@@ -15,7 +15,10 @@ function Row(props) {
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;
   React__default.useEffect(() => {
     if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {
-      setDataFocusAttribute(focusManager.focusFirst());
+      const element = focusManager.focusFirst();
+      if (element) {
+        setDataFocusAttribute(element);
+      }
     }
   }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);
   const handleFocus = React__default.useCallback(event => {

package/dist/esm/packages/taco/src/components/Table3/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { DisplayRow, DisplayRowProps } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';\nimport { SaveStatus } from './Editing/SaveStatus';\nimport { useAugmentedFocusManager } from '../../../../primitives/Table/Core/components/Body/util';\nimport { setDataFocusAttribute } from '../../../../utils/dom';\n\nexport function Row<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { row, index, table } = props;\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;\n\n    React.useEffect(() => {\n        if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {\n            setDataFocusAttribute(focusManager.focusFirst());\n        }\n    }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);\n\n    const handleFocus = React.useCallback(\n        (event: React.FocusEvent<HTMLTableRowElement>) => {\n            if (tableMeta.editing.isEditing) {\n                const cellIndex = Number(event.target.closest('td')?.getAttribute('data-cell-index') ?? undefined);\n\n                if (!isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const attributes = {\n        'data-row-editing-invalid':\n            tableMeta.editing.isEnabled && tableMeta.editing.hasRowErrors(row.id)\n                ? !tableMeta.editing.hasRowErrorsSeen(row.id)\n                    ? 'unseen'\n                    : true\n                : undefined,\n        'data-row-editing-status':\n            tableMeta.editing.isEnabled && tableMeta.editing.getRowSaveStatus(row.id)\n                ? tableMeta.editing.getRowSaveStatus(row.id)\n                : undefined,\n        onFocus: handleFocus,\n    };\n\n    return (\n        <DisplayRow<TType> {...props} {...attributes}>\n            {tableMeta.editing.getRowSaveStatus(row.id) ? <SaveStatus rowId={row.id} table={table} /> : null}\n        </DisplayRow>\n    );\n}\n"],"names":["Row","props","row","index","table","focusManager","useAugmentedFocusManager","tableMeta","options","meta","isActiveRow","rowActive","rowActiveIndex","React","useEffect","editing","isEditing","lastFocusedCellIndex","undefined","setDataFocusAttribute","focusFirst","handleFocus","useCallback","event","_event$target$closest","_event$target$closest2","cellIndex","Number","target","closest","getAttribute","isNaN","setLastFocusedCellIndex","attributes","isEnabled","hasRowErrors","id","hasRowErrorsSeen","getRowSaveStatus","onFocus","DisplayRow","SaveStatus","rowId"],"mappings":";;;;;;SAOgBA,GAAGA,CAAkBC,KAA6B;EAC9D,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,WAAW,GAAGH,SAAS,CAACI,SAAS,CAACC,cAAc,KAAKT,KAAK;EAEhEU,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIP,SAAS,CAACQ,OAAO,CAACC,SAAS,IAAIN,WAAW,IAAIH,SAAS,CAACQ,OAAO,CAACE,oBAAoB,KAAKC,SAAS,EAAE;MACpGC,qBAAqB,CAACd,YAAY,CAACe,UAAU,EAAE,CAAC;;GAEvD,EAAE,CAACb,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAET,SAAS,CAACI,SAAS,CAACC,cAAc,EAAEL,SAAS,CAACQ,OAAO,CAACE,oBAAoB,CAAC,CAAC;EAE7G,MAAMI,WAAW,GAAGR,cAAK,CAACS,WAAW,CAChCC,KAA4C;IACzC,IAAIhB,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAE;MAAA,IAAAQ,qBAAA,EAAAC,sBAAA;MAC7B,MAAMC,SAAS,GAAGC,MAAM,EAAAH,qBAAA,IAAAC,sBAAA,GAACF,KAAK,CAACK,MAAM,CAACC,OAAO,CAAC,IAAI,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BK,YAAY,CAAC,iBAAiB,CAAC,cAAAN,qBAAA,cAAAA,qBAAA,GAAIN,SAAS,CAAC;MAElG,IAAI,CAACa,KAAK,CAACL,SAAS,CAAC,EAAE;QACnBnB,SAAS,CAACQ,OAAO,CAACiB,uBAAuB,CAACL,MAAM,CAACD,SAAS,CAAC,CAAC;;;GAGvE,EACD,CAACnB,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAEN,WAAW,CAAC,CAC7C;EAED,MAAMuB,UAAU,GAAG;IACf,0BAA0B,EACtB1B,SAAS,CAACQ,OAAO,CAACmB,SAAS,IAAI3B,SAAS,CAACQ,OAAO,CAACoB,YAAY,CAACjC,GAAG,CAACkC,EAAE,CAAC,GAC/D,CAAC7B,SAAS,CAACQ,OAAO,CAACsB,gBAAgB,CAACnC,GAAG,CAACkC,EAAE,CAAC,GACvC,QAAQ,GACR,IAAI,GACRlB,SAAS;IACnB,yBAAyB,EACrBX,SAAS,CAACQ,OAAO,CAACmB,SAAS,IAAI3B,SAAS,CAACQ,OAAO,CAACuB,gBAAgB,CAACpC,GAAG,CAACkC,EAAE,CAAC,GACnE7B,SAAS,CAACQ,OAAO,CAACuB,gBAAgB,CAACpC,GAAG,CAACkC,EAAE,CAAC,GAC1ClB,SAAS;IACnBqB,OAAO,EAAElB;GACZ;EAED,oBACIR,6BAAC2B,UAAU,oBAAYvC,KAAK,EAAMgC,UAAU,GACvC1B,SAAS,CAACQ,OAAO,CAACuB,gBAAgB,CAACpC,GAAG,CAACkC,EAAE,CAAC,gBAAGvB,6BAAC4B,UAAU;IAACC,KAAK,EAAExC,GAAG,CAACkC,EAAE;IAAEhC,KAAK,EAAEA;IAAS,GAAG,IAAI,CACvF;AAErB;;;;"}
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table3/components/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { DisplayRow, DisplayRowProps } from '../../../../primitives/Table/Core/components/Row/BuiltIns/DisplayRow';\nimport { SaveStatus } from './Editing/SaveStatus';\nimport { useAugmentedFocusManager } from '../../../../primitives/Table/Core/components/Body/util';\nimport { setDataFocusAttribute } from '../../../../utils/dom';\n\nexport function Row<TType = unknown>(props: DisplayRowProps<TType>) {\n    const { row, index, table } = props;\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === index;\n\n    React.useEffect(() => {\n        if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === undefined) {\n            const element = focusManager.focusFirst();\n            if (element) {\n                setDataFocusAttribute(element);\n            }\n        }\n    }, [tableMeta.editing.isEditing, tableMeta.rowActive.rowActiveIndex, tableMeta.editing.lastFocusedCellIndex]);\n\n    const handleFocus = React.useCallback(\n        (event: React.FocusEvent<HTMLTableRowElement>) => {\n            if (tableMeta.editing.isEditing) {\n                const cellIndex = Number(event.target.closest('td')?.getAttribute('data-cell-index') ?? undefined);\n\n                if (!isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const attributes = {\n        'data-row-editing-invalid':\n            tableMeta.editing.isEnabled && tableMeta.editing.hasRowErrors(row.id)\n                ? !tableMeta.editing.hasRowErrorsSeen(row.id)\n                    ? 'unseen'\n                    : true\n                : undefined,\n        'data-row-editing-status':\n            tableMeta.editing.isEnabled && tableMeta.editing.getRowSaveStatus(row.id)\n                ? tableMeta.editing.getRowSaveStatus(row.id)\n                : undefined,\n        onFocus: handleFocus,\n    };\n\n    return (\n        <DisplayRow<TType> {...props} {...attributes}>\n            {tableMeta.editing.getRowSaveStatus(row.id) ? <SaveStatus rowId={row.id} table={table} /> : null}\n        </DisplayRow>\n    );\n}\n"],"names":["Row","props","row","index","table","focusManager","useAugmentedFocusManager","tableMeta","options","meta","isActiveRow","rowActive","rowActiveIndex","React","useEffect","editing","isEditing","lastFocusedCellIndex","undefined","element","focusFirst","setDataFocusAttribute","handleFocus","useCallback","event","_event$target$closest","_event$target$closest2","cellIndex","Number","target","closest","getAttribute","isNaN","setLastFocusedCellIndex","attributes","isEnabled","hasRowErrors","id","hasRowErrorsSeen","getRowSaveStatus","onFocus","DisplayRow","SaveStatus","rowId"],"mappings":";;;;;;SAOgBA,GAAGA,CAAkBC,KAA6B;EAC9D,MAAM;IAAEC,GAAG;IAAEC,KAAK;IAAEC;GAAO,GAAGH,KAAK;EACnC,MAAMI,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,MAAMC,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,MAAMC,WAAW,GAAGH,SAAS,CAACI,SAAS,CAACC,cAAc,KAAKT,KAAK;EAEhEU,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIP,SAAS,CAACQ,OAAO,CAACC,SAAS,IAAIN,WAAW,IAAIH,SAAS,CAACQ,OAAO,CAACE,oBAAoB,KAAKC,SAAS,EAAE;MACpG,MAAMC,OAAO,GAAGd,YAAY,CAACe,UAAU,EAAE;MACzC,IAAID,OAAO,EAAE;QACTE,qBAAqB,CAACF,OAAO,CAAC;;;GAGzC,EAAE,CAACZ,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAET,SAAS,CAACI,SAAS,CAACC,cAAc,EAAEL,SAAS,CAACQ,OAAO,CAACE,oBAAoB,CAAC,CAAC;EAE7G,MAAMK,WAAW,GAAGT,cAAK,CAACU,WAAW,CAChCC,KAA4C;IACzC,IAAIjB,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAE;MAAA,IAAAS,qBAAA,EAAAC,sBAAA;MAC7B,MAAMC,SAAS,GAAGC,MAAM,EAAAH,qBAAA,IAAAC,sBAAA,GAACF,KAAK,CAACK,MAAM,CAACC,OAAO,CAAC,IAAI,CAAC,cAAAJ,sBAAA,uBAA1BA,sBAAA,CAA4BK,YAAY,CAAC,iBAAiB,CAAC,cAAAN,qBAAA,cAAAA,qBAAA,GAAIP,SAAS,CAAC;MAElG,IAAI,CAACc,KAAK,CAACL,SAAS,CAAC,EAAE;QACnBpB,SAAS,CAACQ,OAAO,CAACkB,uBAAuB,CAACL,MAAM,CAACD,SAAS,CAAC,CAAC;;;GAGvE,EACD,CAACpB,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAEN,WAAW,CAAC,CAC7C;EAED,MAAMwB,UAAU,GAAG;IACf,0BAA0B,EACtB3B,SAAS,CAACQ,OAAO,CAACoB,SAAS,IAAI5B,SAAS,CAACQ,OAAO,CAACqB,YAAY,CAAClC,GAAG,CAACmC,EAAE,CAAC,GAC/D,CAAC9B,SAAS,CAACQ,OAAO,CAACuB,gBAAgB,CAACpC,GAAG,CAACmC,EAAE,CAAC,GACvC,QAAQ,GACR,IAAI,GACRnB,SAAS;IACnB,yBAAyB,EACrBX,SAAS,CAACQ,OAAO,CAACoB,SAAS,IAAI5B,SAAS,CAACQ,OAAO,CAACwB,gBAAgB,CAACrC,GAAG,CAACmC,EAAE,CAAC,GACnE9B,SAAS,CAACQ,OAAO,CAACwB,gBAAgB,CAACrC,GAAG,CAACmC,EAAE,CAAC,GAC1CnB,SAAS;IACnBsB,OAAO,EAAElB;GACZ;EAED,oBACIT,6BAAC4B,UAAU,oBAAYxC,KAAK,EAAMiC,UAAU,GACvC3B,SAAS,CAACQ,OAAO,CAACwB,gBAAgB,CAACrC,GAAG,CAACmC,EAAE,CAAC,gBAAGxB,6BAAC6B,UAAU;IAACC,KAAK,EAAEzC,GAAG,CAACmC,EAAE;IAAEjC,KAAK,EAAEA;IAAS,GAAG,IAAI,CACvF;AAErB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/features/useTableEditing.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableEditing.js","sources":["../../../../../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, Row as ReactTableRow } from '@tanstack/react-table';\nimport { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { willRowMove } from '../util/editing';\nimport { debounce } from 'lodash';\nimport { Localization, useLocalization } from '../../Provider/Localization';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, toggleEditing] = React.useState(false);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = useLastFocusedCellIndex();\n\n    // store pending changes for each row\n    // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes\n    // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved\n    const pendingChangesFns = usePendingChanges<TType>(isEnabled, handleSave, handleChange, validator);\n\n    useGlobalKeyDown(isEnabled && isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        pendingChangesFns.saveChanges();\n    });\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        ...pendingChangesFns,\n    };\n}\n\ntype SaveState = 'pending' | 'complete';\nexport type PendingChange<TType = unknown> = Partial<TType> & {\n    _meta: {\n        original: TType;\n        moveReason: Record<string, 'search' | 'sorting' | 'filter'>;\n        errors: {\n            row: string;\n            cells: Record<string, string>;\n            shouldShowErrorAlert: boolean;\n        };\n        status?: SaveState;\n    };\n};\n\ntype PendingChanges<TType = unknown> = Record<string, PendingChange<TType>>;\nfunction usePendingChanges<TType = unknown>(\n    isEnabled: boolean,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined\n) {\n    const localization = useLocalization();\n    const [pendingChanges, setPendingChanges] = React.useState<PendingChanges<TType>>({});\n    // we maintain save status as separate state because 'complete' needs to briefly show after pendingChanges are deleted\n    const [saveStates, setSaveState] = React.useState<Record<string, SaveState>>({});\n\n    function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n        return pendingChanges[cell.row.id]?.[cell.column.id];\n    }\n\n    function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n        return pendingChanges[cell.row.id]?._meta.errors?.cells?.[cell.column.id];\n    }\n\n    async function addCreatedRowChangeset(row) {\n        const cells = row.getAllCells();\n\n        setPendingChanges(currentChanges => {\n            return cells.reduce((changes, cell) => {\n                if (cell.getValue()) {\n                    return {\n                        ...changes,\n                        [cell.row.id]: {\n                            ...changes[cell.row.id],\n                            [cell.column.id]: cell.getValue(),\n                            _meta: {\n                                ...currentChanges[cell.row.id]?._meta,\n                                original: cell.row.original,\n                                moveReason: {\n                                    ...currentChanges[cell.row.id]?._meta.moveReason,\n                                },\n                                errors: {\n                                    ...currentChanges[cell.row.id]?._meta.errors,\n                                },\n                            },\n                        },\n                    };\n                } else {\n                    return changes;\n                }\n            }, currentChanges);\n        });\n    }\n    const pendingChangesUpdater = usePendingChangesUpdater(handleChange, setPendingChanges);\n\n    async function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, change: unknown, rowIndex: number) {\n        const changes = {\n            [cell.column.id]: change,\n        } as Partial<T>;\n\n        setPendingChanges(currentChanges => {\n            const nextChanges = createPendingChangesSetter<T>(\n                currentChanges as PendingChanges<T>,\n                cell.row,\n                rowIndex,\n                changes,\n                localization\n            );\n            pendingChangesUpdater.syncCellChanges(nextChanges);\n            return nextChanges;\n        });\n        pendingChangesUpdater.runCellUpdates<T>(changes, cell, rowIndex);\n    }\n\n    async function validateCell<T extends TType>(cell: ReactTableCell<T, unknown>) {\n        if (!validator || !isEnabled) {\n            return;\n        }\n\n        const changeSet = getChangesetFromChanges(pendingChanges[cell.row.id]);\n\n        // only validate if the cell being blurred actually has any changes\n        if (cell.column.id in changeSet) {\n            const errors = ((await validator(changeSet)) ?? {}) as Record<string, string>;\n\n            setPendingChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n                nextChanges[cell.row.id]._meta = {\n                    ...nextChanges[cell.row.id]._meta,\n                    errors: {\n                        ...nextChanges[cell.row.id]._meta.errors,\n                        cells: errors,\n                        shouldShowErrorAlert: !Object.keys(errors).length\n                            ? false\n                            : nextChanges[cell.row.id]._meta.errors.shouldShowErrorAlert,\n                    },\n                };\n                return nextChanges;\n            });\n        }\n    }\n\n    function hasRowErrors(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return (\n            !!pendingChanges[rowId]?._meta.errors?.row || !!Object.keys(pendingChanges[rowId]?._meta.errors?.cells ?? {}).length\n        );\n    }\n\n    function hasRowErrorsSeen(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return hasRowErrors(rowId) && !!pendingChanges[rowId]._meta.errors?.shouldShowErrorAlert;\n    }\n    function getRowPendingChange(rowId: string) {\n        const rowPendingChanges = pendingChanges[rowId];\n\n        if (rowPendingChanges) {\n            const { _meta, ...pendingChange } = rowPendingChanges;\n\n            return pendingChange;\n        }\n\n        return undefined;\n    }\n\n    function getRowSaveStatus(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return saveStates[rowId];\n    }\n\n    function setRowSaveStatus(rowId: string, status: 'pending' | 'complete' | undefined) {\n        setSaveState(currentStates => {\n            const nextStates = { ...currentStates };\n\n            if (status) {\n                nextStates[rowId] = status;\n            } else {\n                delete nextStates[rowId];\n            }\n\n            return nextStates;\n        });\n    }\n\n    function getRowMoveReason(rowId: string) {\n        return pendingChanges[rowId]?._meta.moveReason ? Object.values(pendingChanges[rowId]._meta.moveReason)[0] : undefined;\n    }\n\n    function hasChanges(rowId?: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return rowId ? !!pendingChanges[rowId] : !!Object.keys(pendingChanges).length;\n    }\n\n    function hasAlertErrors() {\n        if (!isEnabled) {\n            return false;\n        }\n        return !!getAlertErrors().length;\n    }\n\n    function getAlertErrors<T extends TType>() {\n        return Object.keys(pendingChanges)\n            .filter(hasRowErrorsSeen)\n            .map(rowId => ({ rowId, pendingChange: pendingChanges[rowId] as PendingChange<T> }));\n    }\n\n    function resetChanges(rowId: string) {\n        setPendingChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n            delete nextChanges[rowId];\n            return nextChanges;\n        });\n    }\n\n    async function saveChanges(rowId: string | undefined = undefined) {\n        if (!handleSave) {\n            console.warn('Tried to save, but Table has no onEditingSave handler');\n            return;\n        }\n\n        // we save back to pendingChanges, so make a copy of it's state when save was triggered\n        const changesToSave = rowId ? { [rowId]: pendingChanges[rowId] } : { ...pendingChanges };\n        const changes = Object.keys(changesToSave);\n\n        if (changes.length) {\n            for (const rowId of changes) {\n                const pendingChange = changesToSave[rowId];\n\n                const changeSet = getChangesetFromChanges(pendingChange);\n                try {\n                    if (getRowSaveStatus(rowId) === 'pending') return;\n\n                    // set saving = true\n                    setRowSaveStatus(rowId, 'pending');\n\n                    // re-run validation, maybe a cell is already invalid but has never been blurred\n                    if (validator) {\n                        const errors = await validator(changeSet);\n\n                        if (errors && Object.keys(errors).length) {\n                            throw errors;\n                        }\n                    }\n                    // send new data to the server\n                    await handleSave(changeSet);\n\n                    // cleanup changes, we don't need them after saving\n                    resetChanges(rowId);\n                    setRowSaveStatus(rowId, 'complete');\n                } catch (error) {\n                    // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n                    // this code handles those errors and maps them either to row errors or cell specific errors\n                    let rowError;\n                    let cellErrors;\n\n                    if (typeof error === 'string') {\n                        rowError = error;\n                    } else if (error instanceof Error) {\n                        rowError = error.message;\n\n                        // most of our apis return error objects within this shape\n                        if (typeof (error as any).response?.data === 'object') {\n                            cellErrors = (error as any).response?.data;\n                        }\n                    } else if (typeof error === 'object') {\n                        cellErrors = error;\n                    }\n\n                    if (rowError || cellErrors) {\n                        setPendingChanges(currentChanges => {\n                            const nextChanges = { ...currentChanges };\n                            nextChanges[rowId]._meta.errors = {\n                                row: rowError,\n                                cells: cellErrors,\n                                shouldShowErrorAlert: true,\n                            };\n                            return nextChanges;\n                        });\n                    }\n\n                    setRowSaveStatus(rowId, undefined);\n                }\n            }\n        }\n    }\n\n    function getCompletedRowsCount() {\n        return Object.values(saveStates).filter(value => value === 'complete').length;\n    }\n\n    return {\n        getCellValue,\n        getCellError,\n        setCellValue,\n        validateCell,\n        addCreatedRowChangeset,\n        hasChanges,\n        hasAlertErrors,\n        getAlertErrors,\n        saveChanges,\n        resetChanges,\n        hasRowErrors,\n        hasRowErrorsSeen,\n        getRowPendingChange,\n        getRowSaveStatus,\n        setRowSaveStatus,\n        getRowMoveReason,\n        getCompletedRowsCount,\n    };\n}\n\nfunction useLastFocusedCellIndex(): [number | undefined, (index: number | undefined) => void] {\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const lastFocusedCellIndexRef = React.useRef<number | undefined>(undefined);\n    const setLastFocusedCellIndex = React.useCallback((index: number | undefined) => {\n        lastFocusedCellIndexRef.current = index;\n    }, []);\n\n    return [lastFocusedCellIndexRef.current, setLastFocusedCellIndex];\n}\n\nfunction usePendingChangesUpdater<TType = unknown>(\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    setPendingChanges: React.Dispatch<React.SetStateAction<PendingChanges<TType>>>\n) {\n    const localization = useLocalization();\n    const updatersRef = React.useRef<PendingChanges<TType>>({});\n\n    const runCellUpdates = React.useCallback(\n        debounce(async function <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) {\n            if (typeof handleChange === 'function') {\n                const previousValues = {\n                    ...cell.row.original,\n                    ...getChangesetFromChanges(updatersRef.current[cell.row.id]),\n                };\n                const nextValues = {\n                    ...previousValues,\n                    ...changes,\n                };\n                const updates = await handleChange(cell.column.id, changes[cell.column.id], nextValues, previousValues);\n\n                if (updates && Object.keys(updates).length) {\n                    setPendingChanges(currentChanges =>\n                        createPendingChangesSetter(currentChanges, cell.row, rowIndex, updates, localization)\n                    );\n                }\n            }\n        }, 250),\n        []\n    ) as unknown as <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) => Promise<void>;\n\n    function syncCellChanges<T extends TType>(changes: PendingChanges<T>) {\n        updatersRef.current = changes;\n    }\n\n    return {\n        syncCellChanges,\n        runCellUpdates,\n    };\n}\n\nfunction createPendingChangesSetter<TType = unknown>(\n    currentChanges: PendingChanges<TType>,\n    row: ReactTableRow<TType>,\n    rowIndex: number,\n    changes: Partial<TType>,\n    localization: Localization\n) {\n    // prepare\n    const nextChanges: PendingChanges<TType> = { ...currentChanges };\n    const rowChanges = {\n        ...currentChanges[row.id],\n        _meta: {\n            ...currentChanges[row.id]?._meta,\n            original: row.original,\n            moveReason: {\n                ...currentChanges[row.id]?._meta.moveReason,\n            },\n            errors: {\n                ...currentChanges[row.id]?._meta.errors,\n            },\n        },\n    } as PendingChange<TType>;\n\n    // run changes\n    const cells = row._getAllCellsByColumnId();\n\n    for (const [accessor, change] of Object.entries(changes)) {\n        // update if the change is different to the original (saved) value,\n        // otherwise remove any change - no point saving the same value\n        if (change !== row.original[accessor]) {\n            rowChanges[accessor] = change;\n\n            // consumers sometimes include properties in onEditingChange that aren't rendered as columns, we need to guard against that.\n            // eslint-disable-next-line no-prototype-builtins\n            if (cells.hasOwnProperty(accessor)) {\n                // determine if the row will move position based on this change, and save why it will move\n                const reason = willRowMove(cells[accessor], change, rowIndex, localization);\n\n                if (reason) {\n                    rowChanges._meta.moveReason[accessor] = reason;\n                } else {\n                    delete rowChanges._meta.moveReason[accessor];\n                }\n            }\n        } else {\n            delete rowChanges[accessor];\n            delete rowChanges._meta.moveReason[accessor];\n        }\n    }\n\n    // set changes\n    // or delete if there are no changes left, so that we don't store changes with unchanged data\n    if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {\n        nextChanges[row.id] = rowChanges;\n    } else {\n        delete nextChanges[row.id];\n    }\n\n    return nextChanges;\n}\n\nfunction getChangesetFromChanges<TType = unknown>(changes: PendingChange<TType>): TType {\n    // extract the original data from the row changes\n    const { _meta, ...changeset } = changes ?? {};\n    // and mix them in with the changes, ready to send to the server\n    return { ..._meta?.original, ...changeset };\n}\n"],"names":["useTableEditing","isEnabled","handleSave","handleChange","validator","isEditing","toggleEditing","React","useState","isDetailedMode","toggleDetailedMode","lastFocusedCellIndex","setLastFocusedCellIndex","useLastFocusedCellIndex","pendingChangesFns","usePendingChanges","useGlobalKeyDown","key","meta","shift","undefined","event","preventDefault","saveChanges","rowId","console","warn","Promise","resolve","changesToSave","pendingChanges","changes","Object","keys","length","_forOf","pendingChange","changeSet","getChangesetFromChanges","_catch","_temp3","_result","_exit","then","resetChanges","setRowSaveStatus","getRowSaveStatus","_temp2","errors","error","rowError","cellErrors","Error","_error$response","message","response","data","_error$response2","setPendingChanges","currentChanges","nextChanges","_meta","row","cells","shouldShowErrorAlert","e","reject","validateCell","cell","id","_temp","column","setCellValue","change","rowIndex","createPendingChangesSetter","localization","pendingChangesUpdater","syncCellChanges","runCellUpdates","addCreatedRowChangeset","getAllCells","reduce","getValue","_currentChanges$cell$","_currentChanges$cell$2","_currentChanges$cell$3","original","moveReason","useLocalization","saveStates","setSaveState","getCellValue","_pendingChanges$cell$","getCellError","_pendingChanges$cell$2","_pendingChanges$cell$3","_pendingChanges$cell$4","usePendingChangesUpdater","hasRowErrors","_pendingChanges$rowId","_pendingChanges$rowId2","_pendingChanges$rowId3","_pendingChanges$rowId4","_pendingChanges$rowId5","hasRowErrorsSeen","_pendingChanges$rowId6","getRowPendingChange","rowPendingChanges","status","currentStates","nextStates","getRowMoveReason","_pendingChanges$rowId7","values","hasChanges","hasAlertErrors","getAlertErrors","filter","map","getCompletedRowsCount","value","lastFocusedCellIndexRef","useRef","useCallback","index","current","updatersRef","debounce","previousValues","nextValues","updates","_temp4","rowChanges","_currentChanges$row$i","_currentChanges$row$i2","_currentChanges$row$i3","_getAllCellsByColumnId","accessor","entries","hasOwnProperty","reason","willRowMove","k","changeset"],"mappings":";;;;;;;SAQgBA,eAAeA,CAC3BC,SAAS,GAAG,KAAK,EACjBC,UAAuD,EACvDC,YAA2D,EAC3DC,SAAsD;;EAGtD,MAAM,CAACC,SAAS,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;EAGxD,MAAM,CAACC,cAAc,EAAEC,kBAAkB,CAAC,GAAGH,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;;EAGlE,MAAM,CAACG,oBAAoB,EAAEC,uBAAuB,CAAC,GAAGC,uBAAuB,EAAE;;;;EAKjF,MAAMC,iBAAiB,GAAGC,iBAAiB,CAAQd,SAAS,EAAEC,UAAU,EAAEC,YAAY,EAAEC,SAAS,CAAC;EAElGY,gBAAgB,CAACf,SAAS,IAAII,SAAS,GAAG;IAAEY,GAAG,EAAE,GAAG;IAAEC,IAAI,EAAE,IAAI;IAAEC,KAAK,EAAE;GAAO,GAAGC,SAAS,EAAEC,KAAK;IAC/FA,KAAK,CAACC,cAAc,EAAE;IACtBR,iBAAiB,CAACS,WAAW,EAAE;GAClC,CAAC;EAEF,OAAO;IACHtB,SAAS;IACTI,SAAS;IACTI,cAAc;IACdC,kBAAkB,EAAET,SAAS,GAAGS,kBAAkB,GAAG,MAAMU,SAAS;IACpEd,aAAa,EAAEL,SAAS,GAAGK,aAAa,GAAG,MAAMc,SAAS;IAC1DT,oBAAoB;IACpBC,uBAAuB;IACvB,GAAGE;GACN;AACL;AAiBA,SAASC,iBAAiBA,CACtBd,SAAkB,EAClBC,UAAuD,EACvDC,YAA2D,EAC3DC,SAAsD;QAiLvCmB,WAAW,aAACC,QAA4BJ,SAAS;IAAA;;MAC5D,IAAI,CAAClB,UAAU,EAAE;QACbuB,OAAO,CAACC,IAAI,CAAC,uDAAuD,CAAC;QACrE,OAAAC,OAAA,CAAAC,OAAA;;;MAIJ,MAAMC,aAAa,GAAGL,KAAK,GAAG;QAAE,CAACA,KAAK,GAAGM,cAAc,CAACN,KAAK;OAAG,GAAG;QAAE,GAAGM;OAAgB;MACxF,MAAMC,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACJ,aAAa,CAAC;MAAC,OAAAF,OAAA,CAAAC,OAAA;QAAA,IAEvCG,OAAO,CAACG,MAAM;UAAA,OAAAC,MAAA,CACMJ,OAAO,YAAhBP,KAAK,EAAa;YACzB,MAAMY,aAAa,GAAGP,aAAa,CAACL,KAAK,CAAC;YAE1C,MAAMa,SAAS,GAAGC,uBAAuB,CAACF,aAAa,CAAC;YAAC,OAAAG,MAAA,aACrD;cAAA,SAAAC,OAAAC,OAAA;gBAAA,OAAAC,KAAA,GAAAD,OAAA,GAAAd,OAAA,CAAAC,OAAA,CAeM1B,UAAU,CAACmC,SAAS,CAAC,EAAAM,IAAA;;kBAG3BC,YAAY,CAACpB,KAAK,CAAC;kBACnBqB,gBAAgB,CAACrB,KAAK,EAAE,UAAU,CAAC;;;cAlBnC,IAAIsB,gBAAgB,CAACtB,KAAK,CAAC,KAAK,SAAS;gBAAAkB,KAAA;gBAAA;;;cAGzCG,gBAAgB,CAACrB,KAAK,EAAE,SAAS,CAAC;;cAElC,MAAAuB,MAAA;gBAAA,IACI3C,SAAS;kBAAA,OAAAuB,OAAA,CAAAC,OAAA,CACYxB,SAAS,CAACiC,SAAS,CAAC,EAAAM,IAAA,WAAnCK,MAAM;oBAAA,IAERA,MAAM,IAAIhB,MAAM,CAACC,IAAI,CAACe,MAAM,CAAC,CAACd,MAAM;sBACpC,MAAMc,MAAM;;;;;cAAC,OAAAD,MAAA,IAAAA,MAAA,CAAAJ,IAAA,GAAAI,MAAA,CAAAJ,IAAA,CAAAH,MAAA,IAAAA,MAAA,CAAAO,MAAA;aASxB,YAAQE,KAAK,EAAE;;;cAGZ,IAAIC,QAAQ;cACZ,IAAIC,UAAU;cAEd,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;gBAC3BC,QAAQ,GAAGD,KAAK;eACnB,MAAM,IAAIA,KAAK,YAAYG,KAAK,EAAE;gBAAA,IAAAC,eAAA;gBAC/BH,QAAQ,GAAGD,KAAK,CAACK,OAAO;;gBAGxB,IAAI,SAAAD,eAAA,GAAQJ,KAAa,CAACM,QAAQ,cAAAF,eAAA,uBAAtBA,eAAA,CAAwBG,IAAI,MAAK,QAAQ,EAAE;kBAAA,IAAAC,gBAAA;kBACnDN,UAAU,IAAAM,gBAAA,GAAIR,KAAa,CAACM,QAAQ,cAAAE,gBAAA,uBAAtBA,gBAAA,CAAwBD,IAAI;;eAEjD,MAAM,IAAI,OAAOP,KAAK,KAAK,QAAQ,EAAE;gBAClCE,UAAU,GAAGF,KAAK;;cAGtB,IAAIC,QAAQ,IAAIC,UAAU,EAAE;gBACxBO,iBAAiB,CAACC,cAAc;kBAC5B,MAAMC,WAAW,GAAG;oBAAE,GAAGD;mBAAgB;kBACzCC,WAAW,CAACpC,KAAK,CAAC,CAACqC,KAAK,CAACb,MAAM,GAAG;oBAC9Bc,GAAG,EAAEZ,QAAQ;oBACba,KAAK,EAAEZ,UAAU;oBACjBa,oBAAoB,EAAE;mBACzB;kBACD,OAAOJ,WAAW;iBACrB,CAAC;;cAGNf,gBAAgB,CAACrB,KAAK,EAAEJ,SAAS,CAAC;aACrC;WACJ;YAAA,OAAAsB,KAAA;;;;KAER,QAAAuB,CAAA;MAAA,OAAAtC,OAAA,CAAAuC,MAAA,CAAAD,CAAA;;;EAAA,MAtLcE,YAAY,aAAkBC,IAAgC;IAAA;MACzE,IAAI,CAAChE,SAAS,IAAI,CAACH,SAAS,EAAE;QAC1B,OAAA0B,OAAA,CAAAC,OAAA;;MAGJ,MAAMS,SAAS,GAAGC,uBAAuB,CAACR,cAAc,CAACsC,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,CAAC;;MAEtE,MAAAC,KAAA;QAAA,IACIF,IAAI,CAACG,MAAM,CAACF,EAAE,IAAIhC,SAAS;UAAA,OAAAV,OAAA,CAAAC,OAAA,CACJxB,SAAS,CAACiC,SAAS,CAAC,EAAAM,IAAA,WAArCK,MAAM;YAEZU,iBAAiB,CAACC,cAAc;cAC5B,MAAMC,WAAW,GAAG;gBAAE,GAAGD;eAAgB;cACzCC,WAAW,CAACQ,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,CAACR,KAAK,GAAG;gBAC7B,GAAGD,WAAW,CAACQ,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,CAACR,KAAK;gBACjCb,MAAM,EAAE;kBACJ,GAAGY,WAAW,CAACQ,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,CAACR,KAAK,CAACb,MAAM;kBACxCe,KAAK,EAAEf,MAAM;kBACbgB,oBAAoB,EAAE,CAAChC,MAAM,CAACC,IAAI,CAACe,MAAM,CAAC,CAACd,MAAM,GAC3C,KAAK,GACL0B,WAAW,CAACQ,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,CAACR,KAAK,CAACb,MAAM,CAACgB;;eAEnD;cACD,OAAOJ,WAAW;aACrB,CAAC;;;;MAAC,OAAAjC,OAAA,CAAAC,OAAA,CAAA0C,KAAA,IAAAA,KAAA,CAAA3B,IAAA,GAAA2B,KAAA,CAAA3B,IAAA;KAEV,QAAAsB,CAAA;MAAA,OAAAtC,OAAA,CAAAuC,MAAA,CAAAD,CAAA;;;EAAA,MA7CcO,YAAY,aAAkBJ,IAAgC,EAAEK,MAAe,EAAEC,QAAgB;IAAA;MAC5G,MAAM3C,OAAO,GAAG;QACZ,CAACqC,IAAI,CAACG,MAAM,CAACF,EAAE,GAAGI;OACP;MAEff,iBAAiB,CAACC,cAAc;QAC5B,MAAMC,WAAW,GAAGe,0BAA0B,CAC1ChB,cAAmC,EACnCS,IAAI,CAACN,GAAG,EACRY,QAAQ,EACR3C,OAAO,EACP6C,YAAY,CACf;QACDC,qBAAqB,CAACC,eAAe,CAAClB,WAAW,CAAC;QAClD,OAAOA,WAAW;OACrB,CAAC;MACFiB,qBAAqB,CAACE,cAAc,CAAIhD,OAAO,EAAEqC,IAAI,EAAEM,QAAQ,CAAC;MAAC,OAAA/C,OAAA,CAAAC,OAAA;KACpE,QAAAqC,CAAA;MAAA,OAAAtC,OAAA,CAAAuC,MAAA,CAAAD,CAAA;;;EAAA,MAhDce,sBAAsB,aAAClB,GAAG;IAAA;MACrC,MAAMC,KAAK,GAAGD,GAAG,CAACmB,WAAW,EAAE;MAE/BvB,iBAAiB,CAACC,cAAc;QAC5B,OAAOI,KAAK,CAACmB,MAAM,CAAC,CAACnD,OAAO,EAAEqC,IAAI;UAC9B,IAAIA,IAAI,CAACe,QAAQ,EAAE,EAAE;YAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;YACjB,OAAO;cACH,GAAGvD,OAAO;cACV,CAACqC,IAAI,CAACN,GAAG,CAACO,EAAE,GAAG;gBACX,GAAGtC,OAAO,CAACqC,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC;gBACvB,CAACD,IAAI,CAACG,MAAM,CAACF,EAAE,GAAGD,IAAI,CAACe,QAAQ,EAAE;gBACjCtB,KAAK,EAAE;kBACH,KAAAuB,qBAAA,GAAGzB,cAAc,CAACS,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,cAAAe,qBAAA,uBAA3BA,qBAAA,CAA6BvB,KAAK;kBACrC0B,QAAQ,EAAEnB,IAAI,CAACN,GAAG,CAACyB,QAAQ;kBAC3BC,UAAU,EAAE;oBACR,KAAAH,sBAAA,GAAG1B,cAAc,CAACS,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,cAAAgB,sBAAA,uBAA3BA,sBAAA,CAA6BxB,KAAK,CAAC2B,UAAU;mBACnD;kBACDxC,MAAM,EAAE;oBACJ,KAAAsC,sBAAA,GAAG3B,cAAc,CAACS,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,cAAAiB,sBAAA,uBAA3BA,sBAAA,CAA6BzB,KAAK,CAACb,MAAM;;;;aAI3D;WACJ,MAAM;YACH,OAAOjB,OAAO;;SAErB,EAAE4B,cAAc,CAAC;OACrB,CAAC;MAAC,OAAAhC,OAAA,CAAAC,OAAA;KACN,QAAAqC,CAAA;MAAA,OAAAtC,OAAA,CAAAuC,MAAA,CAAAD,CAAA;;;EAzCD,MAAMW,YAAY,GAAGa,eAAe,EAAE;EACtC,MAAM,CAAC3D,cAAc,EAAE4B,iBAAiB,CAAC,GAAGnD,cAAK,CAACC,QAAQ,CAAwB,EAAE,CAAC;;EAErF,MAAM,CAACkF,UAAU,EAAEC,YAAY,CAAC,GAAGpF,cAAK,CAACC,QAAQ,CAA4B,EAAE,CAAC;EAEhF,SAASoF,YAAYA,CAAkBxB,IAAgC;;IACnE,QAAAyB,qBAAA,GAAO/D,cAAc,CAACsC,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,cAAAwB,qBAAA,uBAA3BA,qBAAA,CAA8BzB,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;EAGxD,SAASyB,YAAYA,CAAkB1B,IAAgC;;IACnE,QAAA2B,sBAAA,GAAOjE,cAAc,CAACsC,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC,cAAA0B,sBAAA,wBAAAC,sBAAA,GAA3BD,sBAAA,CAA6BlC,KAAK,CAACb,MAAM,cAAAgD,sBAAA,wBAAAC,sBAAA,GAAzCD,sBAAA,CAA2CjC,KAAK,cAAAkC,sBAAA,uBAAhDA,sBAAA,CAAmD7B,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC;;EAgC7E,MAAMQ,qBAAqB,GAAGqB,wBAAwB,CAAC/F,YAAY,EAAEuD,iBAAiB,CAAC;EAiDvF,SAASyC,YAAYA,CAAC3E,KAAa;;IAC/B,IAAI,CAACvB,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OACI,CAAC,GAAAmG,qBAAA,GAACtE,cAAc,CAACN,KAAK,CAAC,cAAA4E,qBAAA,gBAAAC,sBAAA,GAArBD,qBAAA,CAAuBvC,KAAK,CAACb,MAAM,cAAAqD,sBAAA,eAAnCA,sBAAA,CAAqCvC,GAAG,KAAI,CAAC,CAAC9B,MAAM,CAACC,IAAI,EAAAqE,sBAAA,IAAAC,sBAAA,GAACzE,cAAc,CAACN,KAAK,CAAC,cAAA+E,sBAAA,wBAAAC,sBAAA,GAArBD,sBAAA,CAAuB1C,KAAK,CAACb,MAAM,cAAAwD,sBAAA,uBAAnCA,sBAAA,CAAqCzC,KAAK,cAAAuC,sBAAA,cAAAA,sBAAA,GAAI,EAAE,CAAC,CAACpE,MAAM;;EAI5H,SAASuE,gBAAgBA,CAACjF,KAAa;;IACnC,IAAI,CAACvB,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAOkG,YAAY,CAAC3E,KAAK,CAAC,IAAI,CAAC,GAAAkF,sBAAA,GAAC5E,cAAc,CAACN,KAAK,CAAC,CAACqC,KAAK,CAACb,MAAM,cAAA0D,sBAAA,eAAlCA,sBAAA,CAAoC1C,oBAAoB;;EAE5F,SAAS2C,mBAAmBA,CAACnF,KAAa;IACtC,MAAMoF,iBAAiB,GAAG9E,cAAc,CAACN,KAAK,CAAC;IAE/C,IAAIoF,iBAAiB,EAAE;MACnB,MAAM;QAAE/C,KAAK;QAAE,GAAGzB;OAAe,GAAGwE,iBAAiB;MAErD,OAAOxE,aAAa;;IAGxB,OAAOhB,SAAS;;EAGpB,SAAS0B,gBAAgBA,CAACtB,KAAa;IACnC,IAAI,CAACvB,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAOyF,UAAU,CAAClE,KAAK,CAAC;;EAG5B,SAASqB,gBAAgBA,CAACrB,KAAa,EAAEqF,MAA0C;IAC/ElB,YAAY,CAACmB,aAAa;MACtB,MAAMC,UAAU,GAAG;QAAE,GAAGD;OAAe;MAEvC,IAAID,MAAM,EAAE;QACRE,UAAU,CAACvF,KAAK,CAAC,GAAGqF,MAAM;OAC7B,MAAM;QACH,OAAOE,UAAU,CAACvF,KAAK,CAAC;;MAG5B,OAAOuF,UAAU;KACpB,CAAC;;EAGN,SAASC,gBAAgBA,CAACxF,KAAa;;IACnC,OAAO,CAAAyF,sBAAA,GAAAnF,cAAc,CAACN,KAAK,CAAC,cAAAyF,sBAAA,eAArBA,sBAAA,CAAuBpD,KAAK,CAAC2B,UAAU,GAAGxD,MAAM,CAACkF,MAAM,CAACpF,cAAc,CAACN,KAAK,CAAC,CAACqC,KAAK,CAAC2B,UAAU,CAAC,CAAC,CAAC,CAAC,GAAGpE,SAAS;;EAGzH,SAAS+F,UAAUA,CAAC3F,KAAc;IAC9B,IAAI,CAACvB,SAAS,EAAE;MACZ,OAAO,KAAK;;IAGhB,OAAOuB,KAAK,GAAG,CAAC,CAACM,cAAc,CAACN,KAAK,CAAC,GAAG,CAAC,CAACQ,MAAM,CAACC,IAAI,CAACH,cAAc,CAAC,CAACI,MAAM;;EAGjF,SAASkF,cAAcA;IACnB,IAAI,CAACnH,SAAS,EAAE;MACZ,OAAO,KAAK;;IAEhB,OAAO,CAAC,CAACoH,cAAc,EAAE,CAACnF,MAAM;;EAGpC,SAASmF,cAAcA;IACnB,OAAOrF,MAAM,CAACC,IAAI,CAACH,cAAc,CAAC,CAC7BwF,MAAM,CAACb,gBAAgB,CAAC,CACxBc,GAAG,CAAC/F,KAAK,KAAK;MAAEA,KAAK;MAAEY,aAAa,EAAEN,cAAc,CAACN,KAAK;KAAuB,CAAC,CAAC;;EAG5F,SAASoB,YAAYA,CAACpB,KAAa;IAC/BkC,iBAAiB,CAACC,cAAc;MAC5B,MAAMC,WAAW,GAAG;QAAE,GAAGD;OAAgB;MACzC,OAAOC,WAAW,CAACpC,KAAK,CAAC;MACzB,OAAOoC,WAAW;KACrB,CAAC;;EA2EN,SAAS4D,qBAAqBA;IAC1B,OAAOxF,MAAM,CAACkF,MAAM,CAACxB,UAAU,CAAC,CAAC4B,MAAM,CAACG,KAAK,IAAIA,KAAK,KAAK,UAAU,CAAC,CAACvF,MAAM;;EAGjF,OAAO;IACH0D,YAAY;IACZE,YAAY;IACZtB,YAAY;IACZL,YAAY;IACZa,sBAAsB;IACtBmC,UAAU;IACVC,cAAc;IACdC,cAAc;IACd9F,WAAW;IACXqB,YAAY;IACZuD,YAAY;IACZM,gBAAgB;IAChBE,mBAAmB;IACnB7D,gBAAgB;IAChBD,gBAAgB;IAChBmE,gBAAgB;IAChBQ;GACH;AACL;AAEA,SAAS3G,uBAAuBA;;EAE5B,MAAM6G,uBAAuB,GAAGnH,cAAK,CAACoH,MAAM,CAAqBvG,SAAS,CAAC;EAC3E,MAAMR,uBAAuB,GAAGL,cAAK,CAACqH,WAAW,CAAEC,KAAyB;IACxEH,uBAAuB,CAACI,OAAO,GAAGD,KAAK;GAC1C,EAAE,EAAE,CAAC;EAEN,OAAO,CAACH,uBAAuB,CAACI,OAAO,EAAElH,uBAAuB,CAAC;AACrE;AAEA,SAASsF,wBAAwBA,CAC7B/F,YAA2D,EAC3DuD,iBAA8E;EAE9E,MAAMkB,YAAY,GAAGa,eAAe,EAAE;EACtC,MAAMsC,WAAW,GAAGxH,cAAK,CAACoH,MAAM,CAAwB,EAAE,CAAC;EAE3D,MAAM5C,cAAc,GAAGxE,cAAK,CAACqH,WAAW,CACpCI,QAAQ,WAAkCjG,OAAmB,EAAEqC,IAAgC,EAAEM,QAAgB;IAAA;;YACzG,OAAOvE,YAAY,KAAK,UAAU;UAClC,MAAM8H,cAAc,GAAG;YACnB,GAAG7D,IAAI,CAACN,GAAG,CAACyB,QAAQ;YACpB,GAAGjD,uBAAuB,CAACyF,WAAW,CAACD,OAAO,CAAC1D,IAAI,CAACN,GAAG,CAACO,EAAE,CAAC;WAC9D;UACD,MAAM6D,UAAU,GAAG;YACf,GAAGD,cAAc;YACjB,GAAGlG;WACN;UAAC,OAAAJ,OAAA,CAAAC,OAAA,CACoBzB,YAAY,CAACiE,IAAI,CAACG,MAAM,CAACF,EAAE,EAAEtC,OAAO,CAACqC,IAAI,CAACG,MAAM,CAACF,EAAE,CAAC,EAAE6D,UAAU,EAAED,cAAc,CAAC,EAAAtF,IAAA,WAAjGwF,OAAO;YAAA,IAETA,OAAO,IAAInG,MAAM,CAACC,IAAI,CAACkG,OAAO,CAAC,CAACjG,MAAM;cACtCwB,iBAAiB,CAACC,cAAc,IAC5BgB,0BAA0B,CAAChB,cAAc,EAAES,IAAI,CAACN,GAAG,EAAEY,QAAQ,EAAEyD,OAAO,EAAEvD,YAAY,CAAC,CACxF;;;;;MAAC,OAAAjD,OAAA,CAAAC,OAAA,CAAAwG,MAAA,IAAAA,MAAA,CAAAzF,IAAA,GAAAyF,MAAA,CAAAzF,IAAA;KAGb,QAAAsB,CAAA;MAAA,OAAAtC,OAAA,CAAAuC,MAAA,CAAAD,CAAA;;KAAE,GAAG,CAAC,EACP,EAAE,CACqH;EAE3H,SAASa,eAAeA,CAAkB/C,OAA0B;IAChEgG,WAAW,CAACD,OAAO,GAAG/F,OAAO;;EAGjC,OAAO;IACH+C,eAAe;IACfC;GACH;AACL;AAEA,SAASJ,0BAA0BA,CAC/BhB,cAAqC,EACrCG,GAAyB,EACzBY,QAAgB,EAChB3C,OAAuB,EACvB6C,YAA0B;;;EAG1B,MAAMhB,WAAW,GAA0B;IAAE,GAAGD;GAAgB;EAChE,MAAM0E,UAAU,GAAG;IACf,GAAG1E,cAAc,CAACG,GAAG,CAACO,EAAE,CAAC;IACzBR,KAAK,EAAE;MACH,KAAAyE,qBAAA,GAAG3E,cAAc,CAACG,GAAG,CAACO,EAAE,CAAC,cAAAiE,qBAAA,uBAAtBA,qBAAA,CAAwBzE,KAAK;MAChC0B,QAAQ,EAAEzB,GAAG,CAACyB,QAAQ;MACtBC,UAAU,EAAE;QACR,KAAA+C,sBAAA,GAAG5E,cAAc,CAACG,GAAG,CAACO,EAAE,CAAC,cAAAkE,sBAAA,uBAAtBA,sBAAA,CAAwB1E,KAAK,CAAC2B,UAAU;OAC9C;MACDxC,MAAM,EAAE;QACJ,KAAAwF,sBAAA,GAAG7E,cAAc,CAACG,GAAG,CAACO,EAAE,CAAC,cAAAmE,sBAAA,uBAAtBA,sBAAA,CAAwB3E,KAAK,CAACb,MAAM;;;GAG1B;;EAGzB,MAAMe,KAAK,GAAGD,GAAG,CAAC2E,sBAAsB,EAAE;EAE1C,KAAK,MAAM,CAACC,QAAQ,EAAEjE,MAAM,CAAC,IAAIzC,MAAM,CAAC2G,OAAO,CAAC5G,OAAO,CAAC,EAAE;;;IAGtD,IAAI0C,MAAM,KAAKX,GAAG,CAACyB,QAAQ,CAACmD,QAAQ,CAAC,EAAE;MACnCL,UAAU,CAACK,QAAQ,CAAC,GAAGjE,MAAM;;;MAI7B,IAAIV,KAAK,CAAC6E,cAAc,CAACF,QAAQ,CAAC,EAAE;;QAEhC,MAAMG,MAAM,GAAGC,WAAW,CAAC/E,KAAK,CAAC2E,QAAQ,CAAC,EAAEjE,MAAM,EAAEC,QAAQ,EAAEE,YAAY,CAAC;QAE3E,IAAIiE,MAAM,EAAE;UACRR,UAAU,CAACxE,KAAK,CAAC2B,UAAU,CAACkD,QAAQ,CAAC,GAAGG,MAAM;SACjD,MAAM;UACH,OAAOR,UAAU,CAACxE,KAAK,CAAC2B,UAAU,CAACkD,QAAQ,CAAC;;;KAGvD,MAAM;MACH,OAAOL,UAAU,CAACK,QAAQ,CAAC;MAC3B,OAAOL,UAAU,CAACxE,KAAK,CAAC2B,UAAU,CAACkD,QAAQ,CAAC;;;;;EAMpD,IAAI1G,MAAM,CAACC,IAAI,CAACoG,UAAU,CAAC,CAACf,MAAM,CAACyB,CAAC,IAAIA,CAAC,KAAK,OAAO,CAAC,CAAC7G,MAAM,EAAE;IAC3D0B,WAAW,CAACE,GAAG,CAACO,EAAE,CAAC,GAAGgE,UAAU;GACnC,MAAM;IACH,OAAOzE,WAAW,CAACE,GAAG,CAACO,EAAE,CAAC;;EAG9B,OAAOT,WAAW;AACtB;AAEA,SAAStB,uBAAuBA,CAAkBP,OAA6B;;EAE3E,MAAM;IAAE8B,KAAK;IAAE,GAAGmF;GAAW,GAAGjH,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAI,EAAE;;EAE7C,OAAO;IAAE,IAAG8B,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0B,QAAQ;IAAE,GAAGyD;GAAW;AAC/C;;;;"}
+{"version":3,"file":"useTableEditing.js","sources":["../../../../../../../../src/components/Table3/features/useTableEditing.ts"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, Row as ReactTableRow } from '@tanstack/react-table';\nimport { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';\nimport { useGlobalKeyDown } from '../../../hooks/useGlobalKeyDown';\nimport { willRowMove } from '../util/editing';\nimport { debounce } from 'lodash';\nimport { Localization, useLocalization } from '../../Provider/Localization';\n\nexport function useTableEditing<TType = unknown>(\n    isEnabled = false,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined\n) {\n    // used to switch the table into editing mode\n    const [isEditing, toggleEditing] = React.useState(false);\n\n    // used to switch the editing between \"detailed\" mode\n    const [isDetailedMode, toggleDetailedMode] = React.useState(false);\n\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const [lastFocusedCellIndex, setLastFocusedCellIndex] = useLastFocusedCellIndex();\n\n    // store pending changes for each row\n    // changes are saved as soon as the active row changes, so in most cases this will only contain the active row's changes\n    // but not always - if validation or server requests fail when saving, those rows remain until the failure is resolved\n    const pendingChangesFns = usePendingChanges<TType>(isEnabled, handleSave, handleChange, validator);\n\n    useGlobalKeyDown(isEnabled && isEditing ? { key: 's', meta: true, shift: false } : undefined, event => {\n        event.preventDefault();\n        pendingChangesFns.saveChanges();\n    });\n\n    return {\n        isEnabled,\n        isEditing,\n        isDetailedMode,\n        toggleDetailedMode: isEnabled ? toggleDetailedMode : () => undefined,\n        toggleEditing: isEnabled ? toggleEditing : () => undefined,\n        lastFocusedCellIndex,\n        setLastFocusedCellIndex,\n        ...pendingChangesFns,\n    };\n}\n\ntype SaveState = 'pending' | 'complete';\nexport type PendingChange<TType = unknown> = Partial<TType> & {\n    _meta: {\n        original: TType;\n        moveReason: Record<string, 'search' | 'sorting' | 'filter'>;\n        errors: {\n            row: string;\n            cells: Record<string, string>;\n            shouldShowErrorAlert: boolean;\n        };\n        status?: SaveState;\n    };\n};\n\ntype PendingChanges<TType = unknown> = Record<string, PendingChange<TType>>;\nfunction usePendingChanges<TType = unknown>(\n    isEnabled: boolean,\n    handleSave: Table3EditingSaveHandler<TType> | undefined,\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    validator: Table3EditingValidatorFn<TType> | undefined\n) {\n    const localization = useLocalization();\n    const [pendingChanges, setPendingChanges] = React.useState<PendingChanges<TType>>({});\n    // we maintain save status as separate state because 'complete' needs to briefly show after pendingChanges are deleted\n    const [saveStates, setSaveState] = React.useState<Record<string, SaveState>>({});\n\n    function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n        return pendingChanges[cell.row.id]?.[cell.column.id];\n    }\n\n    function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n        return pendingChanges[cell.row.id]?._meta.errors?.cells?.[cell.column.id];\n    }\n\n    async function addCreatedRowChangeset(row: ReactTableRow<unknown>) {\n        const cells = row.getAllCells();\n\n        setPendingChanges((currentChanges: any) => {\n            return cells.reduce((changes, cell) => {\n                if (cell.getValue()) {\n                    return {\n                        ...changes,\n                        [cell.row.id]: {\n                            ...changes[cell.row.id],\n                            [cell.column.id]: cell.getValue(),\n                            _meta: {\n                                ...currentChanges[cell.row.id]?._meta,\n                                original: cell.row.original,\n                                moveReason: {\n                                    ...currentChanges[cell.row.id]?._meta.moveReason,\n                                },\n                                errors: {\n                                    ...currentChanges[cell.row.id]?._meta.errors,\n                                },\n                            },\n                        },\n                    };\n                } else {\n                    return changes;\n                }\n            }, currentChanges);\n        });\n    }\n    const pendingChangesUpdater = usePendingChangesUpdater(handleChange, setPendingChanges);\n\n    async function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, change: unknown, rowIndex: number) {\n        const changes = {\n            [cell.column.id]: change,\n        } as Partial<T>;\n\n        setPendingChanges(currentChanges => {\n            const nextChanges = createPendingChangesSetter<T>(\n                currentChanges as PendingChanges<T>,\n                cell.row,\n                rowIndex,\n                changes,\n                localization\n            );\n            pendingChangesUpdater.syncCellChanges(nextChanges);\n            return nextChanges;\n        });\n        pendingChangesUpdater.runCellUpdates<T>(changes, cell, rowIndex);\n    }\n\n    async function validateCell<T extends TType>(cell: ReactTableCell<T, unknown>) {\n        if (!validator || !isEnabled) {\n            return;\n        }\n\n        const changeSet: any = getChangesetFromChanges(pendingChanges[cell.row.id]);\n\n        // only validate if the cell being blurred actually has any changes\n        if (cell.column.id in changeSet) {\n            const errors = ((await validator(changeSet)) ?? {}) as Record<string, string>;\n\n            setPendingChanges(currentChanges => {\n                const nextChanges = { ...currentChanges };\n                nextChanges[cell.row.id]._meta = {\n                    ...nextChanges[cell.row.id]._meta,\n                    errors: {\n                        ...nextChanges[cell.row.id]._meta.errors,\n                        cells: errors,\n                        shouldShowErrorAlert: !Object.keys(errors).length\n                            ? false\n                            : nextChanges[cell.row.id]._meta.errors.shouldShowErrorAlert,\n                    },\n                };\n                return nextChanges;\n            });\n        }\n    }\n\n    function hasRowErrors(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return (\n            !!pendingChanges[rowId]?._meta.errors?.row || !!Object.keys(pendingChanges[rowId]?._meta.errors?.cells ?? {}).length\n        );\n    }\n\n    function hasRowErrorsSeen(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return hasRowErrors(rowId) && !!pendingChanges[rowId]._meta.errors?.shouldShowErrorAlert;\n    }\n    function getRowPendingChange(rowId: string) {\n        const rowPendingChanges = pendingChanges[rowId];\n\n        if (rowPendingChanges) {\n            const { _meta, ...pendingChange } = rowPendingChanges;\n\n            return pendingChange;\n        }\n\n        return undefined;\n    }\n\n    function getRowSaveStatus(rowId: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return saveStates[rowId];\n    }\n\n    function setRowSaveStatus(rowId: string, status: 'pending' | 'complete' | undefined) {\n        setSaveState(currentStates => {\n            const nextStates = { ...currentStates };\n\n            if (status) {\n                nextStates[rowId] = status;\n            } else {\n                delete nextStates[rowId];\n            }\n\n            return nextStates;\n        });\n    }\n\n    function getRowMoveReason(rowId: string) {\n        return pendingChanges[rowId]?._meta.moveReason ? Object.values(pendingChanges[rowId]._meta.moveReason)[0] : undefined;\n    }\n\n    function hasChanges(rowId?: string) {\n        if (!isEnabled) {\n            return false;\n        }\n\n        return rowId ? !!pendingChanges[rowId] : !!Object.keys(pendingChanges).length;\n    }\n\n    function hasAlertErrors() {\n        if (!isEnabled) {\n            return false;\n        }\n        return !!getAlertErrors().length;\n    }\n\n    function getAlertErrors<T extends TType>() {\n        return Object.keys(pendingChanges)\n            .filter(hasRowErrorsSeen)\n            .map(rowId => ({ rowId, pendingChange: pendingChanges[rowId] as PendingChange<T> }));\n    }\n\n    function resetChanges(rowId: string) {\n        setPendingChanges(currentChanges => {\n            const nextChanges = { ...currentChanges };\n            delete nextChanges[rowId];\n            return nextChanges;\n        });\n    }\n\n    async function saveChanges(rowId: string | undefined = undefined) {\n        if (!handleSave) {\n            console.warn('Tried to save, but Table has no onEditingSave handler');\n            return;\n        }\n\n        // we save back to pendingChanges, so make a copy of it's state when save was triggered\n        const changesToSave = rowId ? { [rowId]: pendingChanges[rowId] } : { ...pendingChanges };\n        const changes = Object.keys(changesToSave);\n\n        if (changes.length) {\n            for (const rowId of changes) {\n                const pendingChange = changesToSave[rowId];\n\n                const changeSet = getChangesetFromChanges(pendingChange);\n                try {\n                    if (getRowSaveStatus(rowId) === 'pending') return;\n\n                    // set saving = true\n                    setRowSaveStatus(rowId, 'pending');\n\n                    // re-run validation, maybe a cell is already invalid but has never been blurred\n                    if (validator) {\n                        const errors = await validator(changeSet);\n\n                        if (errors && Object.keys(errors).length) {\n                            throw errors;\n                        }\n                    }\n                    // send new data to the server\n                    await handleSave(changeSet);\n\n                    // cleanup changes, we don't need them after saving\n                    resetChanges(rowId);\n                    setRowSaveStatus(rowId, 'complete');\n                } catch (error) {\n                    // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n                    // this code handles those errors and maps them either to row errors or cell specific errors\n                    let rowError: any;\n                    let cellErrors: any;\n\n                    if (typeof error === 'string') {\n                        rowError = error;\n                    } else if (error instanceof Error) {\n                        rowError = error.message;\n\n                        // most of our apis return error objects within this shape\n                        if (typeof (error as any).response?.data === 'object') {\n                            cellErrors = (error as any).response?.data;\n                        }\n                    } else if (typeof error === 'object') {\n                        cellErrors = error;\n                    }\n\n                    if (rowError || cellErrors) {\n                        setPendingChanges(currentChanges => {\n                            const nextChanges = { ...currentChanges };\n                            nextChanges[rowId]._meta.errors = {\n                                row: rowError,\n                                cells: cellErrors,\n                                shouldShowErrorAlert: true,\n                            };\n                            return nextChanges;\n                        });\n                    }\n\n                    setRowSaveStatus(rowId, undefined);\n                }\n            }\n        }\n    }\n\n    function getCompletedRowsCount() {\n        return Object.values(saveStates).filter(value => value === 'complete').length;\n    }\n\n    return {\n        getCellValue,\n        getCellError,\n        setCellValue,\n        validateCell,\n        addCreatedRowChangeset,\n        hasChanges,\n        hasAlertErrors,\n        getAlertErrors,\n        saveChanges,\n        resetChanges,\n        hasRowErrors,\n        hasRowErrorsSeen,\n        getRowPendingChange,\n        getRowSaveStatus,\n        setRowSaveStatus,\n        getRowMoveReason,\n        getCompletedRowsCount,\n    };\n}\n\nfunction useLastFocusedCellIndex(): [number | undefined, (index: number | undefined) => void] {\n    // store the last focused cell, so that up/down arrow key navigation remains in the same column\n    const lastFocusedCellIndexRef = React.useRef<number | undefined>(undefined);\n    const setLastFocusedCellIndex = React.useCallback((index: number | undefined) => {\n        lastFocusedCellIndexRef.current = index;\n    }, []);\n\n    return [lastFocusedCellIndexRef.current, setLastFocusedCellIndex];\n}\n\nfunction usePendingChangesUpdater<TType = unknown>(\n    handleChange: Table3EditingChangeHandler<TType> | undefined,\n    setPendingChanges: React.Dispatch<React.SetStateAction<PendingChanges<TType>>>\n) {\n    const localization = useLocalization();\n    const updatersRef = React.useRef<PendingChanges<TType>>({});\n\n    const runCellUpdates = React.useCallback(\n        debounce(async function <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) {\n            if (typeof handleChange === 'function') {\n                const previousValues = {\n                    ...cell.row.original,\n                    ...getChangesetFromChanges(updatersRef.current[cell.row.id]),\n                };\n                const nextValues = {\n                    ...previousValues,\n                    ...changes,\n                };\n                const updates = await handleChange(cell.column.id, (changes as any)[cell.column.id], nextValues, previousValues);\n\n                if (updates && Object.keys(updates).length) {\n                    setPendingChanges(currentChanges =>\n                        createPendingChangesSetter(\n                            currentChanges,\n                            cell.row as unknown as ReactTableRow<TType>,\n                            rowIndex,\n                            updates,\n                            localization\n                        )\n                    );\n                }\n            }\n        }, 250),\n        []\n    ) as unknown as <T extends TType>(changes: Partial<T>, cell: ReactTableCell<T, unknown>, rowIndex: number) => Promise<void>;\n\n    function syncCellChanges<T extends TType>(changes: PendingChanges<T>) {\n        updatersRef.current = changes;\n    }\n\n    return {\n        syncCellChanges,\n        runCellUpdates,\n    };\n}\n\nfunction createPendingChangesSetter<TType = unknown>(\n    currentChanges: PendingChanges<TType>,\n    row: ReactTableRow<TType>,\n    rowIndex: number,\n    changes: Partial<TType>,\n    localization: Localization\n) {\n    // prepare\n    const nextChanges: PendingChanges<TType> = { ...currentChanges };\n    const rowChanges = {\n        ...currentChanges[row.id],\n        _meta: {\n            ...currentChanges[row.id]?._meta,\n            original: row.original,\n            moveReason: {\n                ...currentChanges[row.id]?._meta.moveReason,\n            },\n            errors: {\n                ...currentChanges[row.id]?._meta.errors,\n            },\n        },\n    } as PendingChange<TType>;\n\n    // run changes\n    const cells = row._getAllCellsByColumnId();\n\n    for (const [accessor, change] of Object.entries(changes)) {\n        // update if the change is different to the original (saved) value,\n        // otherwise remove any change - no point saving the same value\n        if (change !== (row.original as any)[accessor]) {\n            (rowChanges as PendingChange)[accessor] = change;\n\n            // consumers sometimes include properties in onEditingChange that aren't rendered as columns, we need to guard against that.\n            // eslint-disable-next-line no-prototype-builtins\n            if (cells.hasOwnProperty(accessor)) {\n                // determine if the row will move position based on this change, and save why it will move\n                const reason = willRowMove(cells[accessor], change, rowIndex, localization);\n\n                if (reason) {\n                    rowChanges._meta.moveReason[accessor] = reason;\n                } else {\n                    delete rowChanges._meta.moveReason[accessor];\n                }\n            }\n        } else {\n            delete rowChanges[accessor];\n            delete rowChanges._meta.moveReason[accessor];\n        }\n    }\n\n    // set changes\n    // or delete if there are no changes left, so that we don't store changes with unchanged data\n    if (Object.keys(rowChanges).filter(k => k !== '_meta').length) {\n        nextChanges[row.id] = rowChanges;\n    } else {\n        delete nextChanges[row.id];\n    }\n\n    return nextChanges;\n}\n\nfunction getChangesetFromChanges<TType = unknown>(changes: PendingChange<TType>): TType {\n    // extract the original data from the row changes\n    const { _meta, ...changeset } = changes ?? {};\n    // and mix them in with the changes, ready to send to the server\n    return { ..._meta?.original, ...changeset };\n}\n"],"names":["useTableEditing","isEnabled","handleSave","handleChange","validator","isEditing","toggleEditing","React","useState","isDetailedMode","toggleDetailedMode","lastFocusedCellIndex","setLastFocusedCellIndex","useLastFocusedCellIndex","pendingChangesFns","usePendingChanges","useGlobalKeyDown","key","meta","shift","undefined","event","preventDefault","saveChanges","rowId","console","warn","Promise","resolve","changesToSave","pendingChanges","changes","Object","keys","length","_forOf","pendingChange","changeSet","getChangesetFromChanges","_catch","_temp3","_result","_exit","then","resetChanges","setRowSaveStatus","getRowSaveStatus","_temp2","errors","error","rowError","cellErrors","Error","_error$response","message","response","data","_error$response2","setPendingChanges","currentChanges","nextChanges","_meta","row","cells","shouldShowErrorAlert","e","reject","validateCell","cell","id","_temp","column","setCellValue","change","rowIndex","createPendingChangesSetter","localization","pendingChangesUpdater","syncCellChanges","runCellUpdates","addCreatedRowChangeset","getAllCells","reduce","getValue","_currentChanges$cell$","_currentChanges$cell$2","_currentChanges$cell$3","original","moveReason","useLocalization","saveStates","setSaveState","getCellValue","_pendingChanges$cell$","getCellError","_pendingChanges$cell$2","_pendingChanges$cell$3","_pendingChanges$cell$4","usePendingChangesUpdater","hasRowErrors","_pendingChanges$rowId","_pendingChanges$rowId2","_pendingChanges$rowId3","_pendingChanges$rowId4","_pendingChanges$rowId5","hasRowErrorsSeen","_pendingChanges$rowId6","getRowPendingChange","rowPendingChanges","status","currentStates","nextStates","getRowMoveReason","_pendingChanges$rowId7","values","hasChanges","hasAlertErrors","getAlertErrors","filter","map","getCompletedRowsCount","value","lastFocusedCellIndexRef","useRef","useCallback","index","current","updatersRef","debounce","previousValues","nextValues","updates","_temp4","rowChanges","_currentChanges$row$i","_currentChanges$row$i2","_currentChanges$row$i3","_getAllCellsByColumnId","accessor","entries","hasOwnProperty","reason","willRowMove","k","changeset"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/util/editing.js

@@ -60,7 +60,7 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
   if (rowIndex < rows.length - 1) {
     miniSortRows.push(rows[rowIndex + 1]);
   }
-  const resortedRows = [...miniSortRows].sort((rowA, rowB) => {
+  const sortRows = (rowA, rowB) => {
     const sortFn = cell.column.getSortingFn();
     const sortUndefined = cell.column.columnDef.sortUndefined;
     if (!table.options.manualSorting && sortUndefined) {
@@ -69,11 +69,14 @@ function willRowMoveAfterSorting(cell, change, rowIndex) {
       const aUndefined = aValue === undefined;
       const bUndefined = bValue === undefined;
       if (aUndefined || bUndefined) {
+        if (sortUndefined === 'first') return aUndefined ? -1 : 1;
+        if (sortUndefined === 'last') return aUndefined ? 1 : -1;
         return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;
       }
     }
     return sortFn(rowA, rowB, cell.column.id);
-  });
+  };
+  const resortedRows = [...miniSortRows].sort(sortRows);
   if (cell.column.getIsSorted() === 'desc') {
     resortedRows.reverse();
   }

package/dist/esm/packages/taco/src/components/Table3/util/editing.js.map

@@ -1 +1 @@
-{"version":3,"file":"editing.js","sources":["../../../../../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import { Cell as ReactTableCell, Row as ReactTableRow, Table as ReactTable } from '@tanstack/react-table';\nimport { TableFilterValue } from '../../../primitives/Table/types';\nimport { setDataFocusAttribute } from '../../../utils/dom';\nimport { columnFilterFn } from '../../../primitives/Table/useTableManager/util/filtering';\nimport { globalFilterFn } from '../../../primitives/Table/useTableManager/util/search';\nimport { Localization } from '../../Provider/Localization';\n\nexport function willRowMove<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    rowIndex: number,\n    localization: Localization\n) {\n    const { table } = cell.getContext();\n\n    if (willRowMoveAfterSearch<TType>(cell, change, table, localization)) {\n        return 'search';\n    } else if (willRowMoveAfterFilter<TType>(cell, change)) {\n        return 'filter';\n    } else if (willRowMoveAfterSorting<TType>(cell, change, rowIndex)) {\n        return 'sorting';\n    }\n\n    return undefined;\n}\n\nfunction willRowMoveAfterSearch<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    table: ReactTable<TType>,\n    localization: Localization\n) {\n    const searchQuery = table.getState().globalFilter;\n\n    if (!table.options.enableGlobalFilter || !searchQuery) {\n        return false;\n    }\n\n    const rowWithChange = { ...cell.row, original: { ...cell.row.original, [cell.column.id]: change } };\n    return !globalFilterFn(rowWithChange, cell.column.id, searchQuery, localization);\n}\n\nfunction willRowMoveAfterFilter<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown) {\n    if (!cell.column.getIsFiltered()) {\n        return false;\n    }\n\n    return !columnFilterFn(change, cell.column.getFilterValue() as TableFilterValue);\n}\n\nfunction willRowMoveAfterSorting<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    if (!cell.column.getIsSorted()) {\n        return false;\n    }\n\n    const { table } = cell.getContext();\n    const rows = table.getRowModel().rows;\n\n    const miniSortRows: ReactTableRow<TType>[] = [\n        {\n            ...cell.row,\n            original: {\n                ...cell.row.original,\n                [cell.column.id]: change,\n            },\n            getValue: () => change as any,\n        },\n    ];\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    const resortedRows = [...miniSortRows].sort((rowA, rowB) => {\n        const sortFn = cell.column.getSortingFn();\n        const sortUndefined = cell.column.columnDef.sortUndefined;\n\n        if (!table.options.manualSorting && sortUndefined) {\n            const aValue = rowA.getValue(cell.column.id);\n            const bValue = rowB.getValue(cell.column.id);\n\n            const aUndefined = aValue === undefined;\n            const bUndefined = bValue === undefined;\n\n            if (aUndefined || bUndefined) {\n                return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;\n            }\n        }\n\n        return sortFn(rowA, rowB, cell.column.id);\n    });\n\n    if (cell.column.getIsSorted() === 'desc') {\n        resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n}\n\nexport function animateCreateRow(id) {\n    const templateRow = document.querySelector(`[data-row-id=\"${id}\"]`);\n\n    if (templateRow) {\n        const firstCell = templateRow.querySelector(':first-child') as HTMLElement;\n        const checkbox = firstCell?.querySelector('[data-taco=\"checkbox\"]');\n        firstCell?.focus();\n\n        if (checkbox) {\n            setDataFocusAttribute(checkbox);\n        }\n\n        templateRow.scrollIntoView();\n\n        const keyframes = [{ background: '#b2c7ef' }, { background: '#ebebeb' }];\n\n        for (const child of templateRow.children) {\n            child.animate(keyframes, { duration: 1000, easing: 'ease-out' });\n        }\n    }\n}\n"],"names":["willRowMove","cell","change","rowIndex","localization","table","getContext","willRowMoveAfterSearch","willRowMoveAfterFilter","willRowMoveAfterSorting","undefined","searchQuery","getState","globalFilter","options","enableGlobalFilter","rowWithChange","row","original","column","id","globalFilterFn","getIsFiltered","columnFilterFn","getFilterValue","getIsSorted","rows","getRowModel","miniSortRows","getValue","index","unshift","length","push","resortedRows","sort","rowA","rowB","sortFn","getSortingFn","sortUndefined","columnDef","manualSorting","aValue","bValue","aUndefined","bUndefined","reverse","_resortedRows$index","animateCreateRow","templateRow","document","querySelector","firstCell","checkbox","focus","setDataFocusAttribute","scrollIntoView","keyframes","background","child","children","animate","duration","easing"],"mappings":"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"}
+{"version":3,"file":"editing.js","sources":["../../../../../../../../src/components/Table3/util/editing.ts"],"sourcesContent":["import { Cell as ReactTableCell, Row as ReactTableRow, Table as ReactTable } from '@tanstack/react-table';\nimport { TableFilterValue } from '../../../primitives/Table/types';\nimport { setDataFocusAttribute } from '../../../utils/dom';\nimport { columnFilterFn } from '../../../primitives/Table/useTableManager/util/filtering';\nimport { globalFilterFn } from '../../../primitives/Table/useTableManager/util/search';\nimport { Localization } from '../../Provider/Localization';\n\nexport function willRowMove<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    rowIndex: number,\n    localization: Localization\n) {\n    const { table } = cell.getContext();\n\n    if (willRowMoveAfterSearch<TType>(cell, change, table, localization)) {\n        return 'search';\n    } else if (willRowMoveAfterFilter<TType>(cell, change)) {\n        return 'filter';\n    } else if (willRowMoveAfterSorting<TType>(cell, change, rowIndex)) {\n        return 'sorting';\n    }\n\n    return undefined;\n}\n\nfunction willRowMoveAfterSearch<TType = unknown>(\n    cell: ReactTableCell<TType, unknown>,\n    change: unknown,\n    table: ReactTable<TType>,\n    localization: Localization\n) {\n    const searchQuery = table.getState().globalFilter;\n\n    if (!table.options.enableGlobalFilter || !searchQuery) {\n        return false;\n    }\n\n    const rowWithChange = { ...cell.row, original: { ...cell.row.original, [cell.column.id]: change } };\n    return !globalFilterFn(rowWithChange, cell.column.id, searchQuery, localization);\n}\n\nfunction willRowMoveAfterFilter<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown) {\n    if (!cell.column.getIsFiltered()) {\n        return false;\n    }\n\n    return !columnFilterFn(change, cell.column.getFilterValue() as TableFilterValue);\n}\n\nfunction willRowMoveAfterSorting<TType = unknown>(cell: ReactTableCell<TType, unknown>, change: unknown, rowIndex: number) {\n    if (!cell.column.getIsSorted()) {\n        return false;\n    }\n\n    const { table } = cell.getContext();\n    const rows = table.getRowModel().rows;\n\n    const miniSortRows: ReactTableRow<TType>[] = [\n        {\n            ...cell.row,\n            original: {\n                ...cell.row.original,\n                [cell.column.id]: change,\n            },\n            getValue: () => change as any,\n        },\n    ];\n\n    let index = 0;\n\n    if (rowIndex > 0) {\n        miniSortRows.unshift(rows[rowIndex - 1]);\n        index = 1;\n    }\n\n    if (rowIndex < rows.length - 1) {\n        miniSortRows.push(rows[rowIndex + 1]);\n    }\n\n    const sortRows = (rowA: ReactTableRow<TType>, rowB: ReactTableRow<TType>) => {\n        const sortFn = cell.column.getSortingFn();\n        const sortUndefined = cell.column.columnDef.sortUndefined;\n\n        if (!table.options.manualSorting && sortUndefined) {\n            const aValue = rowA.getValue(cell.column.id);\n            const bValue = rowB.getValue(cell.column.id);\n\n            const aUndefined = aValue === undefined;\n            const bUndefined = bValue === undefined;\n\n            if (aUndefined || bUndefined) {\n                if (sortUndefined === 'first') return aUndefined ? -1 : 1;\n                if (sortUndefined === 'last') return aUndefined ? 1 : -1;\n\n                return aUndefined && bUndefined ? 0 : aUndefined ? sortUndefined : -sortUndefined;\n            }\n        }\n\n        return sortFn(rowA, rowB, cell.column.id);\n    };\n\n    const resortedRows = [...miniSortRows].sort(sortRows as any);\n\n    if (cell.column.getIsSorted() === 'desc') {\n        resortedRows.reverse();\n    }\n\n    return resortedRows[index]?.id !== cell.row.id;\n}\n\nexport function animateCreateRow(id: string) {\n    const templateRow = document.querySelector(`[data-row-id=\"${id}\"]`);\n\n    if (templateRow) {\n        const firstCell = templateRow.querySelector(':first-child') as HTMLElement;\n        const checkbox = firstCell?.querySelector('[data-taco=\"checkbox\"]');\n        firstCell?.focus();\n\n        if (checkbox) {\n            setDataFocusAttribute(checkbox);\n        }\n\n        templateRow.scrollIntoView();\n\n        const keyframes = [{ background: '#b2c7ef' }, { background: '#ebebeb' }];\n\n        for (const child of templateRow.children) {\n            child.animate(keyframes, { duration: 1000, easing: 'ease-out' });\n        }\n    }\n}\n"],"names":["willRowMove","cell","change","rowIndex","localization","table","getContext","willRowMoveAfterSearch","willRowMoveAfterFilter","willRowMoveAfterSorting","undefined","searchQuery","getState","globalFilter","options","enableGlobalFilter","rowWithChange","row","original","column","id","globalFilterFn","getIsFiltered","columnFilterFn","getFilterValue","getIsSorted","rows","getRowModel","miniSortRows","getValue","index","unshift","length","push","sortRows","rowA","rowB","sortFn","getSortingFn","sortUndefined","columnDef","manualSorting","aValue","bValue","aUndefined","bUndefined","resortedRows","sort","reverse","_resortedRows$index","animateCreateRow","templateRow","document","querySelector","firstCell","checkbox","focus","setDataFocusAttribute","scrollIntoView","keyframes","background","child","children","animate","duration","easing"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {\n        'border border-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,0FAA0F,EAAE;IAC7G,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAAClB,OAAO,CAAC,CAAC;;EAGtDmB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,SAAS,EAAE;MACXI,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,sBAAsB;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAInB,WAAW,EAAE;MACbqB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACpB,WAAW,CAAC,CAAC;EAEjB,oBACIkB,6BAACW,MAAM,CAACC,GAAG,oBACH1B,KAAK;IACT2B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAaV,OAAO,CAAO,eAC1CmB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAExC;IACX,CACO;AAErB;;;;"}
+{"version":3,"file":"Toast.js","sources":["../../../../../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { motion, useAnimation } from 'framer-motion';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { getBadgeIcon, getToastEmptyContentWarning } from './util';\nimport { State } from '../../types';\nimport { useLocalization } from '../Provider/Localization';\nimport { IconButton } from '../IconButton/IconButton';\n\nexport type ToastsTexts = {\n    /** Aria-label for the close icon button of toast */\n    dismiss: string;\n};\n\nexport type ToastType = Omit<State, 'default'> | 'loading';\nexport type ToastOptions = {\n    /** Provide time in milliseconds after which the toast should autoclose */\n    autoClose?: number;\n    /**\n     * State will change the icon displayed in toast and other characteristics,\n     * for e.g. `loading` state will display a progress animation.\n     * Default value is `default`\n     */\n    type?: ToastType;\n};\nexport type ToastContent = Omit<React.ReactNode, 'null' | 'undefined'>;\nexport type ToastProps = {\n    /** Provide a unique id for toast */\n    id: string;\n    /**\n     * Content can be any valid react node, for e.g. a `div`, or a simple text.\n     */\n    content: ToastContent;\n    /** Additional options to define your toast */\n    options: ToastOptions;\n    /**\n     * Handler called when toast closes.\n     * To read more about how to provide the text, see [Provider](component:provider) component\n     */\n    onClose: () => void;\n    lastUpdated?: number;\n    lastDuplicateId?: string;\n};\n\nexport const Toast = ({ content, lastUpdated, onClose: handleClose, options, ...props }: ToastProps): JSX.Element => {\n    const { texts } = useLocalization();\n    const { autoClose, type = 'default' } = options;\n    const className = cn('bg-white relative flex items-center py-1 px-2 mt-3 w-full rounded yt-shadow print:hidden', {\n        'border border-grey-200': type === 'default' || type === 'loading' || !type,\n        'border border-grey-500': type === 'success',\n        'border border-blue-500': type === 'information',\n        'border border-yellow-700': type === 'warning',\n        'border border-red': type === 'error',\n    });\n    const timer = useTimer(autoClose, handleClose);\n    const controls = useAnimation();\n\n    if (!content) {\n        console.warn(getToastEmptyContentWarning(content));\n    }\n\n    React.useEffect(() => {\n        if (autoClose) {\n            timer.start();\n        }\n    }, [autoClose]);\n\n    const triggerUpdateAnimation = async () => {\n        await controls.start({ scale: 1.05 });\n        await controls.start({ scale: 1 });\n    };\n\n    React.useEffect(() => {\n        if (lastUpdated) {\n            triggerUpdateAnimation();\n\n            if (timer.running) {\n                timer.start();\n            }\n        }\n    }, [lastUpdated]);\n\n    return (\n        <motion.div\n            {...props}\n            animate={controls}\n            className={className}\n            data-taco=\"toast\"\n            onMouseEnter={timer.pause}\n            onMouseLeave={timer.resume}>\n            {getBadgeIcon(type)}\n            <div className=\"flex-grow\">{content as React.ReactNode}</div>\n            <IconButton\n                appearance=\"discrete\"\n                className=\"text-grey-700 -mr-2 cursor-pointer self-start !px-0\"\n                icon=\"close\"\n                aria-label={texts.toasts.dismiss}\n                onClick={handleClose}\n            />\n        </motion.div>\n    );\n};\n"],"names":["Toast","content","lastUpdated","onClose","handleClose","options","props","texts","useLocalization","autoClose","type","className","cn","timer","useTimer","controls","useAnimation","console","warn","getToastEmptyContentWarning","React","useEffect","start","triggerUpdateAnimation","scale","then","Promise","resolve","e","reject","running","motion","div","animate","onMouseEnter","pause","onMouseLeave","resume","getBadgeIcon","IconButton","appearance","icon","toasts","dismiss","onClick"],"mappings":";;;;;;;;MA4CaA,KAAK,GAAGA,CAAC;EAAEC,OAAO;EAAEC,WAAW;EAAEC,OAAO,EAAEC,WAAW;EAAEC,OAAO;EAAE,GAAGC;CAAmB;EAC/F,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC,SAAS;IAAEC,IAAI,GAAG;GAAW,GAAGL,OAAO;EAC/C,MAAMM,SAAS,GAAGC,EAAE,CAAC,0FAA0F,EAAE;IAC7G,wBAAwB,EAAEF,IAAI,KAAK,SAAS,IAAIA,IAAI,KAAK,SAAS,IAAI,CAACA,IAAI;IAC3E,wBAAwB,EAAEA,IAAI,KAAK,SAAS;IAC5C,wBAAwB,EAAEA,IAAI,KAAK,aAAa;IAChD,0BAA0B,EAAEA,IAAI,KAAK,SAAS;IAC9C,mBAAmB,EAAEA,IAAI,KAAK;GACjC,CAAC;EACF,MAAMG,KAAK,GAAGC,QAAQ,CAACL,SAAS,EAAEL,WAAW,CAAC;EAC9C,MAAMW,QAAQ,GAAGC,YAAY,EAAE;EAE/B,IAAI,CAACf,OAAO,EAAE;IACVgB,OAAO,CAACC,IAAI,CAACC,2BAA2B,CAAClB,OAAO,CAAC,CAAC;;EAGtDmB,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIZ,SAAS,EAAE;MACXI,KAAK,CAACS,KAAK,EAAE;;GAEpB,EAAE,CAACb,SAAS,CAAC,CAAC;EAEf,MAAMc,sBAAsB;IAAA;6BAClBR,QAAQ,CAACO,KAAK,CAAC;QAAEE,KAAK,EAAE;OAAM,CAAC,EAAAC,IAAA;QAAA,OAAAC,OAAA,CAAAC,OAAA,CAC/BZ,QAAQ,CAACO,KAAK,CAAC;UAAEE,KAAK,EAAE;SAAG,CAAC,EAAAC,IAAA;;KACrC,QAAAG,CAAA;MAAA,OAAAF,OAAA,CAAAG,MAAA,CAAAD,CAAA;;;EAEDR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAInB,WAAW,EAAE;MACbqB,sBAAsB,EAAE;MAExB,IAAIV,KAAK,CAACiB,OAAO,EAAE;QACfjB,KAAK,CAACS,KAAK,EAAE;;;GAGxB,EAAE,CAACpB,WAAW,CAAC,CAAC;EAEjB,oBACIkB,6BAACW,MAAM,CAACC,GAAG,oBACH1B,KAAK;IACT2B,OAAO,EAAElB,QAAQ;IACjBJ,SAAS,EAAEA,SAAS;iBACV,OAAO;IACjBuB,YAAY,EAAErB,KAAK,CAACsB,KAAK;IACzBC,YAAY,EAAEvB,KAAK,CAACwB;MACnBC,YAAY,CAAC5B,IAAI,CAAC,eACnBU;IAAKT,SAAS,EAAC;KAAaV,OAA0B,CAAO,eAC7DmB,6BAACmB,UAAU;IACPC,UAAU,EAAC,UAAU;IACrB7B,SAAS,EAAC,qDAAqD;IAC/D8B,IAAI,EAAC,OAAO;kBACAlC,KAAK,CAACmC,MAAM,CAACC,OAAO;IAChCC,OAAO,EAAExC;IACX,CACO;AAErB;;;;"}

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

@@ -3,7 +3,7 @@ import { IconButton } from '../IconButton/IconButton.js';
 import { useLocalization } from '../Provider/Localization.js';
 import { Button } from '../Button/Button.js';
 import { Group } from '../Group/Group.js';
-import Joyride, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
+import Joyride__default, { ACTIONS, LIFECYCLE, EVENTS } from 'react-joyride';
 
 const Tooltip = ({
   continuous,
@@ -42,7 +42,7 @@ const Tooltip = ({
     icon: "close",
     title: locale.skip,
     "aria-label": locale.skip,
-    className: "absolute top-0 right-0 mt-1 mr-1"
+    className: "absolute right-0 top-0 mr-1 mt-1"
   })), step.title && /*#__PURE__*/createElement("h5", null, step.title), step.content, /*#__PURE__*/createElement(Group, {
     className: "mt-4 justify-end"
   }, index > 0 && (/*#__PURE__*/createElement(Button, Object.assign({}, backProps, {
@@ -103,7 +103,7 @@ const Tour = props => {
       }
     }
   };
-  return /*#__PURE__*/createElement(Joyride, Object.assign({}, rest, {
+  return /*#__PURE__*/createElement(Joyride__default, Object.assign({}, rest, {
     run: run,
     steps: steps,
     showProgress: true,

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

@@ -1 +1 @@
-{"version":3,"file":"Tour.js","sources":["../../../../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport Joyride, { Step, CallBackProps, ACTIONS, LIFECYCLE, Placement, EVENTS, TooltipRenderProps } from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute top-0 right-0 mt-1 mr-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback = (state: CallBackProps) => {\n        if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    };\n\n    return (\n        <Joyride\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={{\n                /** style beacon */\n                options: {\n                    // tailwind.theme.colors.blue.300\n                    primaryColor: '#6ba4ff',\n                },\n            }}\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","texts","tour","useLocalization","autoStart","run","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","scrollOffset","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","_props$children$find","find","callback","state","action","ACTIONS","SKIP","lifecycle","LIFECYCLE","COMPLETE","type","EVENTS","TOUR_END","READY","Joyride","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":"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"}
+{"version":3,"file":"Tour.js","sources":["../../../../../../../src/components/Tour/Tour.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as Joyride from 'react-joyride';\n\nimport { Button } from '../Button/Button';\nimport { Group } from '../Group/Group';\nimport { IconButton } from '../IconButton/IconButton';\nimport { useLocalization } from '../Provider/Localization';\n\nexport type TourTexts = {\n    /** Text for back action button */\n    back: string;\n    /**\n     * Text for close button.\n     * This button is displayed if tour is not continuous - replacing the `Next` button.\n     * It will pause the flow of the tour and close the tooltip\n     */\n    close: string;\n    /**\n     * Aria-label and title for close icon button in each step.\n     * This button skips and completes the flow entirely\n     */\n    skip: string;\n    /**\n     * Text for last action button.\n     * This button is displayed when user is on the last step of the tour\n     */\n    last: string;\n    /**\n     * Text for next action button.\n     * This button is displayed if tour has more than one steps and is continuous\n     */\n    next: string;\n    /** Aria label and title for beacon that will open the tour step */\n    open: string;\n};\n\nexport type TourStepProps = {\n    /** Content can be any valid react node, for e.g. a `div` */\n    children: React.ReactNode;\n    /** Define the position of the tour's popup relative to the element is presenting */\n    position?: Joyride.Placement;\n    /** The css selector of the html element you want to include in a tour */\n    selector: string;\n    /**\n     * Show beacon for step.\n     * A beacon is a styled component which indicates the current element to be presented.\n     * For more informations about how to create a beacon, read [Joyride](https://docs.react-joyride.com) docs\n     */\n    showBeacon?: boolean;\n    /** Text displayed above the children/content of the popup  */\n    title: string;\n};\n\nconst Tooltip = ({\n    continuous,\n    index,\n    isLastStep,\n    step,\n    backProps,\n    primaryProps,\n    skipProps,\n    tooltipProps,\n    size,\n    locale,\n    disableTourSkipOnEsc,\n}: Joyride.TooltipRenderProps & { locale: TourTexts; disableTourSkipOnEsc?: boolean }) => {\n    const skipButtonRef = React.useRef<HTMLButtonElement>(null);\n\n    React.useEffect(() => {\n        const onWindowKeyDown = (event: KeyboardEvent): void => {\n            if (!disableTourSkipOnEsc) {\n                if (event.key === 'Escape' && skipButtonRef.current !== null) {\n                    event.preventDefault();\n                    skipButtonRef.current.click();\n                    return;\n                }\n            }\n        };\n\n        window.addEventListener('keydown', onWindowKeyDown);\n\n        return () => {\n            window.removeEventListener('keydown', onWindowKeyDown);\n        };\n    }, []);\n\n    return (\n        <div {...tooltipProps} className=\"yt-tour__step w-88 relative rounded bg-white p-4\">\n            <IconButton\n                {...skipProps}\n                ref={skipButtonRef}\n                appearance=\"discrete\"\n                icon=\"close\"\n                title={locale.skip}\n                aria-label={locale.skip}\n                className=\"absolute right-0 top-0 mr-1 mt-1\"\n            />\n            {step.title && <h5>{step.title}</h5>}\n            {step.content}\n            <Group className=\"mt-4 justify-end\">\n                {index > 0 && (\n                    <Button {...backProps} appearance=\"discrete\">\n                        {locale.back}\n                    </Button>\n                )}\n                <Button {...primaryProps} appearance=\"primary\">\n                    {continuous\n                        ? isLastStep\n                            ? `${locale.last} (${index + 1}/${size})`\n                            : `${locale.next} (${index + 1}/${size})`\n                        : locale.close}\n                </Button>\n            </Group>\n        </div>\n    );\n};\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport const TourStep = (_props: TourStepProps): null => null;\n\nexport type TourProps = {\n    /** Controls if [Joyride](https://docs.react-joyride.com) is active */\n    autoStart?: boolean;\n    /** Children should be one or more `Tour.Step` components */\n    children: any;\n    /** Are there more than one steps and should you be able to navigate between them using `Next` and `Previous` buttons */\n    continuous?: boolean;\n    /** Disable closing of tour when click on `Escape` */\n    disableCloseOnEsc?: boolean;\n    /** Don't close the presenting popup of the tour step when clicking outside it */\n    disableOverlayClose?: boolean;\n    /** Allows user to interact with the presented components (mouse and touch events) when the popup is visible */\n    disableScrolling?: boolean;\n    /* When user clicks on the close icon button, which will close the tour and complete the flow */\n    onClose?: (step: TourStepProps) => void;\n    /* When user completes the entire flow */\n    onComplete?: Function;\n    /** When step is ready */\n    onReady?: (step: TourStepProps) => void;\n    /* Allow mouse and touch events through the spotlight */\n    spotlightClicks?: boolean;\n    /* Stops the injection of custom overflow styles on parent container. Can be used to prevent remaining overflow styles after tour is done. */\n    disableScrollParentFix?: boolean;\n    /** The scroll distance from the element scrollTop value. */\n    scrollOffset?: number;\n};\n\nexport const Tour = (props: TourProps) => {\n    const {\n        texts: { tour },\n    } = useLocalization();\n\n    const {\n        autoStart: run,\n        onComplete,\n        onClose,\n        onReady,\n        spotlightClicks,\n        disableCloseOnEsc: disableTourSkipOnEsc,\n        disableScrollParentFix = false,\n        scrollOffset,\n        ...rest\n    } = props;\n\n    const steps = React.useMemo(() => {\n        return React.Children.map(props.children, child => {\n            const step: Joyride.Step = {\n                disableBeacon: !child.props.showBeacon,\n                target: child.props.selector,\n                placement: child.props.position,\n                title: child.props.title,\n                content: child.props.children,\n            };\n            return step;\n        });\n    }, [props.children]);\n\n    const getStep = React.useCallback(\n        (selector: string | HTMLElement) => props.children.find((child: any) => child.props.selector === selector)?.props,\n        [props.children]\n    );\n\n    const callback = (state: Joyride.CallBackProps) => {\n        if (state.action === Joyride.ACTIONS.SKIP && state.lifecycle === Joyride.LIFECYCLE.COMPLETE) {\n            if (onClose) {\n                onClose(getStep(state.step.target));\n            }\n        }\n\n        if (state.type === Joyride.EVENTS.TOUR_END) {\n            if (onComplete) {\n                onComplete();\n            }\n        }\n\n        if (state.lifecycle === Joyride.LIFECYCLE.READY) {\n            if (onReady) {\n                onReady(getStep(state.step.target));\n            }\n        }\n    };\n\n    return (\n        <Joyride.default\n            {...rest}\n            run={run}\n            steps={steps}\n            showProgress\n            floaterProps={{\n                disableAnimation: true,\n            }}\n            tooltipComponent={tooltipProps => (\n                <Tooltip {...tooltipProps} locale={tour} disableTourSkipOnEsc={disableTourSkipOnEsc} />\n            )}\n            locale={tour}\n            spotlightPadding={8}\n            spotlightClicks={spotlightClicks}\n            disableScrollParentFix={disableScrollParentFix}\n            callback={callback}\n            scrollOffset={scrollOffset}\n            styles={\n                {\n                    /** style beacon */\n                    options: {\n                        // tailwind.theme.colors.blue.300\n                        primaryColor: '#6ba4ff',\n                    },\n                } as any\n            }\n            disableCloseOnEsc\n        />\n    );\n};\n\nTour.Step = TourStep;\n"],"names":["Tooltip","continuous","index","isLastStep","step","backProps","primaryProps","skipProps","tooltipProps","size","locale","disableTourSkipOnEsc","skipButtonRef","React","onWindowKeyDown","event","key","current","preventDefault","click","window","addEventListener","removeEventListener","className","IconButton","ref","appearance","icon","title","skip","content","Group","Button","back","last","next","close","TourStep","_props","Tour","props","texts","tour","useLocalization","autoStart","run","onComplete","onClose","onReady","spotlightClicks","disableCloseOnEsc","disableScrollParentFix","scrollOffset","rest","steps","map","children","child","disableBeacon","showBeacon","target","selector","placement","position","getStep","_props$children$find","find","callback","state","action","Joyride","SKIP","lifecycle","COMPLETE","type","TOUR_END","READY","showProgress","floaterProps","disableAnimation","tooltipComponent","spotlightPadding","styles","options","primaryColor","Step"],"mappings":"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"}

package/dist/esm/packages/taco/src/hooks/useGlobalKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;MAGaA,gBAAgB,GAAGA,CAC5BC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAa;IAEjB,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}
+{"version":3,"file":"useGlobalKeyDown.js","sources":["../../../../../../src/hooks/useGlobalKeyDown.ts"],"sourcesContent":["import React from 'react';\nimport { createShortcutKeyDownHandler, KeyDownHandlerOptions } from '../utils/keyboard';\n\nexport const useGlobalKeyDown = (\n    shortcut: string | KeyDownHandlerOptions | undefined,\n    handler: (event: KeyboardEvent) => void\n) => {\n    React.useEffect(() => {\n        let handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => void;\n\n        if (shortcut) {\n            handleKeyDown = createShortcutKeyDownHandler(\n                shortcut,\n                handler as (event: KeyboardEvent | React.KeyboardEvent) => void,\n                false\n            );\n\n            document.addEventListener('keydown', handleKeyDown);\n        }\n\n        return () => {\n            if (handleKeyDown) {\n                document.removeEventListener('keydown', handleKeyDown);\n            }\n        };\n    }, [shortcut, handler]);\n};\n"],"names":["useGlobalKeyDown","shortcut","handler","React","useEffect","handleKeyDown","createShortcutKeyDownHandler","document","addEventListener","removeEventListener"],"mappings":";;;MAGaA,gBAAgB,GAAGA,CAC5BC,QAAoD,EACpDC,OAAuC;EAEvCC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,aAAmE;IAEvE,IAAIJ,QAAQ,EAAE;MACVI,aAAa,GAAGC,4BAA4B,CACxCL,QAAQ,EACRC,OAA+D,EAC/D,KAAK,CACR;MAEDK,QAAQ,CAACC,gBAAgB,CAAC,SAAS,EAAEH,aAAa,CAAC;;IAGvD,OAAO;MACH,IAAIA,aAAa,EAAE;QACfE,QAAQ,CAACE,mBAAmB,CAAC,SAAS,EAAEJ,aAAa,CAAC;;KAE7D;GACJ,EAAE,CAACJ,QAAQ,EAAEC,OAAO,CAAC,CAAC;AAC3B;;;;"}

package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js.map

@@ -1 +1 @@
-{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIntersectionObserver = (ref: React.RefObject<HTMLElement>, offset?: number) => {\n    const [intersectedIndexes, setIntersectedIndexes] = React.useState({});\n\n    const handleIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        if (observer.root) {\n            const children = Array.from((observer.root as Element).children);\n            const map = {};\n\n            entries.forEach(entry => {\n                // entries only contains the items being intersected not all children of the ref\n                // so use root and the the entry being intersected to find its real index\n                // on first mount this is different - all children are present\n                map[children.indexOf(entry.target)] = entry.isIntersecting;\n            });\n\n            setIntersectedIndexes(prev => ({ ...prev, ...map }));\n        }\n    };\n\n    const intersectedChildIndex = React.useMemo(() => {\n        const index = Object.values(intersectedIndexes).indexOf(false);\n        return index > -1 ? index : undefined;\n    }, [intersectedIndexes]);\n\n    const hasRootMargin = intersectedChildIndex !== undefined && offset;\n\n    React.useEffect(() => {\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: ref.current,\n            // offset the button, but only after the first item has been intersected\n            rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,\n            threshold: 1,\n        });\n\n        if (observer.root) {\n            Array.from(observer.root.children).forEach(item => {\n                if (!item.hasAttribute('data-observer-ignore')) {\n                    observer.observe(item);\n                }\n            });\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [hasRootMargin]);\n\n    return intersectedChildIndex;\n};\n"],"names":["useIntersectionObserver","ref","offset","intersectedIndexes","setIntersectedIndexes","React","useState","handleIntersection","entries","observer","root","children","Array","from","map","forEach","entry","indexOf","target","isIntersecting","prev","intersectedChildIndex","useMemo","index","Object","values","undefined","hasRootMargin","useEffect","IntersectionObserver","current","rootMargin","threshold","item","hasAttribute","observe","disconnect"],"mappings":";;MAEaA,uBAAuB,GAAGA,CAACC,GAAiC,EAAEC,MAAe;EACtF,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAEtE,MAAMC,kBAAkB,GAAGA,CAACC,OAAoC,EAAEC,QAA8B;IAC5F,IAAIA,QAAQ,CAACC,IAAI,EAAE;MACf,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEJ,QAAQ,CAACC,IAAgB,CAACC,QAAQ,CAAC;MAChE,MAAMG,GAAG,GAAG,EAAE;MAEdN,OAAO,CAACO,OAAO,CAACC,KAAK;;;;QAIjBF,GAAG,CAACH,QAAQ,CAACM,OAAO,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,GAAGF,KAAK,CAACG,cAAc;OAC7D,CAAC;MAEFf,qBAAqB,CAACgB,IAAI,KAAK;QAAE,GAAGA,IAAI;QAAE,GAAGN;OAAK,CAAC,CAAC;;GAE3D;EAED,MAAMO,qBAAqB,GAAGhB,cAAK,CAACiB,OAAO,CAAC;IACxC,MAAMC,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACtB,kBAAkB,CAAC,CAACc,OAAO,CAAC,KAAK,CAAC;IAC9D,OAAOM,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK,GAAGG,SAAS;GACxC,EAAE,CAACvB,kBAAkB,CAAC,CAAC;EAExB,MAAMwB,aAAa,GAAGN,qBAAqB,KAAKK,SAAS,IAAIxB,MAAM;EAEnEG,cAAK,CAACuB,SAAS,CAAC;IACZ,MAAMnB,QAAQ,GAAG,IAAIoB,oBAAoB,CAACtB,kBAAkB,EAAE;MAC1DG,IAAI,EAAET,GAAG,CAAC6B,OAAO;;MAEjBC,UAAU,EAAEJ,aAAa,GAAG,QAAQzB,MAAM,YAAY,GAAGwB,SAAS;MAClEM,SAAS,EAAE;KACd,CAAC;IAEF,IAAIvB,QAAQ,CAACC,IAAI,EAAE;MACfE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACC,IAAI,CAACC,QAAQ,CAAC,CAACI,OAAO,CAACkB,IAAI;QAC3C,IAAI,CAACA,IAAI,CAACC,YAAY,CAAC,sBAAsB,CAAC,EAAE;UAC5CzB,QAAQ,CAAC0B,OAAO,CAACF,IAAI,CAAC;;OAE7B,CAAC;;IAGN,OAAO;MACHxB,QAAQ,CAAC2B,UAAU,EAAE;KACxB;GACJ,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAON,qBAAqB;AAChC;;;;"}
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIntersectionObserver = (ref: React.RefObject<HTMLElement>, offset?: number) => {\n    const [intersectedIndexes, setIntersectedIndexes] = React.useState({});\n\n    const handleIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        if (observer.root) {\n            const children = Array.from((observer.root as Element).children);\n            const map: { [key: string]: boolean } = {};\n\n            entries.forEach(entry => {\n                // entries only contains the items being intersected not all children of the ref\n                // so use root and the the entry being intersected to find its real index\n                // on first mount this is different - all children are present\n                map[children.indexOf(entry.target)] = entry.isIntersecting;\n            });\n\n            setIntersectedIndexes(prev => ({ ...prev, ...map }));\n        }\n    };\n\n    const intersectedChildIndex = React.useMemo(() => {\n        const index = Object.values(intersectedIndexes).indexOf(false);\n        return index > -1 ? index : undefined;\n    }, [intersectedIndexes]);\n\n    const hasRootMargin = intersectedChildIndex !== undefined && offset;\n\n    React.useEffect(() => {\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: ref.current,\n            // offset the button, but only after the first item has been intersected\n            rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,\n            threshold: 1,\n        });\n\n        if (observer.root) {\n            Array.from(observer.root.children).forEach(item => {\n                if (!item.hasAttribute('data-observer-ignore')) {\n                    observer.observe(item);\n                }\n            });\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [hasRootMargin]);\n\n    return intersectedChildIndex;\n};\n"],"names":["useIntersectionObserver","ref","offset","intersectedIndexes","setIntersectedIndexes","React","useState","handleIntersection","entries","observer","root","children","Array","from","map","forEach","entry","indexOf","target","isIntersecting","prev","intersectedChildIndex","useMemo","index","Object","values","undefined","hasRootMargin","useEffect","IntersectionObserver","current","rootMargin","threshold","item","hasAttribute","observe","disconnect"],"mappings":";;MAEaA,uBAAuB,GAAGA,CAACC,GAAiC,EAAEC,MAAe;EACtF,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAEtE,MAAMC,kBAAkB,GAAGA,CAACC,OAAoC,EAAEC,QAA8B;IAC5F,IAAIA,QAAQ,CAACC,IAAI,EAAE;MACf,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEJ,QAAQ,CAACC,IAAgB,CAACC,QAAQ,CAAC;MAChE,MAAMG,GAAG,GAA+B,EAAE;MAE1CN,OAAO,CAACO,OAAO,CAACC,KAAK;;;;QAIjBF,GAAG,CAACH,QAAQ,CAACM,OAAO,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,GAAGF,KAAK,CAACG,cAAc;OAC7D,CAAC;MAEFf,qBAAqB,CAACgB,IAAI,KAAK;QAAE,GAAGA,IAAI;QAAE,GAAGN;OAAK,CAAC,CAAC;;GAE3D;EAED,MAAMO,qBAAqB,GAAGhB,cAAK,CAACiB,OAAO,CAAC;IACxC,MAAMC,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACtB,kBAAkB,CAAC,CAACc,OAAO,CAAC,KAAK,CAAC;IAC9D,OAAOM,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK,GAAGG,SAAS;GACxC,EAAE,CAACvB,kBAAkB,CAAC,CAAC;EAExB,MAAMwB,aAAa,GAAGN,qBAAqB,KAAKK,SAAS,IAAIxB,MAAM;EAEnEG,cAAK,CAACuB,SAAS,CAAC;IACZ,MAAMnB,QAAQ,GAAG,IAAIoB,oBAAoB,CAACtB,kBAAkB,EAAE;MAC1DG,IAAI,EAAET,GAAG,CAAC6B,OAAO;;MAEjBC,UAAU,EAAEJ,aAAa,GAAG,QAAQzB,MAAM,YAAY,GAAGwB,SAAS;MAClEM,SAAS,EAAE;KACd,CAAC;IAEF,IAAIvB,QAAQ,CAACC,IAAI,EAAE;MACfE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACC,IAAI,CAACC,QAAQ,CAAC,CAACI,OAAO,CAACkB,IAAI;QAC3C,IAAI,CAACA,IAAI,CAACC,YAAY,CAAC,sBAAsB,CAAC,EAAE;UAC5CzB,QAAQ,CAAC0B,OAAO,CAACF,IAAI,CAAC;;OAE7B,CAAC;;IAGN,OAAO;MACHxB,QAAQ,CAAC2B,UAAU,EAAE;KACxB;GACJ,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAON,qBAAqB;AAChC;;;;"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js

@@ -30,7 +30,7 @@ function Container(externalProps) {
     if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id === overList.id) {
       return;
     }
-    move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
+    move === null || move === void 0 ? void 0 : move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
   }
   function handleDragEnd(event) {
     const {

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children: React.ReactNode, id: string): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps: SortableContainerProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event: any): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move?.(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event: any): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = event => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {\n            listeners?.onPointerDown(event);\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["isFormElement","element","formElementNodeNames","includes","nodeName","Item","props","asChild","children","disabled","id","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","Transform","toString","onPointerDown","event","currentTarget","contains","target","elProps","ref","React","cloneElement","displayName"],"mappings":";;;;AAWA,MAAMA,aAAa,GAAIC,OAAoB;EACvC,MAAMC,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC;EAElF,OAAOA,oBAAoB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC;AAC1D,CAAC;SAEeC,IAAIA,CAACC,KAAK;EACtB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,KAAK;IAAEC;GAAI,GAAGJ,KAAK;EACzD,MAAM;IAAEK,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;GAAY,GAAGC,WAAW,CAAC;IAAEP,QAAQ;IAAEC;GAAI,CAAC;EAElG,MAAMO,KAAK,GAAG;IACVH,SAAS,EAAEI,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;IAC5CC;GACH;EAED,MAAMM,aAAa,GAAGC,KAAK;;IAEvB,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAI,CAACzB,aAAa,CAACsB,KAAK,CAACG,MAAM,CAAC,EAAE;MAC5Eb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,aAAa,CAACC,KAAK,CAAC;;GAEtC;EAED,MAAMI,OAAO,GAAG;IAAE,GAAGf,UAAU;IAAE,GAAGC,SAAS;IAAES,aAAa;IAAEM,GAAG,EAAEd,UAAU;IAAEI;GAAO;EAEtF,IAAIV,OAAO,EAAE;IACT,oBAAOqB,cAAK,CAACC,YAAY,CAACrB,QAAQ,EAAEkB,OAAO,CAAC;;EAGhD,oBAAOE,sDAASF,OAAO,GAAGlB,QAAQ,CAAO;AAC7C;AACAH,IAAI,CAACyB,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n    asChild: boolean;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props: SortableListItemProps) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = (event: any) => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {\n            listeners?.onPointerDown(event);\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children as React.ReactElement, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["isFormElement","element","formElementNodeNames","includes","nodeName","Item","props","asChild","children","disabled","id","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","Transform","toString","onPointerDown","event","currentTarget","contains","target","elProps","ref","React","cloneElement","displayName"],"mappings":";;;;AAYA,MAAMA,aAAa,GAAIC,OAAoB;EACvC,MAAMC,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC;EAElF,OAAOA,oBAAoB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC;AAC1D,CAAC;SAEeC,IAAIA,CAACC,KAA4B;EAC7C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,KAAK;IAAEC;GAAI,GAAGJ,KAAK;EACzD,MAAM;IAAEK,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;GAAY,GAAGC,WAAW,CAAC;IAAEP,QAAQ;IAAEC;GAAI,CAAC;EAElG,MAAMO,KAAK,GAAG;IACVH,SAAS,EAAEI,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;IAC5CC;GACH;EAED,MAAMM,aAAa,GAAIC,KAAU;;IAE7B,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAI,CAACzB,aAAa,CAACsB,KAAK,CAACG,MAAM,CAAC,EAAE;MAC5Eb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,aAAa,CAACC,KAAK,CAAC;;GAEtC;EAED,MAAMI,OAAO,GAAG;IAAE,GAAGf,UAAU;IAAE,GAAGC,SAAS;IAAES,aAAa;IAAEM,GAAG,EAAEd,UAAU;IAAEI;GAAO;EAEtF,IAAIV,OAAO,EAAE;IACT,oBAAOqB,cAAK,CAACC,YAAY,CAACrB,QAA8B,EAAEkB,OAAO,CAAC;;EAGtE,oBAAOE,sDAASF,OAAO,GAAGlB,QAAQ,CAAO;AAC7C;AACAH,IAAI,CAACyB,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/util.js

@@ -13,10 +13,10 @@ const FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {
 };
 function useAugmentedFocusManager() {
   const focusManager = useFocusManager();
-  const focusPrevious = (arrowNavigation = false) => focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusNext = (arrowNavigation = false) => focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
-  const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
-  const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusPrevious = (arrowNavigation = false) => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusNext = (arrowNavigation = false) => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);
+  const focusFirst = () => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);
+  const focusLast = () => focusManager === null || focusManager === void 0 ? void 0 : focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);
   return {
     focusPrevious,
     focusNext,

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusNext = (arrowNavigation = false) =>\n        focusManager.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusFirst = () => focusManager.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);\n    const focusLast = () => focusManager.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["FOCUS_MANAGER_OPTIONS_TAB","accept","element","closest","tabbable","FOCUS_MANAGER_OPTIONS_ARROW_KEYS","acceptTabbable","isElementInteractive","getAttribute","hasFocusableElement","useAugmentedFocusManager","focusManager","useFocusManager","focusPrevious","arrowNavigation","focusNext","focusFirst","focusLast"],"mappings":";;;AAGA,MAAMA,yBAAyB,GAAG;EAC9BC,MAAM,EAAGC,OAAgB,IAAK,CAAC,CAACA,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC;EAC7EC,QAAQ,EAAE;CACb;AAED,MAAMC,gCAAgC,GAAG;EACrCJ,MAAM,EAAGC,OAAgB;IACrB,MAAMI,cAAc,GAAGC,oBAAoB,CAACL,OAAO,CAAC,GAAGA,OAAO,CAACM,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,IAAI;IACvG,OAAO,CAAC,CAACN,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC,IAAI,CAACM,mBAAmB,CAACP,OAAsB,CAAC,IAAII,cAAc;;CAE/H;SAEeI,wBAAwBA;EACpC,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,MAAMC,aAAa,GAAGA,CAACC,eAAe,GAAG,KAAK,KAC1CH,YAAY,CAACE,aAAa,CAACC,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC9G,MAAMe,SAAS,GAAGA,CAACD,eAAe,GAAG,KAAK,KACtCH,YAAY,CAACI,SAAS,CAACD,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC1G,MAAMgB,UAAU,GAAGA,MAAML,YAAY,CAACK,UAAU,CAAChB,yBAAyB,CAAC;EAC3E,MAAMiB,SAAS,GAAGA,MAAMN,YAAY,CAACM,SAAS,CAACjB,yBAAyB,CAAC;EAEzE,OAAO;IACHa,aAAa;IACbE,SAAS;IACTC,UAAU;IACVC;GACH;AACL;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/util.ts"],"sourcesContent":["import { useFocusManager } from '@react-aria/focus';\nimport { hasFocusableElement, isElementInteractive } from '../../../../../utils/dom';\n\nconst FOCUS_MANAGER_OPTIONS_TAB = {\n    accept: (element: Element) => !!element.closest('tr[data-row-active=\"true\"]'),\n    tabbable: true,\n};\n\nconst FOCUS_MANAGER_OPTIONS_ARROW_KEYS = {\n    accept: (element: Element) => {\n        const acceptTabbable = isElementInteractive(element) ? element.getAttribute('tabindex') !== '-1' : true;\n        return !!element.closest('tr[data-row-active=\"true\"]') && !hasFocusableElement(element as HTMLElement) && acceptTabbable;\n    },\n};\n\nexport function useAugmentedFocusManager() {\n    const focusManager = useFocusManager();\n\n    const focusPrevious = (arrowNavigation = false) =>\n        focusManager?.focusPrevious(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusNext = (arrowNavigation = false) =>\n        focusManager?.focusNext(arrowNavigation ? FOCUS_MANAGER_OPTIONS_ARROW_KEYS : FOCUS_MANAGER_OPTIONS_TAB);\n    const focusFirst = () => focusManager?.focusFirst(FOCUS_MANAGER_OPTIONS_TAB);\n    const focusLast = () => focusManager?.focusLast(FOCUS_MANAGER_OPTIONS_TAB);\n\n    return {\n        focusPrevious,\n        focusNext,\n        focusFirst,\n        focusLast,\n    };\n}\n"],"names":["FOCUS_MANAGER_OPTIONS_TAB","accept","element","closest","tabbable","FOCUS_MANAGER_OPTIONS_ARROW_KEYS","acceptTabbable","isElementInteractive","getAttribute","hasFocusableElement","useAugmentedFocusManager","focusManager","useFocusManager","focusPrevious","arrowNavigation","focusNext","focusFirst","focusLast"],"mappings":";;;AAGA,MAAMA,yBAAyB,GAAG;EAC9BC,MAAM,EAAGC,OAAgB,IAAK,CAAC,CAACA,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC;EAC7EC,QAAQ,EAAE;CACb;AAED,MAAMC,gCAAgC,GAAG;EACrCJ,MAAM,EAAGC,OAAgB;IACrB,MAAMI,cAAc,GAAGC,oBAAoB,CAACL,OAAO,CAAC,GAAGA,OAAO,CAACM,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,GAAG,IAAI;IACvG,OAAO,CAAC,CAACN,OAAO,CAACC,OAAO,CAAC,4BAA4B,CAAC,IAAI,CAACM,mBAAmB,CAACP,OAAsB,CAAC,IAAII,cAAc;;CAE/H;SAEeI,wBAAwBA;EACpC,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,MAAMC,aAAa,GAAGA,CAACC,eAAe,GAAG,KAAK,KAC1CH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,aAAa,CAACC,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC/G,MAAMe,SAAS,GAAGA,CAACD,eAAe,GAAG,KAAK,KACtCH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,SAAS,CAACD,eAAe,GAAGT,gCAAgC,GAAGL,yBAAyB,CAAC;EAC3G,MAAMgB,UAAU,GAAGA,MAAML,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,UAAU,CAAChB,yBAAyB,CAAC;EAC5E,MAAMiB,SAAS,GAAGA,MAAMN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEM,SAAS,CAACjB,yBAAyB,CAAC;EAE1E,OAAO;IACHa,aAAa;IACbE,SAAS;IACTC,UAAU;IACVC;GACH;AACL;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Columns/Internal/Expansion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expansion.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Expansion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\n\nfunction Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n\n    const isSomeRowsExpanded = table.getIsSomeRowsExpanded();\n\n    const handleClick = event => {\n        event.stopPropagation();\n        table.toggleAllRowsExpanded(!isSomeRowsExpanded);\n    };\n\n    const title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;\n\n    return (\n        <Tooltip title={title}>\n            <IconButton\n                appearance=\"transparent\"\n                icon={isSomeRowsExpanded ? 'chevron-down-double' : 'chevron-right-double'}\n                onClick={handleClick}\n                tabIndex={-1}\n                title={title}\n            />\n        </Tooltip>\n    );\n}\n\nfunction Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    const hasExpandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(context.row.original);\n\n    if (hasExpandedRow) {\n        const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;\n        const isExpanded = context.row.getIsExpanded();\n\n        const handleClick = event => {\n            event.stopPropagation();\n            context.row.toggleExpanded();\n        };\n\n        const title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;\n        const tabIndex = isActiveRow ? 0 : -1;\n\n        return (\n            <Tooltip title={title}>\n                <IconButton\n                    appearance=\"discrete\"\n                    icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                    onClick={handleClick}\n                    tabIndex={tabIndex}\n                    title={title}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 40,\n    meta: {\n        align: 'center',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["Header","context","texts","useLocalization","table","isSomeRowsExpanded","getIsSomeRowsExpanded","handleClick","event","stopPropagation","toggleAllRowsExpanded","title","columns","expansion","collapseAll","expandAll","React","Tooltip","IconButton","appearance","icon","onClick","tabIndex","Cell","tableMeta","options","meta","hasExpandedRow","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","rowExpansion","rowExpansionRenderer","call","row","original","isActiveRow","rowActive","rowActiveIndex","index","isExpanded","getIsExpanded","toggleExpanded","collapse","expand","renderer","header","size","align","enableSearch","headerClassName"],"mappings":";;;;;AAWA,SAASA,MAAMA,CAAkBC,OAAgD;EAC7E,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EAEzB,MAAMI,kBAAkB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAExD,MAAMC,WAAW,GAAGC,KAAK;IACrBA,KAAK,CAACC,eAAe,EAAE;IACvBL,KAAK,CAACM,qBAAqB,CAAC,CAACL,kBAAkB,CAAC;GACnD;EAED,MAAMM,KAAK,GAAGN,kBAAkB,GAAGH,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACC,WAAW,GAAGZ,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACE,SAAS;EAEtH,oBACIC,6BAACC,OAAO;IAACN,KAAK,EAAEA;kBACZK,6BAACE,UAAU;IACPC,UAAU,EAAC,aAAa;IACxBC,IAAI,EAAEf,kBAAkB,GAAG,qBAAqB,GAAG,sBAAsB;IACzEgB,OAAO,EAAEd,WAAW;IACpBe,QAAQ,EAAE,CAAC,CAAC;IACZX,KAAK,EAAEA;IACT,CACI;AAElB;AAEA,SAASY,IAAIA,CAAkBtB,OAA8C;;EACzE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMqB,SAAS,GAAGvB,OAAO,CAACG,KAAK,CAACqB,OAAO,CAACC,IAA6B;EAErE,MAAMC,cAAc,IAAAC,qBAAA,GAAG,CAAAC,sBAAA,GAAAL,SAAS,CAACM,YAAY,EAACC,oBAAoB,cAAAH,qBAAA,uBAA3CA,qBAAA,CAAAI,IAAA,CAAAH,sBAAA,EAA8C5B,OAAO,CAACgC,GAAG,CAACC,QAAQ,CAAC;EAE1F,IAAIP,cAAc,EAAE;IAChB,MAAMQ,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKpC,OAAO,CAACgC,GAAG,CAACK,KAAK;IAC5E,MAAMC,UAAU,GAAGtC,OAAO,CAACgC,GAAG,CAACO,aAAa,EAAE;IAE9C,MAAMjC,WAAW,GAAGC,KAAK;MACrBA,KAAK,CAACC,eAAe,EAAE;MACvBR,OAAO,CAACgC,GAAG,CAACQ,cAAc,EAAE;KAC/B;IAED,MAAM9B,KAAK,GAAG4B,UAAU,GAAGrC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC6B,QAAQ,GAAGxC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC8B,MAAM;IACxG,MAAMrB,QAAQ,GAAGa,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,oBACInB,6BAACC,OAAO;MAACN,KAAK,EAAEA;oBACZK,6BAACE,UAAU;MACPC,UAAU,EAAC,UAAU;MACrBC,IAAI,EAAEmB,UAAU,GAAG,cAAc,GAAG,eAAe;MACnDlB,OAAO,EAAEd,WAAW;MACpBe,QAAQ,EAAEA,QAAQ;MAClBX,KAAK,EAAEA;MACT,CACI;;EAIlB,OAAO,IAAI;AACf;MAEaiC,QAAQ,GAAkC;EACnDC,MAAM,EAAE7C,MAAM;EACd4C,QAAQ,EAAErB,IAAI;EACduB,IAAI,EAAE,EAAE;EACRpB,IAAI,EAAE;IACFqB,KAAK,EAAE,QAAQ;;IAEfC,YAAY,EAAE,KAAK;IACnBH,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE;;;;;;"}
+{"version":3,"file":"Expansion.js","sources":["../../../../../../../../../../../src/primitives/Table/Core/components/Columns/Internal/Expansion.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    HeaderContext as ReactTableHeaderContext,\n    CellContext as ReactTableCellContext,\n    TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { Tooltip } from '../../../../../../components/Tooltip/Tooltip';\nimport { IconButton } from '../../../../../../components/IconButton/IconButton';\nimport { useTableManagerInternalColumn } from '../../../../useTableManager/types';\n\nfunction Header<TType = unknown>(context: ReactTableHeaderContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const { table } = context;\n\n    const isSomeRowsExpanded = table.getIsSomeRowsExpanded();\n\n    const handleClick = (event: React.MouseEvent) => {\n        event.stopPropagation();\n        table.toggleAllRowsExpanded(!isSomeRowsExpanded);\n    };\n\n    const title = isSomeRowsExpanded ? texts.table.columns.expansion.collapseAll : texts.table.columns.expansion.expandAll;\n\n    return (\n        <Tooltip title={title}>\n            <IconButton\n                appearance=\"transparent\"\n                icon={isSomeRowsExpanded ? 'chevron-down-double' : 'chevron-right-double'}\n                onClick={handleClick}\n                tabIndex={-1}\n                title={title}\n            />\n        </Tooltip>\n    );\n}\n\nfunction Cell<TType = unknown>(context: ReactTableCellContext<TType, unknown>) {\n    const { texts } = useLocalization();\n    const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n\n    const hasExpandedRow = tableMeta.rowExpansion.rowExpansionRenderer?.(context.row.original);\n\n    if (hasExpandedRow) {\n        const isActiveRow = tableMeta.rowActive.rowActiveIndex === context.row.index;\n        const isExpanded = context.row.getIsExpanded();\n\n        const handleClick = (event: React.MouseEvent) => {\n            event.stopPropagation();\n            context.row.toggleExpanded();\n        };\n\n        const title = isExpanded ? texts.table.columns.expansion.collapse : texts.table.columns.expansion.expand;\n        const tabIndex = isActiveRow ? 0 : -1;\n\n        return (\n            <Tooltip title={title}>\n                <IconButton\n                    appearance=\"discrete\"\n                    icon={isExpanded ? 'chevron-down' : 'chevron-right'}\n                    onClick={handleClick}\n                    tabIndex={tabIndex}\n                    title={title}\n                />\n            </Tooltip>\n        );\n    }\n\n    return null;\n}\n\nexport const renderer: useTableManagerInternalColumn = {\n    header: Header,\n    renderer: Cell,\n    size: 40,\n    meta: {\n        align: 'center',\n        // TODO: remove when table3 is migrated, this satisfies the legacy table3 type\n        enableSearch: false,\n        header: '',\n        headerClassName: '!p-0',\n    },\n};\n"],"names":["Header","context","texts","useLocalization","table","isSomeRowsExpanded","getIsSomeRowsExpanded","handleClick","event","stopPropagation","toggleAllRowsExpanded","title","columns","expansion","collapseAll","expandAll","React","Tooltip","IconButton","appearance","icon","onClick","tabIndex","Cell","tableMeta","options","meta","hasExpandedRow","_tableMeta$rowExpansi","_tableMeta$rowExpansi2","rowExpansion","rowExpansionRenderer","call","row","original","isActiveRow","rowActive","rowActiveIndex","index","isExpanded","getIsExpanded","toggleExpanded","collapse","expand","renderer","header","size","align","enableSearch","headerClassName"],"mappings":";;;;;AAWA,SAASA,MAAMA,CAAkBC,OAAgD;EAC7E,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAM;IAAEC;GAAO,GAAGH,OAAO;EAEzB,MAAMI,kBAAkB,GAAGD,KAAK,CAACE,qBAAqB,EAAE;EAExD,MAAMC,WAAW,GAAIC,KAAuB;IACxCA,KAAK,CAACC,eAAe,EAAE;IACvBL,KAAK,CAACM,qBAAqB,CAAC,CAACL,kBAAkB,CAAC;GACnD;EAED,MAAMM,KAAK,GAAGN,kBAAkB,GAAGH,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACC,WAAW,GAAGZ,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAACE,SAAS;EAEtH,oBACIC,6BAACC,OAAO;IAACN,KAAK,EAAEA;kBACZK,6BAACE,UAAU;IACPC,UAAU,EAAC,aAAa;IACxBC,IAAI,EAAEf,kBAAkB,GAAG,qBAAqB,GAAG,sBAAsB;IACzEgB,OAAO,EAAEd,WAAW;IACpBe,QAAQ,EAAE,CAAC,CAAC;IACZX,KAAK,EAAEA;IACT,CACI;AAElB;AAEA,SAASY,IAAIA,CAAkBtB,OAA8C;;EACzE,MAAM;IAAEC;GAAO,GAAGC,eAAe,EAAE;EACnC,MAAMqB,SAAS,GAAGvB,OAAO,CAACG,KAAK,CAACqB,OAAO,CAACC,IAA6B;EAErE,MAAMC,cAAc,IAAAC,qBAAA,GAAG,CAAAC,sBAAA,GAAAL,SAAS,CAACM,YAAY,EAACC,oBAAoB,cAAAH,qBAAA,uBAA3CA,qBAAA,CAAAI,IAAA,CAAAH,sBAAA,EAA8C5B,OAAO,CAACgC,GAAG,CAACC,QAAQ,CAAC;EAE1F,IAAIP,cAAc,EAAE;IAChB,MAAMQ,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKpC,OAAO,CAACgC,GAAG,CAACK,KAAK;IAC5E,MAAMC,UAAU,GAAGtC,OAAO,CAACgC,GAAG,CAACO,aAAa,EAAE;IAE9C,MAAMjC,WAAW,GAAIC,KAAuB;MACxCA,KAAK,CAACC,eAAe,EAAE;MACvBR,OAAO,CAACgC,GAAG,CAACQ,cAAc,EAAE;KAC/B;IAED,MAAM9B,KAAK,GAAG4B,UAAU,GAAGrC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC6B,QAAQ,GAAGxC,KAAK,CAACE,KAAK,CAACQ,OAAO,CAACC,SAAS,CAAC8B,MAAM;IACxG,MAAMrB,QAAQ,GAAGa,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAErC,oBACInB,6BAACC,OAAO;MAACN,KAAK,EAAEA;oBACZK,6BAACE,UAAU;MACPC,UAAU,EAAC,UAAU;MACrBC,IAAI,EAAEmB,UAAU,GAAG,cAAc,GAAG,eAAe;MACnDlB,OAAO,EAAEd,WAAW;MACpBe,QAAQ,EAAEA,QAAQ;MAClBX,KAAK,EAAEA;MACT,CACI;;EAIlB,OAAO,IAAI;AACf;MAEaiC,QAAQ,GAAkC;EACnDC,MAAM,EAAE7C,MAAM;EACd4C,QAAQ,EAAErB,IAAI;EACduB,IAAI,EAAE,EAAE;EACRpB,IAAI,EAAE;IACFqB,KAAK,EAAE,QAAQ;;IAEfC,YAAY,EAAE,KAAK;IACnBH,MAAM,EAAE,EAAE;IACVI,eAAe,EAAE;;;;;;"}