@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/components/Table3/components/Row/Editing/CreateNewRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateNewRow.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/CreateNewRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { LegacyButton } from '../../../../LegacyComponents/Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport type { TableRef } from '../../../../../primitives/Table/types';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nconst SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;\nconst SCROLL_DELAY_MS = 150;\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as keyof TType] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId as string));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId as string) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const tableElement = tableRef.current;\n        const isNearBottom =\n            tableElement &&\n            tableElement.scrollHeight - tableElement.scrollTop - tableElement.clientHeight < SCROLL_NEAR_BOTTOM_THRESHOLD_PX;\n\n        await tableMeta.editing.createRow(table);\n\n        // The sticky temporary row overlaps the last data row, so scroll to reveal it\n        if (isNearBottom) {\n            setTimeout(() => {\n                tableElement.scrollTo({ top: tableElement.scrollHeight, behavior: 'smooth' });\n            }, SCROLL_DELAY_MS);\n        }\n    };\n    const shortcut = { key: 'Enter', meta: true };\n\n    let tooltip;\n\n    if (isSaving) {\n        tooltip = texts.table3.editing.buttons.create.saving;\n    } else if (isDisabled) {\n        tooltip = texts.table3.editing.buttons.create.disabled;\n    } else {\n        tooltip = <Shortcut keys={shortcut} />;\n    }\n\n    const className = clsx('group/row !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        'border-b !border-t-[0]': !hasScrollbar,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"col-span-full !bg-gray-50/50 !px-1\">\n                <LegacyButton\n                    appearance=\"transparent\"\n                    className=\"sticky left-[4px] font-bold group-hover:bg-gray-200\"\n                    disabled={isDisabled}\n                    onClick={handleCreate}\n                    ref={buttonRef}\n                    shortcut={shortcut}\n                    tooltip={tooltip}>\n                    <Icon name=\"circle-plus\" />\n                    {texts.table3.editing.buttons.create.label}\n                </LegacyButton>\n            </td>\n        </tr>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAiBA,MAAM,kCAAkC;AACxC,MAAM,kBAAkB;AAEjB,SAAS,aAA8B,OAAiC;;AAC3E,QAAM,EAAE,WAAW,cAAc,OAAO,WAAW,aAAa;AAC1D,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAE5B,QAAA,gBAAgB,UAAU,QAAQ;AACxC,QAAM,mBAAiB,mBAAc,CAAC,MAAf,mBAAmB,UAAU,yBAAuC;AAErF,QAAA,aACF,CAAC,CAAC,MAAM,SAAW,EAAA,gBACnB,CAAC,GAAC,WAAM,SAAA,EAAW,kBAAjB,mBAAgC,WACjC,CAAC,CAAC,kBAAkB,CAAC,CAAC,UAAU,QAAQ,aAAa,cAAwB;AAC5E,QAAA,WAAW,CAAC,CAAC,kBAAkB,UAAU,QAAQ,aAAa,cAAwB,MAAM;AAElG,QAAM,eAAe,YAAY;AAC7B,QAAI,YAAY;AACZ;AAAA,IAAA;AAGJ,UAAM,eAAe,SAAS;AAC9B,UAAM,eACF,gBACA,aAAa,eAAe,aAAa,YAAY,aAAa,eAAe;AAE/E,UAAA,UAAU,QAAQ,UAAU,KAAK;AAGvC,QAAI,cAAc;AACd,iBAAW,MAAM;AACb,qBAAa,SAAS,EAAE,KAAK,aAAa,cAAc,UAAU,UAAU;AAAA,SAC7E,eAAe;AAAA,IAAA;AAAA,EAE1B;AACA,QAAM,WAAW,EAAE,KAAK,SAAS,MAAM,KAAK;AAExC,MAAA;AAEJ,MAAI,UAAU;AACV,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,aACvC,YAAY;AACnB,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,OAC3C;AACO,cAAAA,+BAAA,cAAC,UAAS,EAAA,MAAM,UAAU;AAAA,EAAA;AAGlC,QAAA,YAAY,KAAK,4BAA4B;AAAA,IAC/C,aAAa,UAAU,OAAO;AAAA,IAC9B,YAAY,CAAC,UAAU,OAAO;AAAA,IAC9B,0BAA0B,CAAC;AAAA,EAAA,CAC9B;AAGG,SAAAA,+BAAA,cAAC,MAAG,EAAA,mBAAe,MAAC,WAAsB,UAAU,GAChD,GAAAA,+BAAA,cAAC,MAAG,EAAA,WAAU,qCACV,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IACAA,+BAAA,cAAC,MAAK,EAAA,MAAK,cAAc,CAAA;AAAA,IACxB,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,CAE7C,CACJ;AAER;"}
+{"version":3,"file":"CreateNewRow.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/CreateNewRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { LegacyButton } from '../../../../LegacyComponents/Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport type { TableRef } from '../../../../../primitives/Table/types';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nconst SCROLL_NEAR_BOTTOM_THRESHOLD_PX = 80;\nconst SCROLL_DELAY_MS = 150;\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, hasScrollbar, table, tableMeta, tableRef } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as keyof TType] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId as string));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId as string) === 'saving';\n\n    const handleCreate = async () => {\n        if (isDisabled) {\n            return;\n        }\n\n        const tableElement = tableRef.current;\n        const isNearBottom =\n            tableElement &&\n            tableElement.scrollHeight - tableElement.scrollTop - tableElement.clientHeight < SCROLL_NEAR_BOTTOM_THRESHOLD_PX;\n\n        await tableMeta.editing.createRow(table);\n\n        // The sticky temporary row overlaps the last data row, so scroll to reveal it\n        if (isNearBottom) {\n            setTimeout(() => {\n                tableElement.scrollTo({ top: tableElement.scrollHeight, behavior: 'smooth' });\n            }, SCROLL_DELAY_MS);\n        }\n    };\n    const shortcut = { key: 'Enter', meta: true };\n\n    let tooltip;\n\n    if (isSaving) {\n        tooltip = texts.table3.editing.buttons.create.saving;\n    } else if (isDisabled) {\n        tooltip = texts.table3.editing.buttons.create.disabled;\n    } else {\n        tooltip = <Shortcut keys={shortcut} />;\n    }\n\n    const className = clsx('group/row !sticky z-[21]', {\n        'bottom-10': tableMeta.footer.isEnabled,\n        'bottom-0': !tableMeta.footer.isEnabled,\n        '!border-t-[0] border-b': !hasScrollbar,\n    });\n\n    return (\n        <tr data-row-create className={className} tabIndex={-1}>\n            <td className=\"col-span-full !bg-gray-50/50 !px-1\">\n                <LegacyButton\n                    appearance=\"transparent\"\n                    className=\"sticky left-[4px] font-bold group-hover:bg-gray-200\"\n                    disabled={isDisabled}\n                    onClick={handleCreate}\n                    ref={buttonRef}\n                    shortcut={shortcut}\n                    tooltip={tooltip}>\n                    <Icon name=\"circle-plus\" />\n                    {texts.table3.editing.buttons.create.label}\n                </LegacyButton>\n            </td>\n        </tr>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAiBA,MAAM,kCAAkC;AACxC,MAAM,kBAAkB;AAEjB,SAAS,aAA8B,OAAiC;AAC3E,QAAM,EAAE,WAAW,cAAc,OAAO,WAAW,aAAa;AAChE,QAAM,EAAE,MAAA,IAAU,gBAAA;AAElB,QAAM,gBAAgB,UAAU,QAAQ;AACxC,QAAM,iBAAiB,cAAc,CAAC,IAAI,UAAU,mBAAkC,KAAK;AAE3F,QAAM,aACF,CAAC,CAAC,MAAM,WAAW,gBACnB,CAAC,CAAC,MAAM,SAAA,EAAW,eAAe,UACjC,CAAC,CAAC,kBAAkB,CAAC,CAAC,UAAU,QAAQ,aAAa,cAAwB;AAClF,QAAM,WAAW,CAAC,CAAC,kBAAkB,UAAU,QAAQ,aAAa,cAAwB,MAAM;AAElG,QAAM,eAAe,YAAY;AAC7B,QAAI,YAAY;AACZ;AAAA,IACJ;AAEA,UAAM,eAAe,SAAS;AAC9B,UAAM,eACF,gBACA,aAAa,eAAe,aAAa,YAAY,aAAa,eAAe;AAErF,UAAM,UAAU,QAAQ,UAAU,KAAK;AAGvC,QAAI,cAAc;AACd,iBAAW,MAAM;AACb,qBAAa,SAAS,EAAE,KAAK,aAAa,cAAc,UAAU,UAAU;AAAA,MAChF,GAAG,eAAe;AAAA,IACtB;AAAA,EACJ;AACA,QAAM,WAAW,EAAE,KAAK,SAAS,MAAM,KAAA;AAEvC,MAAI;AAEJ,MAAI,UAAU;AACV,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAClD,WAAW,YAAY;AACnB,cAAU,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAClD,OAAO;AACH,cAAUA,+BAAA,cAAC,UAAA,EAAS,MAAM,UAAU;AAAA,EACxC;AAEA,QAAM,YAAY,KAAK,4BAA4B;AAAA,IAC/C,aAAa,UAAU,OAAO;AAAA,IAC9B,YAAY,CAAC,UAAU,OAAO;AAAA,IAC9B,0BAA0B,CAAC;AAAA,EAAA,CAC9B;AAED,SACIA,+BAAA,cAAC,MAAA,EAAG,mBAAe,MAAC,WAAsB,UAAU,GAAA,GAChDA,+BAAA,cAAC,MAAA,EAAG,WAAU,qCAAA,GACVA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,YAAW;AAAA,MACX,WAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,KAAK;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IACAA,+BAAA,cAAC,MAAA,EAAK,MAAK,cAAA,CAAc;AAAA,IACxB,MAAM,OAAO,QAAQ,QAAQ,OAAO;AAAA,EAAA,CAE7C,CACJ;AAER;"}

package/dist/components/Table3/components/Row/Editing/SaveStatus.cjs

