@economic/taco 2.40.0 → 2.40.1

package/dist/esm/packages/taco/src/components/Table/util/sortTypes.js

@@ -0,0 +1,87 @@
+const getTime = value => {
+  const parsedValue = typeof value === 'string' ? new Date(value) : value;
+  return parsedValue !== null && parsedValue !== void 0 && parsedValue.getTime ? parsedValue.getTime() : undefined;
+};
+const getNumber = (amount = '', decimalSeparator = ',') => {
+  if (typeof amount === 'number') {
+    return amount;
+  }
+  if (amount === null || !amount.length) {
+    return undefined;
+  }
+  let value;
+  if (decimalSeparator === ',') {
+    // replace digit seperator then replace decimal separator
+    value = Number(amount.replace(/\./g, '').replace(',', '.'));
+  } else {
+    // replace digit seperator
+    value = Number(amount.replace(/,/g, ''));
+  }
+  return Number.isNaN(value) ? undefined : value;
+};
+const getString = value => {
+  if (value) {
+    return String(value).toLowerCase();
+  }
+  return undefined;
+};
+const guess = value => {
+  if (typeof value === 'boolean') {
+    return value;
+  }
+  return isNaN(value) ? getString(value) : Number(value);
+};
+const compareBasic = (a, b) => {
+  // places undefined values first in ascending order instead of descending
+  if (a !== undefined && b === undefined) {
+    return 1;
+  }
+  return a === b ? 0 : a > b ? 1 : -1;
+};
+const stringsLocaleCompare = (a, b, locale) => {
+  // In some browsers 'localCompare' may return -2 or 2 instead of -1 or 1
+  const compareResult = a.localeCompare(b, locale);
+  return compareResult === 0 ? 0 : compareResult > 0 ? 1 : -1;
+};
+const compareBasicStrings = (a, b, locale) => {
+  if (a && b) {
+    return stringsLocaleCompare(a, b, locale);
+  }
+  return compareBasic(a, b);
+};
+const sortTypes = locale => {
+  return {
+    datetime: (rowA, rowB, columnId) => {
+      const a = getTime(rowA.values[columnId]);
+      const b = getTime(rowB.values[columnId]);
+      return compareBasic(a, b);
+    },
+    string: (rowA, rowB, columnId) => {
+      const a = getString(rowA.values[columnId]);
+      const b = getString(rowB.values[columnId]);
+      return compareBasicStrings(a, b, locale);
+    },
+    number: (rowA, rowB, columnId) => {
+      const a = getNumber(rowA.values[columnId]);
+      const b = getNumber(rowB.values[columnId]);
+      return compareBasic(a, b);
+    },
+    boolean: (rowA, rowB, columnId) => {
+      const a = !!rowA.values[columnId];
+      const b = !!rowB.values[columnId];
+      return compareBasic(a, b);
+    },
+    auto: (rowA, rowB, columnId) => {
+      const a = guess(rowA.values[columnId]);
+      const b = guess(rowB.values[columnId]);
+      if (typeof a === 'string' && typeof b === 'string') {
+        return compareBasicStrings(a, b, locale);
+      } else {
+        return compareBasic(a, b);
+      }
+    }
+  };
+};
+
+export { sortTypes };
+//# sourceMappingURL=sortTypes.js.map

