@economic/taco 2.24.0 → 2.25.1-alpha.13

package/dist/esm/packages/taco/src/components/Table3/components/columns/cell/EditingControl.js

@@ -1,194 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { mergeRefs } from '../../../../../utils/mergeRefs.js';
-import { shouldTriggerShortcut } from '../../../../../utils/keyboard.js';
-import { Input } from '../../../../Input/Input.js';
-import { deselectInputValue } from '../../../../../utils/input.js';
-import { Datepicker } from '../../../../Datepicker/Datepicker.js';
-import { Switch } from '../../../../Switch/Switch.js';
-import { getTableLeftScrollDistance } from '../../../util/scrolling.js';
-import { getInputAppearanceClassnames, getCellAlignmentClasses } from '../styles.js';
-import { hasChanged } from '../../../util/editing.js';
-import _ from 'lodash-es';
-import { TextareaControl } from './controls/TextareaControl.js';
-
-const EditingControl = /*#__PURE__*/React__default.forwardRef(function Control(props, externalRef) {
-  var _ref$current;
-  const {
-    align,
-    column,
-    data,
-    initialValue,
-    onChange: handleChange,
-    table,
-    tableRef,
-    value,
-    cell,
-    error,
-    isActiveRow,
-    ...attributes
-  } = props;
-  const tableMeta = table.options.meta;
-  const ref = React__default.useRef();
-  const refCallback = mergeRefs([ref, externalRef]);
-  const columnMeta = column.columnDef.meta;
-  const controlRenderer = columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.control;
-  const isCellInDetailMode = tableMeta.editing.detailModeEditing && (ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(document.activeElement));
-  const originalRow = cell.row.original;
-  // Revert to initial value if escape was pressed
-  const handleKeyDown = event => {
-    // For some reason keydown event handler is not propogated to the table when input or other control element is
-    // in focus so we need to check for shortcut that toggles the editing.
-    if (shouldTriggerShortcut(event, {
-      key: 'e',
-      meta: true,
-      shift: false
-    })) {
-      tableMeta.editing.toggleEditing(false);
-      return;
-    }
-    const target = event.target;
-    if (target.readOnly) {
-      return;
-    }
-    // Prevent row arrow shortcuts triggering when in detail mode
-    if (tableMeta.editing.detailModeEditing && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {
-      event.stopPropagation();
-    }
-    // Revert to initial value if escape was pressed
-    if (event.key === 'Escape') {
-      event.preventDefault();
-      if (tableMeta.editing.detailModeEditing) {
-        tableMeta.editing.setDetailModeEditing(false);
-        if (value !== initialValue) {
-          // Before reseting to initial value, we need to check if edited row with cell initial value is the same as original row,
-          // and in this case we need to completely remove row from editing state to avoid saving the same data as original.
-          const changedRow = tableMeta.editing.changes ? tableMeta.editing.changes[cell.row.id] : {};
-          const rowEdtitingDataWithInitialValue = {
-            ...changedRow,
-            [cell.column.id]: initialValue
-          };
-          if (_.isEqual(cell.row.original, rowEdtitingDataWithInitialValue)) {
-            tableMeta.editing.resetChange(cell.row.id);
-          } else {
-            handleChange(initialValue);
-          }
-        }
-      } else {
-        var _tableRef$current;
-        tableMeta.editing.toggleEditing(false);
-        (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.focus();
-      }
-      return;
-    }
-    // Should enable/disable editing mode if Enter was clicked
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (!tableMeta.editing.detailModeEditing) {
-        deselectInputValue(target);
-      } else {
-        var _target$select;
-        target === null || target === void 0 ? void 0 : (_target$select = target.select) === null || _target$select === void 0 ? void 0 : _target$select.call(target);
-      }
-      // Ketydown "Enter" should toggle edititng mode
-      tableMeta.editing.setDetailModeEditing(!tableMeta.editing.detailModeEditing);
-      return;
-    }
-  };
-  const isNumber = (columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.dataType) === 'number';
-  const handleInputKeyDown = event => {
-    handleKeyDown(event);
-    // Switching to editing mode, when key pressed any alphabetical character or number
-    if (/^[a-z0-9]$/i.test(event.key)) {
-      tableMeta.editing.setDetailModeEditing(true);
-    }
-  };
-  const handleFocus = event => {
-    var _event$target;
-    // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
-    const {
-      frozenColumnIndex: externalFrozenColumnIndex = -1,
-      frozenInternalColumnCount = 0
-    } = tableMeta.columnFreezing;
-    const tableElement = tableMeta.tableRef.current;
-    const frozenColumnIndex = externalFrozenColumnIndex > -1 ? externalFrozenColumnIndex + frozenInternalColumnCount : frozenInternalColumnCount - 1;
-    const cell = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.closest('[role="cell"]');
-    if (!tableElement || !cell) {
-      return;
-    }
-    const isEditing = true;
-    const leftScrollDistance = getTableLeftScrollDistance(tableElement, cell, frozenColumnIndex, isEditing);
-    if (leftScrollDistance !== null) {
-      tableElement.scrollLeft = leftScrollDistance;
-    }
-  };
-  if (typeof controlRenderer === 'function') {
-    return controlRenderer({
-      ...attributes,
-      invalid: !!error,
-      onFocus: handleFocus,
-      ref: refCallback,
-      setValue: nextValue => {
-        if (nextValue !== value) {
-          handleChange(nextValue);
-        }
-      },
-      fontSize: tableMeta.fontSize.size,
-      value
-    }, data);
-  } else if (controlRenderer === 'datepicker') {
-    const handleDatepickerChange = event => {
-      // When datepicker looses focus, it triggers change event, even if date wasn't changed,
-      // so adding additional check here to prevent adding change to the edititng state.
-      const originalDate = originalRow[cell.column.id];
-      const changedDate = event.detail;
-      if (hasChanged(originalDate, changedDate)) {
-        handleChange(changedDate);
-      }
-    };
-    return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
-      invalid: !!error,
-      className: cn({
-        '[&_input]:!yt-focus-dark': isCellInDetailMode
-      }),
-      onChange: handleDatepickerChange,
-      onFocus: handleFocus,
-      onKeyDown: handleInputKeyDown,
-      ref: refCallback,
-      value: value
-    }));
-  } else if (controlRenderer === 'switch') {
-    return /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, attributes, {
-      checked: Boolean(value),
-      onChange: handleChange,
-      onFocus: handleFocus,
-      ref: refCallback
-    }));
-  } else if (controlRenderer === 'textarea') {
-    return /*#__PURE__*/React__default.createElement(TextareaControl, Object.assign({}, props, {
-      invalid: !!error,
-      isCellInDetailMode: isCellInDetailMode,
-      onFocus: handleFocus,
-      onKeyDown: handleInputKeyDown,
-      ref: refCallback,
-      fontSize: tableMeta.fontSize.size
-    }));
-  }
-  return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, attributes, {
-    invalid: !!error,
-    className: cn(getInputAppearanceClassnames(), getCellAlignmentClasses(align), {
-      '!yt-focus-dark': isCellInDetailMode
-    }),
-    onChange: event => {
-      handleChange(event.target.value);
-    },
-    onFocus: handleFocus,
-    onKeyDown: handleInputKeyDown,
-    ref: refCallback,
-    type: isNumber ? 'number' : undefined,
-    value: isNumber ? value : String(value !== null && value !== void 0 ? value : '')
-  }));
-});
-
-export { EditingControl };
-//# sourceMappingURL=EditingControl.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditingControl.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/cell/EditingControl.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Cell as RTCell, Column as RTColumn, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport _ from 'lodash';\n\nimport { deselectInputValue } from '../../../../../utils/input';\nimport { hasChanged } from '../../../util/editing';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { getCellAlignmentClasses, getInputAppearanceClassnames } from '../styles';\nimport { mergeRefs } from '../../../../../utils/mergeRefs';\nimport { Table3ColumnAlignment, Table3ColumnDataType } from '../../../types';\nimport { TextareaControl } from './controls/TextareaControl';\nimport { shouldTriggerShortcut } from '../../../../../utils/keyboard';\nimport { getTableLeftScrollDistance } from '../../../util/scrolling';\n\nexport type EditingControlProps<TType = unknown> = {\n    align?: Table3ColumnAlignment;\n    column: RTColumn<TType, unknown>;\n    data: TType;\n    initialValue: any;\n    value: any;\n    onBlur: (event: React.FocusEvent) => void;\n    onFocus: (event: React.FocusEvent) => void;\n    onChange: (value: any) => void;\n    ref: React.Ref<HTMLElement>;\n    table: RTTable<TType>;\n    tableRef: React.RefObject<HTMLDivElement>;\n    cell: RTCell<TType, unknown>;\n    error?: string;\n    tabIndex?: number;\n    isActiveRow?: boolean;\n};\n\nexport const EditingControl = React.forwardRef<HTMLElement, any>(function Control<TType = unknown>(\n    props: EditingControlProps<TType>,\n    externalRef: React.Ref<HTMLElement>\n) {\n    const {\n        align,\n        column,\n        data,\n        initialValue,\n        onChange: handleChange,\n        table,\n        tableRef,\n        value,\n        cell,\n        error,\n        isActiveRow,\n        ...attributes\n    } = props;\n\n    const tableMeta = table.options.meta as TableMeta<unknown>;\n    const ref = React.useRef<HTMLElement>();\n    const refCallback = mergeRefs([ref, externalRef]);\n\n    const columnMeta = column.columnDef.meta;\n    const controlRenderer = columnMeta?.control;\n\n    const isCellInDetailMode =\n        tableMeta.editing.detailModeEditing && (ref as React.RefObject<HTMLElement>)?.current?.contains(document.activeElement);\n\n    const originalRow = cell.row.original as TType;\n\n    // Revert to initial value if escape was pressed\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        // For some reason keydown event handler is not propogated to the table when input or other control element is\n        // in focus so we need to check for shortcut that toggles the editing.\n        if (shouldTriggerShortcut(event, { key: 'e', meta: true, shift: false })) {\n            tableMeta.editing.toggleEditing(false);\n            return;\n        }\n\n        const target = event.target as HTMLInputElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // Prevent row arrow shortcuts triggering when in detail mode\n        if (tableMeta.editing.detailModeEditing && (event.key === 'ArrowUp' || event.key === 'ArrowDown')) {\n            event.stopPropagation();\n        }\n\n        // Revert to initial value if escape was pressed\n        if (event.key === 'Escape') {\n            event.preventDefault();\n\n            if (tableMeta.editing.detailModeEditing) {\n                tableMeta.editing.setDetailModeEditing(false);\n\n                if (value !== initialValue) {\n                    // Before reseting to initial value, we need to check if edited row with cell initial value is the same as original row,\n                    // and in this case we need to completely remove row from editing state to avoid saving the same data as original.\n                    const changedRow: any = tableMeta.editing.changes ? tableMeta.editing.changes[cell.row.id] : {};\n                    const rowEdtitingDataWithInitialValue = { ...changedRow, [cell.column.id]: initialValue };\n                    if (_.isEqual(cell.row.original, rowEdtitingDataWithInitialValue)) {\n                        tableMeta.editing.resetChange(cell.row.id);\n                    } else {\n                        handleChange(initialValue);\n                    }\n                }\n            } else {\n                tableMeta.editing.toggleEditing(false);\n                tableRef.current?.focus();\n            }\n\n            return;\n        }\n\n        // Should enable/disable editing mode if Enter was clicked\n        if (event.key === 'Enter') {\n            event.preventDefault();\n\n            if (!tableMeta.editing.detailModeEditing) {\n                deselectInputValue(target);\n            } else {\n                target?.select?.();\n            }\n\n            // Ketydown \"Enter\" should toggle edititng mode\n            tableMeta.editing.setDetailModeEditing(!tableMeta.editing.detailModeEditing);\n\n            return;\n        }\n    };\n\n    const isNumber = columnMeta?.dataType === ('number' as Table3ColumnDataType);\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        handleKeyDown(event);\n\n        // Switching to editing mode, when key pressed any alphabetical character or number\n        if (/^[a-z0-9]$/i.test(event.key)) {\n            tableMeta.editing.setDetailModeEditing(true);\n        }\n    };\n\n    const handleFocus = (event: React.FocusEvent) => {\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        const { frozenColumnIndex: externalFrozenColumnIndex = -1, frozenInternalColumnCount = 0 } = tableMeta.columnFreezing;\n        const tableElement = tableMeta.tableRef.current;\n        const frozenColumnIndex =\n            externalFrozenColumnIndex > -1\n                ? externalFrozenColumnIndex + frozenInternalColumnCount\n                : frozenInternalColumnCount - 1;\n        const cell = event.target?.closest('[role=\"cell\"]');\n\n        if (!tableElement || !cell) {\n            return;\n        }\n\n        const isEditing = true;\n        const leftScrollDistance = getTableLeftScrollDistance(tableElement, cell, frozenColumnIndex, isEditing);\n\n        if (leftScrollDistance !== null) {\n            tableElement.scrollLeft = leftScrollDistance;\n        }\n    };\n\n    if (typeof controlRenderer === 'function') {\n        return controlRenderer(\n            {\n                ...attributes,\n                invalid: !!error,\n                onFocus: handleFocus,\n                ref: refCallback,\n                setValue: nextValue => {\n                    if (nextValue !== value) {\n                        handleChange(nextValue);\n                    }\n                },\n                fontSize: tableMeta.fontSize.size,\n                value,\n            },\n            data\n        );\n    } else if (controlRenderer === 'datepicker') {\n        const handleDatepickerChange = event => {\n            // When datepicker looses focus, it triggers change event, even if date wasn't changed,\n            // so adding additional check here to prevent adding change to the edititng state.\n            const originalDate = originalRow[cell.column.id];\n            const changedDate = (event as any).detail;\n            if (hasChanged(originalDate, changedDate)) {\n                handleChange(changedDate);\n            }\n        };\n\n        return (\n            <Datepicker\n                {...attributes}\n                invalid={!!error}\n                className={cn({\n                    '[&_input]:!yt-focus-dark': isCellInDetailMode,\n                })}\n                onChange={handleDatepickerChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={refCallback}\n                value={value as Date}\n            />\n        );\n    } else if (controlRenderer === 'switch') {\n        return (\n            <Switch {...attributes} checked={Boolean(value)} onChange={handleChange} onFocus={handleFocus} ref={refCallback} />\n        );\n    } else if (controlRenderer === 'textarea') {\n        return (\n            <TextareaControl\n                {...props}\n                invalid={!!error}\n                isCellInDetailMode={isCellInDetailMode}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={refCallback}\n                fontSize={tableMeta.fontSize.size}\n            />\n        );\n    }\n\n    return (\n        <Input\n            {...attributes}\n            invalid={!!error}\n            className={cn(getInputAppearanceClassnames(), getCellAlignmentClasses(align), {\n                '!yt-focus-dark': isCellInDetailMode,\n            })}\n            onChange={event => {\n                handleChange(event.target.value);\n            }}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={refCallback}\n            type={isNumber ? 'number' : undefined}\n            value={isNumber ? value : String(value ?? '')}\n        />\n    );\n});\n"],"names":["EditingControl","React","forwardRef","Control","props","externalRef","align","column","data","initialValue","onChange","handleChange","table","tableRef","value","cell","error","isActiveRow","attributes","tableMeta","options","meta","ref","useRef","refCallback","mergeRefs","columnMeta","columnDef","controlRenderer","control","isCellInDetailMode","editing","detailModeEditing","_ref$current","current","contains","document","activeElement","originalRow","row","original","handleKeyDown","event","shouldTriggerShortcut","key","shift","toggleEditing","target","readOnly","stopPropagation","preventDefault","setDetailModeEditing","changedRow","changes","id","rowEdtitingDataWithInitialValue","_","isEqual","resetChange","_tableRef$current","focus","deselectInputValue","_target$select","select","call","isNumber","dataType","handleInputKeyDown","test","handleFocus","frozenColumnIndex","externalFrozenColumnIndex","frozenInternalColumnCount","columnFreezing","tableElement","_event$target","closest","isEditing","leftScrollDistance","getTableLeftScrollDistance","scrollLeft","invalid","onFocus","setValue","nextValue","fontSize","size","handleDatepickerChange","originalDate","changedDate","detail","hasChanged","Datepicker","className","cn","onKeyDown","Switch","checked","Boolean","TextareaControl","Input","getInputAppearanceClassnames","getCellAlignmentClasses","type","undefined","String"],"mappings":";;;;;;;;;;;;;;MAmCaA,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAmB,SAASC,OAAOA,CAC7EC,KAAiC,EACjCC,WAAmC;;EAEnC,MAAM;IACFC,KAAK;IACLC,MAAM;IACNC,IAAI;IACJC,YAAY;IACZC,QAAQ,EAAEC,YAAY;IACtBC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,IAAI;IACJC,KAAK;IACLC,WAAW;IACX,GAAGC;GACN,GAAGd,KAAK;EAET,MAAMe,SAAS,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAA0B;EAC1D,MAAMC,GAAG,GAAGrB,cAAK,CAACsB,MAAM,EAAe;EACvC,MAAMC,WAAW,GAAGC,SAAS,CAAC,CAACH,GAAG,EAAEjB,WAAW,CAAC,CAAC;EAEjD,MAAMqB,UAAU,GAAGnB,MAAM,CAACoB,SAAS,CAACN,IAAI;EACxC,MAAMO,eAAe,GAAGF,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEG,OAAO;EAE3C,MAAMC,kBAAkB,GACpBX,SAAS,CAACY,OAAO,CAACC,iBAAiB,KAAKV,GAAoC,aAApCA,GAAoC,wBAAAW,YAAA,GAApCX,GAAoC,CAAEY,OAAO,cAAAD,YAAA,uBAA7CA,YAAA,CAA+CE,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;EAE3H,MAAMC,WAAW,GAAGvB,IAAI,CAACwB,GAAG,CAACC,QAAiB;;EAG9C,MAAMC,aAAa,GAAIC,KAA0B;;;IAG7C,IAAIC,qBAAqB,CAACD,KAAK,EAAE;MAAEE,GAAG,EAAE,GAAG;MAAEvB,IAAI,EAAE,IAAI;MAAEwB,KAAK,EAAE;KAAO,CAAC,EAAE;MACtE1B,SAAS,CAACY,OAAO,CAACe,aAAa,CAAC,KAAK,CAAC;MACtC;;IAGJ,MAAMC,MAAM,GAAGL,KAAK,CAACK,MAA0B;IAE/C,IAAIA,MAAM,CAACC,QAAQ,EAAE;MACjB;;;IAIJ,IAAI7B,SAAS,CAACY,OAAO,CAACC,iBAAiB,KAAKU,KAAK,CAACE,GAAG,KAAK,SAAS,IAAIF,KAAK,CAACE,GAAG,KAAK,WAAW,CAAC,EAAE;MAC/FF,KAAK,CAACO,eAAe,EAAE;;;IAI3B,IAAIP,KAAK,CAACE,GAAG,KAAK,QAAQ,EAAE;MACxBF,KAAK,CAACQ,cAAc,EAAE;MAEtB,IAAI/B,SAAS,CAACY,OAAO,CAACC,iBAAiB,EAAE;QACrCb,SAAS,CAACY,OAAO,CAACoB,oBAAoB,CAAC,KAAK,CAAC;QAE7C,IAAIrC,KAAK,KAAKL,YAAY,EAAE;;;UAGxB,MAAM2C,UAAU,GAAQjC,SAAS,CAACY,OAAO,CAACsB,OAAO,GAAGlC,SAAS,CAACY,OAAO,CAACsB,OAAO,CAACtC,IAAI,CAACwB,GAAG,CAACe,EAAE,CAAC,GAAG,EAAE;UAC/F,MAAMC,+BAA+B,GAAG;YAAE,GAAGH,UAAU;YAAE,CAACrC,IAAI,CAACR,MAAM,CAAC+C,EAAE,GAAG7C;WAAc;UACzF,IAAI+C,CAAC,CAACC,OAAO,CAAC1C,IAAI,CAACwB,GAAG,CAACC,QAAQ,EAAEe,+BAA+B,CAAC,EAAE;YAC/DpC,SAAS,CAACY,OAAO,CAAC2B,WAAW,CAAC3C,IAAI,CAACwB,GAAG,CAACe,EAAE,CAAC;WAC7C,MAAM;YACH3C,YAAY,CAACF,YAAY,CAAC;;;OAGrC,MAAM;QAAA,IAAAkD,iBAAA;QACHxC,SAAS,CAACY,OAAO,CAACe,aAAa,CAAC,KAAK,CAAC;QACtC,CAAAa,iBAAA,GAAA9C,QAAQ,CAACqB,OAAO,cAAAyB,iBAAA,uBAAhBA,iBAAA,CAAkBC,KAAK,EAAE;;MAG7B;;;IAIJ,IAAIlB,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;MACvBF,KAAK,CAACQ,cAAc,EAAE;MAEtB,IAAI,CAAC/B,SAAS,CAACY,OAAO,CAACC,iBAAiB,EAAE;QACtC6B,kBAAkB,CAACd,MAAM,CAAC;OAC7B,MAAM;QAAA,IAAAe,cAAA;QACHf,MAAM,aAANA,MAAM,wBAAAe,cAAA,GAANf,MAAM,CAAEgB,MAAM,cAAAD,cAAA,uBAAdA,cAAA,CAAAE,IAAA,CAAAjB,OAAkB;;;MAItB5B,SAAS,CAACY,OAAO,CAACoB,oBAAoB,CAAC,CAAChC,SAAS,CAACY,OAAO,CAACC,iBAAiB,CAAC;MAE5E;;GAEP;EAED,MAAMiC,QAAQ,GAAG,CAAAvC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEwC,QAAQ,MAAM,QAAiC;EAC5E,MAAMC,kBAAkB,GAAIzB,KAAkE;IAC1FD,aAAa,CAACC,KAAK,CAAC;;IAGpB,IAAI,aAAa,CAAC0B,IAAI,CAAC1B,KAAK,CAACE,GAAG,CAAC,EAAE;MAC/BzB,SAAS,CAACY,OAAO,CAACoB,oBAAoB,CAAC,IAAI,CAAC;;GAEnD;EAED,MAAMkB,WAAW,GAAI3B,KAAuB;;;IAExC,MAAM;MAAE4B,iBAAiB,EAAEC,yBAAyB,GAAG,CAAC,CAAC;MAAEC,yBAAyB,GAAG;KAAG,GAAGrD,SAAS,CAACsD,cAAc;IACrH,MAAMC,YAAY,GAAGvD,SAAS,CAACN,QAAQ,CAACqB,OAAO;IAC/C,MAAMoC,iBAAiB,GACnBC,yBAAyB,GAAG,CAAC,CAAC,GACxBA,yBAAyB,GAAGC,yBAAyB,GACrDA,yBAAyB,GAAG,CAAC;IACvC,MAAMzD,IAAI,IAAA4D,aAAA,GAAGjC,KAAK,CAACK,MAAM,cAAA4B,aAAA,uBAAZA,aAAA,CAAcC,OAAO,CAAC,eAAe,CAAC;IAEnD,IAAI,CAACF,YAAY,IAAI,CAAC3D,IAAI,EAAE;MACxB;;IAGJ,MAAM8D,SAAS,GAAG,IAAI;IACtB,MAAMC,kBAAkB,GAAGC,0BAA0B,CAACL,YAAY,EAAE3D,IAAI,EAAEuD,iBAAiB,EAAEO,SAAS,CAAC;IAEvG,IAAIC,kBAAkB,KAAK,IAAI,EAAE;MAC7BJ,YAAY,CAACM,UAAU,GAAGF,kBAAkB;;GAEnD;EAED,IAAI,OAAOlD,eAAe,KAAK,UAAU,EAAE;IACvC,OAAOA,eAAe,CAClB;MACI,GAAGV,UAAU;MACb+D,OAAO,EAAE,CAAC,CAACjE,KAAK;MAChBkE,OAAO,EAAEb,WAAW;MACpB/C,GAAG,EAAEE,WAAW;MAChB2D,QAAQ,EAAEC,SAAS;QACf,IAAIA,SAAS,KAAKtE,KAAK,EAAE;UACrBH,YAAY,CAACyE,SAAS,CAAC;;OAE9B;MACDC,QAAQ,EAAElE,SAAS,CAACkE,QAAQ,CAACC,IAAI;MACjCxE;KACH,EACDN,IAAI,CACP;GACJ,MAAM,IAAIoB,eAAe,KAAK,YAAY,EAAE;IACzC,MAAM2D,sBAAsB,GAAG7C,KAAK;;;MAGhC,MAAM8C,YAAY,GAAGlD,WAAW,CAACvB,IAAI,CAACR,MAAM,CAAC+C,EAAE,CAAC;MAChD,MAAMmC,WAAW,GAAI/C,KAAa,CAACgD,MAAM;MACzC,IAAIC,UAAU,CAACH,YAAY,EAAEC,WAAW,CAAC,EAAE;QACvC9E,YAAY,CAAC8E,WAAW,CAAC;;KAEhC;IAED,oBACIxF,6BAAC2F,UAAU,oBACH1E,UAAU;MACd+D,OAAO,EAAE,CAAC,CAACjE,KAAK;MAChB6E,SAAS,EAAEC,EAAE,CAAC;QACV,0BAA0B,EAAEhE;OAC/B,CAAC;MACFpB,QAAQ,EAAE6E,sBAAsB;MAChCL,OAAO,EAAEb,WAAW;MACpB0B,SAAS,EAAE5B,kBAAkB;MAC7B7C,GAAG,EAAEE,WAAW;MAChBV,KAAK,EAAEA;OACT;GAET,MAAM,IAAIc,eAAe,KAAK,QAAQ,EAAE;IACrC,oBACI3B,6BAAC+F,MAAM,oBAAK9E,UAAU;MAAE+E,OAAO,EAAEC,OAAO,CAACpF,KAAK,CAAC;MAAEJ,QAAQ,EAAEC,YAAY;MAAEuE,OAAO,EAAEb,WAAW;MAAE/C,GAAG,EAAEE;OAAe;GAE1H,MAAM,IAAII,eAAe,KAAK,UAAU,EAAE;IACvC,oBACI3B,6BAACkG,eAAe,oBACR/F,KAAK;MACT6E,OAAO,EAAE,CAAC,CAACjE,KAAK;MAChBc,kBAAkB,EAAEA,kBAAkB;MACtCoD,OAAO,EAAEb,WAAW;MACpB0B,SAAS,EAAE5B,kBAAkB;MAC7B7C,GAAG,EAAEE,WAAW;MAChB6D,QAAQ,EAAElE,SAAS,CAACkE,QAAQ,CAACC;OAC/B;;EAIV,oBACIrF,6BAACmG,KAAK,oBACElF,UAAU;IACd+D,OAAO,EAAE,CAAC,CAACjE,KAAK;IAChB6E,SAAS,EAAEC,EAAE,CAACO,4BAA4B,EAAE,EAAEC,uBAAuB,CAAChG,KAAK,CAAC,EAAE;MAC1E,gBAAgB,EAAEwB;KACrB,CAAC;IACFpB,QAAQ,EAAEgC,KAAK;MACX/B,YAAY,CAAC+B,KAAK,CAACK,MAAM,CAACjC,KAAK,CAAC;KACnC;IACDoE,OAAO,EAAEb,WAAW;IACpB0B,SAAS,EAAE5B,kBAAkB;IAC7B7C,GAAG,EAAEE,WAAW;IAChB+E,IAAI,EAAEtC,QAAQ,GAAG,QAAQ,GAAGuC,SAAS;IACrC1F,KAAK,EAAEmD,QAAQ,GAAGnD,KAAK,GAAG2F,MAAM,CAAC3F,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;KAC9C;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/cell/Highlight.js