@@ -12,7 +12,7 @@ function SaveStatus(props) {
   const tableMeta = table.options.meta;
   const status = tableMeta.editing.getRowStatus(rowId);
   const className = cn.clsx(
-    "col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]",
+    "sticky right-0 top-0 z-10 col-span-full -mb-[100%] ml-auto flex h-8 items-center bg-[inherit] px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]",
     {
       "mt-0": tableMeta.rowHeight.height === "short",
       "mt-1": tableMeta.rowHeight.height === "medium",

package/dist/components/Table3/components/Row/Editing/SaveStatus.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SaveStatus.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\" data-taco=\"save-status\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["useLocalization","clsx","Tooltip","Spinner","BadgeIcon"],"mappings":";;;;;;;;AAaO,SAAS,WAA4B,OAA+B;AACjE,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU,QAAQ,aAAa,KAAK;AAEnD,QAAM,YAAYC,GAAA;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,UAAU,UAAU,UAAU,WAAW;AAAA,MACzC,QAAQ,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EAE/C;AAGI,SAAA,sBAAA,cAAC,QAAG,WAAU,aAAY,aAAU,cAChC,GAAA,sBAAA,cAAC,UAAK,UACD,GAAA,WAAW,WACP,sBAAA,cAAAC,QAAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,SAAA,GACvC,sBAAA,cAAAC,QAAA,SAAA,EAAQ,OAAO,GAAG,WAAU,iBAAiB,CAAA,CAClD,IAEC,sBAAA,cAAAD,QAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,YACxC,sBAAA,cAACE,UAAAA,aAAU,MAAK,QAAO,OAAM,SAAQ,QAAM,MAAC,WAAU,OAAO,CAAA,CACjE,CAER,CACJ;AAER;;"}
+{"version":3,"file":"SaveStatus.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'sticky right-0 top-0 z-10 col-span-full -mb-[100%] ml-auto flex h-8 items-center bg-[inherit] px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\" data-taco=\"save-status\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["useLocalization","clsx","Tooltip","Spinner","BadgeIcon"],"mappings":";;;;;;;;AAaO,SAAS,WAA4B,OAA+B;AACvE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU,QAAQ,aAAa,KAAK;AAEnD,QAAM,YAAYC,GAAAA;AAAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,UAAU,UAAU,UAAU,WAAW;AAAA,MACzC,QAAQ,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EAC3C;AAGJ,SACI,sBAAA,cAAC,QAAG,WAAU,aAAY,aAAU,cAAA,GAChC,sBAAA,cAAC,UAAK,UAAA,GACD,WAAW,WACR,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,SAAA,GACxC,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,GAAG,WAAU,iBAAA,CAAiB,CAClD,IAEA,sBAAA,cAACD,QAAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,YACxC,sBAAA,cAACE,UAAAA,aAAU,MAAK,QAAO,OAAM,SAAQ,QAAM,MAAC,WAAU,OAAA,CAAO,CACjE,CAER,CACJ;AAER;;"}

package/dist/components/Table3/components/Row/Editing/SaveStatus.js

@@ -10,7 +10,7 @@ function SaveStatus(props) {
   const tableMeta = table.options.meta;
   const status = tableMeta.editing.getRowStatus(rowId);
   const className = clsx(
-    "col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]",
+    "sticky right-0 top-0 z-10 col-span-full -mb-[100%] ml-auto flex h-8 items-center bg-[inherit] px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]",
     {
       "mt-0": tableMeta.rowHeight.height === "short",
       "mt-1": tableMeta.rowHeight.height === "medium",

package/dist/components/Table3/components/Row/Editing/SaveStatus.js.map

@@ -1 +1 @@
-{"version":3,"file":"SaveStatus.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'col-span-full sticky ml-auto right-0 top-0 -mb-[100%] z-10 h-8 bg-[inherit] flex items-center px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\" data-taco=\"save-status\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAaO,SAAS,WAA4B,OAA+B;AACjE,QAAA,EAAE,OAAO,MAAA,IAAU;AACnB,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU,QAAQ,aAAa,KAAK;AAEnD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,UAAU,UAAU,UAAU,WAAW;AAAA,MACzC,QAAQ,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EAE/C;AAGI,SAAAA,+BAAA,cAAC,QAAG,WAAU,aAAY,aAAU,cAChC,GAAAA,+BAAA,cAAC,UAAK,UACD,GAAA,WAAW,WACPA,+BAAA,cAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,SAAA,GACvCA,+BAAA,cAAA,SAAA,EAAQ,OAAO,GAAG,WAAU,iBAAiB,CAAA,CAClD,IAECA,+BAAA,cAAA,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,YACxCA,+BAAA,cAAC,aAAU,MAAK,QAAO,OAAM,SAAQ,QAAM,MAAC,WAAU,OAAO,CAAA,CACjE,CAER,CACJ;AAER;"}
+{"version":3,"file":"SaveStatus.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/SaveStatus.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { BadgeIcon } from '../../../../BadgeIcon/BadgeIcon';\nimport { Spinner } from '../../../../Spinner/Spinner';\n\ntype SaveStatusProps<TType = unknown> = {\n    rowId: string;\n    table: ReactTable<TType>;\n};\n\nexport function SaveStatus<TType = unknown>(props: SaveStatusProps<TType>) {\n    const { rowId, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const status = tableMeta.editing.getRowStatus(rowId);\n\n    const className = clsx(\n        'sticky right-0 top-0 z-10 col-span-full -mb-[100%] ml-auto flex h-8 items-center bg-[inherit] px-1.5 shadow-[-6px_0px_6px_var(--table-row-actions-shadow)]',\n        {\n            'mt-0': tableMeta.rowHeight.height === 'short',\n            'mt-1': tableMeta.rowHeight.height === 'medium',\n            'mt-1.5': tableMeta.rowHeight.height === 'tall',\n            'mt-2': tableMeta.rowHeight.height === 'extra-tall',\n        }\n    );\n\n    return (\n        <td className=\"!contents\" data-taco=\"save-status\">\n            <span className={className}>\n                {status === 'saving' ? (\n                    <Tooltip title={texts.table3.editing.saving.progress}>\n                        <Spinner delay={0} className=\"mr-1 !h-5 !w-5\" />\n                    </Tooltip>\n                ) : (\n                    <Tooltip title={texts.table3.editing.saving.complete}>\n                        <BadgeIcon icon=\"tick\" color=\"green\" subtle className=\"mr-1\" />\n                    </Tooltip>\n                )}\n            </span>\n        </td>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAaO,SAAS,WAA4B,OAA+B;AACvE,QAAM,EAAE,OAAO,MAAA,IAAU;AACzB,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,SAAS,UAAU,QAAQ,aAAa,KAAK;AAEnD,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,QAAQ,UAAU,UAAU,WAAW;AAAA,MACvC,UAAU,UAAU,UAAU,WAAW;AAAA,MACzC,QAAQ,UAAU,UAAU,WAAW;AAAA,IAAA;AAAA,EAC3C;AAGJ,SACIA,+BAAA,cAAC,QAAG,WAAU,aAAY,aAAU,cAAA,GAChCA,+BAAA,cAAC,UAAK,UAAA,GACD,WAAW,WACRA,+BAAA,cAAC,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,SAAA,GACxCA,+BAAA,cAAC,SAAA,EAAQ,OAAO,GAAG,WAAU,iBAAA,CAAiB,CAClD,IAEAA,+BAAA,cAAC,SAAA,EAAQ,OAAO,MAAM,OAAO,QAAQ,OAAO,YACxCA,+BAAA,cAAC,aAAU,MAAK,QAAO,OAAM,SAAQ,QAAM,MAAC,WAAU,OAAA,CAAO,CACjE,CAER,CACJ;AAER;"}

package/dist/components/Table3/components/Row/Editing/TemporaryRow.cjs

@@ -22,8 +22,7 @@ function TemporaryRow(props) {
         const saved = await tableMeta.editing.saveChanges(table);
         if (saved) {
           requestAnimationFrame(() => {
-            var _a;
-            (_a = createRowButtonRef.current) == null ? void 0 : _a.focus();
+            createRowButtonRef.current?.focus();
           });
         }
       }
@@ -43,10 +42,10 @@ function TemporaryRow(props) {
       }
     }
   };
-  const className = cn.clsx("group/row border-gray-100 !sticky z-[22] print:hidden border-t-2", {
+  const className = cn.clsx("group/row !sticky z-[22] border-t-2 border-gray-100 print:hidden", {
     "bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]": tableMeta.footer.isEnabled,
     "bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]": !tableMeta.footer.isEnabled,
-    "border-b !border-t": !hasScrollbar
+    "!border-t border-b": !hasScrollbar
   });
   return /* @__PURE__ */ React.createElement(
     Row.Row,

package/dist/components/Table3/components/Row/Editing/TemporaryRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TemporaryRow.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer, isElementInsideExternalRelatedOverlay } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { isAriaDirectionKey } from '../../../../../utils/aria';\n\ntype TemporaryRowsProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRows<TType = unknown>(props: TemporaryRowsProps<TType>) {\n    return props.table.getBottomRows().map(row => <TemporaryRow<TType> key={row.id} row={row} {...props} />);\n}\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nfunction TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, hasScrollbar, row, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        const target = event.target as Element;\n\n        // Skip handling if the event is from a related dropdown (overlay, e.q. Select2 options dropdown) outside the row\n        if (isAriaDirectionKey(event) && isElementInsideExternalRelatedOverlay(target, tableRef)) {\n            return;\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(target, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    requestAnimationFrame(() => {\n                        createRowButtonRef.current?.focus();\n                    });\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            // save or discard changes when we leave the row\n            await tableMeta.editing.saveChanges(table);\n\n            const lastIndex = tableMeta.length - 1;\n            tableMeta.rowActive.setRowActiveIndex(lastIndex);\n\n            if (tableRef.current) {\n                // scroll to the bottom\n                tableRef.current.scrollTop = tableRef.current.scrollHeight;\n\n                // there's a delay in calculating row heights, so the scrollTop isn't always correct first time - recalculate it\n                requestAnimationFrame(() => {\n                    if (tableRef.current) {\n                        tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                    }\n                });\n            }\n        }\n    };\n\n    const className = clsx('group/row border-gray-100 !sticky z-[22] print:hidden border-t-2', {\n        'bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]': !tableMeta.footer.isEnabled,\n        'border-b !border-t': !hasScrollbar,\n    });\n\n    return (\n        <Row<TType>\n            key={row.id}\n            cellRenderer={RENDERERS.cell}\n            index={tableMeta.length}\n            measureRow={() => null}\n            renderer={RENDERERS.row}\n            row={row}\n            table={table}\n            className={className}\n            onKeyDown={handleKeyDown}\n            hideInternalColumns\n            hideRowActions={!tableMeta.editing.isEditing}\n        />\n    );\n}\n"],"names":["isAriaDirectionKey","isElementInsideExternalRelatedOverlay","isElementTriggeredFromContainer","clsx","Row","RENDERERS"],"mappings":";;;;;;;;AAiBO,SAAS,cAA+B,OAAkC;AAC7E,SAAO,MAAM,MAAM,cAAc,EAAE,IAAI,CAAO,QAAA,sBAAA,cAAC,cAAoB,EAAA,KAAK,IAAI,IAAI,KAAW,GAAG,OAAO,CAAE;AAC3G;AAWA,SAAS,aAA8B,OAAiC;AACpE,QAAM,EAAE,oBAAoB,cAAc,KAAK,OAAO,WAAW,aAAa;AAExE,QAAA,gBAAgB,OAAO,UAAoD;AAC7E,UAAM,SAAS,MAAM;AAGrB,QAAIA,KAAAA,mBAAmB,KAAK,KAAKC,IAAsC,sCAAA,QAAQ,QAAQ,GAAG;AACtF;AAAA,IAAA;AAGA,QAAA,MAAM,QAAQ,aAAa;AAC3B,YAAM,eAAe;AAErB,UAAI,CAACC,IAAAA,gCAAgC,QAAQ,MAAM,aAAa,GAAG;AAC/D,cAAM,QAAQ,MAAM,UAAU,QAAQ,YAAY,KAAK;AAEvD,YAAI,OAAO;AACP,gCAAsB,MAAM;;AACxB,qCAAmB,YAAnB,mBAA4B;AAAA,UAAM,CACrC;AAAA,QAAA;AAAA,MACL;AAAA,IACJ,WACO,MAAM,QAAQ,WAAW;AAChC,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAGhB,YAAA,UAAU,QAAQ,YAAY,KAAK;AAEnC,YAAA,YAAY,UAAU,SAAS;AAC3B,gBAAA,UAAU,kBAAkB,SAAS;AAE/C,UAAI,SAAS,SAAS;AAET,iBAAA,QAAQ,YAAY,SAAS,QAAQ;AAG9C,8BAAsB,MAAM;AACxB,cAAI,SAAS,SAAS;AACT,qBAAA,QAAQ,YAAY,SAAS,QAAQ;AAAA,UAAA;AAAA,QAClD,CACH;AAAA,MAAA;AAAA,IACL;AAAA,EAER;AAEM,QAAA,YAAYC,QAAK,oEAAoE;AAAA,IACvF,+EAA+E,UAAU,OAAO;AAAA,IAChG,mFAAmF,CAAC,UAAU,OAAO;AAAA,IACrG,sBAAsB,CAAC;AAAA,EAAA,CAC1B;AAGG,SAAA,sBAAA;AAAA,IAACC,IAAA;AAAA,IAAA;AAAA,MACG,KAAK,IAAI;AAAA,MACT,cAAcC,UAAU,UAAA;AAAA,MACxB,OAAO,UAAU;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAUA,UAAU,UAAA;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,qBAAmB;AAAA,MACnB,gBAAgB,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EACvC;AAER;;"}
+{"version":3,"file":"TemporaryRow.cjs","sources":["../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer, isElementInsideExternalRelatedOverlay } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { isAriaDirectionKey } from '../../../../../utils/aria';\n\ntype TemporaryRowsProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRows<TType = unknown>(props: TemporaryRowsProps<TType>) {\n    return props.table.getBottomRows().map(row => <TemporaryRow<TType> key={row.id} row={row} {...props} />);\n}\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;\n    hasScrollbar: boolean;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nfunction TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, hasScrollbar, row, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        const target = event.target as Element;\n\n        // Skip handling if the event is from a related dropdown (overlay, e.q. Select2 options dropdown) outside the row\n        if (isAriaDirectionKey(event) && isElementInsideExternalRelatedOverlay(target, tableRef)) {\n            return;\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(target, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    requestAnimationFrame(() => {\n                        createRowButtonRef.current?.focus();\n                    });\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            // save or discard changes when we leave the row\n            await tableMeta.editing.saveChanges(table);\n\n            const lastIndex = tableMeta.length - 1;\n            tableMeta.rowActive.setRowActiveIndex(lastIndex);\n\n            if (tableRef.current) {\n                // scroll to the bottom\n                tableRef.current.scrollTop = tableRef.current.scrollHeight;\n\n                // there's a delay in calculating row heights, so the scrollTop isn't always correct first time - recalculate it\n                requestAnimationFrame(() => {\n                    if (tableRef.current) {\n                        tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                    }\n                });\n            }\n        }\n    };\n\n    const className = clsx('group/row !sticky z-[22] border-t-2 border-gray-100 print:hidden', {\n        'bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]': !tableMeta.footer.isEnabled,\n        '!border-t border-b': !hasScrollbar,\n    });\n\n    return (\n        <Row<TType>\n            key={row.id}\n            cellRenderer={RENDERERS.cell}\n            index={tableMeta.length}\n            measureRow={() => null}\n            renderer={RENDERERS.row}\n            row={row}\n            table={table}\n            className={className}\n            onKeyDown={handleKeyDown}\n            hideInternalColumns\n            hideRowActions={!tableMeta.editing.isEditing}\n        />\n    );\n}\n"],"names":["isAriaDirectionKey","isElementInsideExternalRelatedOverlay","isElementTriggeredFromContainer","clsx","Row","RENDERERS"],"mappings":";;;;;;;;AAiBO,SAAS,cAA+B,OAAkC;AAC7E,SAAO,MAAM,MAAM,cAAA,EAAgB,IAAI,CAAA,QAAO,sBAAA,cAAC,cAAA,EAAoB,KAAK,IAAI,IAAI,KAAW,GAAG,OAAO,CAAE;AAC3G;AAWA,SAAS,aAA8B,OAAiC;AACpE,QAAM,EAAE,oBAAoB,cAAc,KAAK,OAAO,WAAW,aAAa;AAE9E,QAAM,gBAAgB,OAAO,UAAoD;AAC7E,UAAM,SAAS,MAAM;AAGrB,QAAIA,KAAAA,mBAAmB,KAAK,KAAKC,IAAAA,sCAAsC,QAAQ,QAAQ,GAAG;AACtF;AAAA,IACJ;AAEA,QAAI,MAAM,QAAQ,aAAa;AAC3B,YAAM,eAAA;AAEN,UAAI,CAACC,IAAAA,gCAAgC,QAAQ,MAAM,aAAa,GAAG;AAC/D,cAAM,QAAQ,MAAM,UAAU,QAAQ,YAAY,KAAK;AAEvD,YAAI,OAAO;AACP,gCAAsB,MAAM;AACxB,+BAAmB,SAAS,MAAA;AAAA,UAChC,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ,WAAW,MAAM,QAAQ,WAAW;AAChC,YAAM,eAAA;AACN,YAAM,gBAAA;AAGN,YAAM,UAAU,QAAQ,YAAY,KAAK;AAEzC,YAAM,YAAY,UAAU,SAAS;AACrC,gBAAU,UAAU,kBAAkB,SAAS;AAE/C,UAAI,SAAS,SAAS;AAElB,iBAAS,QAAQ,YAAY,SAAS,QAAQ;AAG9C,8BAAsB,MAAM;AACxB,cAAI,SAAS,SAAS;AAClB,qBAAS,QAAQ,YAAY,SAAS,QAAQ;AAAA,UAClD;AAAA,QACJ,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,YAAYC,GAAAA,KAAK,oEAAoE;AAAA,IACvF,+EAA+E,UAAU,OAAO;AAAA,IAChG,mFAAmF,CAAC,UAAU,OAAO;AAAA,IACrG,sBAAsB,CAAC;AAAA,EAAA,CAC1B;AAED,SACI,sBAAA;AAAA,IAACC,IAAAA;AAAAA,IAAA;AAAA,MACG,KAAK,IAAI;AAAA,MACT,cAAcC,UAAAA,UAAU;AAAA,MACxB,OAAO,UAAU;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAUA,UAAAA,UAAU;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,qBAAmB;AAAA,MACnB,gBAAgB,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG/C;;"}

package/dist/components/Table3/components/Row/Editing/TemporaryRow.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
 import { TableRef } from '../../../../../primitives/Table/types';
 type TemporaryRowsProps<TType = unknown> = {
-    createRowButtonRef: React.RefObject<HTMLButtonElement>;
+    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;
     hasScrollbar: boolean;
     table: ReactTable<TType>;
     tableMeta: ReactTableMeta<TType>;

package/dist/components/Table3/components/Row/Editing/TemporaryRow.js

@@ -20,8 +20,7 @@ function TemporaryRow(props) {
         const saved = await tableMeta.editing.saveChanges(table);
         if (saved) {
           requestAnimationFrame(() => {
-            var _a;
-            (_a = createRowButtonRef.current) == null ? void 0 : _a.focus();
+            createRowButtonRef.current?.focus();
           });
         }
       }
@@ -41,10 +40,10 @@ function TemporaryRow(props) {
       }
     }
   };
-  const className = clsx("group/row border-gray-100 !sticky z-[22] print:hidden border-t-2", {
+  const className = clsx("group/row !sticky z-[22] border-t-2 border-gray-100 print:hidden", {
     "bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]": tableMeta.footer.isEnabled,
     "bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]": !tableMeta.footer.isEnabled,
-    "border-b !border-t": !hasScrollbar
+    "!border-t border-b": !hasScrollbar
   });
   return /* @__PURE__ */ React__default.createElement(
     Row,

package/dist/components/Table3/components/Row/Editing/TemporaryRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TemporaryRow.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer, isElementInsideExternalRelatedOverlay } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { isAriaDirectionKey } from '../../../../../utils/aria';\n\ntype TemporaryRowsProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRows<TType = unknown>(props: TemporaryRowsProps<TType>) {\n    return props.table.getBottomRows().map(row => <TemporaryRow<TType> key={row.id} row={row} {...props} />);\n}\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    hasScrollbar: boolean;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nfunction TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, hasScrollbar, row, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        const target = event.target as Element;\n\n        // Skip handling if the event is from a related dropdown (overlay, e.q. Select2 options dropdown) outside the row\n        if (isAriaDirectionKey(event) && isElementInsideExternalRelatedOverlay(target, tableRef)) {\n            return;\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(target, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    requestAnimationFrame(() => {\n                        createRowButtonRef.current?.focus();\n                    });\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            // save or discard changes when we leave the row\n            await tableMeta.editing.saveChanges(table);\n\n            const lastIndex = tableMeta.length - 1;\n            tableMeta.rowActive.setRowActiveIndex(lastIndex);\n\n            if (tableRef.current) {\n                // scroll to the bottom\n                tableRef.current.scrollTop = tableRef.current.scrollHeight;\n\n                // there's a delay in calculating row heights, so the scrollTop isn't always correct first time - recalculate it\n                requestAnimationFrame(() => {\n                    if (tableRef.current) {\n                        tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                    }\n                });\n            }\n        }\n    };\n\n    const className = clsx('group/row border-gray-100 !sticky z-[22] print:hidden border-t-2', {\n        'bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]': !tableMeta.footer.isEnabled,\n        'border-b !border-t': !hasScrollbar,\n    });\n\n    return (\n        <Row<TType>\n            key={row.id}\n            cellRenderer={RENDERERS.cell}\n            index={tableMeta.length}\n            measureRow={() => null}\n            renderer={RENDERERS.row}\n            row={row}\n            table={table}\n            className={className}\n            onKeyDown={handleKeyDown}\n            hideInternalColumns\n            hideRowActions={!tableMeta.editing.isEditing}\n        />\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAiBO,SAAS,cAA+B,OAAkC;AAC7E,SAAO,MAAM,MAAM,cAAc,EAAE,IAAI,CAAO,QAAAA,+BAAA,cAAC,cAAoB,EAAA,KAAK,IAAI,IAAI,KAAW,GAAG,OAAO,CAAE;AAC3G;AAWA,SAAS,aAA8B,OAAiC;AACpE,QAAM,EAAE,oBAAoB,cAAc,KAAK,OAAO,WAAW,aAAa;AAExE,QAAA,gBAAgB,OAAO,UAAoD;AAC7E,UAAM,SAAS,MAAM;AAGrB,QAAI,mBAAmB,KAAK,KAAK,sCAAsC,QAAQ,QAAQ,GAAG;AACtF;AAAA,IAAA;AAGA,QAAA,MAAM,QAAQ,aAAa;AAC3B,YAAM,eAAe;AAErB,UAAI,CAAC,gCAAgC,QAAQ,MAAM,aAAa,GAAG;AAC/D,cAAM,QAAQ,MAAM,UAAU,QAAQ,YAAY,KAAK;AAEvD,YAAI,OAAO;AACP,gCAAsB,MAAM;;AACxB,qCAAmB,YAAnB,mBAA4B;AAAA,UAAM,CACrC;AAAA,QAAA;AAAA,MACL;AAAA,IACJ,WACO,MAAM,QAAQ,WAAW;AAChC,YAAM,eAAe;AACrB,YAAM,gBAAgB;AAGhB,YAAA,UAAU,QAAQ,YAAY,KAAK;AAEnC,YAAA,YAAY,UAAU,SAAS;AAC3B,gBAAA,UAAU,kBAAkB,SAAS;AAE/C,UAAI,SAAS,SAAS;AAET,iBAAA,QAAQ,YAAY,SAAS,QAAQ;AAG9C,8BAAsB,MAAM;AACxB,cAAI,SAAS,SAAS;AACT,qBAAA,QAAQ,YAAY,SAAS,QAAQ;AAAA,UAAA;AAAA,QAClD,CACH;AAAA,MAAA;AAAA,IACL;AAAA,EAER;AAEM,QAAA,YAAY,KAAK,oEAAoE;AAAA,IACvF,+EAA+E,UAAU,OAAO;AAAA,IAChG,mFAAmF,CAAC,UAAU,OAAO;AAAA,IACrG,sBAAsB,CAAC;AAAA,EAAA,CAC1B;AAGG,SAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,IAAI;AAAA,MACT,cAAc,UAAU;AAAA,MACxB,OAAO,UAAU;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,UAAU;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,qBAAmB;AAAA,MACnB,gBAAgB,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EACvC;AAER;"}
+{"version":3,"file":"TemporaryRow.js","sources":["../../../../../../src/components/Table3/components/Row/Editing/TemporaryRow.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta, Row as ReactTableRow } from '@tanstack/react-table';\nimport { clsx } from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer, isElementInsideExternalRelatedOverlay } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { isAriaDirectionKey } from '../../../../../utils/aria';\n\ntype TemporaryRowsProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;\n    hasScrollbar: boolean;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRows<TType = unknown>(props: TemporaryRowsProps<TType>) {\n    return props.table.getBottomRows().map(row => <TemporaryRow<TType> key={row.id} row={row} {...props} />);\n}\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement | null>;\n    hasScrollbar: boolean;\n    row: ReactTableRow<TType>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nfunction TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, hasScrollbar, row, table, tableMeta, tableRef } = props;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        const target = event.target as Element;\n\n        // Skip handling if the event is from a related dropdown (overlay, e.q. Select2 options dropdown) outside the row\n        if (isAriaDirectionKey(event) && isElementInsideExternalRelatedOverlay(target, tableRef)) {\n            return;\n        }\n\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(target, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    requestAnimationFrame(() => {\n                        createRowButtonRef.current?.focus();\n                    });\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            // save or discard changes when we leave the row\n            await tableMeta.editing.saveChanges(table);\n\n            const lastIndex = tableMeta.length - 1;\n            tableMeta.rowActive.setRowActiveIndex(lastIndex);\n\n            if (tableRef.current) {\n                // scroll to the bottom\n                tableRef.current.scrollTop = tableRef.current.scrollHeight;\n\n                // there's a delay in calculating row heights, so the scrollTop isn't always correct first time - recalculate it\n                requestAnimationFrame(() => {\n                    if (tableRef.current) {\n                        tableRef.current.scrollTop = tableRef.current.scrollHeight;\n                    }\n                });\n            }\n        }\n    };\n\n    const className = clsx('group/row !sticky z-[22] border-t-2 border-gray-100 print:hidden', {\n        'bottom-[calc(5rem_+_5px)] data-[row-editing-move]:bottom-[calc(5rem_+_5px)]': tableMeta.footer.isEnabled,\n        'bottom-[calc(2.5rem_+_5px)] data-[row-editing-move]:bottom-[calc(2.5rem_+_5px)]': !tableMeta.footer.isEnabled,\n        '!border-t border-b': !hasScrollbar,\n    });\n\n    return (\n        <Row<TType>\n            key={row.id}\n            cellRenderer={RENDERERS.cell}\n            index={tableMeta.length}\n            measureRow={() => null}\n            renderer={RENDERERS.row}\n            row={row}\n            table={table}\n            className={className}\n            onKeyDown={handleKeyDown}\n            hideInternalColumns\n            hideRowActions={!tableMeta.editing.isEditing}\n        />\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAiBO,SAAS,cAA+B,OAAkC;AAC7E,SAAO,MAAM,MAAM,cAAA,EAAgB,IAAI,CAAA,QAAOA,+BAAA,cAAC,cAAA,EAAoB,KAAK,IAAI,IAAI,KAAW,GAAG,OAAO,CAAE;AAC3G;AAWA,SAAS,aAA8B,OAAiC;AACpE,QAAM,EAAE,oBAAoB,cAAc,KAAK,OAAO,WAAW,aAAa;AAE9E,QAAM,gBAAgB,OAAO,UAAoD;AAC7E,UAAM,SAAS,MAAM;AAGrB,QAAI,mBAAmB,KAAK,KAAK,sCAAsC,QAAQ,QAAQ,GAAG;AACtF;AAAA,IACJ;AAEA,QAAI,MAAM,QAAQ,aAAa;AAC3B,YAAM,eAAA;AAEN,UAAI,CAAC,gCAAgC,QAAQ,MAAM,aAAa,GAAG;AAC/D,cAAM,QAAQ,MAAM,UAAU,QAAQ,YAAY,KAAK;AAEvD,YAAI,OAAO;AACP,gCAAsB,MAAM;AACxB,+BAAmB,SAAS,MAAA;AAAA,UAChC,CAAC;AAAA,QACL;AAAA,MACJ;AAAA,IACJ,WAAW,MAAM,QAAQ,WAAW;AAChC,YAAM,eAAA;AACN,YAAM,gBAAA;AAGN,YAAM,UAAU,QAAQ,YAAY,KAAK;AAEzC,YAAM,YAAY,UAAU,SAAS;AACrC,gBAAU,UAAU,kBAAkB,SAAS;AAE/C,UAAI,SAAS,SAAS;AAElB,iBAAS,QAAQ,YAAY,SAAS,QAAQ;AAG9C,8BAAsB,MAAM;AACxB,cAAI,SAAS,SAAS;AAClB,qBAAS,QAAQ,YAAY,SAAS,QAAQ;AAAA,UAClD;AAAA,QACJ,CAAC;AAAA,MACL;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,YAAY,KAAK,oEAAoE;AAAA,IACvF,+EAA+E,UAAU,OAAO;AAAA,IAChG,mFAAmF,CAAC,UAAU,OAAO;AAAA,IACrG,sBAAsB,CAAC;AAAA,EAAA,CAC1B;AAED,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK,IAAI;AAAA,MACT,cAAc,UAAU;AAAA,MACxB,OAAO,UAAU;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,UAAU;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,qBAAmB;AAAA,MACnB,gBAAgB,CAAC,UAAU,QAAQ;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

package/dist/components/Table3/components/Row/Row.cjs

@@ -29,9 +29,8 @@ function Row(props) {
   }, [isActiveRow]);
   const handleFocus = React.useCallback(
     (event) => {
-      var _a;
       if (tableMeta.editing.isEditing) {
-        const cellIndex = Number(((_a = event.target.closest("td")) == null ? void 0 : _a.getAttribute("data-cell-index")) ?? void 0);
+        const cellIndex = Number(event.target.closest("td")?.getAttribute("data-cell-index") ?? void 0);
         if (!Number.isNaN(cellIndex)) {
           tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));
         }
@@ -44,9 +43,8 @@ function Row(props) {
   function handleDiscard() {
     tableMeta.editing.discardChanges(row.id, table);
     requestAnimationFrame(() => {
-      var _a;
       if (editing.isTemporaryRow(row.id)) {
-        (_a = tableMeta.editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
+        tableMeta.editing.createRowButtonRef.current?.focus();
       } else {
         focusManager.focusFirst();
       }

package/dist/components/Table3/components/Row/Row.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Row.cjs","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 { isElementInsideOverlay, setDataFocusAttribute } from '../../../../utils/dom';\nimport { DiscardChangesConfirmationDialog } from '../Editing/DiscardChangesConfirmationDialog';\nimport { isTemporaryRow } from '../../util/editing';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\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    // Track validation errors to trigger re-measurement when they change\n    const hasErrors = tableMeta.editing.hasRowErrors(row.id);\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    useLazyEffect(() => {\n        // this saves any pending changes when a row's active state changes from active to inactive.\n        if (tableMeta.editing.isEditing && !isActiveRow) {\n            tableMeta.editing.saveChanges(table, row.id);\n        }\n    }, [isActiveRow]);\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 (!Number.isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const rowStatus = tableMeta.editing.getRowStatus(row.id);\n\n    // discard new row\n    const [showDiscardDialog, setShowDiscardDialog] = React.useState(false);\n\n    function handleDiscard() {\n        tableMeta.editing.discardChanges(row.id, table);\n        requestAnimationFrame(() => {\n            if (isTemporaryRow(row.id)) {\n                tableMeta.editing.createRowButtonRef.current?.focus();\n            } else {\n                focusManager.focusFirst();\n            }\n        });\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLTableRowElement>) {\n        if (props.onKeyDown) {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (\n            event.key === 'Escape' &&\n            tableMeta.editing.hasChanges(row.id) &&\n            !isElementInsideOverlay(event.target as HTMLElement)\n        ) {\n            event.preventDefault();\n            event.stopPropagation();\n            setShowDiscardDialog(true);\n        }\n    }\n\n    const attributes = {\n        'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id)\n            ? tableMeta.editing.hasRowErrorsShownInAlert(row.id)\n                ? true\n                : 'unseen'\n            : undefined,\n        'data-row-editing-status': rowStatus,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n    };\n\n    return (\n        <>\n            <DisplayRow<TType> {...props} {...attributes} remeasureDependencies={[hasErrors]}>\n                {rowStatus === 'saving' || rowStatus === 'saved' ? <SaveStatus rowId={row.id} table={table} /> : null}\n            </DisplayRow>\n            <DiscardChangesConfirmationDialog\n                open={showDiscardDialog}\n                onChange={setShowDiscardDialog}\n                onDiscard={handleDiscard}\n            />\n        </>\n    );\n}\n"],"names":["useAugmentedFocusManager","setDataFocusAttribute","useLazyEffect","isTemporaryRow","isElementInsideOverlay","DisplayRow","SaveStatus","DiscardChangesConfirmationDialog"],"mappings":";;;;;;;;;;AAUO,SAAS,IAAqB,OAA+B;AAChE,QAAM,EAAE,KAAK,OAAO,MAAU,IAAA;AAC9B,QAAM,eAAeA,KAAAA,yBAAyB;AACxC,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAG3D,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAEvD,QAAM,UAAU,MAAM;AAClB,QAAI,UAAU,QAAQ,aAAa,eAAe,UAAU,QAAQ,yBAAyB,QAAW;AAC9F,YAAA,UAAU,aAAa,WAAW;AACxC,UAAI,SAAS;AACTC,YAAAA,sBAAsB,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EAER,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,UAAU,gBAAgB,UAAU,QAAQ,oBAAoB,CAAC;AAE5GC,gBAAAA,cAAc,MAAM;AAEhB,QAAI,UAAU,QAAQ,aAAa,CAAC,aAAa;AAC7C,gBAAU,QAAQ,YAAY,OAAO,IAAI,EAAE;AAAA,IAAA;AAAA,EAC/C,GACD,CAAC,WAAW,CAAC;AAEhB,QAAM,cAAc,MAAM;AAAA,IACtB,CAAC,UAAiD;;AAC1C,UAAA,UAAU,QAAQ,WAAW;AACvB,cAAA,YAAY,SAAO,WAAM,OAAO,QAAQ,IAAI,MAAzB,mBAA4B,aAAa,uBAAsB,MAAS;AAEjG,YAAI,CAAC,OAAO,MAAM,SAAS,GAAG;AAC1B,oBAAU,QAAQ,wBAAwB,OAAO,SAAS,CAAC;AAAA,QAAA;AAAA,MAC/D;AAAA,IAER;AAAA,IACA,CAAC,UAAU,QAAQ,WAAW,WAAW;AAAA,EAC7C;AAEA,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAGvD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AAEtE,WAAS,gBAAgB;AACrB,cAAU,QAAQ,eAAe,IAAI,IAAI,KAAK;AAC9C,0BAAsB,MAAM;;AACpB,UAAAC,QAAA,eAAe,IAAI,EAAE,GAAG;AACd,wBAAA,QAAQ,mBAAmB,YAA3B,mBAAoC;AAAA,MAAM,OACjD;AACH,qBAAa,WAAW;AAAA,MAAA;AAAA,IAC5B,CACH;AAAA,EAAA;AAGL,WAAS,cAAc,OAAiD;AACpE,QAAI,MAAM,WAAW;AACjB,YAAM,UAAU,KAAK;AAAA,IAAA;AAGzB,QAAI,MAAM,mBAAA,KAAwB,MAAM,wBAAwB;AAC5D;AAAA,IAAA;AAGJ,QACI,MAAM,QAAQ,YACd,UAAU,QAAQ,WAAW,IAAI,EAAE,KACnC,CAACC,IAAuB,uBAAA,MAAM,MAAqB,GACrD;AACE,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,2BAAqB,IAAI;AAAA,IAAA;AAAA,EAC7B;AAGJ,QAAM,aAAa;AAAA,IACf,4BAA4B,UAAU,QAAQ,aAAa,IAAI,EAAE,IAC3D,UAAU,QAAQ,yBAAyB,IAAI,EAAE,IAC7C,OACA,WACJ;AAAA,IACN,2BAA2B;AAAA,IAC3B,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAGI,SAAA,sBAAA,cAAA,MAAA,UAAA,0CACKC,WAAAA,YAAmB,EAAA,GAAG,OAAQ,GAAG,YAAY,uBAAuB,CAAC,SAAS,EAAA,GAC1E,cAAc,YAAY,cAAc,UAAU,sBAAA,cAACC,WAAAA,YAAW,EAAA,OAAO,IAAI,IAAI,MAAA,CAAc,IAAK,IACrG,GACA,sBAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EAAA,CAEnB;AAER;;"}
+{"version":3,"file":"Row.cjs","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 { isElementInsideOverlay, setDataFocusAttribute } from '../../../../utils/dom';\nimport { DiscardChangesConfirmationDialog } from '../Editing/DiscardChangesConfirmationDialog';\nimport { isTemporaryRow } from '../../util/editing';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\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    // Track validation errors to trigger re-measurement when they change\n    const hasErrors = tableMeta.editing.hasRowErrors(row.id);\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    useLazyEffect(() => {\n        // this saves any pending changes when a row's active state changes from active to inactive.\n        if (tableMeta.editing.isEditing && !isActiveRow) {\n            tableMeta.editing.saveChanges(table, row.id);\n        }\n    }, [isActiveRow]);\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 (!Number.isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const rowStatus = tableMeta.editing.getRowStatus(row.id);\n\n    // discard new row\n    const [showDiscardDialog, setShowDiscardDialog] = React.useState(false);\n\n    function handleDiscard() {\n        tableMeta.editing.discardChanges(row.id, table);\n        requestAnimationFrame(() => {\n            if (isTemporaryRow(row.id)) {\n                tableMeta.editing.createRowButtonRef.current?.focus();\n            } else {\n                focusManager.focusFirst();\n            }\n        });\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLTableRowElement>) {\n        if (props.onKeyDown) {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (\n            event.key === 'Escape' &&\n            tableMeta.editing.hasChanges(row.id) &&\n            !isElementInsideOverlay(event.target as HTMLElement)\n        ) {\n            event.preventDefault();\n            event.stopPropagation();\n            setShowDiscardDialog(true);\n        }\n    }\n\n    const attributes = {\n        'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id)\n            ? tableMeta.editing.hasRowErrorsShownInAlert(row.id)\n                ? true\n                : 'unseen'\n            : undefined,\n        'data-row-editing-status': rowStatus,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n    };\n\n    return (\n        <>\n            <DisplayRow<TType> {...props} {...attributes} remeasureDependencies={[hasErrors]}>\n                {rowStatus === 'saving' || rowStatus === 'saved' ? <SaveStatus rowId={row.id} table={table} /> : null}\n            </DisplayRow>\n            <DiscardChangesConfirmationDialog\n                open={showDiscardDialog}\n                onChange={setShowDiscardDialog}\n                onDiscard={handleDiscard}\n            />\n        </>\n    );\n}\n"],"names":["useAugmentedFocusManager","setDataFocusAttribute","useLazyEffect","isTemporaryRow","isElementInsideOverlay","DisplayRow","SaveStatus","DiscardChangesConfirmationDialog"],"mappings":";;;;;;;;;;AAUO,SAAS,IAAqB,OAA+B;AAChE,QAAM,EAAE,KAAK,OAAO,MAAA,IAAU;AAC9B,QAAM,eAAeA,KAAAA,yBAAA;AACrB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAG3D,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAEvD,QAAM,UAAU,MAAM;AAClB,QAAI,UAAU,QAAQ,aAAa,eAAe,UAAU,QAAQ,yBAAyB,QAAW;AACpG,YAAM,UAAU,aAAa,WAAA;AAC7B,UAAI,SAAS;AACTC,YAAAA,sBAAsB,OAAO;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,UAAU,gBAAgB,UAAU,QAAQ,oBAAoB,CAAC;AAE5GC,gBAAAA,cAAc,MAAM;AAEhB,QAAI,UAAU,QAAQ,aAAa,CAAC,aAAa;AAC7C,gBAAU,QAAQ,YAAY,OAAO,IAAI,EAAE;AAAA,IAC/C;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,cAAc,MAAM;AAAA,IACtB,CAAC,UAAiD;AAC9C,UAAI,UAAU,QAAQ,WAAW;AAC7B,cAAM,YAAY,OAAO,MAAM,OAAO,QAAQ,IAAI,GAAG,aAAa,iBAAiB,KAAK,MAAS;AAEjG,YAAI,CAAC,OAAO,MAAM,SAAS,GAAG;AAC1B,oBAAU,QAAQ,wBAAwB,OAAO,SAAS,CAAC;AAAA,QAC/D;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,UAAU,QAAQ,WAAW,WAAW;AAAA,EAAA;AAG7C,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAGvD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AAEtE,WAAS,gBAAgB;AACrB,cAAU,QAAQ,eAAe,IAAI,IAAI,KAAK;AAC9C,0BAAsB,MAAM;AACxB,UAAIC,QAAAA,eAAe,IAAI,EAAE,GAAG;AACxB,kBAAU,QAAQ,mBAAmB,SAAS,MAAA;AAAA,MAClD,OAAO;AACH,qBAAa,WAAA;AAAA,MACjB;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,WAAS,cAAc,OAAiD;AACpE,QAAI,MAAM,WAAW;AACjB,YAAM,UAAU,KAAK;AAAA,IACzB;AAEA,QAAI,MAAM,mBAAA,KAAwB,MAAM,wBAAwB;AAC5D;AAAA,IACJ;AAEA,QACI,MAAM,QAAQ,YACd,UAAU,QAAQ,WAAW,IAAI,EAAE,KACnC,CAACC,IAAAA,uBAAuB,MAAM,MAAqB,GACrD;AACE,YAAM,eAAA;AACN,YAAM,gBAAA;AACN,2BAAqB,IAAI;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,aAAa;AAAA,IACf,4BAA4B,UAAU,QAAQ,aAAa,IAAI,EAAE,IAC3D,UAAU,QAAQ,yBAAyB,IAAI,EAAE,IAC7C,OACA,WACJ;AAAA,IACN,2BAA2B;AAAA,IAC3B,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAGf,SACI,sBAAA,cAAA,MAAA,UAAA,0CACKC,WAAAA,YAAA,EAAmB,GAAG,OAAQ,GAAG,YAAY,uBAAuB,CAAC,SAAS,EAAA,GAC1E,cAAc,YAAY,cAAc,UAAU,sBAAA,cAACC,WAAAA,YAAA,EAAW,OAAO,IAAI,IAAI,MAAA,CAAc,IAAK,IACrG,GACA,sBAAA;AAAA,IAACC,iCAAAA;AAAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EAAA,CAEnB;AAER;;"}

package/dist/components/Table3/components/Row/Row.js

@@ -27,9 +27,8 @@ function Row(props) {
   }, [isActiveRow]);
   const handleFocus = React__default.useCallback(
     (event) => {
-      var _a;
       if (tableMeta.editing.isEditing) {
-        const cellIndex = Number(((_a = event.target.closest("td")) == null ? void 0 : _a.getAttribute("data-cell-index")) ?? void 0);
+        const cellIndex = Number(event.target.closest("td")?.getAttribute("data-cell-index") ?? void 0);
         if (!Number.isNaN(cellIndex)) {
           tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));
         }
@@ -42,9 +41,8 @@ function Row(props) {
   function handleDiscard() {
     tableMeta.editing.discardChanges(row.id, table);
     requestAnimationFrame(() => {
-      var _a;
       if (isTemporaryRow(row.id)) {
-        (_a = tableMeta.editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
+        tableMeta.editing.createRowButtonRef.current?.focus();
       } else {
         focusManager.focusFirst();
       }

package/dist/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 { isElementInsideOverlay, setDataFocusAttribute } from '../../../../utils/dom';\nimport { DiscardChangesConfirmationDialog } from '../Editing/DiscardChangesConfirmationDialog';\nimport { isTemporaryRow } from '../../util/editing';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\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    // Track validation errors to trigger re-measurement when they change\n    const hasErrors = tableMeta.editing.hasRowErrors(row.id);\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    useLazyEffect(() => {\n        // this saves any pending changes when a row's active state changes from active to inactive.\n        if (tableMeta.editing.isEditing && !isActiveRow) {\n            tableMeta.editing.saveChanges(table, row.id);\n        }\n    }, [isActiveRow]);\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 (!Number.isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const rowStatus = tableMeta.editing.getRowStatus(row.id);\n\n    // discard new row\n    const [showDiscardDialog, setShowDiscardDialog] = React.useState(false);\n\n    function handleDiscard() {\n        tableMeta.editing.discardChanges(row.id, table);\n        requestAnimationFrame(() => {\n            if (isTemporaryRow(row.id)) {\n                tableMeta.editing.createRowButtonRef.current?.focus();\n            } else {\n                focusManager.focusFirst();\n            }\n        });\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLTableRowElement>) {\n        if (props.onKeyDown) {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (\n            event.key === 'Escape' &&\n            tableMeta.editing.hasChanges(row.id) &&\n            !isElementInsideOverlay(event.target as HTMLElement)\n        ) {\n            event.preventDefault();\n            event.stopPropagation();\n            setShowDiscardDialog(true);\n        }\n    }\n\n    const attributes = {\n        'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id)\n            ? tableMeta.editing.hasRowErrorsShownInAlert(row.id)\n                ? true\n                : 'unseen'\n            : undefined,\n        'data-row-editing-status': rowStatus,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n    };\n\n    return (\n        <>\n            <DisplayRow<TType> {...props} {...attributes} remeasureDependencies={[hasErrors]}>\n                {rowStatus === 'saving' || rowStatus === 'saved' ? <SaveStatus rowId={row.id} table={table} /> : null}\n            </DisplayRow>\n            <DiscardChangesConfirmationDialog\n                open={showDiscardDialog}\n                onChange={setShowDiscardDialog}\n                onDiscard={handleDiscard}\n            />\n        </>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;AAUO,SAAS,IAAqB,OAA+B;AAChE,QAAM,EAAE,KAAK,OAAO,MAAU,IAAA;AAC9B,QAAM,eAAe,yBAAyB;AACxC,QAAA,YAAY,MAAM,QAAQ;AAC1B,QAAA,cAAc,UAAU,UAAU,mBAAmB;AAG3D,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAEvDA,iBAAM,UAAU,MAAM;AAClB,QAAI,UAAU,QAAQ,aAAa,eAAe,UAAU,QAAQ,yBAAyB,QAAW;AAC9F,YAAA,UAAU,aAAa,WAAW;AACxC,UAAI,SAAS;AACT,8BAAsB,OAAO;AAAA,MAAA;AAAA,IACjC;AAAA,EAER,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,UAAU,gBAAgB,UAAU,QAAQ,oBAAoB,CAAC;AAE5G,gBAAc,MAAM;AAEhB,QAAI,UAAU,QAAQ,aAAa,CAAC,aAAa;AAC7C,gBAAU,QAAQ,YAAY,OAAO,IAAI,EAAE;AAAA,IAAA;AAAA,EAC/C,GACD,CAAC,WAAW,CAAC;AAEhB,QAAM,cAAcA,eAAM;AAAA,IACtB,CAAC,UAAiD;;AAC1C,UAAA,UAAU,QAAQ,WAAW;AACvB,cAAA,YAAY,SAAO,WAAM,OAAO,QAAQ,IAAI,MAAzB,mBAA4B,aAAa,uBAAsB,MAAS;AAEjG,YAAI,CAAC,OAAO,MAAM,SAAS,GAAG;AAC1B,oBAAU,QAAQ,wBAAwB,OAAO,SAAS,CAAC;AAAA,QAAA;AAAA,MAC/D;AAAA,IAER;AAAA,IACA,CAAC,UAAU,QAAQ,WAAW,WAAW;AAAA,EAC7C;AAEA,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAGvD,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,eAAM,SAAS,KAAK;AAEtE,WAAS,gBAAgB;AACrB,cAAU,QAAQ,eAAe,IAAI,IAAI,KAAK;AAC9C,0BAAsB,MAAM;;AACpB,UAAA,eAAe,IAAI,EAAE,GAAG;AACd,wBAAA,QAAQ,mBAAmB,YAA3B,mBAAoC;AAAA,MAAM,OACjD;AACH,qBAAa,WAAW;AAAA,MAAA;AAAA,IAC5B,CACH;AAAA,EAAA;AAGL,WAAS,cAAc,OAAiD;AACpE,QAAI,MAAM,WAAW;AACjB,YAAM,UAAU,KAAK;AAAA,IAAA;AAGzB,QAAI,MAAM,mBAAA,KAAwB,MAAM,wBAAwB;AAC5D;AAAA,IAAA;AAGJ,QACI,MAAM,QAAQ,YACd,UAAU,QAAQ,WAAW,IAAI,EAAE,KACnC,CAAC,uBAAuB,MAAM,MAAqB,GACrD;AACE,YAAM,eAAe;AACrB,YAAM,gBAAgB;AACtB,2BAAqB,IAAI;AAAA,IAAA;AAAA,EAC7B;AAGJ,QAAM,aAAa;AAAA,IACf,4BAA4B,UAAU,QAAQ,aAAa,IAAI,EAAE,IAC3D,UAAU,QAAQ,yBAAyB,IAAI,EAAE,IAC7C,OACA,WACJ;AAAA,IACN,2BAA2B;AAAA,IAC3B,SAAS;AAAA,IACT,WAAW;AAAA,EACf;AAGI,SAAAA,+BAAA,cAAAA,eAAA,UAAA,mDACK,YAAmB,EAAA,GAAG,OAAQ,GAAG,YAAY,uBAAuB,CAAC,SAAS,EAAA,GAC1E,cAAc,YAAY,cAAc,UAAUA,+BAAA,cAAC,YAAW,EAAA,OAAO,IAAI,IAAI,MAAA,CAAc,IAAK,IACrG,GACAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EAAA,CAEnB;AAER;"}
+{"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 { isElementInsideOverlay, setDataFocusAttribute } from '../../../../utils/dom';\nimport { DiscardChangesConfirmationDialog } from '../Editing/DiscardChangesConfirmationDialog';\nimport { isTemporaryRow } from '../../util/editing';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\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    // Track validation errors to trigger re-measurement when they change\n    const hasErrors = tableMeta.editing.hasRowErrors(row.id);\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    useLazyEffect(() => {\n        // this saves any pending changes when a row's active state changes from active to inactive.\n        if (tableMeta.editing.isEditing && !isActiveRow) {\n            tableMeta.editing.saveChanges(table, row.id);\n        }\n    }, [isActiveRow]);\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 (!Number.isNaN(cellIndex)) {\n                    tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));\n                }\n            }\n        },\n        [tableMeta.editing.isEditing, isActiveRow]\n    );\n\n    const rowStatus = tableMeta.editing.getRowStatus(row.id);\n\n    // discard new row\n    const [showDiscardDialog, setShowDiscardDialog] = React.useState(false);\n\n    function handleDiscard() {\n        tableMeta.editing.discardChanges(row.id, table);\n        requestAnimationFrame(() => {\n            if (isTemporaryRow(row.id)) {\n                tableMeta.editing.createRowButtonRef.current?.focus();\n            } else {\n                focusManager.focusFirst();\n            }\n        });\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLTableRowElement>) {\n        if (props.onKeyDown) {\n            props.onKeyDown(event);\n        }\n\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (\n            event.key === 'Escape' &&\n            tableMeta.editing.hasChanges(row.id) &&\n            !isElementInsideOverlay(event.target as HTMLElement)\n        ) {\n            event.preventDefault();\n            event.stopPropagation();\n            setShowDiscardDialog(true);\n        }\n    }\n\n    const attributes = {\n        'data-row-editing-invalid': tableMeta.editing.hasRowErrors(row.id)\n            ? tableMeta.editing.hasRowErrorsShownInAlert(row.id)\n                ? true\n                : 'unseen'\n            : undefined,\n        'data-row-editing-status': rowStatus,\n        onFocus: handleFocus,\n        onKeyDown: handleKeyDown,\n    };\n\n    return (\n        <>\n            <DisplayRow<TType> {...props} {...attributes} remeasureDependencies={[hasErrors]}>\n                {rowStatus === 'saving' || rowStatus === 'saved' ? <SaveStatus rowId={row.id} table={table} /> : null}\n            </DisplayRow>\n            <DiscardChangesConfirmationDialog\n                open={showDiscardDialog}\n                onChange={setShowDiscardDialog}\n                onDiscard={handleDiscard}\n            />\n        </>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;;;AAUO,SAAS,IAAqB,OAA+B;AAChE,QAAM,EAAE,KAAK,OAAO,MAAA,IAAU;AAC9B,QAAM,eAAe,yBAAA;AACrB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAG3D,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAEvDA,iBAAM,UAAU,MAAM;AAClB,QAAI,UAAU,QAAQ,aAAa,eAAe,UAAU,QAAQ,yBAAyB,QAAW;AACpG,YAAM,UAAU,aAAa,WAAA;AAC7B,UAAI,SAAS;AACT,8BAAsB,OAAO;AAAA,MACjC;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,UAAU,QAAQ,WAAW,UAAU,UAAU,gBAAgB,UAAU,QAAQ,oBAAoB,CAAC;AAE5G,gBAAc,MAAM;AAEhB,QAAI,UAAU,QAAQ,aAAa,CAAC,aAAa;AAC7C,gBAAU,QAAQ,YAAY,OAAO,IAAI,EAAE;AAAA,IAC/C;AAAA,EACJ,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,cAAcA,eAAM;AAAA,IACtB,CAAC,UAAiD;AAC9C,UAAI,UAAU,QAAQ,WAAW;AAC7B,cAAM,YAAY,OAAO,MAAM,OAAO,QAAQ,IAAI,GAAG,aAAa,iBAAiB,KAAK,MAAS;AAEjG,YAAI,CAAC,OAAO,MAAM,SAAS,GAAG;AAC1B,oBAAU,QAAQ,wBAAwB,OAAO,SAAS,CAAC;AAAA,QAC/D;AAAA,MACJ;AAAA,IACJ;AAAA,IACA,CAAC,UAAU,QAAQ,WAAW,WAAW;AAAA,EAAA;AAG7C,QAAM,YAAY,UAAU,QAAQ,aAAa,IAAI,EAAE;AAGvD,QAAM,CAAC,mBAAmB,oBAAoB,IAAIA,eAAM,SAAS,KAAK;AAEtE,WAAS,gBAAgB;AACrB,cAAU,QAAQ,eAAe,IAAI,IAAI,KAAK;AAC9C,0BAAsB,MAAM;AACxB,UAAI,eAAe,IAAI,EAAE,GAAG;AACxB,kBAAU,QAAQ,mBAAmB,SAAS,MAAA;AAAA,MAClD,OAAO;AACH,qBAAa,WAAA;AAAA,MACjB;AAAA,IACJ,CAAC;AAAA,EACL;AAEA,WAAS,cAAc,OAAiD;AACpE,QAAI,MAAM,WAAW;AACjB,YAAM,UAAU,KAAK;AAAA,IACzB;AAEA,QAAI,MAAM,mBAAA,KAAwB,MAAM,wBAAwB;AAC5D;AAAA,IACJ;AAEA,QACI,MAAM,QAAQ,YACd,UAAU,QAAQ,WAAW,IAAI,EAAE,KACnC,CAAC,uBAAuB,MAAM,MAAqB,GACrD;AACE,YAAM,eAAA;AACN,YAAM,gBAAA;AACN,2BAAqB,IAAI;AAAA,IAC7B;AAAA,EACJ;AAEA,QAAM,aAAa;AAAA,IACf,4BAA4B,UAAU,QAAQ,aAAa,IAAI,EAAE,IAC3D,UAAU,QAAQ,yBAAyB,IAAI,EAAE,IAC7C,OACA,WACJ;AAAA,IACN,2BAA2B;AAAA,IAC3B,SAAS;AAAA,IACT,WAAW;AAAA,EAAA;AAGf,SACIA,+BAAA,cAAAA,eAAA,UAAA,mDACK,YAAA,EAAmB,GAAG,OAAQ,GAAG,YAAY,uBAAuB,CAAC,SAAS,EAAA,GAC1E,cAAc,YAAY,cAAc,UAAUA,+BAAA,cAAC,YAAA,EAAW,OAAO,IAAI,IAAI,MAAA,CAAc,IAAK,IACrG,GACAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW;AAAA,IAAA;AAAA,EAAA,CAEnB;AAER;"}

package/dist/components/Table3/components/Toolbar/Editing/Editing.cjs

@@ -18,7 +18,7 @@ function Editing(props) {
     "button",
     {
       "aria-checked": tableMeta.editing.isEditing,
-      className: "focus-visible:yt-focus group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700",
+      className: "group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 focus-visible:yt-focus aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700",
       "data-table": "editing-toggle",
       "data-taco": "mode",
       onClick: handleClick,

package/dist/components/Table3/components/Toolbar/Editing/Editing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Editing.cjs","sources":["../../../../../../src/components/Table3/components/Toolbar/Editing/Editing.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport { shortcut } from '../../../util/editing';\nimport { Icon } from '../../../../Icon/Icon';\n\ntype EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n};\n\nexport function Editing<TType = unknown>(props: EditingProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleClick = () => {\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    };\n\n    const tooltip = (\n        <>\n            {texts.table3.editing.buttons.edit.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <Tooltip title={tooltip}>\n            <button\n                aria-checked={tableMeta.editing.isEditing}\n                className={\n                    'focus-visible:yt-focus group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700'\n                }\n                data-table=\"editing-toggle\"\n                data-taco=\"mode\"\n                onClick={handleClick}\n                role=\"switch\"\n                type=\"button\">\n                <span className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                    <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n                </span>\n            </button>\n        </Tooltip>\n    );\n}\n"],"names":["useLocalization","Shortcut","shortcut","Tooltip","Icon"],"mappings":";;;;;;;;AAcO,SAAS,QAAyB,OAA4B;AAC3D,QAAA,EAAE,eAAe,MAAA,IAAU;AAC3B,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAEhC,QAAM,cAAc,MAAM;AACtB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF;AAEA,QAAM,UACF,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,OAAO,QAAQ,QAAQ,KAAK,SACnC,sBAAA,cAACC,SAAS,UAAA,EAAA,WAAU,QAAO,MAAMC,kBAAU,CAC/C;AAIA,SAAA,sBAAA,cAACC,QAAQ,SAAA,EAAA,OAAO,QACZ,GAAA,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,UAAU,QAAQ;AAAA,MAChC,WACI;AAAA,MAEJ,cAAW;AAAA,MACX,aAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,IACL,sBAAA,cAAC,QAAK,EAAA,WAAU,gMACZ,GAAA,sBAAA,cAACC,KAAAA,QAAK,MAAK,eAAc,WAAU,gCAAA,CAAgC,CACvE;AAAA,EAAA,CAER;AAER;;"}
+{"version":3,"file":"Editing.cjs","sources":["../../../../../../src/components/Table3/components/Toolbar/Editing/Editing.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport { shortcut } from '../../../util/editing';\nimport { Icon } from '../../../../Icon/Icon';\n\ntype EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n};\n\nexport function Editing<TType = unknown>(props: EditingProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleClick = () => {\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    };\n\n    const tooltip = (\n        <>\n            {texts.table3.editing.buttons.edit.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <Tooltip title={tooltip}>\n            <button\n                aria-checked={tableMeta.editing.isEditing}\n                className={\n                    'group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 focus-visible:yt-focus aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700'\n                }\n                data-table=\"editing-toggle\"\n                data-taco=\"mode\"\n                onClick={handleClick}\n                role=\"switch\"\n                type=\"button\">\n                <span className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                    <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n                </span>\n            </button>\n        </Tooltip>\n    );\n}\n"],"names":["useLocalization","Shortcut","shortcut","Tooltip","Icon"],"mappings":";;;;;;;;AAcO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,eAAe,MAAA,IAAU;AACjC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAEhC,QAAM,cAAc,MAAM;AACtB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF;AAEA,QAAM,UACF,sBAAA,cAAA,MAAA,UAAA,MACK,MAAM,OAAO,QAAQ,QAAQ,KAAK,SACnC,sBAAA,cAACC,SAAAA,UAAA,EAAS,WAAU,QAAO,MAAMC,QAAAA,UAAU,CAC/C;AAGJ,SACI,sBAAA,cAACC,QAAAA,SAAA,EAAQ,OAAO,QAAA,GACZ,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,UAAU,QAAQ;AAAA,MAChC,WACI;AAAA,MAEJ,cAAW;AAAA,MACX,aAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,IACL,sBAAA,cAAC,QAAA,EAAK,WAAU,gMAAA,GACZ,sBAAA,cAACC,KAAAA,QAAK,MAAK,eAAc,WAAU,gCAAA,CAAgC,CACvE;AAAA,EAAA,CAER;AAER;;"}

package/dist/components/Table3/components/Toolbar/Editing/Editing.js

@@ -16,7 +16,7 @@ function Editing(props) {
     "button",
     {
       "aria-checked": tableMeta.editing.isEditing,
-      className: "focus-visible:yt-focus group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700",
+      className: "group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 focus-visible:yt-focus aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700",
       "data-table": "editing-toggle",
       "data-taco": "mode",
       onClick: handleClick,

package/dist/components/Table3/components/Toolbar/Editing/Editing.js.map

@@ -1 +1 @@
-{"version":3,"file":"Editing.js","sources":["../../../../../../src/components/Table3/components/Toolbar/Editing/Editing.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport { shortcut } from '../../../util/editing';\nimport { Icon } from '../../../../Icon/Icon';\n\ntype EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n};\n\nexport function Editing<TType = unknown>(props: EditingProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleClick = () => {\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    };\n\n    const tooltip = (\n        <>\n            {texts.table3.editing.buttons.edit.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <Tooltip title={tooltip}>\n            <button\n                aria-checked={tableMeta.editing.isEditing}\n                className={\n                    'focus-visible:yt-focus group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700'\n                }\n                data-table=\"editing-toggle\"\n                data-taco=\"mode\"\n                onClick={handleClick}\n                role=\"switch\"\n                type=\"button\">\n                <span className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                    <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n                </span>\n            </button>\n        </Tooltip>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAcO,SAAS,QAAyB,OAA4B;AAC3D,QAAA,EAAE,eAAe,MAAA,IAAU;AAC3B,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAC5B,QAAA,YAAY,MAAM,QAAQ;AAEhC,QAAM,cAAc,MAAM;AACtB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF;AAEA,QAAM,UACFA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,OAAO,QAAQ,QAAQ,KAAK,SACnCA,+BAAA,cAAC,UAAS,EAAA,WAAU,QAAO,MAAM,UAAU,CAC/C;AAIA,SAAAA,+BAAA,cAAC,SAAQ,EAAA,OAAO,QACZ,GAAAA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,UAAU,QAAQ;AAAA,MAChC,WACI;AAAA,MAEJ,cAAW;AAAA,MACX,aAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,IACLA,+BAAA,cAAC,QAAK,EAAA,WAAU,gMACZ,GAAAA,+BAAA,cAAC,QAAK,MAAK,eAAc,WAAU,gCAAA,CAAgC,CACvE;AAAA,EAAA,CAER;AAER;"}
+{"version":3,"file":"Editing.js","sources":["../../../../../../src/components/Table3/components/Toolbar/Editing/Editing.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\n\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { Shortcut } from '../../../../Shortcut/Shortcut';\nimport { shortcut } from '../../../util/editing';\nimport { Icon } from '../../../../Icon/Icon';\n\ntype EditingProps<TType = unknown> = React.HTMLAttributes<HTMLButtonElement> & {\n    scrollToIndex: any;\n    table: ReactTable<TType>;\n};\n\nexport function Editing<TType = unknown>(props: EditingProps<TType>) {\n    const { scrollToIndex, table } = props;\n    const { texts } = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleClick = () => {\n        tableMeta.editing.toggleEditing(!tableMeta.editing.isEditing, table, scrollToIndex);\n    };\n\n    const tooltip = (\n        <>\n            {texts.table3.editing.buttons.edit.tooltip}\n            <Shortcut className=\"ml-2\" keys={shortcut} />\n        </>\n    );\n\n    return (\n        <Tooltip title={tooltip}>\n            <button\n                aria-checked={tableMeta.editing.isEditing}\n                className={\n                    'group inline-flex h-8 w-14 flex-shrink-0 rounded-full bg-gray-200 p-1 hover:bg-gray-300 focus-visible:yt-focus aria-checked:bg-blue-500 aria-checked:hover:bg-blue-700'\n                }\n                data-table=\"editing-toggle\"\n                data-taco=\"mode\"\n                onClick={handleClick}\n                role=\"switch\"\n                type=\"button\">\n                <span className=\"pointer-events-none flex h-6 w-6 items-center justify-center rounded-full bg-white transition-transform will-change-transform group-disabled:opacity-50 group-aria-checked:translate-x-[100%]\">\n                    <Icon name=\"edit-simple\" className=\"pointer-events-none !h-5 !w-5\" />\n                </span>\n            </button>\n        </Tooltip>\n    );\n}\n"],"names":["React"],"mappings":";;;;;;AAcO,SAAS,QAAyB,OAA4B;AACjE,QAAM,EAAE,eAAe,MAAA,IAAU;AACjC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,YAAY,MAAM,QAAQ;AAEhC,QAAM,cAAc,MAAM;AACtB,cAAU,QAAQ,cAAc,CAAC,UAAU,QAAQ,WAAW,OAAO,aAAa;AAAA,EACtF;AAEA,QAAM,UACFA,+BAAA,cAAAA,eAAA,UAAA,MACK,MAAM,OAAO,QAAQ,QAAQ,KAAK,SACnCA,+BAAA,cAAC,UAAA,EAAS,WAAU,QAAO,MAAM,UAAU,CAC/C;AAGJ,SACIA,+BAAA,cAAC,SAAA,EAAQ,OAAO,QAAA,GACZA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,gBAAc,UAAU,QAAQ;AAAA,MAChC,WACI;AAAA,MAEJ,cAAW;AAAA,MACX,aAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAK;AAAA,MACL,MAAK;AAAA,IAAA;AAAA,IACLA,+BAAA,cAAC,QAAA,EAAK,WAAU,gMAAA,GACZA,+BAAA,cAAC,QAAK,MAAK,eAAc,WAAU,gCAAA,CAAgC,CACvE;AAAA,EAAA,CAER;AAER;"}

package/dist/components/Table3/features/useEditingState.cjs

@@ -8,7 +8,6 @@ const editing = require("../util/editing.cjs");
 const Localization = require("../../Provider/Localization.cjs");
 const DELAY_BEFORE_REMOVING_SAVE_STATUS = 3e3;
 function reducer(state, action) {
-  var _a;
   const { type, payload } = action;
   switch (type) {
     case "setCellValue": {
@@ -51,7 +50,7 @@ function reducer(state, action) {
           errors: setWith(
             state.changes.errors,
             `${action.rowId}.cells`,
-            cellErrors ?? ((_a = state.changes.errors[action.rowId]) == null ? void 0 : _a.cells),
+            cellErrors ?? state.changes.errors[action.rowId]?.cells,
             Object
           ),
           originals: setWith(
@@ -164,29 +163,24 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     statuses: {}
   });
   function getRowValue(rowId) {
-    var _a;
-    return ((_a = state.changes.rows) == null ? void 0 : _a[rowId]) ?? void 0;
+    return state.changes.rows?.[rowId] ?? void 0;
   }
   function getRowMoveReason(rowId) {
-    var _a;
-    return Object.values(((_a = state.changes.moveReasons) == null ? void 0 : _a[rowId]) ?? {})[0] ?? void 0;
+    return Object.values(state.changes.moveReasons?.[rowId] ?? {})[0] ?? void 0;
   }
   function hasRowErrors(rowId) {
-    var _a, _b;
-    return !!((_a = state.changes.errors[rowId]) == null ? void 0 : _a.row) || !!Object.keys(((_b = state.changes.errors[rowId]) == null ? void 0 : _b.cells) ?? {}).length;
+    return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;
   }
   function hasRowErrorsShownInAlert(rowId) {
-    var _a;
-    return hasRowErrors(rowId) && !!((_a = state.changes.errors[rowId]) == null ? void 0 : _a.shouldShowErrorAlert);
+    return hasRowErrors(rowId) && !!state.changes.errors[rowId]?.shouldShowErrorAlert;
   }
   function hasTemporaryRowErrors() {
-    var _a, _b, _c;
-    const newRow = (_a = state.temporaryRows) == null ? void 0 : _a[0];
+    const newRow = state.temporaryRows?.[0];
     if (!newRow) {
       return false;
     }
     const rowId = newRow[rowIdentityAccessor];
-    return !!((_b = state.changes.errors[rowId]) == null ? void 0 : _b.row) || !!Object.keys(((_c = state.changes.errors[rowId]) == null ? void 0 : _c.cells) ?? {}).length;
+    return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;
   }
   function getRowStatus(rowId) {
     return state.statuses[rowId];
@@ -245,18 +239,15 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     }
   }
   function getCellValue(cell) {
-    var _a, _b;
-    return (_b = (_a = state.changes.rows) == null ? void 0 : _a[cell.row.id]) == null ? void 0 : _b[cell.column.id];
+    return state.changes.rows?.[cell.row.id]?.[cell.column.id];
   }
   function getCellError(cell) {
-    var _a, _b, _c;
-    return (_c = (_b = (_a = state.changes.errors) == null ? void 0 : _a[cell.row.id]) == null ? void 0 : _b.cells) == null ? void 0 : _c[cell.column.id];
+    return state.changes.errors?.[cell.row.id]?.cells?.[cell.column.id];
   }
   async function onCellChanged(cell, rowIndex, nextValue, shouldRunUpdaters = true, shouldRunValidation = true) {
-    var _a;
     const tableMeta = cell.getContext().table.options.meta;
     const state2 = tableMeta.editing.getState();
-    const changes = nextValue === void 0 ? { ...state2.changes.rows[cell.row.id] } : { ...state2.changes.rows[cell.row.id], [cell.column.id]: nextValue };
+    const changes = nextValue === void 0 ? { ...state2.changes.rows[cell.row.id] ?? {} } : { ...state2.changes.rows[cell.row.id] ?? {}, [cell.column.id]: nextValue };
     const original = cell.row.original;
     if (!Object.keys(changes).length) {
       return;
@@ -280,7 +271,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     }
     const nextChanges = { ...changes, ...updatesForOtherCells };
     const nextMoveReasons = { ...state2.changes.moveReasons[cell.row.id] };
-    const nextCellErrors = { ...(_a = state2.changes.errors[cell.row.id]) == null ? void 0 : _a.cells };
+    const nextCellErrors = { ...state2.changes.errors[cell.row.id]?.cells };
     let validationErrors = {};
     if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {
       const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };
@@ -289,13 +280,12 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];
     const allCells = cell.row._getAllCellsByColumnId();
     cellsToActOn.forEach((accessor) => {
-      var _a2;
       if (validationErrors[accessor]) {
         nextCellErrors[accessor] = validationErrors[accessor];
         delete nextMoveReasons[accessor];
       } else {
         delete nextCellErrors[accessor];
-        if ((_a2 = allCells[accessor]) == null ? void 0 : _a2.column.getIsSorted()) {
+        if (allCells[accessor]?.column.getIsSorted()) {
           const reason = editing.willRowMove(cell, nextChanges[accessor], rowIndex, localization);
           if (reason) {
             nextMoveReasons[accessor] = reason;
@@ -323,8 +313,10 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
       const returnIds = [];
       await Promise.all(
         table.getRowModel().rows.map(async (row, index) => {
-          var _a, _b;
-          const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };
+          const rowWithChanges = {
+            ...row.original,
+            ...state.changes.rows[row.id] ?? {}
+          };
           if (rowWithChanges) {
             const cellErrors = await validator(rowWithChanges);
             if (cellErrors) {
@@ -336,8 +328,8 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
               newState.indexes[row.id] = index;
               newState.changes.errors[row.id] = {
                 cells: cellErrors,
-                row: ((_a = newState.changes.errors[row.id]) == null ? void 0 : _a.row) ?? void 0,
-                shouldShowErrorAlert: ((_b = newState.changes.errors[row.id]) == null ? void 0 : _b.shouldShowErrorAlert) ?? false
+                row: newState.changes.errors[row.id]?.row ?? void 0,
+                shouldShowErrorAlert: newState.changes.errors[row.id]?.shouldShowErrorAlert ?? false
               };
               const rowChanges = newState.changes.rows[row.id];
               Object.keys(cellErrors).forEach((columnId) => {
@@ -368,12 +360,20 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     if (!rowsWithErrors.length) {
       return [];
     }
-    return rowsWithErrors.filter(hasRowErrorsShownInAlert).map((rowId) => ({
-      rowId,
-      index: state.indexes[rowId],
-      changes: state.changes.rows[rowId],
-      errors: state.changes.errors[rowId]
-    }));
+    return rowsWithErrors.filter(hasRowErrorsShownInAlert).flatMap((rowId) => {
+      const errors = state.changes.errors[rowId];
+      if (!errors) {
+        return [];
+      }
+      return [
+        {
+          rowId,
+          index: state.indexes[rowId] ?? -1,
+          changes: state.changes.rows[rowId],
+          errors
+        }
+      ];
+    });
   }
   function hasSaved() {
     return !!Object.values(state.statuses).filter((status) => status === "saved").length;
@@ -382,7 +382,6 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;
   }
   async function saveChanges(table, rowId = void 0) {
-    var _a, _b, _c;
     const tableMeta = table.options.meta;
     const state2 = tableMeta.editing.getState();
     if (!handleSave) {
@@ -403,7 +402,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
           continue;
         }
         setRowStatus(rowId2, "saving");
-        const changeSet = { ...state2.changes.originals[rowId2], ...rowChanges };
+        const changeSet = { ...state2.changes.originals[rowId2] ?? {}, ...rowChanges };
         if (editing.isTemporaryRow(changeSet[rowIdentityAccessor])) {
           delete changeSet[rowIdentityAccessor];
         }
@@ -417,7 +416,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
         complete(rowId2, table, rowChanges);
         showSavedStatus(rowId2);
       } catch (error) {
-        if (error instanceof ReferenceError || error instanceof TypeError || ((_a = error == null ? void 0 : error.response) == null ? void 0 : _a.status) >= 500) {
+        if (error instanceof ReferenceError || error instanceof TypeError || error?.response?.status >= 500) {
           console.error(error);
         }
         let rowError;
@@ -426,8 +425,8 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
           rowError = error;
         } else if (error instanceof Error) {
           rowError = error.message;
-          if (typeof ((_b = error.response) == null ? void 0 : _b.data) === "object") {
-            cellErrors = (_c = error.response) == null ? void 0 : _c.data;
+          if (typeof error.response?.data === "object") {
+            cellErrors = error.response?.data;
           }
         } else if (typeof error === "object") {
           cellErrors = error;