package/dist/esm/packages/taco/src/components/Table/util/sortTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortTypes.js","sources":["../../../../../../../../src/components/Table/util/sortTypes.ts"],"sourcesContent":["import { SortTypes, LegacyTableRow } from '../types';\n\nconst getTime = (value: any): number | undefined => {\n    const parsedValue: Date = typeof value === 'string' ? new Date(value) : value;\n    return parsedValue?.getTime ? parsedValue.getTime() : undefined;\n};\n\nconst getNumber = (amount = '', decimalSeparator = ','): number | undefined => {\n    if (typeof amount === 'number') {\n        return amount;\n    }\n\n    if (amount === null || !amount.length) {\n        return undefined;\n    }\n\n    let value;\n\n    if (decimalSeparator === ',') {\n        // replace digit seperator then replace decimal separator\n        value = Number(amount.replace(/\\./g, '').replace(',', '.'));\n    } else {\n        // replace digit seperator\n        value = Number(amount.replace(/,/g, ''));\n    }\n\n    return Number.isNaN(value) ? undefined : value;\n};\n\nconst getString = (value: any): string | undefined => {\n    if (value) {\n        return String(value).toLowerCase();\n    }\n\n    return undefined;\n};\n\nconst guess = (value: any): any => {\n    if (typeof value === 'boolean') {\n        return value;\n    }\n\n    return isNaN(value) ? getString(value) : Number(value);\n};\n\nconst compareBasic = (a: any, b: any) => {\n    // places undefined values first in ascending order instead of descending\n    if (a !== undefined && b === undefined) {\n        return 1;\n    }\n\n    return a === b ? 0 : a > b ? 1 : -1;\n};\n\nconst stringsLocaleCompare = (a: string, b: string, locale: string): 0 | 1 | -1 => {\n    // In some browsers 'localCompare' may return -2 or 2 instead of -1 or 1\n    const compareResult = a.localeCompare(b, locale);\n    return compareResult === 0 ? 0 : compareResult > 0 ? 1 : -1;\n};\n\nconst compareBasicStrings = (a: string | undefined, b: string | undefined, locale: string): 0 | 1 | -1 => {\n    if (a && b) {\n        return stringsLocaleCompare(a, b, locale);\n    }\n\n    return compareBasic(a, b);\n};\n\ntype SortHandler<T> = (rowA: LegacyTableRow<T>, rowB: LegacyTableRow<T>, columnId: string) => 0 | 1 | -1;\n\nexport const sortTypes = (locale: string): Record<SortTypes, SortHandler<any>> => {\n    return {\n        datetime: (rowA, rowB, columnId) => {\n            const a = getTime(rowA.values[columnId]);\n            const b = getTime(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        string: (rowA, rowB, columnId) => {\n            const a = getString(rowA.values[columnId]);\n            const b = getString(rowB.values[columnId]);\n            return compareBasicStrings(a, b, locale);\n        },\n        number: (rowA, rowB, columnId) => {\n            const a = getNumber(rowA.values[columnId]);\n            const b = getNumber(rowB.values[columnId]);\n            return compareBasic(a, b);\n        },\n        boolean: (rowA, rowB, columnId) => {\n            const a = !!rowA.values[columnId];\n            const b = !!rowB.values[columnId];\n            return compareBasic(a, b);\n        },\n        auto: (rowA, rowB, columnId) => {\n            const a = guess(rowA.values[columnId]);\n            const b = guess(rowB.values[columnId]);\n            if (typeof a === 'string' && typeof b === 'string') {\n                return compareBasicStrings(a, b, locale);\n            } else {\n                return compareBasic(a, b);\n            }\n        },\n    };\n};\n"],"names":["getTime","value","parsedValue","Date","undefined","getNumber","amount","decimalSeparator","length","Number","replace","isNaN","getString","String","toLowerCase","guess","compareBasic","a","b","stringsLocaleCompare","locale","compareResult","localeCompare","compareBasicStrings","sortTypes","datetime","rowA","rowB","columnId","values","string","number","boolean","auto"],"mappings":"AAEA,MAAMA,OAAO,GAAIC,KAAU;EACvB,MAAMC,WAAW,GAAS,OAAOD,KAAK,KAAK,QAAQ,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC,GAAGA,KAAK;EAC7E,OAAOC,WAAW,aAAXA,WAAW,eAAXA,WAAW,CAAEF,OAAO,GAAGE,WAAW,CAACF,OAAO,EAAE,GAAGI,SAAS;AACnE,CAAC;AAED,MAAMC,SAAS,GAAGA,CAACC,MAAM,GAAG,EAAE,EAAEC,gBAAgB,GAAG,GAAG;EAClD,IAAI,OAAOD,MAAM,KAAK,QAAQ,EAAE;IAC5B,OAAOA,MAAM;;EAGjB,IAAIA,MAAM,KAAK,IAAI,IAAI,CAACA,MAAM,CAACE,MAAM,EAAE;IACnC,OAAOJ,SAAS;;EAGpB,IAAIH,KAAK;EAET,IAAIM,gBAAgB,KAAK,GAAG,EAAE;;IAE1BN,KAAK,GAAGQ,MAAM,CAACH,MAAM,CAACI,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAACA,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;GAC9D,MAAM;;IAEHT,KAAK,GAAGQ,MAAM,CAACH,MAAM,CAACI,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;;EAG5C,OAAOD,MAAM,CAACE,KAAK,CAACV,KAAK,CAAC,GAAGG,SAAS,GAAGH,KAAK;AAClD,CAAC;AAED,MAAMW,SAAS,GAAIX,KAAU;EACzB,IAAIA,KAAK,EAAE;IACP,OAAOY,MAAM,CAACZ,KAAK,CAAC,CAACa,WAAW,EAAE;;EAGtC,OAAOV,SAAS;AACpB,CAAC;AAED,MAAMW,KAAK,GAAId,KAAU;EACrB,IAAI,OAAOA,KAAK,KAAK,SAAS,EAAE;IAC5B,OAAOA,KAAK;;EAGhB,OAAOU,KAAK,CAACV,KAAK,CAAC,GAAGW,SAAS,CAACX,KAAK,CAAC,GAAGQ,MAAM,CAACR,KAAK,CAAC;AAC1D,CAAC;AAED,MAAMe,YAAY,GAAGA,CAACC,CAAM,EAAEC,CAAM;;EAEhC,IAAID,CAAC,KAAKb,SAAS,IAAIc,CAAC,KAAKd,SAAS,EAAE;IACpC,OAAO,CAAC;;EAGZ,OAAOa,CAAC,KAAKC,CAAC,GAAG,CAAC,GAAGD,CAAC,GAAGC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AACvC,CAAC;AAED,MAAMC,oBAAoB,GAAGA,CAACF,CAAS,EAAEC,CAAS,EAAEE,MAAc;;EAE9D,MAAMC,aAAa,GAAGJ,CAAC,CAACK,aAAa,CAACJ,CAAC,EAAEE,MAAM,CAAC;EAChD,OAAOC,aAAa,KAAK,CAAC,GAAG,CAAC,GAAGA,aAAa,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAC/D,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAACN,CAAqB,EAAEC,CAAqB,EAAEE,MAAc;EACrF,IAAIH,CAAC,IAAIC,CAAC,EAAE;IACR,OAAOC,oBAAoB,CAACF,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;;EAG7C,OAAOJ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;AAC7B,CAAC;MAIYM,SAAS,GAAIJ,MAAc;EACpC,OAAO;IACHK,QAAQ,EAAEA,CAACC,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MAC3B,MAAMX,CAAC,GAAGjB,OAAO,CAAC0B,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MACxC,MAAMV,CAAC,GAAGlB,OAAO,CAAC2B,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MACxC,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDY,MAAM,EAAEA,CAACJ,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACzB,MAAMX,CAAC,GAAGL,SAAS,CAACc,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,MAAMV,CAAC,GAAGN,SAAS,CAACe,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,OAAOL,mBAAmB,CAACN,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;KAC3C;IACDW,MAAM,EAAEA,CAACL,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACzB,MAAMX,CAAC,GAAGZ,SAAS,CAACqB,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,MAAMV,CAAC,GAAGb,SAAS,CAACsB,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MAC1C,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDc,OAAO,EAAEA,CAACN,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MAC1B,MAAMX,CAAC,GAAG,CAAC,CAACS,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC;MACjC,MAAMV,CAAC,GAAG,CAAC,CAACS,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC;MACjC,OAAOZ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;KAC5B;IACDe,IAAI,EAAEA,CAACP,IAAI,EAAEC,IAAI,EAAEC,QAAQ;MACvB,MAAMX,CAAC,GAAGF,KAAK,CAACW,IAAI,CAACG,MAAM,CAACD,QAAQ,CAAC,CAAC;MACtC,MAAMV,CAAC,GAAGH,KAAK,CAACY,IAAI,CAACE,MAAM,CAACD,QAAQ,CAAC,CAAC;MACtC,IAAI,OAAOX,CAAC,KAAK,QAAQ,IAAI,OAAOC,CAAC,KAAK,QAAQ,EAAE;QAChD,OAAOK,mBAAmB,CAACN,CAAC,EAAEC,CAAC,EAAEE,MAAM,CAAC;OAC3C,MAAM;QACH,OAAOJ,YAAY,CAACC,CAAC,EAAEC,CAAC,CAAC;;;GAGpC;AACL;;;;"}

package/dist/esm/packages/taco/src/components/Table/util.js

@@ -0,0 +1,87 @@
+import React__default from 'react';
+
+const sanitizeRowProps = (row, rowExpansionRenderer) => {
+  var _row$subRows;
+  const props = {
+    index: row.index,
+    indexPath: row.id,
+    values: row.original
+  };
+  if (((_row$subRows = row.subRows) === null || _row$subRows === void 0 ? void 0 : _row$subRows.length) > 0) {
+    props.isExpanded = !!row.isExpanded;
+    props.depth = row.depth;
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
+  } else if (rowExpansionRenderer) {
+    props.isExpanded = !!row.isExpanded;
+    props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);
+  }
+  if (row.toggleRowEditing) {
+    props.isEditing = !!row.isEditing;
+    props.toggleRowEditing = row.toggleRowEditing;
+  }
+  return props;
+};
+const getColumnsFromChildren = (children, rowExpansionRenderer) => {
+  const sortRules = [];
+  const columns = React__default.Children.toArray(children).filter(child => !!child && !child.props.hidden) // skip falsey or hidden columns
+  .map(({
+    props: {
+      children: groupChildren,
+      ...props
+    }
+  }) => {
+    const column = {
+      ...props
+    };
+    column.sortType = column.sortType || 'auto';
+    column.disableSortBy = column.disableSorting;
+    // this is a Table.Group - TODO: Find a better way to determine the child type
+    if (props.title && groupChildren) {
+      column.Header = props.title;
+      const {
+        columns: groupColumns,
+        sortRules: groupSortRules
+      } = getColumnsFromChildren(groupChildren, rowExpansionRenderer);
+      column.columns = groupColumns;
+      groupSortRules.forEach(sort => sortRules.push(sort));
+    } else {
+      column.accessor = props.accessor;
+      column.Header = props.headRenderer || '';
+      column.Cell = columnProps => {
+        var _props$cellRenderer, _cell$value;
+        const cell = {
+          accessor: columnProps.cell.column.id,
+          row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),
+          value: columnProps.cell.value
+        };
+        if (cell.row.isEditing && typeof props.editRenderer === 'function') {
+          return props.editRenderer(cell);
+        }
+        return typeof props.cellRenderer === 'function' ? (_props$cellRenderer = props.cellRenderer(cell)) !== null && _props$cellRenderer !== void 0 ? _props$cellRenderer : null : (_cell$value = cell.value) !== null && _cell$value !== void 0 ? _cell$value : null;
+      };
+      // custom props
+      column.align = props.align;
+      column.flex = props.flex;
+      if (props.sort && !props.disableSorting) {
+        sortRules.push({
+          id: props.accessor,
+          desc: props.sort === 'desc'
+        });
+      }
+    }
+    return column;
+  });
+  return {
+    columns,
+    sortRules
+  };
+};
+const getInternalSortRules = sortRules => {
+  return sortRules === null || sortRules === void 0 ? void 0 : sortRules.map(rule => ({
+    id: rule.accessor,
+    desc: rule.desc
+  }));
+};
+
+export { getColumnsFromChildren, getInternalSortRules, sanitizeRowProps };
+//# sourceMappingURL=util.js.map