@@ -1,41 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { useRowContext } from '../../rows/RowContext.js';
-import { scrollColumnIntoView } from '../../../util/columns.js';
-
-const Highlight = props => {
-  const {
-    current,
-    frozenColumnIndex,
-    index,
-    tableRef,
-    ...attributes
-  } = props;
-  const {
-    hasError: rowHasError
-  } = useRowContext();
-  const ref = React__default.useRef(null);
-  const className = cn('h-full flex [justify-content:inherit] [text-align:inherit]', props.className, {
-    // normal row
-    'bg-blue-200/25': !current && !rowHasError,
-    // current row
-    'bg-blue-200/75': current && !rowHasError,
-    // normal row with error
-    'bg-[#eaeaf5]': !current && rowHasError,
-    // current with error
-    'bg-[#dadaf5]': current && rowHasError
-  });
-  React__default.useEffect(() => {
-    if (ref.current && current) {
-      scrollColumnIntoView(index, frozenColumnIndex, ref.current, tableRef.current);
-    }
-  }, [current]);
-  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes, {
-    "data-taco": "highlight",
-    className: className,
-    ref: ref
-  }));
-};
-
-export { Highlight };
-//# sourceMappingURL=Highlight.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Highlight.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/cell/Highlight.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { scrollColumnIntoView } from '../../../util/columns';\nimport { useRowContext } from '../../rows/RowContext';\n\nexport const Highlight = props => {\n    const { current, frozenColumnIndex, index, tableRef, ...attributes } = props;\n    const { hasError: rowHasError } = useRowContext();\n\n    const ref = React.useRef<HTMLDivElement | null>(null);\n    const className = cn('h-full flex [justify-content:inherit] [text-align:inherit]', props.className, {\n        // normal row\n        'bg-blue-200/25': !current && !rowHasError,\n        // current row\n        'bg-blue-200/75': current && !rowHasError,\n        // normal row with error\n        'bg-[#eaeaf5]': !current && rowHasError,\n        // current with error\n        'bg-[#dadaf5]': current && rowHasError,\n    });\n\n    React.useEffect(() => {\n        if (ref.current && current) {\n            scrollColumnIntoView(index, frozenColumnIndex, ref.current, tableRef.current);\n        }\n    }, [current]);\n\n    return <div {...attributes} data-taco=\"highlight\" className={className} ref={ref} />;\n};\n"],"names":["Highlight","props","current","frozenColumnIndex","index","tableRef","attributes","hasError","rowHasError","useRowContext","ref","React","useRef","className","cn","useEffect","scrollColumnIntoView"],"mappings":";;;;;MAKaA,SAAS,GAAGC,KAAK;EAC1B,MAAM;IAAEC,OAAO;IAAEC,iBAAiB;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGL,KAAK;EAC5E,MAAM;IAAEM,QAAQ,EAAEC;GAAa,GAAGC,aAAa,EAAE;EAEjD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAwB,IAAI,CAAC;EACrD,MAAMC,SAAS,GAAGC,EAAE,CAAC,4DAA4D,EAAEb,KAAK,CAACY,SAAS,EAAE;;IAEhG,gBAAgB,EAAE,CAACX,OAAO,IAAI,CAACM,WAAW;;IAE1C,gBAAgB,EAAEN,OAAO,IAAI,CAACM,WAAW;;IAEzC,cAAc,EAAE,CAACN,OAAO,IAAIM,WAAW;;IAEvC,cAAc,EAAEN,OAAO,IAAIM;GAC9B,CAAC;EAEFG,cAAK,CAACI,SAAS,CAAC;IACZ,IAAIL,GAAG,CAACR,OAAO,IAAIA,OAAO,EAAE;MACxBc,oBAAoB,CAACZ,KAAK,EAAED,iBAAiB,EAAEO,GAAG,CAACR,OAAO,EAAEG,QAAQ,CAACH,OAAO,CAAC;;GAEpF,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,oBAAOS,sDAASL,UAAU;iBAAY,WAAW;IAACO,SAAS,EAAEA,SAAS;IAAEH,GAAG,EAAEA;KAAO;AACxF;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/cell/Indicator.js

