@economic/taco 2.45.0-create.3 → 2.45.1

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.45.0-create.3",
+    "version": "2.45.1",
     "description": "> TODO: description",
     "author": "Matt Daly <matthew.daly@visma.com>",
     "homepage": "https://github.com/e-conomic/taco#readme",
@@ -42,20 +42,20 @@
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^7.0.1",
         "@economic/taco-tokens": "^1.4.1",
-        "@radix-ui/react-accordion": "^1.0.1",
-        "@radix-ui/react-alert-dialog": "^1.0.2",
-        "@radix-ui/react-checkbox": "^1.0.1",
-        "@radix-ui/react-collapsible": "^1.0.3",
-        "@radix-ui/react-dialog": "^1.0.2",
-        "@radix-ui/react-dropdown-menu": "^2.0.1",
-        "@radix-ui/react-hover-card": "^1.0.2",
-        "@radix-ui/react-popover": "^1.0.2",
-        "@radix-ui/react-radio-group": "^1.1.0",
-        "@radix-ui/react-scroll-area": "^1.0.1",
-        "@radix-ui/react-switch": "^1.0.1",
-        "@radix-ui/react-tabs": "^1.0.1",
-        "@radix-ui/react-tooltip": "^1.0.2",
-        "@radix-ui/react-use-controllable-state": "^1.0.0",
+        "@radix-ui/react-accordion": "^1.2.1",
+        "@radix-ui/react-alert-dialog": "^1.1.2",
+        "@radix-ui/react-checkbox": "^1.1.2",
+        "@radix-ui/react-collapsible": "^1.1.1",
+        "@radix-ui/react-dialog": "1.0.5",
+        "@radix-ui/react-dropdown-menu": "^2.1.2",
+        "@radix-ui/react-hover-card": "^1.1.2",
+        "@radix-ui/react-popover": "^1.1.2",
+        "@radix-ui/react-radio-group": "^1.2.1",
+        "@radix-ui/react-scroll-area": "^1.2.0",
+        "@radix-ui/react-switch": "^1.1.1",
+        "@radix-ui/react-tabs": "^1.1.1",
+        "@radix-ui/react-tooltip": "^1.1.3",
+        "@radix-ui/react-use-controllable-state": "^1.1.0",
         "@react-aria/focus": "^3.9.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.20.5",
@@ -128,5 +128,6 @@
             "Firefox ESR",
             "not ie < 11"
         ]
