@economic/taco 2.47.0-server.3 → 2.47.0-server.5

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

@@ -16,16 +16,26 @@ function Group(_) {
   return null;
 }
 Group.displayName = 'Table3Group';
-const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref) {
+var BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref) {
   var _table3$meta$editing, _table3$meta$editing2;
-  const table3 = useTable3(props, ref);
-  const gridAttributes = {
+  var table3 = useTable3(props, ref);
+  var gridAttributes = {
     'data-table-editing-mode': (_table3$meta$editing = table3.meta.editing) !== null && _table3$meta$editing !== void 0 && _table3$meta$editing.isEditing ? (_table3$meta$editing2 = table3.meta.editing) !== null && _table3$meta$editing2 !== void 0 && _table3$meta$editing2.isDetailedMode ? 'detailed' : 'normal' : undefined,
     enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing
   };
-  const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().length;
-  const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;
-  const isScrolled = isTableScrolled(table3.ref);
+  var hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().length;
+  var hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;
+  var isScrolled = isTableScrolled(table3.ref);
+  var createWorkflow;
+  if (hasCreateWorkflow) {
+    createWorkflow = /*#__PURE__*/React__default.createElement(CreateNewRow, {
+      buttonRef: table3.meta.editing.createRowButtonRef,
+      isScrolled: isScrolled,
+      scrollToIndex: table3.renderer.scrollToIndex,
+      table: table3.instance,
+      tableMeta: table3.meta
+    });
+  }
   return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {
     table: table3
   }, table3.meta.editing.isEnabled ? (/*#__PURE__*/React__default.createElement(Editing, {
@@ -38,13 +48,7 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
     tableRef: table3.ref
   })) : null, /*#__PURE__*/React__default.createElement(Table.Grid, Object.assign({}, gridAttributes, {
     "data-taco": "table3",
-    footerRows: hasCreateWorkflow && isScrolled ? (/*#__PURE__*/React__default.createElement(CreateNewRow, {
-      buttonRef: table3.meta.editing.createRowButtonRef,
-      isScrolled: isScrolled,
-      scrollToIndex: table3.renderer.scrollToIndex,
-      table: table3.instance,
-      tableMeta: table3.meta
-    })) : undefined,
+    footerRows: hasCreateWorkflow && isScrolled ? createWorkflow : undefined,
     table: table3
   }), hasCreateWorkflow ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TemporaryRow, {
     createRowButtonRef: table3.meta.editing.createRowButtonRef,
@@ -52,19 +56,15 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
     table: table3.instance,
     tableMeta: table3.meta,
     tableRef: table3.ref
-  }), !isScrolled ? (/*#__PURE__*/React__default.createElement(CreateNewRow, {
-    buttonRef: table3.meta.editing.createRowButtonRef,
-    isScrolled: isScrolled,
-    scrollToIndex: table3.renderer.scrollToIndex,
-    table: table3.instance,
-    tableMeta: table3.meta
-  })) : null)) : null));
+  }), !isScrolled ? createWorkflow : null)) : null));
 });
-const Table3 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
-  const stringifiedChildren = String(props.children);
+var Table3 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
+  var stringifiedChildren = String(props.children);
   // we force a remount (using key) when the child columns change because there are too many places to add children as an effect
   // this is cheaper from a complexity perspective, and probably performance wise as well