@@ -1,88 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { Icon } from '../../../../Icon/Icon.js';
-import { Tooltip } from '../../../../Tooltip/Tooltip.js';
-import { useLocalization } from '../../../../Provider/Localization.js';
-import ReactDOM from 'react-dom';
-
-var IndicatorReason;
-(function (IndicatorReason) {
-  IndicatorReason["SEARCH"] = "SEARCH";
-  IndicatorReason["SORTING"] = "SORTING";
-  IndicatorReason["FILTER"] = "FILTER";
-})(IndicatorReason || (IndicatorReason = {}));
-const useIndicatorText = reason => {
-  let title = '';
-  let description = '';
-  const {
-    texts
-  } = useLocalization();
-  switch (reason) {
-    case IndicatorReason.FILTER:
-      title = texts.table3.editing.rowIndicator.rowWillBeHidden;
-      description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;
-      break;
-    case IndicatorReason.SEARCH:
-      title = texts.table3.editing.rowIndicator.rowWillBeHidden;
-      description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;
-      break;
-    case IndicatorReason.SORTING:
-      title = texts.table3.editing.rowIndicator.rowWillMove;
-      description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;
-      break;
-  }
-  return {
-    title,
-    description
-  };
-};
-const Indicator = ({
-  reason,
-  columnName,
-  mountNode,
-  validationErrors
-}) => {
-  const container = React__default.useMemo(() => {
-    const element = document.createElement('div');
-    element.className += 'rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';
-    return element;
-  }, []);
-  const indicatorText = useIndicatorText(reason);
-  const hasValidationErrorsInRow = !!validationErrors;
-  React__default.useEffect(() => {
-    // mountNode could be null when rows are filtered
-    // Pinned columns has z-20 class assigned, which overlaps indicator element, need to add z-21 to overlap pinned columns.
-    mountNode === null || mountNode === void 0 ? void 0 : mountNode.classList.add('!z-[21]', 'relative');
-    mountNode === null || mountNode === void 0 ? void 0 : mountNode.appendChild(container);
-    return () => {
-      mountNode === null || mountNode === void 0 ? void 0 : mountNode.classList.remove('!z-[21]', 'relative');
-      mountNode === null || mountNode === void 0 ? void 0 : mountNode.removeChild(container);
-    };
-  }, [hasValidationErrorsInRow, mountNode]);
-  // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring
-  // and being able to use Taco Tooltip component in side the visual indicator, portal is used.
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React__default.createElement(Tooltip, {
-    title: indicatorText.description.replace('[COLUMN]', columnName)
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "flex gap-1 hover:cursor-pointer"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    name: "info",
-    className: "!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500"
-  }), indicatorText.title)), container);
-};
-/**
- * Generates class names needed to highlight row cells, used when row has a move indicator
- */
-function getIndicatorCellClassName(columnIndex, lastColumnIndex) {
-  return cn('!border-blue !border-y-2 border-x-0', {
-    'border-l-2 rounded-l': columnIndex === 0,
-    'border-r-2 rounded-r': columnIndex === lastColumnIndex
-  });
-}
-function isIndicatorVisible(rowIndex, rowActiveIndex, rowMoveReason) {
-  const isActiveRow = rowActiveIndex === rowIndex;
-  return isActiveRow && rowMoveReason;
-}
-
-export { Indicator, IndicatorReason, getIndicatorCellClassName, isIndicatorVisible, useIndicatorText };
-//# sourceMappingURL=Indicator.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/cell/Indicator.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport ReactDOM from 'react-dom';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { Tooltip } from '../../../../Tooltip/Tooltip';\nimport { Icon } from '../../../../Icon/Icon';\n\nexport enum IndicatorReason {\n    SEARCH = 'SEARCH',\n    SORTING = 'SORTING',\n    FILTER = 'FILTER',\n}\n\nexport const useIndicatorText = reason => {\n    let title = '';\n    let description = '';\n\n    const { texts } = useLocalization();\n\n    switch (reason) {\n        case IndicatorReason.FILTER:\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n            break;\n        case IndicatorReason.SEARCH:\n            title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n            description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n            break;\n        case IndicatorReason.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\nexport type IndicatorProps = {\n    reason: IndicatorReason;\n    columnName: string;\n    mountNode: Element | null;\n    validationErrors: any;\n};\nexport const Indicator = ({ reason, columnName, mountNode, validationErrors }: IndicatorProps) => {\n    const container = React.useMemo(() => {\n        const element = document.createElement('div');\n        element.className +=\n            'rounded-b-md items-center wcag-blue-500 absolute left-0 top-full ml-1 whitespace-nowrap px-1 py-0.5 text-xs font-bold shadow-sm';\n\n        return element;\n    }, []);\n\n    const indicatorText = useIndicatorText(reason);\n\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    React.useEffect(() => {\n        // mountNode could be null when rows are filtered\n        // Pinned columns has z-20 class assigned, which overlaps indicator element, need to add z-21 to overlap pinned columns.\n        mountNode?.classList.add('!z-[21]', 'relative');\n        mountNode?.appendChild(container);\n\n        return () => {\n            mountNode?.classList.remove('!z-[21]', 'relative');\n            mountNode?.removeChild(container);\n        };\n    }, [hasValidationErrorsInRow, mountNode]);\n\n    // Using react portal inside a react tree component is an unorthodox way, but in order to avoid much code refactoring\n    // and being able to use Taco Tooltip component in side the visual indicator, portal is used.\n    return ReactDOM.createPortal(\n        <Tooltip title={indicatorText.description.replace('[COLUMN]', columnName)}>\n            <span className=\"flex gap-1 hover:cursor-pointer\">\n                <Icon name=\"info\" className=\"!h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n                {indicatorText.title}\n            </span>\n        </Tooltip>,\n        container\n    );\n};\n\n/**\n * Generates class names needed to highlight row cells, used when row has a move indicator\n */\nexport function getIndicatorCellClassName(columnIndex: number, lastColumnIndex: number) {\n    return cn('!border-blue !border-y-2 border-x-0', {\n        'border-l-2 rounded-l': columnIndex === 0,\n        'border-r-2 rounded-r': columnIndex === lastColumnIndex,\n    });\n}\n\nexport function isIndicatorVisible(rowIndex, rowActiveIndex, rowMoveReason) {\n    const isActiveRow = rowActiveIndex === rowIndex;\n    return isActiveRow && rowMoveReason;\n}\n"],"names":["IndicatorReason","useIndicatorText","reason","title","description","texts","useLocalization","FILTER","table3","editing","rowIndicator","rowWillBeHidden","rowWillMoveReasonFilter","SEARCH","rowWillMoveReasonSearch","SORTING","rowWillMove","rowWillMoveReasonSorting","Indicator","columnName","mountNode","validationErrors","container","React","useMemo","element","document","createElement","className","indicatorText","hasValidationErrorsInRow","useEffect","classList","add","appendChild","remove","removeChild","ReactDOM","createPortal","Tooltip","replace","Icon","name","getIndicatorCellClassName","columnIndex","lastColumnIndex","cn","isIndicatorVisible","rowIndex","rowActiveIndex","rowMoveReason","isActiveRow"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/cell/controls/TextareaControl.js