-    }
+    },
+    "gitHead": "86ddeb3f557542e76aa7cec01e88f8994029d69a"
 }

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,12 +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> = {
-    buttonRef: React.RefObject<HTMLButtonElement>;
-    rowIdentityAccessor: string;
-    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,29 +0,0 @@
-import { Table as ReactTable, Cell as ReactTableCell } from '@tanstack/react-table';
-import { Table3EditingChangeHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
-export declare const TEMPORARY_ROW_ID_PREFIX = "temp-";
-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(-1);
-            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(-1);\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,93 +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 { DiscardChangesConfirmationDialog } from '../../Editing/DiscardChangesConfirmationDialog.js';
-import { RENDERERS } from '../../../useTable3.js';
-
-function TemporaryRow(props) {
-  var _tableRef$current, _tableRef$current2;
-  const {
-    buttonRef,
-    rowIdentityAccessor,
-    table,
-    tableMeta,
-    tableRef
-  } = props;
-  const temporaryRows = tableMeta.editing.temporaryRows;
-  // discard new row
-  const [showDiscardDialog, setShowDiscardDialog] = React__default.useState(false);
-  function handleDiscard() {
-    if (temporaryRows[0]) {
-      var _buttonRef$current;
-      tableMeta.editing.discardChanges(temporaryRows[0][rowIdentityAccessor], table);
-      (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
-    }
-  }
-  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 _buttonRef$current2;
-                  (_buttonRef$current2 = buttonRef.current) === null || _buttonRef$current2 === void 0 ? void 0 : _buttonRef$current2.focus();
-                }
-              });
-            }
-          }();
-          if (_temp && _temp.then) return _temp.then(function () {});
-        } else if (event.key === 'ArrowUp') {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-      }();
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  const handleKeyDownCapture = event => {
-    if (event.key === 'Escape') {
-      event.preventDefault();
-      event.stopPropagation();
-      setShowDiscardDialog(true);
-    } else 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 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 className = cn('group/row border-grey-300 !sticky z-[21]', {
-    'bottom-20': tableMeta.footer.isEnabled,
-    'bottom-10': !tableMeta.footer.isEnabled,
-    'border-b border-t-2 shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] border-t-grey-500/[0.5]': 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: -1,
-    measureRow: () => null,
-    renderer: RENDERERS.row,
-    row: row,
-    table: table,
-    className: className,
-    onKeyDown: handleKeyDown,
-    onKeyDownCapture: handleKeyDownCapture
-  }))), /*#__PURE__*/React__default.createElement(DiscardChangesConfirmationDialog, {
-    open: showDiscardDialog,
-    onChange: setShowDiscardDialog,
-    onDiscard: handleDiscard
-  }));
-}
-
-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 { DiscardChangesConfirmationDialog } from '../../Editing/DiscardChangesConfirmationDialog';\nimport { TableRef } from '../../../../../primitives/Table/types';\n\ntype TemporaryRowProps<TType = unknown> = {\n    buttonRef: React.RefObject<HTMLButtonElement>;\n    rowIdentityAccessor: string;\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 { buttonRef, rowIdentityAccessor, table, tableMeta, tableRef } = props;\n    const temporaryRows = tableMeta.editing.temporaryRows as TType[];\n\n    // discard new row\n    const [showDiscardDialog, setShowDiscardDialog] = React.useState(false);\n\n    function handleDiscard() {\n        if (temporaryRows[0]) {\n            tableMeta.editing.discardChanges(temporaryRows[0][rowIdentityAccessor], table);\n            buttonRef.current?.focus();\n        }\n    }\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                    buttonRef.current?.focus();\n                }\n            }\n        } else if (event.key === 'ArrowUp') {\n            event.preventDefault();\n            event.stopPropagation();\n        }\n    };\n\n    const handleKeyDownCapture = (event: React.KeyboardEvent<HTMLTableRowElement>) => {\n        if (event.key === 'Escape') {\n            event.preventDefault();\n            event.stopPropagation();\n            setShowDiscardDialog(true);\n        } else 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 isScrolled = tableRef.current ? tableRef.current?.scrollHeight > tableRef.current?.clientHeight : false;\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-2 shadow-[0px_-5px_20px_0px_rgba(0,0,0,0.1)] border-t-grey-500/[0.5]': isScrolled,\n    });\n    return (\n        <>\n            {table.getBottomRows().map(row => (\n                <Row<TType>\n                    key={row.id}\n                    cellRenderer={RENDERERS.cell}\n                    index={-1}\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            <DiscardChangesConfirmationDialog\n                open={showDiscardDialog}\n                onChange={setShowDiscardDialog}\n                onDiscard={handleDiscard}\n            />\n        </>\n    );\n}\n"],"names":["TemporaryRow","props","buttonRef","rowIdentityAccessor","table","tableMeta","tableRef","temporaryRows","editing","showDiscardDialog","setShowDiscardDialog","React","useState","handleDiscard","_buttonRef$current","discardChanges","current","focus","handleKeyDown","event","key","preventDefault","_temp","isElementTriggeredFromContainer","target","currentTarget","Promise","resolve","saveChanges","then","saved","_buttonRef$current2","stopPropagation","_temp2","e","reject","handleKeyDownCapture","lastFocusedCellIndex","getVisibleFlatColumns","length","isScrolled","_tableRef$current","scrollHeight","_tableRef$current2","clientHeight","className","clsx","footer","isEnabled","getBottomRows","map","row","Row","id","cellRenderer","RENDERERS","cell","index","measureRow","renderer","onKeyDown","onKeyDownCapture","DiscardChangesConfirmationDialog","open","onChange","onDiscard"],"mappings":"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"}