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

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\nimport { LocalizationTexts, useLocalization } from '../../../../../Provider/Localization';\nimport { Icon } from '../../../../../Icon/Icon';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n    const { cell, cellRef, isActiveRow } = props;\n    const { texts } = useLocalization();\n    const [show, setShow] = React.useState(false);\n    const table = cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n    const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n    React.useEffect(() => {\n        if (cellRef.current) {\n            if (isActiveRow && !!moveReason) {\n                const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco=\"cell-control\"]`);\n\n                if (cellRef.current === firstChild) {\n                    setShow(true);\n                    cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n                }\n            } else {\n                setShow(false);\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        }\n\n        return () => {\n            if (cellRef.current) {\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        };\n    }, [cellRef, isActiveRow, moveReason]);\n\n    if (!show) {\n        return null;\n    }\n\n    const { title, description } = getMessageFromReason(texts, moveReason);\n\n    let columnHeader = columnMeta.header;\n\n    if (moveReason === 'sorting') {\n        const sortedColumns = table.getState().sorting;\n        const columnId = sortedColumns[0]?.id;\n\n        if (columnId) {\n            const sortedColumn = table.getColumn(columnId);\n            if (sortedColumn) {\n                columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n            }\n        }\n    }\n\n    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n            <span data-row-move-indicator>\n                <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {title}\n            </span>\n        </Tooltip>\n    );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n    let title;\n    let description;\n\n    switch (reason) {\n        case 'filter':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n\n        case 'search':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n\n        case 'sorting':\n            title = texts.table3.editing.rowIndicator.rowWillMove;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n\n        default:\n            title = '';\n            description = '';\n            break;\n    }\n\n    return { title, description };\n}\n"],"names":["useLocalization","_a","Tooltip","Icon"],"mappings":";;;;;;AAcO,SAAS,iBAAkC,OAA0C;;AACxF,QAAM,EAAE,MAAM,SAAS,YAAgB,IAAA;AACjC,QAAA,EAAE,MAAM,IAAIA,6BAAgB;AAClC,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AACtC,QAAA,QAAQ,KAAK,WAAA,EAAa;AAC1B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAC;AACnD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;;AAClB,QAAI,QAAQ,SAAS;AACb,UAAA,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,cAAaC,MAAA,QAAQ,QAAQ,kBAAhB,gBAAAA,IAA+B,cAAc;AAE5D,YAAA,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,wBAAQ,QAAQ,kBAAhB,mBAA+B,aAAa,yBAAyB;AAAA,QAAM;AAAA,MAC/E,OACG;AACH,gBAAQ,KAAK;AACL,sBAAA,QAAQ,kBAAR,mBAAuB,gBAAgB;AAAA,MAAuB;AAAA,IAC1E;AAGJ,WAAO,MAAM;;AACT,UAAI,QAAQ,SAAS;AACT,SAAAA,MAAA,QAAA,QAAQ,kBAAR,gBAAAA,IAAuB,gBAAgB;AAAA,MAAuB;AAAA,IAE9E;AAAA,EACD,GAAA,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACA,WAAA;AAAA,EAAA;AAGX,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AACpB,UAAA,gBAAgB,MAAM,SAAA,EAAW;AACjC,UAAA,YAAW,mBAAc,CAAC,MAAf,mBAAkB;AAEnC,QAAI,UAAU;AACJ,YAAA,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACE,uBAAA,aAAa,UAAU,KAA8C;AAAA,MAAA;AAAA,IACzF;AAAA,EACJ;AAIA,SAAA,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAC3E,GAAA,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAK,MAAA,EAAA,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AAChE,MAAA;AACA,MAAA;AAEJ,UAAQ,QAAQ;AAAA,IACZ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACY,cAAA;AACM,oBAAA;AACd;AAAA,EAAA;AAGD,SAAA,EAAE,OAAO,YAAY;AAChC;;"}
+{"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\nimport { LocalizationTexts, useLocalization } from '../../../../../Provider/Localization';\nimport { Icon } from '../../../../../Icon/Icon';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n    const { cell, cellRef, isActiveRow } = props;\n    const { texts } = useLocalization();\n    const [show, setShow] = React.useState(false);\n    const table = cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n    const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n    React.useEffect(() => {\n        if (cellRef.current) {\n            if (isActiveRow && !!moveReason) {\n                const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco=\"cell-control\"]`);\n\n                if (cellRef.current === firstChild) {\n                    setShow(true);\n                    cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n                }\n            } else {\n                setShow(false);\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        }\n\n        return () => {\n            if (cellRef.current) {\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        };\n    }, [cellRef, isActiveRow, moveReason]);\n\n    if (!show) {\n        return null;\n    }\n\n    const { title, description } = getMessageFromReason(texts, moveReason);\n\n    let columnHeader = columnMeta.header;\n\n    if (moveReason === 'sorting') {\n        const sortedColumns = table.getState().sorting;\n        const columnId = sortedColumns[0]?.id;\n\n        if (columnId) {\n            const sortedColumn = table.getColumn(columnId);\n            if (sortedColumn) {\n                columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n            }\n        }\n    }\n\n    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n            <span data-row-move-indicator>\n                <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {title}\n            </span>\n        </Tooltip>\n    );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n    let title;\n    let description;\n\n    switch (reason) {\n        case 'filter':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n\n        case 'search':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n\n        case 'sorting':\n            title = texts.table3.editing.rowIndicator.rowWillMove;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n\n        default:\n            title = '';\n            description = '';\n            break;\n    }\n\n    return { title, description };\n}\n"],"names":["useLocalization","Tooltip","Icon"],"mappings":";;;;;;AAcO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3E,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;;"}

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 import { Cell as ReactTableCell } from '@tanstack/react-table';
 type TableRowMoveIndicatorProps<TType = unknown> = {
     cell: ReactTableCell<TType, unknown>;
-    cellRef: React.RefObject<HTMLTableCellElement>;
+    cellRef: React.RefObject<HTMLTableCellElement | null>;
     isActiveRow: boolean;
 };
 export declare function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>): React.JSX.Element | null;

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.js