@@ -1,144 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { useMergedRef } from '../../../../../../hooks/useMergedRef.js';
-import { getCellAlignmentClasses } from '../../styles.js';
-import { Textarea } from '../../../../../Textarea/Textarea.js';
-
-// By UX design, textarea should fold to min size when blured and extend to max 5 lines height when edited in enableTruncate mode,
-// for this reason we need to set min/max height limits for each font size value.
-const heights = {
-  small: {
-    min: 24,
-    max: 86
-  },
-  medium: {
-    min: 32,
-    max: 100
-  },
-  large: {
-    min: 40,
-    max: 140
-  }
-};
-const TextareaControl = /*#__PURE__*/React__default.forwardRef(function TextareaControl(props, externalRef) {
-  const {
-    onKeyDown: handleKeyDown,
-    onChange: handleChange,
-    onBlur,
-    onFocus,
-    column,
-    isCellInDetailMode,
-    align,
-    isActiveRow,
-    value,
-    fontSize,
-    tableRef: _1,
-    initialValue: _2,
-    ...attributes
-  } = props;
-  const minMaxHeight = heights[fontSize];
-  const columnMeta = column.columnDef.meta;
-  const ref = useMergedRef(externalRef);
-  React__default.useEffect(() => {
-    if (ref !== null && ref !== void 0 && ref.current) {
-      // Need to reset textarea to min height when font size got changed and if column in enable truncate mode.
-      if (columnMeta !== null && columnMeta !== void 0 && columnMeta.enableTruncate) {
-        const textareaElement = ref === null || ref === void 0 ? void 0 : ref.current;
-        textareaElement.style.height = `${minMaxHeight.min}px`;
-        // If truncation is not enabled, then textarea should re-calculate it's height to fit with it's own content, when initialized or fonsSize got changed.
-      } else {
-        const textareaElement = ref === null || ref === void 0 ? void 0 : ref.current;
-        resizeTextArea(textareaElement);
-      }
-    }
-  }, [fontSize]);
-  React__default.useEffect(() => {
-    // If truncation is enabled, then textarea should only adjust to it's own content, when in detail mode.
-    // Otherwise it should collapse to minimal height.
-    if (ref !== null && ref !== void 0 && ref.current && columnMeta !== null && columnMeta !== void 0 && columnMeta.enableTruncate) {
-      const textareaElement = ref === null || ref === void 0 ? void 0 : ref.current;
-      if (isCellInDetailMode) {
-        resizeTextArea(textareaElement);
-      } else {
-        textareaElement.style.height = `${minMaxHeight.min}px`;
-      }
-    }
-  }, [isCellInDetailMode]);
-  const resizeTextArea = textareaElement => {
-    // Need to set inherit before calculating height, so that browser sets the scrollHeight properly,
-    // depending on text inside.
-    const textareaRect = textareaElement.getBoundingClientRect();
-    const prevHeight = textareaRect.height;
-    if (columnMeta !== null && columnMeta !== void 0 && columnMeta.enableTruncate) {
-      if (prevHeight < minMaxHeight.max) {
-        textareaElement.style.height = 'inherit';
-        textareaElement.style.height = `${Math.min(textareaElement.scrollHeight, minMaxHeight.max)}px`;
-      }
-    } else {
-      textareaElement.style.height = 'inherit';
-      textareaElement.style.height = `${textareaElement.scrollHeight}px`;
-    }
-  };
-  const handleTextareaChange = e => {
-    resizeTextArea(e.target);
-  };
-  const textareaContainerClassName = cn('w-full', {
-    'focus-within:absolute focus-within:left-0 focus-within:top-0 focus-within:z-[9]': columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.enableTruncate
-  });
-  const handleTextareaKeyDown = event => {
-    // By default Shift + Enter in textarea makes a new line, we want to keep this behaviour
-    if (event.shiftKey && event.key === 'Enter') {
-      return;
-    } else {
-      handleKeyDown(event);
-    }
-  };
-  const handleBlur = event => {
-    // If truncation is enabled, then textarea should shring back to min height, when loosing focus.
-    if (columnMeta !== null && columnMeta !== void 0 && columnMeta.enableTruncate) {
-      const textareaElement = event.currentTarget;
-      textareaElement.style.height = `${minMaxHeight.min}px`;
-    }
-    onBlur(event);
-  };
-  const handleFocus = event => {
-    const textareaElement = ref === null || ref === void 0 ? void 0 : ref.current;
-    if (textareaElement) {
-      resizeTextArea(textareaElement);
-    }
-    onFocus(event);
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    "data-taco": "input-container"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    style: {
-      minHeight: `${minMaxHeight.min}px`
-    },
-    className: "relative"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: textareaContainerClassName
-  }, /*#__PURE__*/React__default.createElement(Textarea, Object.assign({}, attributes, {
-    onChange: event => {
-      handleChange(event.target.value);
-      handleTextareaChange(event);
-    },
-    rows: 1,
-    onKeyDown: e => {
-      handleTextareaKeyDown(e);
-    },
-    onBlur: handleBlur,
-    onFocus: handleFocus,
-    className: cn(getCellAlignmentClasses(align), `h-fit resize-none overflow-hidden focus:overflow-auto [&:not(:focus)]:whitespace-nowrap`, {
-      [`!min-h-[${minMaxHeight.min}px]`]: columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.enableTruncate,
-      '!yt-focus-dark': isCellInDetailMode,
-      [`h-[${minMaxHeight.min}px]`]: !isCellInDetailMode && (columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.enableTruncate),
-      // Only allow resizing when focused and truncation enabled
-      'focus:resize-y': isActiveRow && (columnMeta === null || columnMeta === void 0 ? void 0 : columnMeta.enableTruncate)
-    }),
-    ref: ref,
-    value: String(value !== null && value !== void 0 ? value : '')
-  })))));
-});
-
-export { TextareaControl };
-//# sourceMappingURL=TextareaControl.js.map

