@economic/taco 2.44.5-create.5 → 2.44.5-create.7

package/dist/utils/dom.d.ts

@@ -2,7 +2,6 @@ export declare const hasFocusableElement: (element: HTMLElement | null) => boole
 export declare const isOverflowing: (element: HTMLElement | null) => boolean;
 export declare const getIndexOfFirstChildOverflowingParent: (element: HTMLElement, overscan?: number) => number | null;
 export declare const getNextFocussableElement: (currentElement: HTMLElement | null) => HTMLElement | null;
-export declare function isElementTriggeredFromContainer(element: Element | null, container: Element | null): any;
 export declare function isElementInsideOrTriggeredFromContainer(element: Element | null, container: Element | null): any;
 export declare function isElementInsideOverlay(element: Element | null): boolean;
 export declare function isSiblingElementInsideSameParentOverlay(element: Element | null, sibling: Element | null): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "2.44.5-create.5",
+    "version": "2.44.5-create.7",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",

package/dist/components/Table3/components/Editing/DiscardChangesConfirmationDialog.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { DialogProps } from '../../../Dialog/Dialog';
-declare type DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {
-    onDiscard: () => void;
-};
-export declare function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps): JSX.Element;
-export {};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
-import { Table3EditingCreateHandler } from '../../../types';
-import { TableRef } from '../../../../../primitives/Table/types';
-declare type CreateNewRowProps<TType = unknown> = {
-    buttonRef: React.Ref<HTMLButtonElement>;
-    onEditingCreate?: Table3EditingCreateHandler<TType>;
-    table: ReactTable<TType>;
-    tableMeta: ReactTableMeta<TType>;
-    tableRef: React.RefObject<TableRef>;
-};
-export declare function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>): JSX.Element;
-export {};

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';
-import { TableRef } from '../../../../../primitives/Table/types';
-declare type TemporaryRowProps<TType = unknown> = {
-    createRowButtonRef: React.RefObject<HTMLButtonElement>;
-    table: ReactTable<TType>;
-    tableMeta: ReactTableMeta<TType>;
-    tableRef: React.RefObject<TableRef>;
-};
-export declare function TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>): JSX.Element;
-export {};

package/dist/components/Table3/features/useEditingState.d.ts