package/dist/esm/packages/taco/src/components/Table/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../../../src/components/Table/util.ts"],"sourcesContent":["import React from 'react';\nimport { LegacyTableRow, LegacyTableCell, LegacyTableChildren, InternalTableRow, InternalTableColumn, SortRule } from './types';\nimport { SortingRule } from 'react-table';\n\nexport const sanitizeRowProps = (row: InternalTableRow, rowExpansionRenderer: any): LegacyTableRow<any> => {\n    const props: LegacyTableRow<any> = {\n        index: row.index,\n        indexPath: row.id,\n        values: row.original,\n    };\n\n    if (row.subRows?.length > 0) {\n        props.isExpanded = !!row.isExpanded;\n        props.depth = row.depth;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    } else if (rowExpansionRenderer) {\n        props.isExpanded = !!row.isExpanded;\n        props.toggleRowExpanded = () => row.toggleRowExpanded(!props.isExpanded);\n    }\n\n    if (row.toggleRowEditing) {\n        props.isEditing = !!row.isEditing;\n        props.toggleRowEditing = row.toggleRowEditing;\n    }\n\n    return props;\n};\n\nexport const getColumnsFromChildren = (children: LegacyTableChildren<any>, rowExpansionRenderer: any) => {\n    const sortRules: SortingRule<any>[] = [];\n\n    const columns = React.Children.toArray(children)\n        .filter((child: any) => !!child && !child.props.hidden) // skip falsey or hidden columns\n        .map(({ props: { children: groupChildren, ...props } }: any) => {\n            const column: InternalTableColumn & { disableSortBy: boolean | undefined } = { ...props };\n\n            column.sortType = column.sortType || 'auto';\n            column.disableSortBy = column.disableSorting;\n\n            // this is a Table.Group - TODO: Find a better way to determine the child type\n            if (props.title && groupChildren) {\n                column.Header = props.title;\n\n                const { columns: groupColumns, sortRules: groupSortRules } = getColumnsFromChildren(\n                    groupChildren,\n                    rowExpansionRenderer\n                );\n                column.columns = groupColumns;\n                groupSortRules.forEach(sort => sortRules.push(sort));\n            } else {\n                column.accessor = props.accessor;\n                column.Header = props.headRenderer || '';\n                column.Cell = (columnProps: any) => {\n                    const cell: LegacyTableCell<any> = {\n                        accessor: columnProps.cell.column.id,\n                        row: sanitizeRowProps(columnProps.cell.row, rowExpansionRenderer),\n                        value: columnProps.cell.value,\n                    };\n\n                    if (cell.row.isEditing && typeof props.editRenderer === 'function') {\n                        return props.editRenderer(cell);\n                    }\n\n                    return typeof props.cellRenderer === 'function' ? props.cellRenderer(cell) ?? null : cell.value ?? null;\n                };\n\n                // custom props\n                column.align = props.align;\n                column.flex = props.flex;\n\n                if (props.sort && !props.disableSorting) {\n                    sortRules.push({\n                        id: props.accessor,\n                        desc: props.sort === 'desc',\n                    });\n                }\n            }\n\n            return column;\n        });\n\n    return { columns, sortRules };\n};\n\nexport const getInternalSortRules = <T>(sortRules: SortRule<T>[] | undefined): SortingRule<T>[] | undefined => {\n    return sortRules?.map<SortingRule<T>>(rule => ({ id: rule.accessor, desc: rule.desc }));\n};\n"],"names":["sanitizeRowProps","row","rowExpansionRenderer","props","index","indexPath","id","values","original","_row$subRows","subRows","length","isExpanded","depth","toggleRowExpanded","toggleRowEditing","isEditing","getColumnsFromChildren","children","sortRules","columns","React","Children","toArray","filter","child","hidden","map","groupChildren","column","sortType","disableSortBy","disableSorting","title","Header","groupColumns","groupSortRules","forEach","sort","push","accessor","headRenderer","Cell","columnProps","cell","value","editRenderer","cellRenderer","_props$cellRenderer","_cell$value","align","flex","desc","getInternalSortRules","rule"],"mappings":"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"}

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

@@ -0,0 +1,60 @@
+import React__default from 'react';
+import { fixedForwardRef } from '../../types.js';
+import { Table } from '../../primitives/Table/Core/Table.js';
+import { useTable3 } from './useTable3.js';
+import { Alert } from './components/Editing/Alert.js';
+import CreateNewRowButton from './components/Row/Editing/CreateRowButton.js';
+import { Editing } from './components/Toolbar/Editing/Editing.js';
+
+function Column(_) {
+  return null;
+}
+Column.displayName = 'Table3Column';
+function Group(_) {
+  return null;
+}
+Group.displayName = 'Table3Group';
+const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref) {
+  var _table3$meta$editing, _table3$meta$editing2;
+  const table3 = useTable3(props, ref);
+  const 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 hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);
+  const showCreateRowButton = table3.meta.editing.isEnabled && props.onEditingCreate;
+  return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {
+    table: table3
+  }, table3.meta.editing.isEnabled ? (/*#__PURE__*/React__default.createElement(Editing, {
+    scrollToIndex: table3.renderer.scrollToIndex,
+    table: table3.instance
+  })) : null), hasValidationErrors ? (/*#__PURE__*/React__default.createElement(Alert, {
+    className: "mb-4",
+    scrollToIndex: table3.renderer.scrollToIndex,
+    table: table3.instance,
+    tableRef: table3.ref
+  })) : null, /*#__PURE__*/React__default.createElement(Table.Grid, Object.assign({}, gridAttributes, {
+    "data-taco": "table3",
+    table: table3
+  }), showCreateRowButton && (/*#__PURE__*/React__default.createElement(CreateNewRowButton, {
+    table: table3.instance,
+    tableMeta: table3.meta,
+    onEditingCreate: props.onEditingCreate,
+    scrollToIndex: table3.renderer.scrollToIndex
+  }))));
+});
+const Table3 = /*#__PURE__*/fixedForwardRef(function Table3(props, ref) {
+  const 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]);
+  return /*#__PURE__*/React__default.createElement(BaseTable3, Object.assign({}, props, {
+    key: key,
+    ref: ref
+  }));
+});
+Table3.Column = Column;
+Table3.Group = Group;
+
+export { Table3 };
+//# sourceMappingURL=Table3.js.map

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