@@ -3,7 +3,6 @@ import { Tooltip } from "../../../../../Tooltip/Tooltip.js";
 import { useLocalization } from "../../../../../Provider/Localization.js";
 import { Icon } from "../../../../../Icon/Icon.js";
 function RowMoveIndicator(props) {
-  var _a;
   const { cell, cellRef, isActiveRow } = props;
   const { texts } = useLocalization();
   const [show, setShow] = React__default.useState(false);
@@ -12,23 +11,21 @@ function RowMoveIndicator(props) {
   const columnMeta = cell.column.columnDef.meta ?? {};
   const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id);
   React__default.useEffect(() => {
-    var _a2, _b, _c;
     if (cellRef.current) {
       if (isActiveRow && !!moveReason) {
-        const firstChild = (_a2 = cellRef.current.parentElement) == null ? void 0 : _a2.querySelector(`td[data-taco="cell-control"]`);
+        const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco="cell-control"]`);
         if (cellRef.current === firstChild) {
           setShow(true);
-          (_b = cellRef.current.parentElement) == null ? void 0 : _b.setAttribute("data-row-editing-move", "true");
+          cellRef.current.parentElement?.setAttribute("data-row-editing-move", "true");
         }
       } else {
         setShow(false);
-        (_c = cellRef.current.parentElement) == null ? void 0 : _c.removeAttribute("data-row-editing-move");
+        cellRef.current.parentElement?.removeAttribute("data-row-editing-move");
       }
     }
     return () => {
-      var _a3;
       if (cellRef.current) {
-        (_a3 = cellRef.current.parentElement) == null ? void 0 : _a3.removeAttribute("data-row-editing-move");
+        cellRef.current.parentElement?.removeAttribute("data-row-editing-move");
       }
     };
   }, [cellRef, isActiveRow, moveReason]);
@@ -39,7 +36,7 @@ function RowMoveIndicator(props) {
   let columnHeader = columnMeta.header;
   if (moveReason === "sorting") {
     const sortedColumns = table.getState().sorting;
-    const columnId = (_a = sortedColumns[0]) == null ? void 0 : _a.id;
+    const columnId = sortedColumns[0]?.id;
     if (columnId) {
       const sortedColumn = table.getColumn(columnId);
       if (sortedColumn) {

package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowMoveIndicator.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\nimport { LocalizationTexts, useLocalization } from '../../../../../Provider/Localization';\nimport { Icon } from '../../../../../Icon/Icon';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement>;\n    isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n    const { cell, cellRef, isActiveRow } = props;\n    const { texts } = useLocalization();\n    const [show, setShow] = React.useState(false);\n    const table = cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n    const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n    React.useEffect(() => {\n        if (cellRef.current) {\n            if (isActiveRow && !!moveReason) {\n                const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco=\"cell-control\"]`);\n\n                if (cellRef.current === firstChild) {\n                    setShow(true);\n                    cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n                }\n            } else {\n                setShow(false);\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        }\n\n        return () => {\n            if (cellRef.current) {\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        };\n    }, [cellRef, isActiveRow, moveReason]);\n\n    if (!show) {\n        return null;\n    }\n\n    const { title, description } = getMessageFromReason(texts, moveReason);\n\n    let columnHeader = columnMeta.header;\n\n    if (moveReason === 'sorting') {\n        const sortedColumns = table.getState().sorting;\n        const columnId = sortedColumns[0]?.id;\n\n        if (columnId) {\n            const sortedColumn = table.getColumn(columnId);\n            if (sortedColumn) {\n                columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n            }\n        }\n    }\n\n    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n            <span data-row-move-indicator>\n                <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {title}\n            </span>\n        </Tooltip>\n    );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n    let title;\n    let description;\n\n    switch (reason) {\n        case 'filter':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n\n        case 'search':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n\n        case 'sorting':\n            title = texts.table3.editing.rowIndicator.rowWillMove;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n\n        default:\n            title = '';\n            description = '';\n            break;\n    }\n\n    return { title, description };\n}\n"],"names":["React","_a"],"mappings":";;;;AAcO,SAAS,iBAAkC,OAA0C;;AACxF,QAAM,EAAE,MAAM,SAAS,YAAgB,IAAA;AACjC,QAAA,EAAE,MAAM,IAAI,gBAAgB;AAClC,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAM,SAAS,KAAK;AACtC,QAAA,QAAQ,KAAK,WAAA,EAAa;AAC1B,QAAA,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAC;AACnD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjEA,iBAAM,UAAU,MAAM;;AAClB,QAAI,QAAQ,SAAS;AACb,UAAA,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,cAAaC,MAAA,QAAQ,QAAQ,kBAAhB,gBAAAA,IAA+B,cAAc;AAE5D,YAAA,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,wBAAQ,QAAQ,kBAAhB,mBAA+B,aAAa,yBAAyB;AAAA,QAAM;AAAA,MAC/E,OACG;AACH,gBAAQ,KAAK;AACL,sBAAA,QAAQ,kBAAR,mBAAuB,gBAAgB;AAAA,MAAuB;AAAA,IAC1E;AAGJ,WAAO,MAAM;;AACT,UAAI,QAAQ,SAAS;AACT,SAAAA,MAAA,QAAA,QAAQ,kBAAR,gBAAAA,IAAuB,gBAAgB;AAAA,MAAuB;AAAA,IAE9E;AAAA,EACD,GAAA,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACA,WAAA;AAAA,EAAA;AAGX,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AACpB,UAAA,gBAAgB,MAAM,SAAA,EAAW;AACjC,UAAA,YAAW,mBAAc,CAAC,MAAf,mBAAkB;AAEnC,QAAI,UAAU;AACJ,YAAA,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACE,uBAAA,aAAa,UAAU,KAA8C;AAAA,MAAA;AAAA,IACzF;AAAA,EACJ;AAIA,SAAAD,+BAAA,cAAC,WAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAC3E,GAAAA,+BAAA,cAAC,UAAK,2BAAuB,KAAA,gDACxB,MAAK,EAAA,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AAChE,MAAA;AACA,MAAA;AAEJ,UAAQ,QAAQ;AAAA,IACZ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACO,cAAA,MAAM,OAAO,QAAQ,aAAa;AAC5B,oBAAA,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACY,cAAA;AACM,oBAAA;AACd;AAAA,EAAA;AAGD,SAAA,EAAE,OAAO,YAAY;AAChC;"}
+{"version":3,"file":"RowMoveIndicator.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { Cell as ReactTableCell, TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\nimport { LocalizationTexts, useLocalization } from '../../../../../Provider/Localization';\nimport { Icon } from '../../../../../Icon/Icon';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n    cell: ReactTableCell<TType, unknown>;\n    cellRef: React.RefObject<HTMLTableCellElement | null>;\n    isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n    const { cell, cellRef, isActiveRow } = props;\n    const { texts } = useLocalization();\n    const [show, setShow] = React.useState(false);\n    const table = cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n    const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n    React.useEffect(() => {\n        if (cellRef.current) {\n            if (isActiveRow && !!moveReason) {\n                const firstChild = cellRef.current.parentElement?.querySelector(`td[data-taco=\"cell-control\"]`);\n\n                if (cellRef.current === firstChild) {\n                    setShow(true);\n                    cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n                }\n            } else {\n                setShow(false);\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        }\n\n        return () => {\n            if (cellRef.current) {\n                cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n            }\n        };\n    }, [cellRef, isActiveRow, moveReason]);\n\n    if (!show) {\n        return null;\n    }\n\n    const { title, description } = getMessageFromReason(texts, moveReason);\n\n    let columnHeader = columnMeta.header;\n\n    if (moveReason === 'sorting') {\n        const sortedColumns = table.getState().sorting;\n        const columnId = sortedColumns[0]?.id;\n\n        if (columnId) {\n            const sortedColumn = table.getColumn(columnId);\n            if (sortedColumn) {\n                columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n            }\n        }\n    }\n\n    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n            <span data-row-move-indicator>\n                <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {title}\n            </span>\n        </Tooltip>\n    );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n    let title;\n    let description;\n\n    switch (reason) {\n        case 'filter':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n\n        case 'search':\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n\n        case 'sorting':\n            title = texts.table3.editing.rowIndicator.rowWillMove;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n            break;\n\n        default:\n            title = '';\n            description = '';\n            break;\n    }\n\n    return { title, description };\n}\n"],"names":["React"],"mappings":";;;;AAcO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjEA,iBAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACIA,+BAAA,cAAC,WAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3EA,+BAAA,cAAC,UAAK,2BAAuB,KAAA,gDACxB,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;"}