@@ -1,28 +0,0 @@
-import { Table as ReactTable, Cell as ReactTableCell } from '@tanstack/react-table';
-import { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
-declare type EditingSaveState = 'saving' | 'saved' | 'errored';
-export declare function usePendingChangesState<TType = unknown>(handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, rowIdentityAccessor: keyof TType, validator: Table3EditingValidatorFn<TType> | undefined): {
-    setRowValue: <T extends TType>(rowId: string, original: T, value: Partial<T>) => Promise<void>;
-    getRowValue: (rowId: string) => any;
-    getRowMoveReason: (rowId: string) => unknown;
-    hasRowErrors: (rowId: string) => boolean;
-    hasRowErrorsShownInAlert: (rowId: string) => boolean;
-    getRowStatus: (rowId: string) => any;
-    setRowStatus: (rowId: string, status: EditingSaveState | undefined) => void;
-    setCellValue: <T_1 extends TType>(cell: ReactTableCell<T_1, unknown>, value: unknown) => void;
-    getCellValue: <T_2 extends TType>(cell: ReactTableCell<T_2, unknown>) => unknown | undefined;
-    getCellError: <T_3 extends TType>(cell: ReactTableCell<T_3, unknown>) => string | undefined;
-    onCellChanged: <T_4 extends TType>(cell: ReactTableCell<T_4, unknown>, rowIndex: number) => Promise<void>;
-    getErrorsShownInAlert: <T_5 extends TType>() => {
-        rowId: string;
-        changes: Partial<T_5>;
-        errors: any;
-    }[];
-    hasChanges: (rowId?: string | undefined) => boolean;
-    saveChanges: <T_6 extends TType>(table: ReactTable<T_6>, rowId?: string | undefined) => Promise<boolean>;
-    discardChanges: <T_7 extends TType>(rowId: string, table: ReactTable<T_7>) => void;
-    hasSaved: () => boolean;
-    createRow: <T_8 extends TType>(data: Partial<T_8>) => Promise<string>;
-    temporaryRows: any;
-};
-export {};

package/dist/esm/packages/taco/src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.js

@@ -1,34 +0,0 @@
-import React__default from 'react';
-import { useLocalization } from '../../../Provider/Localization.js';
-import { Button } from '../../../Button/Button.js';
-import { Dialog } from '../../../Dialog/Dialog.js';
-import { Group } from '../../../Group/Group.js';
-
-function DiscardChangesConfirmationDialog(props) {
-  const {
-    onDiscard: handleDiscard,
-    ...dialogProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const handleClickInsideDialogContent = event => {
-    // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs
-    // inside the dialog
-    event.stopPropagation();
-  };
-  return /*#__PURE__*/React__default.createElement(Dialog, Object.assign({}, dialogProps), /*#__PURE__*/React__default.createElement(Dialog.Content, {
-    "aria-label": texts.table3.editing.clearChangesConfirmationDialog.title,
-    onClick: handleClickInsideDialogContent
-  }, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table3.editing.clearChangesConfirmationDialog.title), /*#__PURE__*/React__default.createElement("p", null, texts.table3.editing.clearChangesConfirmationDialog.description), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, {
-    tabIndex: 0
-  }, texts.table3.editing.clearChangesConfirmationDialog.cancel)), /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button, {
-    autoFocus: true,
-    tabIndex: 0,
-    appearance: "primary",
-    onClick: handleDiscard
-  }, texts.table3.editing.clearChangesConfirmationDialog.confirm))))));
-}
-
-export { DiscardChangesConfirmationDialog };
-//# sourceMappingURL=DiscardChangesConfirmationDialog.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DiscardChangesConfirmationDialog.js","sources":["../../../../../../../../../src/components/Table3/components/Editing/DiscardChangesConfirmationDialog.tsx"],"sourcesContent":["import React from 'react';\nimport { Dialog, DialogProps } from '../../../Dialog/Dialog';\nimport { useLocalization } from '../../../Provider/Localization';\nimport { Group } from '../../../Group/Group';\nimport { Button } from '../../../Button/Button';\n\ntype DiscardChangesConfirmationDialogProps = Partial<DialogProps> & {\n    onDiscard: () => void;\n};\n\nexport function DiscardChangesConfirmationDialog(props: DiscardChangesConfirmationDialogProps) {\n    const { onDiscard: handleDiscard, ...dialogProps } = props;\n    const { texts } = useLocalization();\n\n    const handleClickInsideDialogContent = (event: React.MouseEvent) => {\n        // Prevents the click event from propagating to the table, ensuring the row isn't saved when a click occurs\n        // inside the dialog\n        event.stopPropagation();\n    };\n\n    return (\n        <Dialog {...dialogProps}>\n            <Dialog.Content\n                aria-label={texts.table3.editing.clearChangesConfirmationDialog.title}\n                onClick={handleClickInsideDialogContent}>\n                <Dialog.Title>{texts.table3.editing.clearChangesConfirmationDialog.title}</Dialog.Title>\n\n                <p>{texts.table3.editing.clearChangesConfirmationDialog.description}</p>\n\n                <Dialog.Footer>\n                    <Group>\n                        <Dialog.Close>\n                            <Button tabIndex={0}>{texts.table3.editing.clearChangesConfirmationDialog.cancel}</Button>\n                        </Dialog.Close>\n                        <Dialog.Close>\n                            <Button autoFocus tabIndex={0} appearance=\"primary\" onClick={handleDiscard}>\n                                {texts.table3.editing.clearChangesConfirmationDialog.confirm}\n                            </Button>\n                        </Dialog.Close>\n                    </Group>\n                </Dialog.Footer>\n            </Dialog.Content>\n        </Dialog>\n    );\n}\n"],"names":["DiscardChangesConfirmationDialog","props","onDiscard","handleDiscard","dialogProps","texts","useLocalization","handleClickInsideDialogContent","event","stopPropagation","React","Dialog","Content","table3","editing","clearChangesConfirmationDialog","title","onClick","Title","description","Footer","Group","Close","Button","tabIndex","cancel","autoFocus","appearance","confirm"],"mappings":";;;;;;SAUgBA,gCAAgCA,CAACC,KAA4C;EACzF,MAAM;IAAEC,SAAS,EAAEC,aAAa;IAAE,GAAGC;GAAa,GAAGH,KAAK;EAC1D,MAAM;IAAEI;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,8BAA8B,GAAIC,KAAuB;;;IAG3DA,KAAK,CAACC,eAAe,EAAE;GAC1B;EAED,oBACIC,6BAACC,MAAM,oBAAKP,WAAW,gBACnBM,6BAACC,MAAM,CAACC,OAAO;kBACCP,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK;IACrEC,OAAO,EAAEV;kBACTG,6BAACC,MAAM,CAACO,KAAK,QAAEb,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACC,KAAK,CAAgB,eAExFN,wCAAIL,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACI,WAAW,CAAK,eAExET,6BAACC,MAAM,CAACS,MAAM,qBACVV,6BAACW,KAAK,qBACFX,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACC,QAAQ,EAAE;KAAInB,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACU,MAAM,CAAU,CAC/E,eACff,6BAACC,MAAM,CAACW,KAAK,qBACTZ,6BAACa,MAAM;IAACG,SAAS;IAACF,QAAQ,EAAE,CAAC;IAAEG,UAAU,EAAC,SAAS;IAACV,OAAO,EAAEd;KACxDE,KAAK,CAACQ,MAAM,CAACC,OAAO,CAACC,8BAA8B,CAACa,OAAO,CACvD,CACE,CACX,CACI,CACH,CACZ;AAEjB;;;;"}

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