@@ -0,0 +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 CreateNewRowButton from './components/Row/Editing/CreateRowButton';\nimport { Table3Props, Table3Ref, Table3ColumnProps, Table3GroupProps } from './types';\nimport { Editing } from './components/Toolbar/Editing/Editing';\nimport './style.css';\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 hasValidationErrors = table3.meta.editing.hasErrors(table3.instance, table3.ref);\n    const showCreateRowButton = table3.meta.editing.isEnabled && props.onEditingCreate;\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            {hasValidationErrors ? (\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> {...gridAttributes} data-taco=\"table3\" table={table3}>\n                {showCreateRowButton && (\n                    <CreateNewRowButton\n                        table={table3.instance}\n                        tableMeta={table3.meta}\n                        onEditingCreate={props.onEditingCreate}\n                        scrollToIndex={table3.renderer.scrollToIndex}\n                    />\n                )}\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    Table3Props,\n    Table3Ref,\n    Table3ColumnProps,\n    Table3GroupProps,\n    Table3EditingSaveHandler,\n    Table3EditingValidatorFn,\n    Table3FeatureProps,\n    Table3Texts,\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","hasValidationErrors","hasErrors","instance","showCreateRowButton","isEnabled","onEditingCreate","React","Table","Toolbar","table","Editing","scrollToIndex","renderer","Alert","className","tableRef","Grid","CreateNewRowButton","tableMeta","Table3","stringifiedChildren","String","children","key","useMemo"],"mappings":";;;;;;;;AAUA,SAASA,MAAMA,CAAkBC,CAA2B;EACxD,OAAO,IAAI;AACf;AACAD,MAAM,CAACE,WAAW,GAAG,cAAc;AAEnC,SAASC,KAAKA,CAACF,CAAmB;EAC9B,OAAO,IAAI;AACf;AACAE,KAAK,CAACD,WAAW,GAAG,aAAa;AAEjC,MAAME,UAAU,gBAAGC,eAAe,CAAC,SAASD,UAAUA,CAAkBE,KAAyB,EAAEC,GAAyB;;EACxH,MAAMC,MAAM,GAAGC,SAAS,CAAQH,KAAK,EAAEC,GAAG,CAAC;EAE3C,MAAMG,cAAc,GAAG;IACnB,yBAAyB,EAAE,CAAAC,oBAAA,GAAAH,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAF,oBAAA,eAAnBA,oBAAA,CAAqBG,SAAS,GACnD,CAAAC,qBAAA,GAAAP,MAAM,CAACI,IAAI,CAACC,OAAO,cAAAE,qBAAA,eAAnBA,qBAAA,CAAqBC,cAAc,GAC/B,UAAU,GACV,QAAQ,GACZC,SAAS;IACfC,kCAAkC,EAAEV,MAAM,CAACI,IAAI,CAACC,OAAO,CAACC;GAC3D;EAED,MAAMK,mBAAmB,GAAGX,MAAM,CAACI,IAAI,CAACC,OAAO,CAACO,SAAS,CAACZ,MAAM,CAACa,QAAQ,EAAEb,MAAM,CAACD,GAAG,CAAC;EACtF,MAAMe,mBAAmB,GAAGd,MAAM,CAACI,IAAI,CAACC,OAAO,CAACU,SAAS,IAAIjB,KAAK,CAACkB,eAAe;EAElF,oBACIC,6BAACC,KAAK,qBACFD,6BAACC,KAAK,CAACC,OAAO;IAAQC,KAAK,EAAEpB;KACxBA,MAAM,CAACI,IAAI,CAACC,OAAO,CAACU,SAAS,iBAC1BE,6BAACI,OAAO;IAACC,aAAa,EAAEtB,MAAM,CAACuB,QAAQ,CAACD,aAAa;IAAEF,KAAK,EAAEpB,MAAM,CAACa;IAAY,IACjF,IAAI,CACI,EACfF,mBAAmB,iBAChBM,6BAACO,KAAK;IACFC,SAAS,EAAC,MAAM;IAChBH,aAAa,EAAEtB,MAAM,CAACuB,QAAQ,CAACD,aAAa;IAC5CF,KAAK,EAAEpB,MAAM,CAACa,QAAQ;IACtBa,QAAQ,EAAE1B,MAAM,CAACD;IACnB,IACF,IAAI,eACRkB,6BAACC,KAAK,CAACS,IAAI,oBAAYzB,cAAc;iBAAY,QAAQ;IAACkB,KAAK,EAAEpB;MAC5Dc,mBAAmB,kBAChBG,6BAACW,kBAAkB;IACfR,KAAK,EAAEpB,MAAM,CAACa,QAAQ;IACtBgB,SAAS,EAAE7B,MAAM,CAACI,IAAI;IACtBY,eAAe,EAAElB,KAAK,CAACkB,eAAe;IACtCM,aAAa,EAAEtB,MAAM,CAACuB,QAAQ,CAACD;IACjC,CACL,CACQ,CACT;AAEhB,CAAC,CAAC;MAEWQ,MAAM,gBAAGjC,eAAe,CAAC,SAASiC,MAAMA,CAAkBhC,KAAyB,EAAEC,GAAyB;EACvH,MAAMgC,mBAAmB,GAAGC,MAAM,CAAClC,KAAK,CAACmC,QAAQ,CAAC;;;EAGlD,MAAMC,GAAG,GAAGjB,cAAK,CAACkB,OAAO,CAAC,MAAMH,MAAM,CAAC,WAAW,GAAGD,mBAAmB,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EACjG,oBAAOd,6BAACrB,UAAU,oBAAYE,KAAK;IAAEoC,GAAG,EAAEA,GAAG;IAAEnC,GAAG,EAAEA;KAAO;AAC/D,CAAC;AAID+B,MAAM,CAACtC,MAAM,GAAGA,MAAM;AACtBsC,MAAM,CAACnC,KAAK,GAAGA,KAAK;;;;"}

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