package/dist/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.cjs

@@ -36,22 +36,19 @@ const TextareaWithAutosizing = React.forwardRef(
       }
     };
     const handleFocus = (event) => {
-      var _a;
       toggleHeight();
-      (_a = props.onFocus) == null ? void 0 : _a.call(props, event);
+      props.onFocus?.(event);
     };
     const handleBlur = (event) => {
-      var _a;
       if (isTruncated) {
         toggleHeight(true);
       }
       event.target.scrollTop = 0;
-      (_a = props.onBlur) == null ? void 0 : _a.call(props, event);
+      props.onBlur?.(event);
     };
     const handleChange = (event) => {
-      var _a;
       toggleHeight();
-      (_a = props.onChange) == null ? void 0 : _a.call(props, event);
+      props.onChange?.(event);
     };
     const textarea = /* @__PURE__ */ React.createElement(
       Textarea.Textarea,

package/dist/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaWithAutosizing.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.tsx"],"sourcesContent":["import React from 'react';\nimport { Textarea, TextareaProps } from '../../../../../Textarea/Textarea';\nimport { TableFontSize } from '../../../../../../primitives/Table/types';\nimport { useMergedRef } from '../../../../../../hooks/useMergedRef';\n\ntype TextareaWithAutosizingProps = TextareaProps & {\n    fontSize: TableFontSize;\n    isTruncated: boolean;\n};\n\nexport const TextareaWithAutosizing = React.forwardRef<HTMLTextAreaElement, TextareaWithAutosizingProps>(\n    function TextareaWithAutosizing(props, ref) {\n        const { fontSize, isTruncated, ...attributes } = props;\n        const internalRef = useMergedRef<HTMLTextAreaElement>(ref);\n        const initialHeightRef = React.useRef<number>(0);\n\n        React.useLayoutEffect(() => {\n            if (internalRef.current) {\n                initialHeightRef.current = internalRef.current.getBoundingClientRect().height;\n\n                if (!isTruncated) {\n                    toggleHeight();\n                }\n            }\n        }, [fontSize]);\n\n        const toggleHeight = (reset = false) => {\n            if (internalRef.current) {\n                if (reset) {\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${initialHeightRef.current}px`;\n                    }\n                } else {\n                    internalRef.current.style.height = 'inherit';\n\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${Math.min(\n                            internalRef.current.scrollHeight,\n                            initialHeightRef.current * 3\n                        )}px`;\n                    } else {\n                        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;\n                    }\n                }\n            }\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (isTruncated) {\n                toggleHeight(true);\n            }\n            event.target.scrollTop = 0;\n            props.onBlur?.(event);\n        };\n\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onChange?.(event);\n        };\n\n        const textarea = (\n            <Textarea\n                {...attributes}\n                rows={1}\n                onBlur={handleBlur}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                ref={internalRef}\n            />\n        );\n\n        if (isTruncated) {\n            return (\n                <div className=\"relative inline-flex w-full focus-within:z-30\" data-taco=\"input-container\">\n                    {textarea}\n                </div>\n            );\n        }\n\n        return textarea;\n    }\n);\n"],"names":["TextareaWithAutosizing","useMergedRef","Textarea"],"mappings":";;;;;AAUO,MAAM,yBAAyB,MAAM;AAAA,EACxC,SAASA,wBAAuB,OAAO,KAAK;AACxC,UAAM,EAAE,UAAU,aAAa,GAAG,WAAe,IAAA;AAC3C,UAAA,cAAcC,0BAAkC,GAAG;AACnD,UAAA,mBAAmB,MAAM,OAAe,CAAC;AAE/C,UAAM,gBAAgB,MAAM;AACxB,UAAI,YAAY,SAAS;AACrB,yBAAiB,UAAU,YAAY,QAAQ,sBAAwB,EAAA;AAEvE,YAAI,CAAC,aAAa;AACD,uBAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IACJ,GACD,CAAC,QAAQ,CAAC;AAEP,UAAA,eAAe,CAAC,QAAQ,UAAU;AACpC,UAAI,YAAY,SAAS;AACrB,YAAI,OAAO;AACP,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,UAAA;AAAA,QAClE,OACG;AACS,sBAAA,QAAQ,MAAM,SAAS;AAEnC,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,KAAK;AAAA,cACvC,YAAY,QAAQ;AAAA,cACpB,iBAAiB,UAAU;AAAA,YAC9B,CAAA;AAAA,UAAA,OACE;AACH,wBAAY,QAAQ,MAAM,SAAS,GAAG,YAAY,QAAQ,YAAY;AAAA,UAAA;AAAA,QAC1E;AAAA,MACJ;AAAA,IAER;AAEM,UAAA,cAAc,CAAC,UAAiD;;AACrD,mBAAA;AACb,kBAAM,YAAN,+BAAgB;AAAA,IACpB;AAEM,UAAA,aAAa,CAAC,UAAiD;;AACjE,UAAI,aAAa;AACb,qBAAa,IAAI;AAAA,MAAA;AAErB,YAAM,OAAO,YAAY;AACzB,kBAAM,WAAN,+BAAe;AAAA,IACnB;AAEM,UAAA,eAAe,CAAC,UAAkD;;AACvD,mBAAA;AACb,kBAAM,aAAN,+BAAiB;AAAA,IACrB;AAEA,UAAM,WACF,sBAAA;AAAA,MAACC,SAAA;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,MAAA;AAAA,IACT;AAGJ,QAAI,aAAa;AACb,iDACK,OAAI,EAAA,WAAU,iDAAgD,aAAU,qBACpE,QACL;AAAA,IAAA;AAID,WAAA;AAAA,EAAA;AAEf;;"}
+{"version":3,"file":"TextareaWithAutosizing.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.tsx"],"sourcesContent":["import React from 'react';\nimport { Textarea, TextareaProps } from '../../../../../Textarea/Textarea';\nimport { TableFontSize } from '../../../../../../primitives/Table/types';\nimport { useMergedRef } from '../../../../../../hooks/useMergedRef';\n\ntype TextareaWithAutosizingProps = TextareaProps & {\n    fontSize: TableFontSize;\n    isTruncated: boolean;\n};\n\nexport const TextareaWithAutosizing = React.forwardRef<HTMLTextAreaElement, TextareaWithAutosizingProps>(\n    function TextareaWithAutosizing(props, ref) {\n        const { fontSize, isTruncated, ...attributes } = props;\n        const internalRef = useMergedRef<HTMLTextAreaElement>(ref);\n        const initialHeightRef = React.useRef<number>(0);\n\n        React.useLayoutEffect(() => {\n            if (internalRef.current) {\n                initialHeightRef.current = internalRef.current.getBoundingClientRect().height;\n\n                if (!isTruncated) {\n                    toggleHeight();\n                }\n            }\n        }, [fontSize]);\n\n        const toggleHeight = (reset = false) => {\n            if (internalRef.current) {\n                if (reset) {\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${initialHeightRef.current}px`;\n                    }\n                } else {\n                    internalRef.current.style.height = 'inherit';\n\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${Math.min(\n                            internalRef.current.scrollHeight,\n                            initialHeightRef.current * 3\n                        )}px`;\n                    } else {\n                        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;\n                    }\n                }\n            }\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (isTruncated) {\n                toggleHeight(true);\n            }\n            event.target.scrollTop = 0;\n            props.onBlur?.(event);\n        };\n\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onChange?.(event);\n        };\n\n        const textarea = (\n            <Textarea\n                {...attributes}\n                rows={1}\n                onBlur={handleBlur}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                ref={internalRef}\n            />\n        );\n\n        if (isTruncated) {\n            return (\n                <div className=\"relative inline-flex w-full focus-within:z-30\" data-taco=\"input-container\">\n                    {textarea}\n                </div>\n            );\n        }\n\n        return textarea;\n    }\n);\n"],"names":["TextareaWithAutosizing","useMergedRef","Textarea"],"mappings":";;;;;AAUO,MAAM,yBAAyB,MAAM;AAAA,EACxC,SAASA,wBAAuB,OAAO,KAAK;AACxC,UAAM,EAAE,UAAU,aAAa,GAAG,eAAe;AACjD,UAAM,cAAcC,aAAAA,aAAkC,GAAG;AACzD,UAAM,mBAAmB,MAAM,OAAe,CAAC;AAE/C,UAAM,gBAAgB,MAAM;AACxB,UAAI,YAAY,SAAS;AACrB,yBAAiB,UAAU,YAAY,QAAQ,sBAAA,EAAwB;AAEvE,YAAI,CAAC,aAAa;AACd,uBAAA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,eAAe,CAAC,QAAQ,UAAU;AACpC,UAAI,YAAY,SAAS;AACrB,YAAI,OAAO;AACP,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,UAClE;AAAA,QACJ,OAAO;AACH,sBAAY,QAAQ,MAAM,SAAS;AAEnC,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,KAAK;AAAA,cACvC,YAAY,QAAQ;AAAA,cACpB,iBAAiB,UAAU;AAAA,YAAA,CAC9B;AAAA,UACL,OAAO;AACH,wBAAY,QAAQ,MAAM,SAAS,GAAG,YAAY,QAAQ,YAAY;AAAA,UAC1E;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,cAAc,CAAC,UAAiD;AAClE,mBAAA;AACA,YAAM,UAAU,KAAK;AAAA,IACzB;AAEA,UAAM,aAAa,CAAC,UAAiD;AACjE,UAAI,aAAa;AACb,qBAAa,IAAI;AAAA,MACrB;AACA,YAAM,OAAO,YAAY;AACzB,YAAM,SAAS,KAAK;AAAA,IACxB;AAEA,UAAM,eAAe,CAAC,UAAkD;AACpE,mBAAA;AACA,YAAM,WAAW,KAAK;AAAA,IAC1B;AAEA,UAAM,WACF,sBAAA;AAAA,MAACC,SAAAA;AAAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,MAAA;AAAA,IAAA;AAIb,QAAI,aAAa;AACb,iDACK,OAAA,EAAI,WAAU,iDAAgD,aAAU,qBACpE,QACL;AAAA,IAER;AAEA,WAAO;AAAA,EACX;AACJ;;"}