package/dist/esm/packages/taco/src/components/Table3/components/columns/cell/controls/TextareaControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextareaControl.js","sources":["../../../../../../../../../../../src/components/Table3/components/columns/cell/controls/TextareaControl.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { Textarea } from '../../../../../Textarea/Textarea';\nimport { EditingControlProps } from '../EditingControl';\nimport { getCellAlignmentClasses } from '../../styles';\nimport { useMergedRef } from '../../../../../../hooks/useMergedRef';\nimport { FontSize } from '../../../../../../types';\n\ntype TextareaHeight = {\n    min: number;\n    max: number;\n};\n// By UX design, textarea should fold to min size when blured and extend to max 5 lines height when edited in enableTruncate mode,\n// for this reason we need to set min/max height limits for each font size value.\nconst heights: Record<FontSize, TextareaHeight> = {\n    small: {\n        min: 24,\n        max: 86,\n    },\n    medium: {\n        min: 32,\n        max: 100,\n    },\n    large: {\n        min: 40,\n        max: 140,\n    },\n};\n\ntype TextareaControlProps<TType = unknown> = EditingControlProps<TType> & {\n    onKeyDown: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;\n    fontSize: FontSize;\n    invalid: boolean;\n    isCellInDetailMode?: boolean;\n};\n\nexport const TextareaControl = React.forwardRef<HTMLElement, any>(function TextareaControl<TType = unknown>(\n    props: TextareaControlProps<TType>,\n    externalRef: React.Ref<HTMLElement>\n) {\n    const {\n        onKeyDown: handleKeyDown,\n        onChange: handleChange,\n        onBlur,\n        onFocus,\n        column,\n        isCellInDetailMode,\n        align,\n        isActiveRow,\n        value,\n        fontSize,\n        tableRef: _1,\n        initialValue: _2,\n        ...attributes\n    } = props;\n\n    const minMaxHeight = heights[fontSize];\n\n    const columnMeta = column.columnDef.meta;\n\n    const ref = useMergedRef<HTMLTextAreaElement>(externalRef);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            // Need to reset textarea to min height when font size got changed and if column in enable truncate mode.\n            if (columnMeta?.enableTruncate) {\n                const textareaElement = ref?.current as HTMLTextAreaElement;\n                textareaElement.style.height = `${minMaxHeight.min}px`;\n\n                // If truncation is not enabled, then textarea should re-calculate it's height to fit with it's own content, when initialized or fonsSize got changed.\n            } else {\n                const textareaElement = ref?.current as HTMLTextAreaElement;\n                resizeTextArea(textareaElement);\n            }\n        }\n    }, [fontSize]);\n\n    React.useEffect(() => {\n        // If truncation is enabled, then textarea should only adjust to it's own content, when in detail mode.\n        // Otherwise it should collapse to minimal height.\n        if (ref?.current && columnMeta?.enableTruncate) {\n            const textareaElement = ref?.current as HTMLTextAreaElement;\n\n            if (isCellInDetailMode) {\n                resizeTextArea(textareaElement);\n            } else {\n                textareaElement.style.height = `${minMaxHeight.min}px`;\n            }\n        }\n    }, [isCellInDetailMode]);\n\n    const resizeTextArea = (textareaElement: HTMLTextAreaElement) => {\n        // Need to set inherit before calculating height, so that browser sets the scrollHeight properly,\n        // depending on text inside.\n        const textareaRect = textareaElement.getBoundingClientRect();\n        const prevHeight = textareaRect.height;\n        if (columnMeta?.enableTruncate) {\n            if (prevHeight < minMaxHeight.max) {\n                textareaElement.style.height = 'inherit';\n                textareaElement.style.height = `${Math.min(textareaElement.scrollHeight, minMaxHeight.max)}px`;\n            }\n        } else {\n            textareaElement.style.height = 'inherit';\n            textareaElement.style.height = `${textareaElement.scrollHeight}px`;\n        }\n    };\n\n    const handleTextareaChange = e => {\n        resizeTextArea(e.target);\n    };\n\n    const textareaContainerClassName = cn('w-full', {\n        'focus-within:absolute focus-within:left-0 focus-within:top-0 focus-within:z-[9]': columnMeta?.enableTruncate,\n    });\n    const handleTextareaKeyDown = (event: React.KeyboardEvent<HTMLTextAreaElement>) => {\n        // By default Shift + Enter in textarea makes a new line, we want to keep this behaviour\n        if (event.shiftKey && event.key === 'Enter') {\n            return;\n        } else {\n            handleKeyDown(event);\n        }\n    };\n\n    const handleBlur = event => {\n        // If truncation is enabled, then textarea should shring back to min height, when loosing focus.\n        if (columnMeta?.enableTruncate) {\n            const textareaElement = event.currentTarget;\n            textareaElement.style.height = `${minMaxHeight.min}px`;\n        }\n        onBlur(event);\n    };\n\n    const handleFocus = (event: React.FocusEvent) => {\n        const textareaElement = ref?.current;\n\n        if (textareaElement) {\n            resizeTextArea(textareaElement);\n        }\n\n        onFocus(event);\n    };\n\n    return (\n        <div data-taco=\"input-container\">\n            {/**\n             * Textarea should have min height placeholder, because it becomes absolute positioned when focused,\n             * which leads to overlapping of validation message rendered bellow.\n             * Somehow tailwind cannot dynamically assign min height when arbitary value has been used(in this particular case),\n             * so assigning it through style prop here\n             **/}\n            <div style={{ minHeight: `${minMaxHeight.min}px` }} className=\"relative\">\n                <div className={textareaContainerClassName}>\n                    <Textarea\n                        {...attributes}\n                        onChange={event => {\n                            handleChange(event.target.value);\n                            handleTextareaChange(event);\n                        }}\n                        rows={1}\n                        onKeyDown={e => {\n                            handleTextareaKeyDown(e);\n                        }}\n                        onBlur={handleBlur}\n                        onFocus={handleFocus}\n                        className={cn(\n                            getCellAlignmentClasses(align),\n                            `h-fit resize-none overflow-hidden focus:overflow-auto [&:not(:focus)]:whitespace-nowrap`,\n                            {\n                                [`!min-h-[${minMaxHeight.min}px]`]: columnMeta?.enableTruncate,\n                                '!yt-focus-dark': isCellInDetailMode,\n                                [`h-[${minMaxHeight.min}px]`]: !isCellInDetailMode && columnMeta?.enableTruncate,\n                                // Only allow resizing when focused and truncation enabled\n                                'focus:resize-y': isActiveRow && columnMeta?.enableTruncate,\n                            }\n                        )}\n                        ref={ref}\n                        value={String(value ?? '')}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n});\n"],"names":["heights","small","min","max","medium","large","TextareaControl","React","forwardRef","props","externalRef","onKeyDown","handleKeyDown","onChange","handleChange","onBlur","onFocus","column","isCellInDetailMode","align","isActiveRow","value","fontSize","tableRef","_1","initialValue","_2","attributes","minMaxHeight","columnMeta","columnDef","meta","ref","useMergedRef","useEffect","current","enableTruncate","textareaElement","style","height","resizeTextArea","textareaRect","getBoundingClientRect","prevHeight","Math","scrollHeight","handleTextareaChange","e","target","textareaContainerClassName","cn","handleTextareaKeyDown","event","shiftKey","key","handleBlur","currentTarget","handleFocus","minHeight","className","Textarea","rows","getCellAlignmentClasses","String"],"mappings":";;;;;;AAYA;AACA;AACA,MAAMA,OAAO,GAAqC;EAC9CC,KAAK,EAAE;IACHC,GAAG,EAAE,EAAE;IACPC,GAAG,EAAE;GACR;EACDC,MAAM,EAAE;IACJF,GAAG,EAAE,EAAE;IACPC,GAAG,EAAE;GACR;EACDE,KAAK,EAAE;IACHH,GAAG,EAAE,EAAE;IACPC,GAAG,EAAE;;CAEZ;MASYG,eAAe,gBAAGC,cAAK,CAACC,UAAU,CAAmB,SAASF,eAAeA,CACtFG,KAAkC,EAClCC,WAAmC;EAEnC,MAAM;IACFC,SAAS,EAAEC,aAAa;IACxBC,QAAQ,EAAEC,YAAY;IACtBC,MAAM;IACNC,OAAO;IACPC,MAAM;IACNC,kBAAkB;IAClBC,KAAK;IACLC,WAAW;IACXC,KAAK;IACLC,QAAQ;IACRC,QAAQ,EAAEC,EAAE;IACZC,YAAY,EAAEC,EAAE;IAChB,GAAGC;GACN,GAAGlB,KAAK;EAET,MAAMmB,YAAY,GAAG5B,OAAO,CAACsB,QAAQ,CAAC;EAEtC,MAAMO,UAAU,GAAGZ,MAAM,CAACa,SAAS,CAACC,IAAI;EAExC,MAAMC,GAAG,GAAGC,YAAY,CAAsBvB,WAAW,CAAC;EAE1DH,cAAK,CAAC2B,SAAS,CAAC;IACZ,IAAIF,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEG,OAAO,EAAE;;MAEd,IAAIN,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEO,cAAc,EAAE;QAC5B,MAAMC,eAAe,GAAGL,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,OAA8B;QAC3DE,eAAe,CAACC,KAAK,CAACC,MAAM,MAAMX,YAAY,CAAC1B,OAAO;;OAGzD,MAAM;QACH,MAAMmC,eAAe,GAAGL,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,OAA8B;QAC3DK,cAAc,CAACH,eAAe,CAAC;;;GAG1C,EAAE,CAACf,QAAQ,CAAC,CAAC;EAEdf,cAAK,CAAC2B,SAAS,CAAC;;;IAGZ,IAAIF,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEG,OAAO,IAAIN,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEO,cAAc,EAAE;MAC5C,MAAMC,eAAe,GAAGL,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,OAA8B;MAE3D,IAAIjB,kBAAkB,EAAE;QACpBsB,cAAc,CAACH,eAAe,CAAC;OAClC,MAAM;QACHA,eAAe,CAACC,KAAK,CAACC,MAAM,MAAMX,YAAY,CAAC1B,OAAO;;;GAGjE,EAAE,CAACgB,kBAAkB,CAAC,CAAC;EAExB,MAAMsB,cAAc,GAAIH,eAAoC;;;IAGxD,MAAMI,YAAY,GAAGJ,eAAe,CAACK,qBAAqB,EAAE;IAC5D,MAAMC,UAAU,GAAGF,YAAY,CAACF,MAAM;IACtC,IAAIV,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEO,cAAc,EAAE;MAC5B,IAAIO,UAAU,GAAGf,YAAY,CAACzB,GAAG,EAAE;QAC/BkC,eAAe,CAACC,KAAK,CAACC,MAAM,GAAG,SAAS;QACxCF,eAAe,CAACC,KAAK,CAACC,MAAM,MAAMK,IAAI,CAAC1C,GAAG,CAACmC,eAAe,CAACQ,YAAY,EAAEjB,YAAY,CAACzB,GAAG,KAAK;;KAErG,MAAM;MACHkC,eAAe,CAACC,KAAK,CAACC,MAAM,GAAG,SAAS;MACxCF,eAAe,CAACC,KAAK,CAACC,MAAM,MAAMF,eAAe,CAACQ,gBAAgB;;GAEzE;EAED,MAAMC,oBAAoB,GAAGC,CAAC;IAC1BP,cAAc,CAACO,CAAC,CAACC,MAAM,CAAC;GAC3B;EAED,MAAMC,0BAA0B,GAAGC,EAAE,CAAC,QAAQ,EAAE;IAC5C,iFAAiF,EAAErB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO;GAClG,CAAC;EACF,MAAMe,qBAAqB,GAAIC,KAA+C;;IAE1E,IAAIA,KAAK,CAACC,QAAQ,IAAID,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;MACzC;KACH,MAAM;MACH1C,aAAa,CAACwC,KAAK,CAAC;;GAE3B;EAED,MAAMG,UAAU,GAAGH,KAAK;;IAEpB,IAAIvB,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEO,cAAc,EAAE;MAC5B,MAAMC,eAAe,GAAGe,KAAK,CAACI,aAAa;MAC3CnB,eAAe,CAACC,KAAK,CAACC,MAAM,MAAMX,YAAY,CAAC1B,OAAO;;IAE1Da,MAAM,CAACqC,KAAK,CAAC;GAChB;EAED,MAAMK,WAAW,GAAIL,KAAuB;IACxC,MAAMf,eAAe,GAAGL,GAAG,aAAHA,GAAG,uBAAHA,GAAG,CAAEG,OAAO;IAEpC,IAAIE,eAAe,EAAE;MACjBG,cAAc,CAACH,eAAe,CAAC;;IAGnCrB,OAAO,CAACoC,KAAK,CAAC;GACjB;EAED,oBACI7C;iBAAe;kBAOXA;IAAK+B,KAAK,EAAE;MAAEoB,SAAS,KAAK9B,YAAY,CAAC1B;KAAS;IAAEyD,SAAS,EAAC;kBAC1DpD;IAAKoD,SAAS,EAAEV;kBACZ1C,6BAACqD,QAAQ,oBACDjC,UAAU;IACdd,QAAQ,EAAEuC,KAAK;MACXtC,YAAY,CAACsC,KAAK,CAACJ,MAAM,CAAC3B,KAAK,CAAC;MAChCyB,oBAAoB,CAACM,KAAK,CAAC;KAC9B;IACDS,IAAI,EAAE,CAAC;IACPlD,SAAS,EAAEoC,CAAC;MACRI,qBAAqB,CAACJ,CAAC,CAAC;KAC3B;IACDhC,MAAM,EAAEwC,UAAU;IAClBvC,OAAO,EAAEyC,WAAW;IACpBE,SAAS,EAAET,EAAE,CACTY,uBAAuB,CAAC3C,KAAK,CAAC,2FAC2D,EACzF;MACI,YAAYS,YAAY,CAAC1B,QAAQ,GAAG2B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,cAAc;MAC9D,gBAAgB,EAAElB,kBAAkB;MACpC,OAAOU,YAAY,CAAC1B,QAAQ,GAAG,CAACgB,kBAAkB,KAAIW,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,cAAc;;MAEhF,gBAAgB,EAAEhB,WAAW,KAAIS,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,cAAc;KAC9D,CACJ;IACDJ,GAAG,EAAEA,GAAG;IACRX,KAAK,EAAE0C,MAAM,CAAC1C,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;KAC3B,CACA,CACJ,CACJ;AAEd,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table3/components/columns/footer/Footer.js