@@ -0,0 +1,39 @@
+import React__default from 'react';
+import { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext.js';
+import { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.js';
+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;
+  if (tableMeta.editing.isEditing) {
+    if (columnMeta.control) {
+      const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+      const cellError = tableMeta.editing.getCellError(cell);
+      const 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);
+      if (changedValue !== undefined && changedValue !== cell.getValue() && hasErrorAndIsEditing) {
+        // a little hacky, but it seems to work without side effects
+        cell.getValue = () => changedValue;
+      }
+      if (isActiveRow || !!cellError || isHovered && !isActiveRow && !tableMeta.rowActive.isHoverStatePaused) {
+        return /*#__PURE__*/React__default.createElement(EditingControlCell, Object.assign({}, props));
+      }
+    }
+    return /*#__PURE__*/React__default.createElement(EditingDisplayCell, Object.assign({}, props));
+  }
+  return /*#__PURE__*/React__default.createElement(DisplayCell, Object.assign({}, props));
+}
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

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

@@ -0,0 +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) {\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","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,EAAE;MACpB,MAAMC,WAAW,GAAGX,SAAS,CAACY,SAAS,CAACC,cAAc,KAAKjB,QAAQ;MACnE,MAAMkB,SAAS,GAAGd,SAAS,CAACQ,OAAO,CAACO,YAAY,CAACrB,IAAI,CAAC;MACtD,MAAMsB,oBAAoB,GAAGF,SAAS,GAAGd,SAAS,CAACQ,OAAO,CAACC,SAAS,GAAG,IAAI;;;MAI3E,MAAMQ,YAAY,GAAGjB,SAAS,CAACQ,OAAO,CAACU,YAAY,CAACxB,IAAI,CAAC;MAEzD,IAAIuB,YAAY,KAAKE,SAAS,IAAIF,YAAY,KAAKvB,IAAI,CAAC0B,QAAQ,EAAE,IAAIJ,oBAAoB,EAAE;;QAExFtB,IAAI,CAAC0B,QAAQ,GAAG,MAAMH,YAAmB;;MAG7C,IAAIN,WAAW,IAAI,CAAC,CAACG,SAAS,IAAKnB,SAAS,IAAI,CAACgB,WAAW,IAAI,CAACX,SAAS,CAACY,SAAS,CAACS,kBAAmB,EAAE;QACtG,oBAAOxB,6BAACyB,kBAAkB,oBAAY7B,KAAK,EAAI;;;IAIvD,oBAAOI,6BAAC0B,kBAAkB,oBAAY9B,KAAK,EAAI;;EAGnD,oBAAOI,6BAAC2B,WAAW,oBAAY/B,KAAK,EAAI;AAC5C;;;;"}

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

@@ -0,0 +1,85 @@
+import React__default from 'react';
+import { Icon } from '../../../../../Icon/Icon.js';
+import { Tooltip } from '../../../../../Tooltip/Tooltip.js';
+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(() => {
+    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"]`);
+        if (cellRef.current === firstChild) {
+          var _cellRef$current$pare2;
+          setShow(true);
+          (_cellRef$current$pare2 = cellRef.current.parentElement) === null || _cellRef$current$pare2 === void 0 ? void 0 : _cellRef$current$pare2.setAttribute('data-row-editing-move', 'true');
+        }
+      } else {
+        var _cellRef$current$pare3;
+        setShow(false);
+        (_cellRef$current$pare3 = cellRef.current.parentElement) === null || _cellRef$current$pare3 === void 0 ? void 0 : _cellRef$current$pare3.removeAttribute('data-row-editing-move');
+      }
+    }
+    return () => {
+      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');
+      }
+    };
+  }, [cellRef, isActiveRow, moveReason]);
+  if (!show) {
+    return null;
+  }
+  const className = 'wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap rounded-b-md px-1 py-1 text-xs font-bold z-10';
+  const {
+    title,
+    description
+  } = getMessageFromReason(texts, moveReason);
+  return /*#__PURE__*/React__default.createElement(Tooltip, {
+    placement: "bottom",
+    title: description.replace('[COLUMN]', columnMeta.header)
+  }, /*#__PURE__*/React__default.createElement("span", {
+    className: className
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "info",
+    className: "-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500"
+  }), title));
+}
+function getMessageFromReason(texts, reason) {
+  let title = '';
+  let description = '';
+  switch (reason) {
+    case 'filter':
+      title = texts.table3.editing.rowIndicator.rowWillBeHidden;
+      description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;
+      break;
+    case 'search':
+      title = texts.table3.editing.rowIndicator.rowWillBeHidden;
+      description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;
+      break;
+    case 'sorting':
+      title = texts.table3.editing.rowIndicator.rowWillMove;
+      description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;
+      break;
+  }
+  return {
+    title,
+    description
+  };
+}
+
+export { RowMoveIndicator };
+//# sourceMappingURL=RowMoveIndicator.js.map

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