package/dist/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.js

@@ -34,22 +34,19 @@ const TextareaWithAutosizing = React__default.forwardRef(
       }
     };
     const handleFocus = (event) => {
-      var _a;
       toggleHeight();
-      (_a = props.onFocus) == null ? void 0 : _a.call(props, event);
+      props.onFocus?.(event);
     };
     const handleBlur = (event) => {
-      var _a;
       if (isTruncated) {
         toggleHeight(true);
       }
       event.target.scrollTop = 0;
-      (_a = props.onBlur) == null ? void 0 : _a.call(props, event);
+      props.onBlur?.(event);
     };
     const handleChange = (event) => {
-      var _a;
       toggleHeight();
-      (_a = props.onChange) == null ? void 0 : _a.call(props, event);
+      props.onChange?.(event);
     };
     const textarea = /* @__PURE__ */ React__default.createElement(
       Textarea,

package/dist/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextareaWithAutosizing.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.tsx"],"sourcesContent":["import React from 'react';\nimport { Textarea, TextareaProps } from '../../../../../Textarea/Textarea';\nimport { TableFontSize } from '../../../../../../primitives/Table/types';\nimport { useMergedRef } from '../../../../../../hooks/useMergedRef';\n\ntype TextareaWithAutosizingProps = TextareaProps & {\n    fontSize: TableFontSize;\n    isTruncated: boolean;\n};\n\nexport const TextareaWithAutosizing = React.forwardRef<HTMLTextAreaElement, TextareaWithAutosizingProps>(\n    function TextareaWithAutosizing(props, ref) {\n        const { fontSize, isTruncated, ...attributes } = props;\n        const internalRef = useMergedRef<HTMLTextAreaElement>(ref);\n        const initialHeightRef = React.useRef<number>(0);\n\n        React.useLayoutEffect(() => {\n            if (internalRef.current) {\n                initialHeightRef.current = internalRef.current.getBoundingClientRect().height;\n\n                if (!isTruncated) {\n                    toggleHeight();\n                }\n            }\n        }, [fontSize]);\n\n        const toggleHeight = (reset = false) => {\n            if (internalRef.current) {\n                if (reset) {\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${initialHeightRef.current}px`;\n                    }\n                } else {\n                    internalRef.current.style.height = 'inherit';\n\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${Math.min(\n                            internalRef.current.scrollHeight,\n                            initialHeightRef.current * 3\n                        )}px`;\n                    } else {\n                        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;\n                    }\n                }\n            }\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (isTruncated) {\n                toggleHeight(true);\n            }\n            event.target.scrollTop = 0;\n            props.onBlur?.(event);\n        };\n\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onChange?.(event);\n        };\n\n        const textarea = (\n            <Textarea\n                {...attributes}\n                rows={1}\n                onBlur={handleBlur}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                ref={internalRef}\n            />\n        );\n\n        if (isTruncated) {\n            return (\n                <div className=\"relative inline-flex w-full focus-within:z-30\" data-taco=\"input-container\">\n                    {textarea}\n                </div>\n            );\n        }\n\n        return textarea;\n    }\n);\n"],"names":["React","TextareaWithAutosizing"],"mappings":";;;AAUO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,SAASC,wBAAuB,OAAO,KAAK;AACxC,UAAM,EAAE,UAAU,aAAa,GAAG,WAAe,IAAA;AAC3C,UAAA,cAAc,aAAkC,GAAG;AACnD,UAAA,mBAAmBD,eAAM,OAAe,CAAC;AAE/CA,mBAAM,gBAAgB,MAAM;AACxB,UAAI,YAAY,SAAS;AACrB,yBAAiB,UAAU,YAAY,QAAQ,sBAAwB,EAAA;AAEvE,YAAI,CAAC,aAAa;AACD,uBAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IACJ,GACD,CAAC,QAAQ,CAAC;AAEP,UAAA,eAAe,CAAC,QAAQ,UAAU;AACpC,UAAI,YAAY,SAAS;AACrB,YAAI,OAAO;AACP,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,UAAA;AAAA,QAClE,OACG;AACS,sBAAA,QAAQ,MAAM,SAAS;AAEnC,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,KAAK;AAAA,cACvC,YAAY,QAAQ;AAAA,cACpB,iBAAiB,UAAU;AAAA,YAC9B,CAAA;AAAA,UAAA,OACE;AACH,wBAAY,QAAQ,MAAM,SAAS,GAAG,YAAY,QAAQ,YAAY;AAAA,UAAA;AAAA,QAC1E;AAAA,MACJ;AAAA,IAER;AAEM,UAAA,cAAc,CAAC,UAAiD;;AACrD,mBAAA;AACb,kBAAM,YAAN,+BAAgB;AAAA,IACpB;AAEM,UAAA,aAAa,CAAC,UAAiD;;AACjE,UAAI,aAAa;AACb,qBAAa,IAAI;AAAA,MAAA;AAErB,YAAM,OAAO,YAAY;AACzB,kBAAM,WAAN,+BAAe;AAAA,IACnB;AAEM,UAAA,eAAe,CAAC,UAAkD;;AACvD,mBAAA;AACb,kBAAM,aAAN,+BAAiB;AAAA,IACrB;AAEA,UAAM,WACFA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,MAAA;AAAA,IACT;AAGJ,QAAI,aAAa;AACb,0DACK,OAAI,EAAA,WAAU,iDAAgD,aAAU,qBACpE,QACL;AAAA,IAAA;AAID,WAAA;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"TextareaWithAutosizing.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.tsx"],"sourcesContent":["import React from 'react';\nimport { Textarea, TextareaProps } from '../../../../../Textarea/Textarea';\nimport { TableFontSize } from '../../../../../../primitives/Table/types';\nimport { useMergedRef } from '../../../../../../hooks/useMergedRef';\n\ntype TextareaWithAutosizingProps = TextareaProps & {\n    fontSize: TableFontSize;\n    isTruncated: boolean;\n};\n\nexport const TextareaWithAutosizing = React.forwardRef<HTMLTextAreaElement, TextareaWithAutosizingProps>(\n    function TextareaWithAutosizing(props, ref) {\n        const { fontSize, isTruncated, ...attributes } = props;\n        const internalRef = useMergedRef<HTMLTextAreaElement>(ref);\n        const initialHeightRef = React.useRef<number>(0);\n\n        React.useLayoutEffect(() => {\n            if (internalRef.current) {\n                initialHeightRef.current = internalRef.current.getBoundingClientRect().height;\n\n                if (!isTruncated) {\n                    toggleHeight();\n                }\n            }\n        }, [fontSize]);\n\n        const toggleHeight = (reset = false) => {\n            if (internalRef.current) {\n                if (reset) {\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${initialHeightRef.current}px`;\n                    }\n                } else {\n                    internalRef.current.style.height = 'inherit';\n\n                    if (isTruncated) {\n                        internalRef.current.style.height = `${Math.min(\n                            internalRef.current.scrollHeight,\n                            initialHeightRef.current * 3\n                        )}px`;\n                    } else {\n                        internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;\n                    }\n                }\n            }\n        };\n\n        const handleFocus = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onFocus?.(event);\n        };\n\n        const handleBlur = (event: React.FocusEvent<HTMLTextAreaElement>) => {\n            if (isTruncated) {\n                toggleHeight(true);\n            }\n            event.target.scrollTop = 0;\n            props.onBlur?.(event);\n        };\n\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            toggleHeight();\n            props.onChange?.(event);\n        };\n\n        const textarea = (\n            <Textarea\n                {...attributes}\n                rows={1}\n                onBlur={handleBlur}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                ref={internalRef}\n            />\n        );\n\n        if (isTruncated) {\n            return (\n                <div className=\"relative inline-flex w-full focus-within:z-30\" data-taco=\"input-container\">\n                    {textarea}\n                </div>\n            );\n        }\n\n        return textarea;\n    }\n);\n"],"names":["React","TextareaWithAutosizing"],"mappings":";;;AAUO,MAAM,yBAAyBA,eAAM;AAAA,EACxC,SAASC,wBAAuB,OAAO,KAAK;AACxC,UAAM,EAAE,UAAU,aAAa,GAAG,eAAe;AACjD,UAAM,cAAc,aAAkC,GAAG;AACzD,UAAM,mBAAmBD,eAAM,OAAe,CAAC;AAE/CA,mBAAM,gBAAgB,MAAM;AACxB,UAAI,YAAY,SAAS;AACrB,yBAAiB,UAAU,YAAY,QAAQ,sBAAA,EAAwB;AAEvE,YAAI,CAAC,aAAa;AACd,uBAAA;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ,GAAG,CAAC,QAAQ,CAAC;AAEb,UAAM,eAAe,CAAC,QAAQ,UAAU;AACpC,UAAI,YAAY,SAAS;AACrB,YAAI,OAAO;AACP,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,iBAAiB,OAAO;AAAA,UAClE;AAAA,QACJ,OAAO;AACH,sBAAY,QAAQ,MAAM,SAAS;AAEnC,cAAI,aAAa;AACb,wBAAY,QAAQ,MAAM,SAAS,GAAG,KAAK;AAAA,cACvC,YAAY,QAAQ;AAAA,cACpB,iBAAiB,UAAU;AAAA,YAAA,CAC9B;AAAA,UACL,OAAO;AACH,wBAAY,QAAQ,MAAM,SAAS,GAAG,YAAY,QAAQ,YAAY;AAAA,UAC1E;AAAA,QACJ;AAAA,MACJ;AAAA,IACJ;AAEA,UAAM,cAAc,CAAC,UAAiD;AAClE,mBAAA;AACA,YAAM,UAAU,KAAK;AAAA,IACzB;AAEA,UAAM,aAAa,CAAC,UAAiD;AACjE,UAAI,aAAa;AACb,qBAAa,IAAI;AAAA,MACrB;AACA,YAAM,OAAO,YAAY;AACzB,YAAM,SAAS,KAAK;AAAA,IACxB;AAEA,UAAM,eAAe,CAAC,UAAkD;AACpE,mBAAA;AACA,YAAM,WAAW,KAAK;AAAA,IAC1B;AAEA,UAAM,WACFA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,QACT,KAAK;AAAA,MAAA;AAAA,IAAA;AAIb,QAAI,aAAa;AACb,0DACK,OAAA,EAAI,WAAU,iDAAgD,aAAU,qBACpE,QACL;AAAA,IAER;AAEA,WAAO;AAAA,EACX;AACJ;"}

package/dist/components/Table3/components/Columns/Cell/EditingControlCell.cjs

@@ -32,8 +32,7 @@ function EditingControlCell(props) {
   const rowChanges = tableMeta.editing.getRowValue(cell.row.id);
   const shouldRunUpdate = React.useRef(false);
   const hasNonTextControl = React.useMemo(() => {
-    var _a;
-    return typeof type === "function" && !!((_a = cellRef.current) == null ? void 0 : _a.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]'));
+    return typeof type === "function" && !!cellRef.current?.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]');
   }, [cellRef.current]);
   useLazyEffect.useLazyEffect(() => {
     if (hasNonTextControl && shouldRunUpdate.current) {
@@ -136,7 +135,6 @@ const MemoedEditingCell = React.memo(function MemoedEditingCell2(props) {
     tabIndex
   };
   const handleInputKeyDown = (event) => {
-    var _a, _b, _c, _d;
     const target = event.target;
     if (target.readOnly) {
       return;
@@ -150,10 +148,10 @@ const MemoedEditingCell = React.memo(function MemoedEditingCell2(props) {
       }
       event.preventDefault();
       if (isDetailedMode) {
-        (_a = target.select) == null ? void 0 : _a.call(target);
+        target.select?.();
         onExitDetailedMode();
       } else {
-        (_d = target.setSelectionRange) == null ? void 0 : _d.call(target, (_b = target.value) == null ? void 0 : _b.length, (_c = target.value) == null ? void 0 : _c.length);
+        target.setSelectionRange?.(target.value?.length, target.value?.length);
       }
       toggleDetailedMode((editing) => !editing);
       return;
@@ -165,10 +163,7 @@ const MemoedEditingCell = React.memo(function MemoedEditingCell2(props) {
         if (value !== currentValue) {
           props.onChange(currentValue);
         }
-        requestAnimationFrame(() => {
-          var _a2;
-          return (_a2 = target.select) == null ? void 0 : _a2.call(target);
-        });
+        requestAnimationFrame(() => target.select?.());
       }
       return;
     }
@@ -233,13 +228,12 @@ const MemoedEditingCell = React.memo(function MemoedEditingCell2(props) {
       }
     };
     const handleDatepickerInputKeyDown = (event) => {
-      var _a;
       const target = event.target;
       if (isDetailedMode && event.key === "Enter") {
         if (target.value === "") {
           onChange(null);
         } else {
-          (_a = target.select) == null ? void 0 : _a.call(target);
+          target.select?.();
           return;
         }
       }
@@ -260,9 +254,8 @@ const MemoedEditingCell = React.memo(function MemoedEditingCell2(props) {
     );
   }
   const handleChange = (event) => {
-    var _a;
     const dataTypeProps = dataTypes.getDataTypeProperties(dataType);
-    onChange(((_a = dataTypeProps.parse) == null ? void 0 : _a.call(dataTypeProps, event.target.value, locale)) ?? event.target.value);
+    onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);
   };
   if (type === "textarea") {
     return /* @__PURE__ */ React.createElement(

package/dist/components/Table3/components/Columns/Cell/EditingControlCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditingControlCell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate, isEqual as isEqualDate, isSameDay } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\nimport { getDataTypeProperties } from '../../../../../primitives/Table/useTableManager/util/dataTypes';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { useLazyEffect } from '../../../../../hooks/useLazyEffect';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const locale = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n    const rowChanges = tableMeta.editing.getRowValue(cell.row.id);\n    const shouldRunUpdate = React.useRef(false);\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    useLazyEffect(() => {\n        // Use an effect instead of a change handler to prevent onEditingChange from running with a stale js closure during on-the-fly creation.\n        if (hasNonTextControl && shouldRunUpdate.current) {\n            tableMeta.editing.onCellChanged(cell, rowIndex, value, true, false);\n            shouldRunUpdate.current = false; // prevent risk of infinite loop, in case there'd ever be an updater function with two values that update each other.\n        }\n    }, [value]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            let hasChanged = false;\n\n            if (columnMeta.dataType === 'date') {\n                hasChanged = !isSameDay(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'datetime') {\n                hasChanged = !isEqualDate(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'time') {\n                const next = new Date(nextValue as string | Date);\n                const current = new Date(value as string | Date);\n                hasChanged = !(next.getHours() === current.getHours() && next.getMinutes() === current.getMinutes());\n            } else {\n                hasChanged = nextValue !== value;\n            }\n\n            if (hasChanged) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n                shouldRunUpdate.current = hasNonTextControl;\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value, columnMeta.dataType]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (event && isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            requestAnimationFrame(() => {\n                tableMeta.editing.toggleDetailedMode(false);\n                tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl, true);\n            });\n        },\n        [hasNonTextControl, cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]\n    );\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const handleExitDetailedMode = React.useCallback(() => {\n        tableMeta.editing.onCellChanged(cell, rowIndex, undefined, true, true);\n    }, [cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        disabled: tableMeta.editing.getRowStatus(cell.row.id) === 'saving',\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        locale: locale.locale,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        onExitDetailedMode: handleExitDetailedMode,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    disabled: boolean;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    locale: string;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    onExitDetailedMode: () => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        disabled,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        locale,\n        onBlur,\n        onChange,\n        onExitDetailedMode,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id as keyof TType];\n    const commonProps = {\n        disabled,\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n                onExitDetailedMode();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handlePaste = () => {\n        if (!isDetailedMode) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n                const target = (event.target as HTMLElement) || null;\n                // it make sense to handle keydown for the custom edititng controls only if target is either input or textarea\n                if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')) {\n                    handleInputKeyDown(event as React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>);\n                }\n            },\n            onPaste: handlePaste,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        const handleDatepickerInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const target = event.target as HTMLInputElement;\n\n            if (isDetailedMode && event.key === 'Enter') {\n                // If the field is empty, save as null before exiting detailed mode\n                // This prevents the value from reverting to the previous value\n                if (target.value === '') {\n                    onChange(null);\n                } else {\n                    // When value is not empty, prevent handleInputKeyDown and give full control to Datepicker\n                    // The datepicker will exit \"detailed mode\" by itself when a valid date change is triggered\n                    target.select?.();\n                    return;\n                }\n            }\n\n            handleInputKeyDown(event);\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleDatepickerInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const dataTypeProps = getDataTypeProperties(dataType);\n        onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);\n    };\n\n    if (type === 'textarea') {\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            onPaste={handlePaste}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => JSX.Element;\n"],"names":["RowContext","useLocalization","useEditingCellAutofocus","useLazyEffect","isSameDay","isEqualDate","isElementInsideOrTriggeredFromContainer","getCellAttributes","Field","RowMoveIndicator","MemoedEditingCell","_a","isPressingMetaKey","Switch","Checkbox","date.parse","handleChange","isDate","date.isWeakEqual","Datepicker","getDataTypeProperties","TextareaWithAutosizing","Input"],"mappings":"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"}
+{"version":3,"file":"EditingControlCell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate, isEqual as isEqualDate, isSameDay } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\nimport { getDataTypeProperties } from '../../../../../primitives/Table/useTableManager/util/dataTypes';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { useLazyEffect } from '../../../../../hooks/useLazyEffect';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const locale = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n    const rowChanges = tableMeta.editing.getRowValue(cell.row.id);\n    const shouldRunUpdate = React.useRef(false);\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    useLazyEffect(() => {\n        // Use an effect instead of a change handler to prevent onEditingChange from running with a stale js closure during on-the-fly creation.\n        if (hasNonTextControl && shouldRunUpdate.current) {\n            tableMeta.editing.onCellChanged(cell, rowIndex, value, true, false);\n            shouldRunUpdate.current = false; // prevent risk of infinite loop, in case there'd ever be an updater function with two values that update each other.\n        }\n    }, [value]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            let hasChanged = false;\n\n            if (columnMeta.dataType === 'date') {\n                hasChanged = !isSameDay(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'datetime') {\n                hasChanged = !isEqualDate(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'time') {\n                const next = new Date(nextValue as string | Date);\n                const current = new Date(value as string | Date);\n                hasChanged = !(next.getHours() === current.getHours() && next.getMinutes() === current.getMinutes());\n            } else {\n                hasChanged = nextValue !== value;\n            }\n\n            if (hasChanged) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n                shouldRunUpdate.current = hasNonTextControl;\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value, columnMeta.dataType]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (event && isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            requestAnimationFrame(() => {\n                tableMeta.editing.toggleDetailedMode(false);\n                tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl, true);\n            });\n        },\n        [hasNonTextControl, cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]\n    );\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const handleExitDetailedMode = React.useCallback(() => {\n        tableMeta.editing.onCellChanged(cell, rowIndex, undefined, true, true);\n    }, [cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        disabled: tableMeta.editing.getRowStatus(cell.row.id) === 'saving',\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        locale: locale.locale,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        onExitDetailedMode: handleExitDetailedMode,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    disabled: boolean;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    locale: string;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    onExitDetailedMode: () => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        disabled,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        locale,\n        onBlur,\n        onChange,\n        onExitDetailedMode,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id as keyof TType];\n    const commonProps = {\n        disabled,\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n                onExitDetailedMode();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handlePaste = () => {\n        if (!isDetailedMode) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n                const target = (event.target as HTMLElement) || null;\n                // it make sense to handle keydown for the custom edititng controls only if target is either input or textarea\n                if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')) {\n                    handleInputKeyDown(event as React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>);\n                }\n            },\n            onPaste: handlePaste,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        const handleDatepickerInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const target = event.target as HTMLInputElement;\n\n            if (isDetailedMode && event.key === 'Enter') {\n                // If the field is empty, save as null before exiting detailed mode\n                // This prevents the value from reverting to the previous value\n                if (target.value === '') {\n                    onChange(null);\n                } else {\n                    // When value is not empty, prevent handleInputKeyDown and give full control to Datepicker\n                    // The datepicker will exit \"detailed mode\" by itself when a valid date change is triggered\n                    target.select?.();\n                    return;\n                }\n            }\n\n            handleInputKeyDown(event);\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleDatepickerInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const dataTypeProps = getDataTypeProperties(dataType);\n        onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);\n    };\n\n    if (type === 'textarea') {\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            onPaste={handlePaste}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => React.JSX.Element;\n"],"names":["RowContext","useLocalization","useEditingCellAutofocus","useLazyEffect","isSameDay","isEqualDate","isElementInsideOrTriggeredFromContainer","getCellAttributes","Field","RowMoveIndicator","MemoedEditingCell","isPressingMetaKey","Switch","Checkbox","date.parse","handleChange","isDate","date.isWeakEqual","Datepicker","getDataTypeProperties","TextareaWithAutosizing","Input"],"mappings":"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"}

package/dist/components/Table3/components/Columns/Cell/EditingControlCell.js

@@ -30,8 +30,7 @@ function EditingControlCell(props) {
   const rowChanges = tableMeta.editing.getRowValue(cell.row.id);
   const shouldRunUpdate = React__default.useRef(false);
   const hasNonTextControl = React__default.useMemo(() => {
-    var _a;
-    return typeof type === "function" && !!((_a = cellRef.current) == null ? void 0 : _a.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]'));
+    return typeof type === "function" && !!cellRef.current?.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]');
   }, [cellRef.current]);
   useLazyEffect(() => {
     if (hasNonTextControl && shouldRunUpdate.current) {
@@ -134,7 +133,6 @@ const MemoedEditingCell = React__default.memo(function MemoedEditingCell2(props)
     tabIndex
   };
   const handleInputKeyDown = (event) => {
-    var _a, _b, _c, _d;
     const target = event.target;
     if (target.readOnly) {
       return;
@@ -148,10 +146,10 @@ const MemoedEditingCell = React__default.memo(function MemoedEditingCell2(props)
       }
       event.preventDefault();
       if (isDetailedMode) {
-        (_a = target.select) == null ? void 0 : _a.call(target);
+        target.select?.();
         onExitDetailedMode();
       } else {
-        (_d = target.setSelectionRange) == null ? void 0 : _d.call(target, (_b = target.value) == null ? void 0 : _b.length, (_c = target.value) == null ? void 0 : _c.length);
+        target.setSelectionRange?.(target.value?.length, target.value?.length);
       }
       toggleDetailedMode((editing) => !editing);
       return;
@@ -163,10 +161,7 @@ const MemoedEditingCell = React__default.memo(function MemoedEditingCell2(props)
         if (value !== currentValue) {
           props.onChange(currentValue);
         }
-        requestAnimationFrame(() => {
-          var _a2;
-          return (_a2 = target.select) == null ? void 0 : _a2.call(target);
-        });
+        requestAnimationFrame(() => target.select?.());
       }
       return;
     }
@@ -231,13 +226,12 @@ const MemoedEditingCell = React__default.memo(function MemoedEditingCell2(props)
       }
     };
     const handleDatepickerInputKeyDown = (event) => {
-      var _a;
       const target = event.target;
       if (isDetailedMode && event.key === "Enter") {
         if (target.value === "") {
           onChange(null);
         } else {
-          (_a = target.select) == null ? void 0 : _a.call(target);
+          target.select?.();
           return;
         }
       }
@@ -258,9 +252,8 @@ const MemoedEditingCell = React__default.memo(function MemoedEditingCell2(props)
     );
   }
   const handleChange = (event) => {
-    var _a;
     const dataTypeProps = getDataTypeProperties(dataType);
-    onChange(((_a = dataTypeProps.parse) == null ? void 0 : _a.call(dataTypeProps, event.target.value, locale)) ?? event.target.value);
+    onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);
   };
   if (type === "textarea") {
     return /* @__PURE__ */ React__default.createElement(

package/dist/components/Table3/components/Columns/Cell/EditingControlCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditingControlCell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate, isEqual as isEqualDate, isSameDay } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\nimport { getDataTypeProperties } from '../../../../../primitives/Table/useTableManager/util/dataTypes';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { useLazyEffect } from '../../../../../hooks/useLazyEffect';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const locale = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n    const rowChanges = tableMeta.editing.getRowValue(cell.row.id);\n    const shouldRunUpdate = React.useRef(false);\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    useLazyEffect(() => {\n        // Use an effect instead of a change handler to prevent onEditingChange from running with a stale js closure during on-the-fly creation.\n        if (hasNonTextControl && shouldRunUpdate.current) {\n            tableMeta.editing.onCellChanged(cell, rowIndex, value, true, false);\n            shouldRunUpdate.current = false; // prevent risk of infinite loop, in case there'd ever be an updater function with two values that update each other.\n        }\n    }, [value]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            let hasChanged = false;\n\n            if (columnMeta.dataType === 'date') {\n                hasChanged = !isSameDay(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'datetime') {\n                hasChanged = !isEqualDate(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'time') {\n                const next = new Date(nextValue as string | Date);\n                const current = new Date(value as string | Date);\n                hasChanged = !(next.getHours() === current.getHours() && next.getMinutes() === current.getMinutes());\n            } else {\n                hasChanged = nextValue !== value;\n            }\n\n            if (hasChanged) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n                shouldRunUpdate.current = hasNonTextControl;\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value, columnMeta.dataType]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (event && isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            requestAnimationFrame(() => {\n                tableMeta.editing.toggleDetailedMode(false);\n                tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl, true);\n            });\n        },\n        [hasNonTextControl, cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]\n    );\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const handleExitDetailedMode = React.useCallback(() => {\n        tableMeta.editing.onCellChanged(cell, rowIndex, undefined, true, true);\n    }, [cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        disabled: tableMeta.editing.getRowStatus(cell.row.id) === 'saving',\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        locale: locale.locale,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        onExitDetailedMode: handleExitDetailedMode,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    disabled: boolean;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    locale: string;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    onExitDetailedMode: () => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        disabled,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        locale,\n        onBlur,\n        onChange,\n        onExitDetailedMode,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id as keyof TType];\n    const commonProps = {\n        disabled,\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n                onExitDetailedMode();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handlePaste = () => {\n        if (!isDetailedMode) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n                const target = (event.target as HTMLElement) || null;\n                // it make sense to handle keydown for the custom edititng controls only if target is either input or textarea\n                if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')) {\n                    handleInputKeyDown(event as React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>);\n                }\n            },\n            onPaste: handlePaste,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        const handleDatepickerInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const target = event.target as HTMLInputElement;\n\n            if (isDetailedMode && event.key === 'Enter') {\n                // If the field is empty, save as null before exiting detailed mode\n                // This prevents the value from reverting to the previous value\n                if (target.value === '') {\n                    onChange(null);\n                } else {\n                    // When value is not empty, prevent handleInputKeyDown and give full control to Datepicker\n                    // The datepicker will exit \"detailed mode\" by itself when a valid date change is triggered\n                    target.select?.();\n                    return;\n                }\n            }\n\n            handleInputKeyDown(event);\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleDatepickerInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const dataTypeProps = getDataTypeProperties(dataType);\n        onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);\n    };\n\n    if (type === 'textarea') {\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            onPaste={handlePaste}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => JSX.Element;\n"],"names":["React","isEqualDate","MemoedEditingCell","_a","date.parse","handleChange","date.isWeakEqual"],"mappings":"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"}
+{"version":3,"file":"EditingControlCell.js","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate, isEqual as isEqualDate, isSameDay } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\nimport { getDataTypeProperties } from '../../../../../primitives/Table/useTableManager/util/dataTypes';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { useLazyEffect } from '../../../../../hooks/useLazyEffect';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const locale = useLocalization();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n    const rowChanges = tableMeta.editing.getRowValue(cell.row.id);\n    const shouldRunUpdate = React.useRef(false);\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    useLazyEffect(() => {\n        // Use an effect instead of a change handler to prevent onEditingChange from running with a stale js closure during on-the-fly creation.\n        if (hasNonTextControl && shouldRunUpdate.current) {\n            tableMeta.editing.onCellChanged(cell, rowIndex, value, true, false);\n            shouldRunUpdate.current = false; // prevent risk of infinite loop, in case there'd ever be an updater function with two values that update each other.\n        }\n    }, [value]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            let hasChanged = false;\n\n            if (columnMeta.dataType === 'date') {\n                hasChanged = !isSameDay(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'datetime') {\n                hasChanged = !isEqualDate(new Date(nextValue as string | Date), new Date(value as string | Date));\n            } else if (columnMeta.dataType === 'time') {\n                const next = new Date(nextValue as string | Date);\n                const current = new Date(value as string | Date);\n                hasChanged = !(next.getHours() === current.getHours() && next.getMinutes() === current.getMinutes());\n            } else {\n                hasChanged = nextValue !== value;\n            }\n\n            if (hasChanged) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n                shouldRunUpdate.current = hasNonTextControl;\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value, columnMeta.dataType]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (event && isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n\n            requestAnimationFrame(() => {\n                tableMeta.editing.toggleDetailedMode(false);\n                tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl, true);\n            });\n        },\n        [hasNonTextControl, cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]\n    );\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const handleExitDetailedMode = React.useCallback(() => {\n        tableMeta.editing.onCellChanged(cell, rowIndex, undefined, true, true);\n    }, [cell.row.id, JSON.stringify(rowChanges), rowIndex, cell.column.id, cell.row.original]);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        disabled: tableMeta.editing.getRowStatus(cell.row.id) === 'saving',\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        locale: locale.locale,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        onExitDetailedMode: handleExitDetailedMode,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    disabled: boolean;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    locale: string;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    onExitDetailedMode: () => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        disabled,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        locale,\n        onBlur,\n        onChange,\n        onExitDetailedMode,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id as keyof TType];\n    const commonProps = {\n        disabled,\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n                onExitDetailedMode();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handlePaste = () => {\n        if (!isDetailedMode) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => {\n                const target = (event.target as HTMLElement) || null;\n                // it make sense to handle keydown for the custom edititng controls only if target is either input or textarea\n                if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')) {\n                    handleInputKeyDown(event as React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>);\n                }\n            },\n            onPaste: handlePaste,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n            />\n        );\n    }\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        const handleDatepickerInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n            const target = event.target as HTMLInputElement;\n\n            if (isDetailedMode && event.key === 'Enter') {\n                // If the field is empty, save as null before exiting detailed mode\n                // This prevents the value from reverting to the previous value\n                if (target.value === '') {\n                    onChange(null);\n                } else {\n                    // When value is not empty, prevent handleInputKeyDown and give full control to Datepicker\n                    // The datepicker will exit \"detailed mode\" by itself when a valid date change is triggered\n                    target.select?.();\n                    return;\n                }\n            }\n\n            handleInputKeyDown(event);\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleDatepickerInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const dataTypeProps = getDataTypeProperties(dataType);\n        onChange(dataTypeProps.parse?.(event.target.value, locale) ?? event.target.value);\n    };\n\n    if (type === 'textarea') {\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                onPaste={handlePaste}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            onPaste={handlePaste}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => React.JSX.Element;\n"],"names":["React","isEqualDate","MemoedEditingCell","date.parse","handleChange","date.isWeakEqual"],"mappings":"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"}

package/dist/components/Table3/components/Columns/Cell/EditingDisplayCell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"EditingDisplayCell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;\n"],"names":["EditingDisplayCell","useEditingCellAutofocus","DisplayCell"],"mappings":";;;;;AAKO,MAAM,qBAAqB,MAAM,KAAK,SAASA,oBAAoC,OAAsC;AACtH,QAAA,cAAcC,6BAA+B,KAAK;AACxD,6CAAQC,YAAAA,aAAoB,EAAA,GAAG,OAAO,SAAS,aAAa,UAAU,IAAI;AAC9E,CAAC;;"}
+{"version":3,"file":"EditingDisplayCell.cjs","sources":["../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => React.JSX.Element;\n"],"names":["EditingDisplayCell","useEditingCellAutofocus","DisplayCell"],"mappings":";;;;;AAKO,MAAM,qBAAqB,MAAM,KAAK,SAASA,oBAAoC,OAAsC;AAC5H,QAAM,cAAcC,KAAAA,wBAA+B,KAAK;AACxD,6CAAQC,YAAAA,aAAA,EAAoB,GAAG,OAAO,SAAS,aAAa,UAAU,IAAI;AAC9E,CAAC;;"}