@@ -1,50 +0,0 @@
-import React__default from 'react';
-import cn from 'clsx';
-import { isFrozenColumn } from '../../../util/columns.js';
-
-function Footer(props) {
-  const {
-    column,
-    header,
-    table
-  } = props;
-  const meta = React__default.useMemo(() => column.columnDef.meta, []);
-  // Footers are heavily memoized because performance in our table is critical
-  // be careful and selective about props that you pass to the Footer
-  const memoedProps = {
-    align: meta.align,
-    id: header.id,
-    index: header.index,
-    isFrozen: isFrozenColumn(header, table),
-    meta,
-    table
-  };
-  return /*#__PURE__*/React__default.createElement(MemoedFooter, Object.assign({}, memoedProps));
-}
-const MemoedFooter = /*#__PURE__*/React__default.memo(function MemoedFooter(props) {
-  const {
-    align,
-    id,
-    index,
-    isFrozen,
-    meta,
-    table
-  } = props;
-  const className = cn('sticky bottom-0 border-t-2 font-bold h-10 box-content items-center group/column relative z-10', {
-    'z-30': isFrozen
-  });
-  if (table.options.debugAll) {
-    console.log('footer render', id);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: className,
-    "data-align": align,
-    "data-column-index": index,
-    role: "columnheader"
-  }, typeof meta.footer === 'function' ? ( /*#__PURE__*/React__default.createElement("span", {
-    className: "flex-grow truncate"
-  }, meta.footer(table.getRowModel().rows.map(row => row.original[id])))) : null);
-});
-
-export { Footer };
-//# sourceMappingURL=Footer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Footer.js","sources":["../../../../../../../../../../src/components/Table3/components/columns/footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { ColumnMeta, HeaderContext } from '@tanstack/react-table';\nimport { isFrozenColumn } from '../../../util/columns';\nimport { Table3ColumnAlignment, Table3ColumnFooterRenderer } from '../../../types';\n\nexport type FooterProps<TType = unknown> = HeaderContext<TType, unknown> & {\n    renderer?: Table3ColumnFooterRenderer<TType>;\n};\n\nexport function Footer<TType = unknown>(props: FooterProps<TType>) {\n    const { column, header, table } = props;\n    const meta = React.useMemo(() => column.columnDef.meta, []) as ColumnMeta<TType, unknown>;\n\n    // Footers are heavily memoized because performance in our table is critical\n    // be careful and selective about props that you pass to the Footer\n    const memoedProps = {\n        align: meta.align,\n        id: header.id,\n        index: header.index,\n        isFrozen: isFrozenColumn(header, table),\n        meta,\n        table,\n    };\n\n    return <MemoedFooter<TType> {...memoedProps} />;\n}\n\n// Memoization\nexport type MemoedFooterProps<TType = unknown> = Omit<FooterProps<TType>, 'header' | 'column' | 'scrollToIndex'> & {\n    align?: Table3ColumnAlignment;\n    id: string;\n    index: number;\n    isFrozen: boolean;\n    meta: ColumnMeta<TType, unknown>;\n};\n\nconst MemoedFooter = React.memo(function MemoedFooter<TType = unknown>(props: MemoedFooterProps<TType>) {\n    const { align, id, index, isFrozen, meta, table } = props;\n\n    const className = cn('sticky bottom-0 border-t-2 font-bold h-10 box-content items-center group/column relative z-10', {\n        'z-30': isFrozen,\n    });\n\n    if (table.options.debugAll) {\n        console.log('footer render', id);\n    }\n\n    return (\n        <div className={className} data-align={align} data-column-index={index} role=\"columnheader\">\n            {typeof meta.footer === 'function' ? (\n                <span className=\"flex-grow truncate\">{meta.footer(table.getRowModel().rows.map(row => row.original[id]))}</span>\n            ) : null}\n        </div>\n    );\n}) as <TType = unknown>(props: MemoedFooterProps<TType>) => JSX.Element;\n"],"names":["Footer","props","column","header","table","meta","React","useMemo","columnDef","memoedProps","align","id","index","isFrozen","isFrozenColumn","MemoedFooter","memo","className","cn","options","debugAll","console","log","role","footer","getRowModel","rows","map","row","original"],"mappings":";;;;SAUgBA,MAAMA,CAAkBC,KAAyB;EAC7D,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC;GAAO,GAAGH,KAAK;EACvC,MAAMI,IAAI,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAML,MAAM,CAACM,SAAS,CAACH,IAAI,EAAE,EAAE,CAA+B;;;EAIzF,MAAMI,WAAW,GAAG;IAChBC,KAAK,EAAEL,IAAI,CAACK,KAAK;IACjBC,EAAE,EAAER,MAAM,CAACQ,EAAE;IACbC,KAAK,EAAET,MAAM,CAACS,KAAK;IACnBC,QAAQ,EAAEC,cAAc,CAACX,MAAM,EAAEC,KAAK,CAAC;IACvCC,IAAI;IACJD;GACH;EAED,oBAAOE,6BAACS,YAAY,oBAAYN,WAAW,EAAI;AACnD;AAWA,MAAMM,YAAY,gBAAGT,cAAK,CAACU,IAAI,CAAC,SAASD,YAAYA,CAAkBd,KAA+B;EAClG,MAAM;IAAES,KAAK;IAAEC,EAAE;IAAEC,KAAK;IAAEC,QAAQ;IAAER,IAAI;IAAED;GAAO,GAAGH,KAAK;EAEzD,MAAMgB,SAAS,GAAGC,EAAE,CAAC,+FAA+F,EAAE;IAClH,MAAM,EAAEL;GACX,CAAC;EAEF,IAAIT,KAAK,CAACe,OAAO,CAACC,QAAQ,EAAE;IACxBC,OAAO,CAACC,GAAG,CAAC,eAAe,EAAEX,EAAE,CAAC;;EAGpC,oBACIL;IAAKW,SAAS,EAAEA,SAAS;kBAAcP,KAAK;yBAAqBE,KAAK;IAAEW,IAAI,EAAC;KACxE,OAAOlB,IAAI,CAACmB,MAAM,KAAK,UAAU,kBAC9BlB;IAAMW,SAAS,EAAC;KAAsBZ,IAAI,CAACmB,MAAM,CAACpB,KAAK,CAACqB,WAAW,EAAE,CAACC,IAAI,CAACC,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAClB,EAAE,CAAC,CAAC,CAAC,CAAQ,IAChH,IAAI,CACN;AAEd,CAAC,CAAsE;;;;"}