@@ -0,0 +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 className =\n        'wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap rounded-b-md px-1 py-1 text-xs font-bold z-10';\n\n    const { title, description } = getMessageFromReason(texts, moveReason);\n\n    return (\n        <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnMeta.header)}>\n            <span className={className}>\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","className","title","description","getMessageFromReason","Tooltip","placement","replace","header","Icon","name","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

@@ -0,0 +1,72 @@
+import React__default from 'react';
+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(() => {
+    if (internalRef.current) {
+      initialHeightRef.current = internalRef.current.getBoundingClientRect().height;
+      if (!isTruncated) {
+        toggleHeight();
+      }
+    }
+  }, [fontSize]);
+  const toggleHeight = (reset = false) => {
+    if (internalRef.current) {
+      if (reset) {
+        if (isTruncated) {
+          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`;
+        } else {
+          internalRef.current.style.height = `${internalRef.current.scrollHeight}px`;
+        }
+      }
+    }
+  };
+  const 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 _props$onBlur;
+    if (isTruncated) {
+      toggleHeight(true);
+    }
+    event.target.scrollTop = 0;
+    (_props$onBlur = props.onBlur) === null || _props$onBlur === void 0 ? void 0 : _props$onBlur.call(props, event);
+  };
+  const 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, {
+    rows: 1,
+    onBlur: handleBlur,
+    onChange: handleChange,
+    onFocus: handleFocus,
+    ref: internalRef
+  }));
+  if (isTruncated) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "relative inline-flex w-full focus-within:z-30",
+      "data-taco": "input-container"
+    }, textarea);
+  }
+  return textarea;
+});
+
+export { TextareaWithAutosizing };
+//# sourceMappingURL=TextareaWithAutosizing.js.map

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

@@ -0,0 +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;;;;"}