@@ -1,88 +0,0 @@
-import React__default from 'react';
-import { Icon } from '../../../../Icon/Icon.js';
-import { useLocalization } from '../../../../Provider/Localization.js';
-import { Button } from '../../../../Button/Button.js';
-
-function CreateNewRow(props) {
-  var _temporaryRows$0$tabl, _temporaryRows$, _table$getState$colum;
-  const {
-    buttonRef,
-    onEditingCreate: handleEditingCreate,
-    table,
-    tableMeta
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const temporaryRows = tableMeta.editing.temporaryRows;
-  const temporaryRowId = (_temporaryRows$0$tabl = (_temporaryRows$ = temporaryRows[0]) === null || _temporaryRows$ === void 0 ? void 0 : _temporaryRows$[tableMeta.rowIdentityAccessor]) !== null && _temporaryRows$0$tabl !== void 0 ? _temporaryRows$0$tabl : '';
-  const isDisabled = !!table.getState().globalFilter || !!((_table$getState$colum = table.getState().columnFilters) !== null && _table$getState$colum !== void 0 && _table$getState$colum.length) || !!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId);
-  const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';
-  const handleCreate = function (event) {
-    try {
-      // prevent save being triggered by click outside - TODO: investigate why the button triggers clickoutside
-      event === null || event === void 0 ? void 0 : event.stopPropagation();
-      if (!handleEditingCreate || isDisabled) {
-        return Promise.resolve();
-      }
-      return Promise.resolve(tableMeta.editing.saveChanges(table)).then(function (saved) {
-        if (!saved) {
-          return;
-        }
-        try {
-          const changeset = handleEditingCreate();
-          if (changeset) {
-            // change the row before reating because it triggers a save
-            // saving would trigger the validation flow and immediately make the row red
-            tableMeta.rowActive.setRowActiveIndex(tableMeta.length);
-            requestAnimationFrame(function () {
-              try {
-                tableMeta.editing.toggleEditing(true, table);
-                return Promise.resolve(tableMeta.editing.createRow(changeset)).then(function (rowId) {
-                  tableMeta.editing.setLastFocusedCellIndex(0);
-                  try {
-                    const row = table.getRow(rowId);
-                    row.pin('bottom');
-                  } catch {
-                    //
-                  }
-                });
-              } catch (e) {
-                return Promise.reject(e);
-              }
-            });
-          }
-        } catch (error) {
-          console.error(error);
-        }
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  let tooltip;
-  if (isSaving) {
-    tooltip = texts.table3.editing.buttons.create.saving;
-  } else if (isDisabled) {
-    tooltip = texts.table3.editing.buttons.create.disabled;
-  }
-  return /*#__PURE__*/React__default.createElement("tr", {
-    "data-row-create": true,
-    className: "border-grey-300 group/row",
-    tabIndex: -1
-  }, /*#__PURE__*/React__default.createElement("td", {
-    className: "!bg-grey-50 col-span-full !border-b-0 !px-1"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    appearance: "transparent",
-    className: "group-hover:bg-grey-200 sticky left-[4px]",
-    disabled: isDisabled,
-    onClick: handleCreate,
-    ref: buttonRef,
-    tooltip: tooltip
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "circle-plus"
-  }), texts.table3.editing.buttons.create.label)));
-}
-
-export { CreateNewRow };
-//# sourceMappingURL=CreateNewRow.js.map

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

@@ -1 +0,0 @@
-{"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 { Button } from '../../../../Button/Button';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Icon } from '../../../../Icon/Icon';\nimport { Table3EditingCreateHandler } from '../../../types';\nimport { TableRef } from '../../../../../primitives/Table/types';\n\ntype CreateNewRowProps<TType = unknown> = {\n    buttonRef: React.Ref<HTMLButtonElement>;\n    onEditingCreate?: Table3EditingCreateHandler<TType>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function CreateNewRow<TType = unknown>(props: CreateNewRowProps<TType>) {\n    const { buttonRef, onEditingCreate: handleEditingCreate, table, tableMeta } = props;\n    const { texts } = useLocalization();\n\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n    const temporaryRowId: string = temporaryRows[0]?.[tableMeta.rowIdentityAccessor as string] ?? '';\n\n    const isDisabled =\n        !!table.getState().globalFilter ||\n        !!table.getState().columnFilters?.length ||\n        (!!temporaryRowId && !!tableMeta.editing.hasRowErrors(temporaryRowId));\n    const isSaving = !!temporaryRowId && tableMeta.editing.getRowStatus(temporaryRowId) === 'saving';\n\n    const handleCreate = async event => {\n        // prevent save being triggered by click outside - TODO: investigate why the button triggers clickoutside\n        event?.stopPropagation();\n\n        if (!handleEditingCreate || isDisabled) {\n            return;\n        }\n\n        const saved = await tableMeta.editing.saveChanges(table);\n\n        if (!saved) {\n            return;\n        }\n\n        try {\n            const changeset = handleEditingCreate();\n\n            if (changeset) {\n                // change the row before reating because it triggers a save\n                // saving would trigger the validation flow and immediately make the row red\n                tableMeta.rowActive.setRowActiveIndex(tableMeta.length);\n\n                requestAnimationFrame(async () => {\n                    tableMeta.editing.toggleEditing(true, table);\n                    const rowId = await tableMeta.editing.createRow(changeset);\n                    tableMeta.editing.setLastFocusedCellIndex(0);\n\n                    try {\n                        const row = table.getRow(rowId);\n                        row.pin('bottom');\n                    } catch {\n                        //\n                    }\n                });\n            }\n        } catch (error) {\n            console.error(error);\n        }\n    };\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    }\n\n    return (\n        <tr data-row-create className=\"border-grey-300 group/row\" tabIndex={-1}>\n            <td className=\"!bg-grey-50 col-span-full !border-b-0 !px-1\">\n                <Button\n                    appearance=\"transparent\"\n                    className=\"group-hover:bg-grey-200 sticky left-[4px]\"\n                    disabled={isDisabled}\n                    onClick={handleCreate}\n                    ref={buttonRef}\n                    tooltip={tooltip}>\n                    <Icon name=\"circle-plus\" />\n                    {texts.table3.editing.buttons.create.label}\n                </Button>\n            </td>\n        </tr>\n    );\n}\n"],"names":["CreateNewRow","props","buttonRef","onEditingCreate","handleEditingCreate","table","tableMeta","texts","useLocalization","temporaryRows","editing","temporaryRowId","_temporaryRows$0$tabl","_temporaryRows$","rowIdentityAccessor","isDisabled","getState","globalFilter","_table$getState$colum","columnFilters","length","hasRowErrors","isSaving","getRowStatus","handleCreate","event","stopPropagation","Promise","resolve","saveChanges","then","saved","changeset","rowActive","setRowActiveIndex","requestAnimationFrame","toggleEditing","createRow","rowId","setLastFocusedCellIndex","row","getRow","pin","e","reject","error","console","tooltip","table3","buttons","create","saving","disabled","React","className","tabIndex","Button","appearance","onClick","ref","Icon","name","label"],"mappings":"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"}

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

@@ -1,95 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { isElementTriggeredFromContainer } from '../../../../../utils/dom.js';
-import { Row } from '../../../../../primitives/Table/Core/components/Row/Row.js';
-import { TEMPORARY_ROW_ID_PREFIX } from '../../../util/editing.js';
-import { RENDERERS } from '../../../useTable3.js';
-
-function TemporaryRow(props) {
-  var _tableRef$current, _tableRef$current2;
-  const {
-    createRowButtonRef,
-    table,
-    tableMeta,
-    tableRef
-  } = props;
-  const isScrolled = tableRef.current ? ((_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.scrollHeight) > ((_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.clientHeight) : false;
-  const handleKeyDown = function (event) {
-    try {
-      const _temp2 = function () {
-        if (event.key === 'ArrowDown') {
-          event.preventDefault();
-          const _temp = function () {
-            if (!isElementTriggeredFromContainer(event.target, event.currentTarget)) {
-              return Promise.resolve(tableMeta.editing.saveChanges(table)).then(function (saved) {
-                if (saved) {
-                  var _createRowButtonRef$c;
-                  (_createRowButtonRef$c = createRowButtonRef.current) === null || _createRowButtonRef$c === void 0 ? void 0 : _createRowButtonRef$c.focus();
-                }
-              });
-            }
-          }();
-          if (_temp && _temp.then) return _temp.then(function () {});
-        } else if (event.key === 'ArrowUp') {
-          event.preventDefault();
-          event.stopPropagation();
-          if (tableRef.current) {
-            var _tableRef$current$que, _tableRef$current$que2, _tableRef$current$que3;
-            const availableRows = Array.from((_tableRef$current$que = tableRef.current.querySelectorAll(`tbody tr:not([data-row-id^='${TEMPORARY_ROW_ID_PREFIX}'])`)) !== null && _tableRef$current$que !== void 0 ? _tableRef$current$que : []);
-            const footerHeight = (_tableRef$current$que2 = (_tableRef$current$que3 = tableRef.current.querySelector('tfoot')) === null || _tableRef$current$que3 === void 0 ? void 0 : _tableRef$current$que3.getBoundingClientRect().height) !== null && _tableRef$current$que2 !== void 0 ? _tableRef$current$que2 : 0;
-            const newRowHeight = event.currentTarget.getBoundingClientRect().height;
-            const visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;
-            const tableTopOffset = tableRef.current.getBoundingClientRect().top;
-            let nextRowIndex;
-            // iterate available rows in reverse order, since we're working at the bottom
-            for (let index = availableRows.length - 1; index >= 0; index--) {
-              const rowRect = availableRows[index].getBoundingClientRect();
-              const topPlusHalfRow = rowRect.top + rowRect.height / 2;
-              if (topPlusHalfRow - tableTopOffset <= visibleHeight) {
-                nextRowIndex = index;
-                break;
-              }
-            }
-            if (nextRowIndex) {
-              tableMeta.rowActive.setRowActiveIndex(Number(availableRows[nextRowIndex < 0 ? 0 : nextRowIndex].getAttribute('data-row-index')));
-            }
-          }
-        }
-      }();
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleKeyDownCapture = event => {
-    if (event.key === 'ArrowLeft' && tableMeta.editing.lastFocusedCellIndex === 0) {
-      event.preventDefault();
-      event.stopPropagation();
-    } else if (event.key === 'ArrowRight' && tableMeta.editing.lastFocusedCellIndex) {
-      if (tableMeta.editing.lastFocusedCellIndex === table.getVisibleFlatColumns().length - 1) {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    }
-  };
-  const className = cn('group/row border-grey-300 !sticky z-[21]', {
-    'bottom-20': tableMeta.footer.isEnabled,
-    'bottom-10': !tableMeta.footer.isEnabled,
-    'border-b border-t shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] border-t-grey-500/[0.75]': isScrolled
-  });
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, table.getBottomRows().map(row => (/*#__PURE__*/React__default.createElement(Row, {
-    key: row.id,
-    cellRenderer: RENDERERS.cell,
-    index: tableMeta.length,
-    measureRow: () => null,
-    renderer: RENDERERS.row,
-    row: row,
-    table: table,
-    className: className,
-    onKeyDown: handleKeyDown,
-    onKeyDownCapture: handleKeyDownCapture
-  }))));
-}
-
-export { TemporaryRow };
-//# sourceMappingURL=TemporaryRow.js.map

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

@@ -1 +0,0 @@
-{"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 } from '@tanstack/react-table';\nimport clsx from 'clsx';\nimport { Row } from '../../../../../primitives/Table/Core/components/Row/Row';\nimport { RENDERERS } from '../../../useTable3';\nimport { isElementTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableRef } from '../../../../../primitives/Table/types';\nimport { TEMPORARY_ROW_ID_PREFIX } from '../../../util/editing';\n\ntype TemporaryRowProps<TType = unknown> = {\n    createRowButtonRef: React.RefObject<HTMLButtonElement>;\n    table: ReactTable<TType>;\n    tableMeta: ReactTableMeta<TType>;\n    tableRef: React.RefObject<TableRef>;\n};\n\nexport function TemporaryRow<TType = unknown>(props: TemporaryRowProps<TType>) {\n    const { createRowButtonRef, table, tableMeta, tableRef } = props;\n\n    const isScrolled = tableRef.current ? tableRef.current?.scrollHeight > tableRef.current?.clientHeight : false;\n\n    const handleKeyDown = async (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowDown') {\n            event.preventDefault();\n\n            if (!isElementTriggeredFromContainer(event.target as Element, event.currentTarget)) {\n                const saved = await tableMeta.editing.saveChanges(table);\n\n                if (saved) {\n                    createRowButtonRef.current?.focus();\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n\n            if (tableRef.current) {\n                const availableRows = Array.from(\n                    tableRef.current.querySelectorAll(`tbody tr:not([data-row-id^='${TEMPORARY_ROW_ID_PREFIX}'])`) ?? []\n                );\n\n                const footerHeight = tableRef.current.querySelector('tfoot')?.getBoundingClientRect().height ?? 0;\n                const newRowHeight = event.currentTarget.getBoundingClientRect().height;\n                const visibleHeight = tableRef.current.clientHeight - footerHeight - newRowHeight;\n                const tableTopOffset = tableRef.current.getBoundingClientRect().top;\n\n                let nextRowIndex;\n\n                // iterate available rows in reverse order, since we're working at the bottom\n                for (let index = availableRows.length - 1; index >= 0; index--) {\n                    const rowRect = availableRows[index].getBoundingClientRect();\n                    const topPlusHalfRow = rowRect.top + rowRect.height / 2;\n\n                    if (topPlusHalfRow - tableTopOffset <= visibleHeight) {\n                        nextRowIndex = index;\n                        break;\n                    }\n                }\n\n                if (nextRowIndex) {\n                    tableMeta.rowActive.setRowActiveIndex(\n                        Number(availableRows[nextRowIndex < 0 ? 0 : nextRowIndex].getAttribute('data-row-index'))\n                    );\n                }\n            }\n        }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'ArrowLeft' && tableMeta.editing.lastFocusedCellIndex === 0) {\n            event.preventDefault();\n            event.stopPropagation();\n        } else if (event.key === 'ArrowRight' && tableMeta.editing.lastFocusedCellIndex) {\n            if (tableMeta.editing.lastFocusedCellIndex === table.getVisibleFlatColumns().length - 1) {\n                event.preventDefault();\n                event.stopPropagation();\n            }\n        }\n    };\n\n    const className = clsx('group/row border-grey-300 !sticky z-[21]', {\n        'bottom-20': tableMeta.footer.isEnabled,\n        'bottom-10': !tableMeta.footer.isEnabled,\n        'border-b border-t shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] border-t-grey-500/[0.75]': isScrolled,\n    });\n\n    return (\n        <>\n            {table.getBottomRows().map(row => (\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                    onKeyDownCapture={handleKeyDownCapture}\n                />\n            ))}\n        </>\n    );\n}\n"],"names":["TemporaryRow","props","createRowButtonRef","table","tableMeta","tableRef","isScrolled","current","_tableRef$current","scrollHeight","_tableRef$current2","clientHeight","handleKeyDown","event","key","preventDefault","_temp","isElementTriggeredFromContainer","target","currentTarget","Promise","resolve","editing","saveChanges","then","saved","_createRowButtonRef$c","focus","stopPropagation","_tableRef$current$que","_tableRef$current$que2","_tableRef$current$que3","availableRows","Array","from","querySelectorAll","TEMPORARY_ROW_ID_PREFIX","footerHeight","querySelector","getBoundingClientRect","height","newRowHeight","visibleHeight","tableTopOffset","top","nextRowIndex","index","length","rowRect","topPlusHalfRow","rowActive","setRowActiveIndex","Number","getAttribute","_temp2","e","reject","handleKeyDownCapture","lastFocusedCellIndex","getVisibleFlatColumns","className","clsx","footer","isEnabled","React","getBottomRows","map","row","Row","id","cellRenderer","RENDERERS","cell","measureRow","renderer","onKeyDown","onKeyDownCapture"],"mappings":"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"}