-  const key = React__default.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);
+  var key = React__default.useMemo(function () {
+    return String('tableKey_' + stringifiedChildren);
+  }, [stringifiedChildren]);
   return /*#__PURE__*/React__default.createElement(BaseTable3, Object.assign({}, props, {
     key: key,
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRow } from './components/Row/Editing/TemporaryRow';\nimport './style.css';\nimport { isTableScrolled } from './util/editing';\n\nfunction Column<TType = unknown>(_: Table3ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().length;\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const isScrolled = isTableScrolled(table3.ref);\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={\n                    hasCreateWorkflow && isScrolled ? (\n                        <CreateNewRow\n                            buttonRef={table3.meta.editing.createRowButtonRef}\n                            isScrolled={isScrolled}\n                            scrollToIndex={table3.renderer.scrollToIndex}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                        />\n                    ) : undefined\n                }\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRow\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            isScrolled={isScrolled}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {!isScrolled ? (\n                            <CreateNewRow\n                                buttonRef={table3.meta.editing.createRowButtonRef}\n                                isScrolled={isScrolled}\n                                scrollToIndex={table3.renderer.scrollToIndex}\n                                table={table3.instance}\n                                tableMeta={table3.meta}\n                            />\n                        ) : null}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["Column","_","displayName","Group","BaseTable3","fixedForwardRef","props","ref","table3","useTable3","gridAttributes","_table3$meta$editing","meta","editing","isEditing","_table3$meta$editing2","isDetailedMode","undefined","enableHorizontalArrowKeyNavigation","hasAlertErrors","getErrorsShownInAlert","length","hasCreateWorkflow","isEnabled","onEditingCreate","isScrolled","isTableScrolled","React","Table","Toolbar","table","Editing","scrollToIndex","renderer","instance","Alert","className","tableRef","Grid","footerRows","CreateNewRow","buttonRef","createRowButtonRef","tableMeta","TemporaryRow","Table3","stringifiedChildren","String","children","key","useMemo"],"mappings":"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"}
+{"version":3,"file":"Table3.js","sources":["../../../../../../../src/components/Table3/Table3.tsx"],"sourcesContent":["import React from 'react';\nimport { fixedForwardRef } from '../../types';\nimport { useTable3 } from './useTable3';\nimport { Table } from '../../primitives/Table/Core/Table';\nimport { Alert } from './components/Editing/Alert';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport { CreateNewRow } from './components/Row/Editing/CreateNewRow';\nimport { TemporaryRow } from './components/Row/Editing/TemporaryRow';\nimport './style.css';\nimport { isTableScrolled } from './util/editing';\n\nfunction Column<TType = unknown>(_: Table3ColumnProps<TType>) {\n    return null;\n}\nColumn.displayName = 'Table3Column';\n\nfunction Group(_: Table3GroupProps) {\n    return null;\n}\nGroup.displayName = 'Table3Group';\n\nconst BaseTable3 = fixedForwardRef(function BaseTable3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const table3 = useTable3<TType>(props, ref);\n\n    const gridAttributes = {\n        'data-table-editing-mode': table3.meta.editing?.isEditing\n            ? table3.meta.editing?.isDetailedMode\n                ? 'detailed'\n                : 'normal'\n            : undefined,\n        enableHorizontalArrowKeyNavigation: table3.meta.editing.isEditing,\n    };\n\n    const hasAlertErrors = table3.meta.editing.getErrorsShownInAlert().length;\n    const hasCreateWorkflow = table3.meta.editing.isEnabled && props.onEditingCreate;\n    const isScrolled = isTableScrolled(table3.ref);\n\n    let createWorkflow;\n\n    if (hasCreateWorkflow) {\n        createWorkflow = (\n            <CreateNewRow\n                buttonRef={table3.meta.editing.createRowButtonRef}\n                isScrolled={isScrolled}\n                scrollToIndex={table3.renderer.scrollToIndex}\n                table={table3.instance}\n                tableMeta={table3.meta}\n            />\n        );\n    }\n\n    return (\n        <Table>\n            <Table.Toolbar<TType> table={table3}>\n                {table3.meta.editing.isEnabled ? (\n                    <Editing scrollToIndex={table3.renderer.scrollToIndex} table={table3.instance} />\n                ) : null}\n            </Table.Toolbar>\n            {hasAlertErrors ? (\n                <Alert\n                    className=\"mb-4\"\n                    scrollToIndex={table3.renderer.scrollToIndex}\n                    table={table3.instance}\n                    tableRef={table3.ref}\n                />\n            ) : null}\n            <Table.Grid<TType>\n                {...gridAttributes}\n                data-taco=\"table3\"\n                footerRows={hasCreateWorkflow && isScrolled ? createWorkflow : undefined}\n                table={table3}>\n                {hasCreateWorkflow ? (\n                    <>\n                        <TemporaryRow\n                            createRowButtonRef={table3.meta.editing.createRowButtonRef}\n                            isScrolled={isScrolled}\n                            table={table3.instance}\n                            tableMeta={table3.meta}\n                            tableRef={table3.ref}\n                        />\n                        {!isScrolled ? createWorkflow : null}\n                    </>\n                ) : null}\n            </Table.Grid>\n        </Table>\n    );\n});\n\nexport const Table3 = fixedForwardRef(function Table3<TType = unknown>(props: Table3Props<TType>, ref: React.Ref<Table3Ref>) {\n    const stringifiedChildren = String(props.children);\n    // we force a remount (using key) when the child columns change because there are too many places to add children as an effect\n    // this is cheaper from a complexity perspective, and probably performance wise as well\n    const key = React.useMemo(() => String('tableKey_' + stringifiedChildren), [stringifiedChildren]);\n    return <BaseTable3<TType> {...props} key={key} ref={ref} />;\n}) as (<TType = unknown>(props: Table3Props<TType> & React.RefAttributes<Table3Ref>) => JSX.Element) & {\n    Column: typeof Column;\n    Group: typeof Group;\n};\nTable3.Column = Column;\nTable3.Group = Group;\n\nexport type {\n    Table3Ref,\n    Table3Props,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3Texts,\n    Table3FeatureProps,\n    Table3CommonProps,\n    Table3WithoutEditingWithClientProps,\n    Table3WithoutEditingWithServerProps,\n    Table3WithEditingProps,\n    Table3WithEditingWithClientProps,\n    Table3WithEditingWithServerProps,\n    Table3EditingChangeHandler,\n    Table3EditingCreateHandler,\n} from './types';\n"],"names":["Column","_","displayName","Group","BaseTable3","fixedForwardRef","props","ref","table3","useTable3","gridAttributes","_table3$meta$editing","meta","editing","isEditing","_table3$meta$editing2","isDetailedMode","undefined","enableHorizontalArrowKeyNavigation","hasAlertErrors","getErrorsShownInAlert","length","hasCreateWorkflow","isEnabled","onEditingCreate","isScrolled","isTableScrolled","createWorkflow","React","CreateNewRow","buttonRef","createRowButtonRef","scrollToIndex","renderer","table","instance","tableMeta","Table","Toolbar","Editing","Alert","className","tableRef","Grid","footerRows","TemporaryRow","Table3","stringifiedChildren","String","children","key","useMemo"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/Columns/Cell/Cell.js

@@ -5,26 +5,25 @@ import { EditingControlCell } from './EditingControlCell.js';
 import { EditingDisplayCell } from './EditingDisplayCell.js';
 
 function Cell(props) {
-  const {
-    cell
-  } = props;
-  const {
-    isHovered,
-    rowIndex
-  } = React__default.useContext(RowContext);
-  const tableMeta = cell.getContext().table.options.meta;
-  const columnMeta = cell.column.columnDef.meta;
+  var cell = props.cell;
+  var _React$useContext = React__default.useContext(RowContext),
+    isHovered = _React$useContext.isHovered,
+    rowIndex = _React$useContext.rowIndex;
+  var tableMeta = cell.getContext().table.options.meta;
+  var columnMeta = cell.column.columnDef.meta;
   if (tableMeta.editing.isEditing) {
     if (columnMeta.control && columnMeta.enableEditing) {
-      const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
-      const cellError = tableMeta.editing.getCellError(cell);
-      const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;
+      var isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+      var cellError = tableMeta.editing.getCellError(cell);
+      var hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;
       // saves may be pending when not currently editing, but we want to show the "changed" data
       // otherwise the unsaved value flashes in while the request completes, which looks a bit shit
-      const changedValue = tableMeta.editing.getCellValue(cell);
+      var changedValue = tableMeta.editing.getCellValue(cell);
       if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {
         // a little hacky, but it seems to work without side effects
-        cell.getValue = () => changedValue;
+        cell.getValue = function () {
+          return changedValue;
+        };
       }
       if (isActiveRow || !!cellError || isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused) {
         return /*#__PURE__*/React__default.createElement(EditingControlCell, Object.assign({}, props));

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

@@ -1 +1 @@
-{"version":3,"file":"Cell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                cell.getValue = () => changedValue as any;\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["Cell","props","cell","isHovered","rowIndex","React","useContext","RowContext","tableMeta","getContext","table","options","meta","columnMeta","column","columnDef","editing","isEditing","control","enableEditing","isActiveRow","rowActive","rowActiveIndex","cellError","getCellError","hasErrorAndIsEditing","changedValue","getCellValue","undefined","getValue","isHoverStatePaused","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;SAQgBA,IAAIA,CAAkBC,KAAoC;EACtE,MAAM;IAAEC;GAAM,GAAGD,KAAK;EACtB,MAAM;IAAEE,SAAS;IAAEC;GAAU,GAAGC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;EAC5D,MAAMC,SAAS,GAAGN,IAAI,CAACO,UAAU,EAAE,CAACC,KAAK,CAACC,OAAO,CAACC,IAA6B;EAC/E,MAAMC,UAAU,GAAGX,IAAI,CAACY,MAAM,CAACC,SAAS,CAACH,IAA4C;EAErF,IAAIJ,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAE;IAC7B,IAAIJ,UAAU,CAACK,OAAO,IAAIL,UAAU,CAACM,aAAa,EAAE;MAChD,MAAMC,WAAW,GAAGZ,SAAS,CAACa,SAAS,CAACC,cAAc,KAAKlB,QAAQ;MACnE,MAAMmB,SAAS,GAAGf,SAAS,CAACQ,OAAO,CAACQ,YAAY,CAACtB,IAAI,CAAC;MACtD,MAAMuB,oBAAoB,GAAGF,SAAS,GAAGf,SAAS,CAACQ,OAAO,CAACC,SAAS,GAAG,IAAI;;;MAI3E,MAAMS,YAAY,GAAGlB,SAAS,CAACQ,OAAO,CAACW,YAAY,CAACzB,IAAI,CAAC;MAEzD,IAAIwB,YAAY,KAAKE,SAAS,IAAIF,YAAY,KAAKxB,IAAI,CAAC2B,QAAQ,EAAE,IAAIJ,oBAAoB,EAAE;;QAExFvB,IAAI,CAAC2B,QAAQ,GAAG,MAAMH,YAAmB;;MAG7C,IAAIN,WAAW,IAAI,CAAC,CAACG,SAAS,IAAKpB,SAAS,IAAI,CAACiB,WAAW,IAAI,CAACZ,SAAS,CAACa,SAAS,CAACS,kBAAmB,EAAE;QACtG,oBAAOzB,6BAAC0B,kBAAkB,oBAAY9B,KAAK,EAAI;;;IAIvD,oBAAOI,6BAAC2B,kBAAkB,oBAAY/B,KAAK,EAAI;;EAGnD,oBAAOI,6BAAC4B,WAAW,oBAAYhC,KAAK,EAAI;AAC5C;;;;"}
+{"version":3,"file":"Cell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/Cell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { EditingControlCell } from './EditingControlCell';\nimport { EditingDisplayCell } from './EditingDisplayCell';\n\nexport function Cell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell } = props;\n    const { isHovered, rowIndex } = React.useContext(RowContext);\n    const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n    if (tableMeta.editing.isEditing) {\n        if (columnMeta.control && columnMeta.enableEditing) {\n            const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n            const cellError = tableMeta.editing.getCellError(cell);\n            const hasErrorAndIsEditing = cellError ? tableMeta.editing.isEditing : true;\n\n            // saves may be pending when not currently editing, but we want to show the \"changed\" data\n            // otherwise the unsaved value flashes in while the request completes, which looks a bit shit\n            const changedValue = tableMeta.editing.getCellValue(cell);\n\n            if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {\n                // a little hacky, but it seems to work without side effects\n                cell.getValue = () => changedValue as any;\n            }\n\n            if (isActiveRow || !!cellError || (isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused)) {\n                return <EditingControlCell<TType> {...props} />;\n            }\n        }\n\n        return <EditingDisplayCell<TType> {...props} />;\n    }\n\n    return <DisplayCell<TType> {...props} />;\n}\n"],"names":["Cell","props","cell","_React$useContext","React","useContext","RowContext","isHovered","rowIndex","tableMeta","getContext","table","options","meta","columnMeta","column","columnDef","editing","isEditing","control","enableEditing","isActiveRow","rowActive","rowActiveIndex","cellError","getCellError","hasErrorAndIsEditing","changedValue","getCellValue","undefined","getValue","isHoverStatePaused","EditingControlCell","EditingDisplayCell","DisplayCell"],"mappings":";;;;;;SAQgBA,IAAIA,CAAkBC,KAAoC;EACtE,IAAQC,IAAI,GAAKD,KAAK,CAAdC,IAAI;EACZ,IAAAC,iBAAA,GAAgCC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;IAApDC,SAAS,GAAAJ,iBAAA,CAATI,SAAS;IAAEC,QAAQ,GAAAL,iBAAA,CAARK,QAAQ;EAC3B,IAAMC,SAAS,GAAGP,IAAI,CAACQ,UAAU,EAAE,CAACC,KAAK,CAACC,OAAO,CAACC,IAA6B;EAC/E,IAAMC,UAAU,GAAGZ,IAAI,CAACa,MAAM,CAACC,SAAS,CAACH,IAA4C;EAErF,IAAIJ,SAAS,CAACQ,OAAO,CAACC,SAAS,EAAE;IAC7B,IAAIJ,UAAU,CAACK,OAAO,IAAIL,UAAU,CAACM,aAAa,EAAE;MAChD,IAAMC,WAAW,GAAGZ,SAAS,CAACa,SAAS,CAACC,cAAc,KAAKf,QAAQ;MACnE,IAAMgB,SAAS,GAAGf,SAAS,CAACQ,OAAO,CAACQ,YAAY,CAACvB,IAAI,CAAC;MACtD,IAAMwB,oBAAoB,GAAGF,SAAS,GAAGf,SAAS,CAACQ,OAAO,CAACC,SAAS,GAAG,IAAI;;;MAI3E,IAAMS,YAAY,GAAGlB,SAAS,CAACQ,OAAO,CAACW,YAAY,CAAC1B,IAAI,CAAC;MAEzD,IAAIyB,YAAY,KAAKE,SAAS,IAAIF,YAAY,KAAKzB,IAAI,CAAC4B,QAAQ,EAAE,IAAIJ,oBAAoB,EAAE;;QAExFxB,IAAI,CAAC4B,QAAQ,GAAG;UAAA,OAAMH,YAAmB;;;MAG7C,IAAIN,WAAW,IAAI,CAAC,CAACG,SAAS,IAAKjB,SAAS,IAAI,CAACc,WAAW,IAAI,CAACZ,SAAS,CAACa,SAAS,CAACS,kBAAmB,EAAE;QACtG,oBAAO3B,6BAAC4B,kBAAkB,oBAAY/B,KAAK,EAAI;;;IAIvD,oBAAOG,6BAAC6B,kBAAkB,oBAAYhC,KAAK,EAAI;;EAGnD,oBAAOG,6BAAC8B,WAAW,oBAAYjC,KAAK,EAAI;AAC5C;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.js

@@ -5,23 +5,22 @@ import { useLocalization } from '../../../../../Provider/Localization.js';
 
 function RowMoveIndicator(props) {
   var _cell$column$columnDe;
-  const {
-    cell,
-    cellRef,
-    isActiveRow
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const [show, setShow] = React__default.useState(false);
-  const tableMeta = cell.getContext().table.options.meta;
-  const columnMeta = (_cell$column$columnDe = cell.column.columnDef.meta) !== null && _cell$column$columnDe !== void 0 ? _cell$column$columnDe : {};
-  const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id);
-  React__default.useEffect(() => {
+  var cell = props.cell,
+    cellRef = props.cellRef,
+    isActiveRow = props.isActiveRow;
+  var _useLocalization = useLocalization(),
+    texts = _useLocalization.texts;
+  var _React$useState = React__default.useState(false),
+    show = _React$useState[0],
+    setShow = _React$useState[1];
+  var tableMeta = cell.getContext().table.options.meta;
+  var columnMeta = (_cell$column$columnDe = cell.column.columnDef.meta) !== null && _cell$column$columnDe !== void 0 ? _cell$column$columnDe : {};
+  var moveReason = tableMeta.editing.getRowMoveReason(cell.row.id);
+  React__default.useEffect(function () {
     if (cellRef.current) {
       if (isActiveRow && !!moveReason) {
         var _cellRef$current$pare;
-        const firstChild = (_cellRef$current$pare = cellRef.current.parentElement) === null || _cellRef$current$pare === void 0 ? void 0 : _cellRef$current$pare.querySelector(`td[data-taco="cell-control"]`);
+        var firstChild = (_cellRef$current$pare = cellRef.current.parentElement) === null || _cellRef$current$pare === void 0 ? void 0 : _cellRef$current$pare.querySelector("td[data-taco=\"cell-control\"]");
         if (cellRef.current === firstChild) {
           var _cellRef$current$pare2;
           setShow(true);
@@ -33,7 +32,7 @@ function RowMoveIndicator(props) {
         (_cellRef$current$pare3 = cellRef.current.parentElement) === null || _cellRef$current$pare3 === void 0 ? void 0 : _cellRef$current$pare3.removeAttribute('data-row-editing-move');
       }
     }
-    return () => {
+    return function () {
       if (cellRef.current) {
         var _cellRef$current$pare4;
         (_cellRef$current$pare4 = cellRef.current.parentElement) === null || _cellRef$current$pare4 === void 0 ? void 0 : _cellRef$current$pare4.removeAttribute('data-row-editing-move');
@@ -43,10 +42,9 @@ function RowMoveIndicator(props) {
   if (!show) {
     return null;
   }
-  const {
-    title,
-    description
-  } = getMessageFromReason(texts, moveReason);
+  var _getMessageFromReason = getMessageFromReason(texts, moveReason),
+    title = _getMessageFromReason.title,
+    description = _getMessageFromReason.description;
   return /*#__PURE__*/React__default.createElement(Tooltip, {
     placement: "bottom",
     title: description.replace('[COLUMN]', columnMeta.header)
@@ -58,8 +56,8 @@ function RowMoveIndicator(props) {
   }), title));
 }
 function getMessageFromReason(texts, reason) {
-  let title = '';
-  let description = '';
+  var title = '';
+  var description = '';
   switch (reason) {
     case 'filter':
       title = texts.table3.editing.rowIndicator.rowWillBeHidden;
@@ -75,8 +73,8 @@ function getMessageFromReason(texts, reason) {
       break;
   }
   return {
-    title,
-    description
+    title: title,
+    description: description
   };
 }
 

package/dist/esm/packages/taco/src/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 { 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\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 tableMeta = cell.getContext().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);\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    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnMeta.header)}>\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, 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\n    return { title, description };\n}\n"],"names":["RowMoveIndicator","props","cell","cellRef","isActiveRow","texts","useLocalization","show","setShow","React","useState","tableMeta","getContext","table","options","meta","columnMeta","_cell$column$columnDe","column","columnDef","moveReason","editing","getRowMoveReason","row","id","useEffect","current","_cellRef$current$pare","firstChild","parentElement","querySelector","_cellRef$current$pare2","setAttribute","_cellRef$current$pare3","removeAttribute","_cellRef$current$pare4","title","description","getMessageFromReason","Tooltip","placement","replace","header","Icon","name","className","reason","table3","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","rowWillMoveReasonSearch","rowWillMove","rowWillMoveReasonSorting"],"mappings":"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"}
+{"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 { 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\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 tableMeta = cell.getContext().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);\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    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnMeta.header)}>\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, 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\n    return { title, description };\n}\n"],"names":["RowMoveIndicator","props","cell","cellRef","isActiveRow","_useLocalization","useLocalization","texts","_React$useState","React","useState","show","setShow","tableMeta","getContext","table","options","meta","columnMeta","_cell$column$columnDe","column","columnDef","moveReason","editing","getRowMoveReason","row","id","useEffect","current","_cellRef$current$pare","firstChild","parentElement","querySelector","_cellRef$current$pare2","setAttribute","_cellRef$current$pare3","removeAttribute","_cellRef$current$pare4","_getMessageFromReason","getMessageFromReason","title","description","Tooltip","placement","replace","header","Icon","name","className","reason","table3","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","rowWillMoveReasonSearch","rowWillMove","rowWillMoveReasonSorting"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/Columns/Cell/Editing/TextareaWithAutosizing.js

@@ -1,16 +1,16 @@
 import React__default from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { useMergedRef } from '../../../../../../hooks/useMergedRef.js';
 import { Textarea } from '../../../../../Textarea/Textarea.js';
 
-const TextareaWithAutosizing = /*#__PURE__*/React__default.forwardRef(function TextareaWithAutosizing(props, ref) {
-  const {
-    fontSize,
-    isTruncated,
-    ...attributes
-  } = props;
-  const internalRef = useMergedRef(ref);
-  const initialHeightRef = React__default.useRef(0);
-  React__default.useLayoutEffect(() => {
+var _excluded = ["fontSize", "isTruncated"];
+var TextareaWithAutosizing = /*#__PURE__*/React__default.forwardRef(function TextareaWithAutosizing(props, ref) {
+  var fontSize = props.fontSize,
+    isTruncated = props.isTruncated,
+    attributes = _objectWithoutPropertiesLoose(props, _excluded);
+  var internalRef = useMergedRef(ref);
+  var initialHeightRef = React__default.useRef(0);
+  React__default.useLayoutEffect(function () {
     if (internalRef.current) {
       initialHeightRef.current = internalRef.current.getBoundingClientRect().height;
       if (!isTruncated) {
@@ -18,28 +18,31 @@ const TextareaWithAutosizing = /*#__PURE__*/React__default.forwardRef(function T
       }
     }
   }, [fontSize]);
-  const toggleHeight = (reset = false) => {
+  var toggleHeight = function toggleHeight(reset) {
+    if (reset === void 0) {
+      reset = false;
+    }
     if (internalRef.current) {
       if (reset) {
         if (isTruncated) {
-          internalRef.current.style.height = `${initialHeightRef.current}px`;
+          internalRef.current.style.height = initialHeightRef.current + "px";
         }
       } else {
         internalRef.current.style.height = 'inherit';
         if (isTruncated) {
-          internalRef.current.style.height = `${Math.min(internalRef.current.scrollHeight, initialHeightRef.current * 3)}px`;
+          internalRef.current.style.height = Math.min(internalRef.current.scrollHeight, initialHeightRef.current * 3) + "px";
         } else {
-          internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;
+          internalRef.current.style.height = internalRef.current.scrollHeight + "px";
         }
       }
     }
   };
-  const handleFocus = event => {
+  var handleFocus = function handleFocus(event) {
     var _props$onFocus;
     toggleHeight();
     (_props$onFocus = props.onFocus) === null || _props$onFocus === void 0 ? void 0 : _props$onFocus.call(props, event);
   };
-  const handleBlur = event => {
+  var handleBlur = function handleBlur(event) {
     var _props$onBlur;
     if (isTruncated) {
       toggleHeight(true);
@@ -47,12 +50,12 @@ const TextareaWithAutosizing = /*#__PURE__*/React__default.forwardRef(function T
     event.target.scrollTop = 0;
     (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, event);
   };
-  const handleChange = event => {
+  var handleChange = function handleChange(event) {
     var _props$onChange;
     toggleHeight();
     (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, event);
   };
-  const textarea = /*#__PURE__*/React__default.createElement(Textarea, Object.assign({}, attributes, {
+  var textarea = /*#__PURE__*/React__default.createElement(Textarea, Object.assign({}, attributes, {
     rows: 1,
     onBlur: handleBlur,
     onChange: handleChange,

package/dist/esm/packages/taco/src/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":["TextareaWithAutosizing","React","forwardRef","props","ref","fontSize","isTruncated","attributes","internalRef","useMergedRef","initialHeightRef","useRef","useLayoutEffect","current","getBoundingClientRect","height","toggleHeight","reset","style","Math","min","scrollHeight","handleFocus","event","_props$onFocus","onFocus","call","handleBlur","target","scrollTop","_props$onBlur","onBlur","handleChange","_props$onChange","onChange","textarea","Textarea","rows","className"],"mappings":";;;;MAUaA,sBAAsB,gBAAGC,cAAK,CAACC,UAAU,CAClD,SAASF,sBAAsBA,CAACG,KAAK,EAAEC,GAAG;EACtC,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EACtD,MAAMK,WAAW,GAAGC,YAAY,CAAsBL,GAAG,CAAC;EAC1D,MAAMM,gBAAgB,GAAGT,cAAK,CAACU,MAAM,CAAS,CAAC,CAAC;EAEhDV,cAAK,CAACW,eAAe,CAAC;IAClB,IAAIJ,WAAW,CAACK,OAAO,EAAE;MACrBH,gBAAgB,CAACG,OAAO,GAAGL,WAAW,CAACK,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM;MAE7E,IAAI,CAACT,WAAW,EAAE;QACdU,YAAY,EAAE;;;GAGzB,EAAE,CAACX,QAAQ,CAAC,CAAC;EAEd,MAAMW,YAAY,GAAGA,CAACC,KAAK,GAAG,KAAK;IAC/B,IAAIT,WAAW,CAACK,OAAO,EAAE;MACrB,IAAII,KAAK,EAAE;QACP,IAAIX,WAAW,EAAE;UACbE,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAG,GAAGL,gBAAgB,CAACG,OAAO,IAAI;;OAEzE,MAAM;QACHL,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAG,SAAS;QAE5C,IAAIT,WAAW,EAAE;UACbE,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAG,GAAGI,IAAI,CAACC,GAAG,CAC1CZ,WAAW,CAACK,OAAO,CAACQ,YAAY,EAChCX,gBAAgB,CAACG,OAAO,GAAG,CAAC,CAC/B,IAAI;SACR,MAAM;UACHL,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAG,GAAGP,WAAW,CAACK,OAAO,CAACQ,YAAY,IAAI;;;;GAIzF;EAED,MAAMC,WAAW,GAAIC,KAA4C;;IAC7DP,YAAY,EAAE;IACd,CAAAQ,cAAA,GAAArB,KAAK,CAACsB,OAAO,cAAAD,cAAA,uBAAbA,cAAA,CAAAE,IAAA,CAAAvB,KAAK,EAAWoB,KAAK,CAAC;GACzB;EAED,MAAMI,UAAU,GAAIJ,KAA4C;;IAC5D,IAAIjB,WAAW,EAAE;MACbU,YAAY,CAAC,IAAI,CAAC;;IAEtBO,KAAK,CAACK,MAAM,CAACC,SAAS,GAAG,CAAC;IAC1B,CAAAC,aAAA,GAAA3B,KAAK,CAAC4B,MAAM,cAAAD,aAAA,uBAAZA,aAAA,CAAAJ,IAAA,CAAAvB,KAAK,EAAUoB,KAAK,CAAC;GACxB;EAED,MAAMS,YAAY,GAAIT,KAA6C;;IAC/DP,YAAY,EAAE;IACd,CAAAiB,eAAA,GAAA9B,KAAK,CAAC+B,QAAQ,cAAAD,eAAA,uBAAdA,eAAA,CAAAP,IAAA,CAAAvB,KAAK,EAAYoB,KAAK,CAAC;GAC1B;EAED,MAAMY,QAAQ,gBACVlC,6BAACmC,QAAQ,oBACD7B,UAAU;IACd8B,IAAI,EAAE,CAAC;IACPN,MAAM,EAAEJ,UAAU;IAClBO,QAAQ,EAAEF,YAAY;IACtBP,OAAO,EAAEH,WAAW;IACpBlB,GAAG,EAAEI;KAEZ;EAED,IAAIF,WAAW,EAAE;IACb,oBACIL;MAAKqC,SAAS,EAAC,+CAA+C;mBAAW;OACpEH,QAAQ,CACP;;EAId,OAAOA,QAAQ;AACnB,CAAC;;;;"}
+{"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":["TextareaWithAutosizing","React","forwardRef","props","ref","fontSize","isTruncated","attributes","_objectWithoutPropertiesLoose","_excluded","internalRef","useMergedRef","initialHeightRef","useRef","useLayoutEffect","current","getBoundingClientRect","height","toggleHeight","reset","style","Math","min","scrollHeight","handleFocus","event","_props$onFocus","onFocus","call","handleBlur","target","scrollTop","_props$onBlur","onBlur","handleChange","_props$onChange","onChange","textarea","Textarea","rows","className"],"mappings":";;;;;;IAUaA,sBAAsB,gBAAGC,cAAK,CAACC,UAAU,CAClD,SAASF,sBAAsBA,CAACG,KAAK,EAAEC,GAAG;EACtC,IAAQC,QAAQ,GAAiCF,KAAK,CAA9CE,QAAQ;IAAEC,WAAW,GAAoBH,KAAK,CAApCG,WAAW;IAAKC,UAAU,GAAAC,6BAAA,CAAKL,KAAK,EAAAM,SAAA;EACtD,IAAMC,WAAW,GAAGC,YAAY,CAAsBP,GAAG,CAAC;EAC1D,IAAMQ,gBAAgB,GAAGX,cAAK,CAACY,MAAM,CAAS,CAAC,CAAC;EAEhDZ,cAAK,CAACa,eAAe,CAAC;IAClB,IAAIJ,WAAW,CAACK,OAAO,EAAE;MACrBH,gBAAgB,CAACG,OAAO,GAAGL,WAAW,CAACK,OAAO,CAACC,qBAAqB,EAAE,CAACC,MAAM;MAE7E,IAAI,CAACX,WAAW,EAAE;QACdY,YAAY,EAAE;;;GAGzB,EAAE,CAACb,QAAQ,CAAC,CAAC;EAEd,IAAMa,YAAY,GAAG,SAAfA,YAAYA,CAAIC,KAAK;QAALA,KAAK;MAALA,KAAK,GAAG,KAAK;;IAC/B,IAAIT,WAAW,CAACK,OAAO,EAAE;MACrB,IAAII,KAAK,EAAE;QACP,IAAIb,WAAW,EAAE;UACbI,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAML,gBAAgB,CAACG,OAAO,OAAI;;OAEzE,MAAM;QACHL,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAG,SAAS;QAE5C,IAAIX,WAAW,EAAE;UACbI,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAMI,IAAI,CAACC,GAAG,CAC1CZ,WAAW,CAACK,OAAO,CAACQ,YAAY,EAChCX,gBAAgB,CAACG,OAAO,GAAG,CAAC,CAC/B,OAAI;SACR,MAAM;UACHL,WAAW,CAACK,OAAO,CAACK,KAAK,CAACH,MAAM,GAAMP,WAAW,CAACK,OAAO,CAACQ,YAAY,OAAI;;;;GAIzF;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA4C;;IAC7DP,YAAY,EAAE;IACd,CAAAQ,cAAA,GAAAvB,KAAK,CAACwB,OAAO,cAAAD,cAAA,uBAAbA,cAAA,CAAAE,IAAA,CAAAzB,KAAK,EAAWsB,KAAK,CAAC;GACzB;EAED,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAIJ,KAA4C;;IAC5D,IAAInB,WAAW,EAAE;MACbY,YAAY,CAAC,IAAI,CAAC;;IAEtBO,KAAK,CAACK,MAAM,CAACC,SAAS,GAAG,CAAC;IAC1B,CAAAC,aAAA,GAAA7B,KAAK,CAAC8B,MAAM,cAAAD,aAAA,uBAAZA,aAAA,CAAAJ,IAAA,CAAAzB,KAAK,EAAUsB,KAAK,CAAC;GACxB;EAED,IAAMS,YAAY,GAAG,SAAfA,YAAYA,CAAIT,KAA6C;;IAC/DP,YAAY,EAAE;IACd,CAAAiB,eAAA,GAAAhC,KAAK,CAACiC,QAAQ,cAAAD,eAAA,uBAAdA,eAAA,CAAAP,IAAA,CAAAzB,KAAK,EAAYsB,KAAK,CAAC;GAC1B;EAED,IAAMY,QAAQ,gBACVpC,6BAACqC,QAAQ,oBACD/B,UAAU;IACdgC,IAAI,EAAE,CAAC;IACPN,MAAM,EAAEJ,UAAU;IAClBO,QAAQ,EAAEF,YAAY;IACtBP,OAAO,EAAEH,WAAW;IACpBpB,GAAG,EAAEM;KAEZ;EAED,IAAIJ,WAAW,EAAE;IACb,oBACIL;MAAKuC,SAAS,EAAC,+CAA+C;mBAAW;OACpEH,QAAQ,CACP;;EAId,OAAOA,QAAQ;AACnB,CAAC;;;;"}