@economic/taco 2.49.0-server.3 → 2.49.0

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

@@ -1,5 +1,4 @@
 import React__default from 'react';
-import { extends as _extends } from '../../../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom.js';
 import { isPressingMetaKey } from '../../../../../utils/keyboard.js';
 import { Checkbox } from '../../../../Checkbox/Checkbox.js';
@@ -17,56 +16,58 @@ import { useEditingCellAutofocus } from './util.js';
 
 function EditingControlCell(props) {
   var _columnMeta$control;
-  var cell = props.cell,
-    cellRef = props.cellRef,
-    isHighlighted = props.isHighlighted,
-    index = props.index;
-  var _React$useContext = React__default.useContext(RowContext),
-    rowIndex = _React$useContext.rowIndex;
-  var _cell$getContext = cell.getContext(),
-    table = _cell$getContext.table;
-  var tableMeta = table.options.meta;
-  var columnMeta = cell.column.columnDef.meta;
-  var isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
-  var type = (_columnMeta$control = columnMeta.control) !== null && _columnMeta$control !== void 0 ? _columnMeta$control : 'input';
-  var handleFocus = useEditingCellAutofocus(props);
-  var value = cell.getValue();
+  const {
+    cell,
+    cellRef,
+    isHighlighted,
+    index
+  } = props;
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const {
+    table
+  } = cell.getContext();
+  const tableMeta = table.options.meta;
+  const columnMeta = cell.column.columnDef.meta;
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const type = (_columnMeta$control = columnMeta.control) !== null && _columnMeta$control !== void 0 ? _columnMeta$control : 'input';
+  const handleFocus = useEditingCellAutofocus(props);
+  const value = cell.getValue();
   // some controls, like select2, should trigger cell changed (validation, updates) as the value changes
-  var hasNonTextControl = React__default.useMemo(function () {
+  const hasNonTextControl = React__default.useMemo(() => {
     var _cellRef$current;
     return typeof type === 'function' && !!((_cellRef$current = cellRef.current) !== null && _cellRef$current !== void 0 && _cellRef$current.querySelector('[data-taco="Select2"],[data-taco="switch"],[data-taco="checkbox"]'));
   }, [cellRef.current]);
-  var handleChange = React__default.useCallback(function (nextValue) {
+  const handleChange = React__default.useCallback(nextValue => {
     if (nextValue !== value) {
       tableMeta.editing.setCellValue(cell, rowIndex, nextValue);
       if (hasNonTextControl) {
-        requestAnimationFrame(function () {
-          return tableMeta.editing.onCellChanged(cell, rowIndex, nextValue);
-        });
+        requestAnimationFrame(() => tableMeta.editing.onCellChanged(cell, rowIndex, nextValue));
       }
     }
   }, [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value]);
-  var blur = React__default.useCallback(function blur() {
+  const blur = React__default.useCallback(function blur() {
     tableMeta.editing.toggleDetailedMode(false);
     tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl);
   }, [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex]);
-  var handleBlur = React__default.useCallback(function (event) {
+  const handleBlur = React__default.useCallback(event => {
     if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {
       return;
     }
     blur();
   }, [blur]);
   // ensure that blur runs when the cell gets unmounted (when vertically arrow key navigating)
-  React__default.useEffect(function () {
-    var ref = cellRef.current;
-    return function () {
+  React__default.useEffect(() => {
+    const ref = cellRef.current;
+    return () => {
       if (document.activeElement === ref || isElementInsideOrTriggeredFromContainer(document.activeElement, ref)) {
         blur();
       }
     };
   }, []);
-  var error = tableMeta.editing.getCellError(cell);
-  var controlProps = {
+  const error = tableMeta.editing.getCellError(cell);
+  const controlProps = {
     dataType: columnMeta.dataType,
     fontSize: tableMeta.fontSize.size,
     id: cell.column.id,
@@ -79,16 +80,17 @@ function EditingControlCell(props) {
     rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),
     tabIndex: isActiveRow ? 0 : -1,
     toggleDetailedMode: tableMeta.editing.toggleDetailedMode,
-    type: type,
-    value: value
+    type,
+    value
   };
-  var cellAttributes = _extends({}, getCellAttributes(cell, index, isHighlighted), {
+  const cellAttributes = {
+    ...getCellAttributes(cell, index, isHighlighted),
     'data-cell-editing-invalid': error ? true : undefined,
     'data-taco': 'cell-control',
     onFocus: handleFocus,
     ref: cellRef,
     tabIndex: -1
-  });
+  };
   return /*#__PURE__*/React__default.createElement("td", Object.assign({}, cellAttributes), /*#__PURE__*/React__default.createElement(Field, {
     invalid: !!error,
     message: error
@@ -98,37 +100,41 @@ function EditingControlCell(props) {
     isActiveRow: isActiveRow
   }));
 }
-var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingCell(props) {
-  var dataType = props.dataType,
-    fontSize = props.fontSize,
-    id = props.id,
-    invalid = props.invalid,
-    isDetailedMode = props.isDetailedMode,
-    isTruncated = props.isTruncated,
-    onBlur = props.onBlur,
-    onChange = props.onChange,
-    row = props.row,
-    rowPendingChanges = props.rowPendingChanges,
-    _props$tabIndex = props.tabIndex,
-    tabIndex = _props$tabIndex === void 0 ? -1 : _props$tabIndex,
-    toggleDetailedMode = props.toggleDetailedMode,
-    _props$type = props.type,
-    type = _props$type === void 0 ? 'input' : _props$type,
-    value = props.value;
-  var controlRef = React__default.useRef(null);
-  var currentValue = row[id];
-  var commonProps = {
-    onBlur: onBlur,
+const MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingCell(props) {
+  const {
+    dataType,
+    fontSize,
+    id,
+    invalid,
+    isDetailedMode,
+    isTruncated,
+    onBlur,
+    onChange,
+    row,
+    rowPendingChanges,
+    tabIndex = -1,
+    toggleDetailedMode,
+    type = 'input',
+    value
+  } = props;
+  const controlRef = React__default.useRef(null);
+  const currentValue = row[id];
+  const commonProps = {
+    onBlur,
     ref: controlRef,
-    tabIndex: tabIndex
+    tabIndex
   };
   if (typeof type === 'function') {
-    var controlFnProps = _extends({}, commonProps, {
-      invalid: invalid,
+    const controlFnProps = {
+      ...commonProps,
+      invalid,
       setValue: onChange,
-      value: value
+      value
+    };
+    return type(controlFnProps, {
+      ...row,
+      ...rowPendingChanges
     });
-    return type(controlFnProps, _extends({}, row, rowPendingChanges));
   }
   if (type === 'switch') {
     return /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, commonProps, {
@@ -144,8 +150,8 @@ var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingC
       ref: controlRef
     }));
   }
-  var handleInputKeyDown = function handleInputKeyDown(event) {
-    var target = event.target;
+  const handleInputKeyDown = event => {
+    const target = event.target;
     if (target.readOnly) {
       return;
     }
@@ -167,9 +173,7 @@ var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingC
         var _target$setSelectionR, _target$value, _target$value2;
         (_target$setSelectionR = target.setSelectionRange) === null || _target$setSelectionR === void 0 ? void 0 : _target$setSelectionR.call(target, (_target$value = target.value) === null || _target$value === void 0 ? void 0 : _target$value.length, (_target$value2 = target.value) === null || _target$value2 === void 0 ? void 0 : _target$value2.length);
       }
-      toggleDetailedMode(function (editing) {
-        return !editing;
-      });
+      toggleDetailedMode(editing => !editing);
       return;
     }
     // reset the value, or exit edit mode when pressing escape
@@ -181,7 +185,7 @@ var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingC
           props.onChange(currentValue);
         }
         // have to let onChange run before selecting, otherwise the value changes
-        requestAnimationFrame(function () {
+        requestAnimationFrame(() => {
           var _target$select2;
           return (_target$select2 = target.select) === null || _target$select2 === void 0 ? void 0 : _target$select2.call(target);
         });
@@ -193,22 +197,22 @@ var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingC
       toggleDetailedMode(true);
     }
   };
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = event => {
     if (!isDetailedMode) {
       event.target.select();
     }
   };
   if (type === 'datepicker') {
-    var valueAsDate = parse(value);
-    var _handleChange = function _handleChange(event) {
-      var newDate = event.detail;
+    const valueAsDate = parse(value);
+    const handleChange = event => {
+      const newDate = event.detail;
       if (!valueAsDate || !newDate || isDate(valueAsDate) && isDate(newDate) && !isWeakEqual(valueAsDate, newDate)) {
         props.onChange(newDate);
       }
     };
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, commonProps, {
       invalid: invalid,
-      onChange: _handleChange,
+      onChange: handleChange,
       onFocus: handleFocus,
       onKeyDown: handleInputKeyDown,
       ref: controlRef,
@@ -216,21 +220,21 @@ var MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditingC
     }));
   }
   if (type === 'textarea') {
-    var _handleChange2 = function _handleChange2(event) {
+    const handleChange = event => {
       onChange(event.target.value);
     };
     return /*#__PURE__*/React__default.createElement(TextareaWithAutosizing, Object.assign({}, commonProps, {
       fontSize: fontSize,
       invalid: invalid,
       isTruncated: isTruncated,
-      onChange: _handleChange2,
+      onChange: handleChange,
       onFocus: handleFocus,
       onKeyDown: handleInputKeyDown,
       ref: controlRef,
       value: String(value !== null && value !== void 0 ? value : '')
     }));
   }
-  var handleChange = function handleChange(event) {
+  const handleChange = event => {
     onChange(dataType === 'number' && event.target.value ? Number.parseInt(event.target.value) : event.target.value);
   };
   return /*#__PURE__*/React__default.createElement(Input, Object.assign({}, commonProps, {

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

@@ -1 +1 @@
-{"version":3,"file":"EditingControlCell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            if (nextValue !== value) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n\n                if (hasNonTextControl) {\n                    requestAnimationFrame(() => tableMeta.editing.onCellChanged(cell, rowIndex, nextValue));\n                }\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value]\n    );\n\n    const blur = React.useCallback(\n        function blur() {\n            tableMeta.editing.toggleDetailedMode(false);\n            tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl);\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n            blur();\n        },\n        [blur]\n    );\n\n    // ensure that blur runs when the cell gets unmounted (when vertically arrow key navigating)\n    React.useEffect(() => {\n        const ref = cellRef.current;\n\n        return () => {\n            if (document.activeElement === ref || isElementInsideOrTriggeredFromContainer(document.activeElement, ref)) {\n                blur();\n            }\n        };\n    }, []);\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        onBlur,\n        onChange,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id];\n    const commonProps = {\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLButtonElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLButtonElement>}\n            />\n        );\n    }\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    if (type === 'textarea') {\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            onChange(event.target.value);\n        };\n\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(dataType === 'number' && event.target.value ? Number.parseInt(event.target.value) : event.target.value);\n    };\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => JSX.Element;\n"],"names":["EditingControlCell","props","cell","cellRef","isHighlighted","index","_React$useContext","React","useContext","RowContext","rowIndex","_cell$getContext","getContext","table","tableMeta","options","meta","columnMeta","column","columnDef","isActiveRow","rowActive","rowActiveIndex","type","_columnMeta$control","control","handleFocus","useEditingCellAutofocus","value","getValue","hasNonTextControl","useMemo","_cellRef$current","current","querySelector","handleChange","useCallback","nextValue","editing","setCellValue","requestAnimationFrame","onCellChanged","row","id","original","blur","toggleDetailedMode","undefined","handleBlur","event","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","useEffect","ref","document","activeElement","error","getCellError","controlProps","dataType","fontSize","size","invalid","isDetailedMode","isTruncated","enableTruncate","onBlur","onChange","rowPendingChanges","getRowValue","tabIndex","cellAttributes","_extends","getCellAttributes","onFocus","Field","message","MemoedEditingCell","RowMoveIndicator","memo","_props$tabIndex","_props$type","controlRef","useRef","currentValue","commonProps","controlFnProps","setValue","Switch","checked","Boolean","Checkbox","handleInputKeyDown","target","readOnly","key","stopPropagation","shiftKey","preventDefault","_target$select","select","call","_target$setSelectionR","_target$value","_target$value2","setSelectionRange","length","_target$select2","isPressingMetaKey","test","valueAsDate","date","newDate","detail","isDate","Datepicker","onKeyDown","TextareaWithAutosizing","String","Number","parseInt","Input"],"mappings":"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"}
+{"version":3,"file":"EditingControlCell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/EditingControlCell.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta, ColumnMeta as ReactTableColumnMeta } from '@tanstack/react-table';\nimport { isDate } from 'date-fns';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\nimport { Input } from '../../../../Input/Input';\nimport { TableColumnDataType, TableColumnRendererControl, TableFontSize } from '../../../../../primitives/Table/types';\nimport * as date from '../../../../../utils/date';\nimport { RowMoveIndicator } from './Editing/RowMoveIndicator';\nimport { TextareaWithAutosizing } from './Editing/TextareaWithAutosizing';\nimport { Field } from '../../../../Field/Field';\nimport { isElementInsideOrTriggeredFromContainer } from '../../../../../utils/dom';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { getCellAttributes } from '../../../../../primitives/Table/Core/components/Columns/Cell/util';\nimport { useEditingCellAutofocus } from './util';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { Checkbox } from '../../../../Checkbox/Checkbox';\n\nexport function EditingControlCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const { cell, cellRef, isHighlighted, index } = props;\n    const { rowIndex } = React.useContext(RowContext);\n    const { table } = cell.getContext();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const type = columnMeta.control ?? 'input';\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    const value = cell.getValue();\n\n    // some controls, like select2, should trigger cell changed (validation, updates) as the value changes\n    const hasNonTextControl = React.useMemo(() => {\n        return (\n            typeof type === 'function' &&\n            !!cellRef.current?.querySelector('[data-taco=\"Select2\"],[data-taco=\"switch\"],[data-taco=\"checkbox\"]')\n        );\n    }, [cellRef.current]);\n\n    const handleChange = React.useCallback(\n        (nextValue: unknown) => {\n            if (nextValue !== value) {\n                tableMeta.editing.setCellValue(cell, rowIndex, nextValue);\n\n                if (hasNonTextControl) {\n                    requestAnimationFrame(() => tableMeta.editing.onCellChanged(cell, rowIndex, nextValue));\n                }\n            }\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex, value]\n    );\n\n    const blur = React.useCallback(\n        function blur() {\n            tableMeta.editing.toggleDetailedMode(false);\n            tableMeta.editing.onCellChanged(cell, rowIndex, undefined, !hasNonTextControl);\n        },\n        [hasNonTextControl, cell.row.id, cell.column.id, cell.row.original, rowIndex]\n    );\n\n    const handleBlur = React.useCallback(\n        (event: React.FocusEvent) => {\n            if (isElementInsideOrTriggeredFromContainer(event.relatedTarget, event.currentTarget)) {\n                return;\n            }\n            blur();\n        },\n        [blur]\n    );\n\n    // ensure that blur runs when the cell gets unmounted (when vertically arrow key navigating)\n    React.useEffect(() => {\n        const ref = cellRef.current;\n\n        return () => {\n            if (document.activeElement === ref || isElementInsideOrTriggeredFromContainer(document.activeElement, ref)) {\n                blur();\n            }\n        };\n    }, []);\n\n    const error = tableMeta.editing.getCellError<TType>(cell);\n\n    const controlProps = {\n        dataType: columnMeta.dataType,\n        fontSize: tableMeta.fontSize.size,\n        id: cell.column.id,\n        invalid: !!error,\n        isDetailedMode: tableMeta.editing.isDetailedMode,\n        isTruncated: !!columnMeta.enableTruncate,\n        onBlur: handleBlur,\n        onChange: handleChange,\n        row: cell.row.original,\n        rowPendingChanges: tableMeta.editing.getRowValue(cell.row.id),\n        tabIndex: isActiveRow ? 0 : -1,\n        toggleDetailedMode: tableMeta.editing.toggleDetailedMode,\n        type,\n        value,\n    };\n\n    const cellAttributes = {\n        ...getCellAttributes(cell, index, isHighlighted),\n        'data-cell-editing-invalid': error ? true : undefined,\n        'data-taco': 'cell-control',\n        onFocus: handleFocus,\n        ref: cellRef,\n        tabIndex: -1,\n    };\n\n    return (\n        <td {...cellAttributes}>\n            <Field invalid={!!error} message={error}>\n                <MemoedEditingCell<TType> {...controlProps} />\n            </Field>\n            {\n                // we show row move indicator here within the cell rather than the row because it is\n                // an editing only feature, and we don't want to leak editing into the shared row component\n            }\n            <RowMoveIndicator cell={cell} cellRef={cellRef} isActiveRow={isActiveRow} />\n        </td>\n    );\n}\n\ntype MemoedEditingCellProps<TType = unknown, TValue = unknown> = {\n    dataType?: TableColumnDataType;\n    fontSize: TableFontSize;\n    id: string;\n    invalid: boolean;\n    isDetailedMode: boolean;\n    isTruncated: boolean;\n    onBlur: (event: React.FocusEvent) => void;\n    onChange: (value: TValue) => void;\n    row: TType;\n    rowPendingChanges: Partial<TType> | undefined;\n    tabIndex?: number;\n    toggleDetailedMode: (detailed: React.SetStateAction<boolean>) => void;\n    type: TableColumnRendererControl<TType>;\n    value: TValue;\n};\n\nconst MemoedEditingCell = React.memo(function MemoedEditingCell<TType = unknown>(props: MemoedEditingCellProps<TType>) {\n    const {\n        dataType,\n        fontSize,\n        id,\n        invalid,\n        isDetailedMode,\n        isTruncated,\n        onBlur,\n        onChange,\n        row,\n        rowPendingChanges,\n        tabIndex = -1,\n        toggleDetailedMode,\n        type = 'input',\n        value,\n    } = props;\n    const controlRef = React.useRef<HTMLElement>(null);\n    const currentValue = row[id];\n    const commonProps = {\n        onBlur,\n        ref: controlRef,\n        tabIndex,\n    };\n\n    if (typeof type === 'function') {\n        const controlFnProps = {\n            ...commonProps,\n            invalid,\n            setValue: onChange,\n            value,\n        };\n\n        return type(controlFnProps, { ...row, ...rowPendingChanges });\n    }\n\n    if (type === 'switch') {\n        return (\n            <Switch\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLButtonElement>}\n            />\n        );\n    }\n\n    if (type === 'checkbox') {\n        return (\n            <Checkbox\n                {...commonProps}\n                checked={Boolean(value)}\n                onChange={onChange}\n                ref={controlRef as React.RefObject<HTMLButtonElement>}\n            />\n        );\n    }\n\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n\n        if (target.readOnly) {\n            return;\n        }\n\n        // prevent active row navigation while in detailed mode\n        if (\n            isDetailedMode &&\n            (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'ArrowLeft' || event.key === 'ArrowRight')\n        ) {\n            event.stopPropagation();\n        }\n\n        // enter or exit detail mode when pressing enter\n        if (event.key === 'Enter') {\n            // textareas support shift and enter, don't prevent default in that case\n            if (event.shiftKey && isDetailedMode) {\n                return;\n            }\n\n            event.preventDefault();\n\n            if (isDetailedMode) {\n                target.select?.();\n            } else {\n                target.setSelectionRange?.(target.value?.length, target.value?.length);\n            }\n\n            toggleDetailedMode(editing => !editing);\n            return;\n        }\n\n        // reset the value, or exit edit mode when pressing escape\n        if (event.key === 'Escape') {\n            if (isDetailedMode) {\n                event.preventDefault();\n                toggleDetailedMode(false);\n\n                if (value !== currentValue) {\n                    props.onChange(currentValue);\n                }\n\n                // have to let onChange run before selecting, otherwise the value changes\n                requestAnimationFrame(() => target.select?.());\n            }\n\n            return;\n        }\n\n        // toggle into detailed mode when actually inputting something\n        if (!isPressingMetaKey(event) && (/^[a-z0-9]$/i.test(event.key) || event.key === 'Backspace')) {\n            toggleDetailedMode(true);\n        }\n    };\n\n    const handleFocus = (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n        if (!isDetailedMode) {\n            event.target.select();\n        }\n    };\n\n    if (type === 'datepicker') {\n        const valueAsDate = date.parse(value as Date | string | undefined);\n\n        const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const newDate = (event as any).detail as Date;\n\n            if (!valueAsDate || !newDate || (isDate(valueAsDate) && isDate(newDate) && !date.isWeakEqual(valueAsDate, newDate))) {\n                props.onChange(newDate);\n            }\n        };\n\n        return (\n            <Datepicker\n                {...commonProps}\n                invalid={invalid}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={controlRef as React.RefObject<HTMLInputElement>}\n                value={valueAsDate}\n            />\n        );\n    }\n\n    if (type === 'textarea') {\n        const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n            onChange(event.target.value);\n        };\n\n        return (\n            <TextareaWithAutosizing\n                {...commonProps}\n                fontSize={fontSize}\n                invalid={invalid}\n                isTruncated={isTruncated}\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onKeyDown={handleInputKeyDown}\n                ref={controlRef as React.RefObject<HTMLTextAreaElement>}\n                value={String(value ?? '')}\n            />\n        );\n    }\n\n    const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        onChange(dataType === 'number' && event.target.value ? Number.parseInt(event.target.value) : event.target.value);\n    };\n\n    return (\n        <Input\n            {...commonProps}\n            invalid={invalid}\n            onChange={handleChange}\n            onFocus={handleFocus}\n            onKeyDown={handleInputKeyDown}\n            ref={controlRef as React.RefObject<HTMLInputElement>}\n            type={dataType === 'number' ? 'number' : undefined}\n            value={dataType === 'number' ? (value as number) : String(value ?? '')}\n        />\n    );\n}) as <TType = unknown>(props: MemoedEditingCellProps<TType>) => JSX.Element;\n"],"names":["EditingControlCell","props","cell","cellRef","isHighlighted","index","rowIndex","React","useContext","RowContext","table","getContext","tableMeta","options","meta","columnMeta","column","columnDef","isActiveRow","rowActive","rowActiveIndex","type","_columnMeta$control","control","handleFocus","useEditingCellAutofocus","value","getValue","hasNonTextControl","useMemo","_cellRef$current","current","querySelector","handleChange","useCallback","nextValue","editing","setCellValue","requestAnimationFrame","onCellChanged","row","id","original","blur","toggleDetailedMode","undefined","handleBlur","event","isElementInsideOrTriggeredFromContainer","relatedTarget","currentTarget","useEffect","ref","document","activeElement","error","getCellError","controlProps","dataType","fontSize","size","invalid","isDetailedMode","isTruncated","enableTruncate","onBlur","onChange","rowPendingChanges","getRowValue","tabIndex","cellAttributes","getCellAttributes","onFocus","Field","message","MemoedEditingCell","RowMoveIndicator","memo","controlRef","useRef","currentValue","commonProps","controlFnProps","setValue","Switch","checked","Boolean","Checkbox","handleInputKeyDown","target","readOnly","key","stopPropagation","shiftKey","preventDefault","_target$select","select","call","_target$setSelectionR","_target$value","_target$value2","setSelectionRange","length","_target$select2","isPressingMetaKey","test","valueAsDate","date","newDate","detail","isDate","Datepicker","onKeyDown","TextareaWithAutosizing","String","Number","parseInt","Input"],"mappings":"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"}

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

@@ -2,8 +2,8 @@ import React__default from 'react';
 import { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell.js';
 import { useEditingCellAutofocus } from './util.js';
 
-var EditingDisplayCell = /*#__PURE__*/React__default.memo(function EditingDisplayCell(props) {
-  var handleFocus = useEditingCellAutofocus(props);
+const EditingDisplayCell = /*#__PURE__*/React__default.memo(function EditingDisplayCell(props) {
+  const handleFocus = useEditingCellAutofocus(props);
   return /*#__PURE__*/React__default.createElement(DisplayCell, Object.assign({}, props, {
     onFocus: handleFocus,
     tabIndex: -1

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

@@ -1 +1 @@
-{"version":3,"file":"EditingDisplayCell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;\n"],"names":["EditingDisplayCell","React","memo","props","handleFocus","useEditingCellAutofocus","DisplayCell","onFocus","tabIndex"],"mappings":";;;;IAKaA,kBAAkB,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,kBAAkBA,CAAkBG,KAAoC;EAC1H,IAAMC,WAAW,GAAGC,uBAAuB,CAAQF,KAAK,CAAC;EACzD,oBAAOF,6BAACK,WAAW,oBAAYH,KAAK;IAAEI,OAAO,EAAEH,WAAW;IAAEI,QAAQ,EAAE,CAAC;KAAK;AAChF,CAAC;;;;"}
+{"version":3,"file":"EditingDisplayCell.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/EditingDisplayCell.tsx"],"sourcesContent":["import React from 'react';\nimport { DisplayCell } from '../../../../../primitives/Table/Core/components/Columns/Cell/BuiltIns/DisplayCell';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { useEditingCellAutofocus } from './util';\n\nexport const EditingDisplayCell = React.memo(function EditingDisplayCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const handleFocus = useEditingCellAutofocus<TType>(props);\n    return <DisplayCell<TType> {...props} onFocus={handleFocus} tabIndex={-1} />;\n}) as <TType = unknown>(props: TableCellRendererProps<TType>) => JSX.Element;\n"],"names":["EditingDisplayCell","React","memo","props","handleFocus","useEditingCellAutofocus","DisplayCell","onFocus","tabIndex"],"mappings":";;;;MAKaA,kBAAkB,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,kBAAkBA,CAAkBG,KAAoC;EAC1H,MAAMC,WAAW,GAAGC,uBAAuB,CAAQF,KAAK,CAAC;EACzD,oBAAOF,6BAACK,WAAW,oBAAYH,KAAK;IAAEI,OAAO,EAAEH,WAAW;IAAEI,QAAQ,EAAE,CAAC;KAAK;AAChF,CAAC;;;;"}

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

@@ -4,20 +4,21 @@ import { RowContext } from '../../../../../primitives/Table/Core/components/Row/
 import { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util.js';
 
 function useEditingCellAutofocus(props) {
-  var focusManager = useAugmentedFocusManager();
-  var _React$useContext = React__default.useContext(RowContext),
-    rowIndex = _React$useContext.rowIndex;
-  var table = props.cell.getContext().table;
-  var tableMeta = table.options.meta;
-  var isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
-  var autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;
+  const focusManager = useAugmentedFocusManager();
+  const {
+    rowIndex
+  } = React__default.useContext(RowContext);
+  const table = props.cell.getContext().table;
+  const tableMeta = table.options.meta;
+  const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;
+  const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;
   // focus the cell so that we trigger it's handle focus
-  React__default.useEffect(function () {
+  React__default.useEffect(() => {
     if (props.cellRef.current) {
       var _props$cellRef$curren, _document$activeEleme, _document$activeEleme2;
-      var isFocusedElementInCurrentRow = (_props$cellRef$curren = props.cellRef.current.closest('tr')) === null || _props$cellRef$curren === void 0 ? void 0 : _props$cellRef$curren.contains(document.activeElement);
-      var isFocusedElementSearch = ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('name')) === 'table-search';
-      var isFocusedElementMenu = ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.getAttribute('role')) === 'menu';
+      const isFocusedElementInCurrentRow = (_props$cellRef$curren = props.cellRef.current.closest('tr')) === null || _props$cellRef$curren === void 0 ? void 0 : _props$cellRef$curren.contains(document.activeElement);
+      const isFocusedElementSearch = ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.getAttribute('name')) === 'table-search';
+      const isFocusedElementMenu = ((_document$activeEleme2 = document.activeElement) === null || _document$activeEleme2 === void 0 ? void 0 : _document$activeEleme2.getAttribute('role')) === 'menu';
       if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {
         var _props$cellRef$curren2;
         (_props$cellRef$curren2 = props.cellRef.current) === null || _props$cellRef$curren2 === void 0 ? void 0 : _props$cellRef$curren2.focus();
@@ -25,16 +26,16 @@ function useEditingCellAutofocus(props) {
     }
   }, [tableMeta.rowActive.rowActiveIndex]);
   // when the cell receives focus we actually want to focus the control inside it...
-  var handleFocus = function handleFocus(event) {
+  const handleFocus = event => {
     var _props$cellRef$curren3;
-    var tableElement = (_props$cellRef$curren3 = props.cellRef.current) === null || _props$cellRef$curren3 === void 0 ? void 0 : _props$cellRef$curren3.closest('table');
+    const tableElement = (_props$cellRef$curren3 = props.cellRef.current) === null || _props$cellRef$curren3 === void 0 ? void 0 : _props$cellRef$curren3.closest('table');
     if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {
-      var columnFreezingOffset = table.getLeftTotalSize();
-      var targetRect = event.currentTarget.getBoundingClientRect();
-      var tableRect = tableElement.getBoundingClientRect();
-      var leftOffsetFromScrollContainer = targetRect.left - tableRect.left;
-      var scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar
-      var isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';
+      const columnFreezingOffset = table.getLeftTotalSize();
+      const targetRect = event.currentTarget.getBoundingClientRect();
+      const tableRect = tableElement.getBoundingClientRect();
+      const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;
+      const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar
+      const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';
       if (
       // When pinned column overlaps the focused cell
       (leftOffsetFromScrollContainer < columnFreezingOffset ||

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

@@ -1 +1 @@
-{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["useEditingCellAutofocus","props","focusManager","useAugmentedFocusManager","_React$useContext","React","useContext","RowContext","rowIndex","table","cell","getContext","tableMeta","options","meta","isActiveRow","rowActive","rowActiveIndex","autoFocus","index","editing","lastFocusedCellIndex","useEffect","cellRef","current","_props$cellRef$curren","_document$activeEleme","_document$activeEleme2","isFocusedElementInCurrentRow","closest","contains","document","activeElement","isFocusedElementSearch","getAttribute","isFocusedElementMenu","_props$cellRef$curren2","focus","handleFocus","event","tableElement","_props$cellRef$curren3","getIsSomeColumnsPinned","column","getIsPinned","columnFreezingOffset","getLeftTotalSize","targetRect","currentTarget","getBoundingClientRect","tableRect","leftOffsetFromScrollContainer","left","scrollbarWidth","offsetWidth","clientWidth","width","scrollTo","getStart","scrollTop","target","hasFocusableElement","focusNext"],"mappings":";;;;;SAOgBA,uBAAuBA,CAAkBC,KAAoC;EACzF,IAAMC,YAAY,GAAGC,wBAAwB,EAAE;EAC/C,IAAAC,iBAAA,GAAqBC,cAAK,CAACC,UAAU,CAACC,UAAU,CAAC;IAAzCC,QAAQ,GAAAJ,iBAAA,CAARI,QAAQ;EAChB,IAAMC,KAAK,GAAGR,KAAK,CAACS,IAAI,CAACC,UAAU,EAAE,CAACF,KAAK;EAC3C,IAAMG,SAAS,GAAGH,KAAK,CAACI,OAAO,CAACC,IAA6B;EAC7D,IAAMC,WAAW,GAAGH,SAAS,CAACI,SAAS,CAACC,cAAc,KAAKT,QAAQ;EACnE,IAAMU,SAAS,GAAGjB,KAAK,CAACkB,KAAK,KAAKP,SAAS,CAACQ,OAAO,CAACC,oBAAoB,IAAIN,WAAW;;EAGvFV,cAAK,CAACiB,SAAS,CAAC;IACZ,IAAIrB,KAAK,CAACsB,OAAO,CAACC,OAAO,EAAE;MAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,sBAAA;MACvB,IAAMC,4BAA4B,IAAAH,qBAAA,GAAGxB,KAAK,CAACsB,OAAO,CAACC,OAAO,CAACK,OAAO,CAAC,IAAI,CAAC,cAAAJ,qBAAA,uBAAnCA,qBAAA,CAAqCK,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;MAC1G,IAAMC,sBAAsB,GAAG,EAAAP,qBAAA,GAAAK,QAAQ,CAACC,aAAa,cAAAN,qBAAA,uBAAtBA,qBAAA,CAAwBQ,YAAY,CAAC,MAAM,CAAC,MAAK,cAAc;MAC9F,IAAMC,oBAAoB,GAAG,EAAAR,sBAAA,GAAAI,QAAQ,CAACC,aAAa,cAAAL,sBAAA,uBAAtBA,sBAAA,CAAwBO,YAAY,CAAC,MAAM,CAAC,MAAK,MAAM;MAEpF,IAAIhB,SAAS,IAAI,CAACU,4BAA4B,IAAI,CAACK,sBAAsB,IAAI,CAACE,oBAAoB,EAAE;QAAA,IAAAC,sBAAA;QAChG,CAAAA,sBAAA,GAAAnC,KAAK,CAACsB,OAAO,CAACC,OAAO,cAAAY,sBAAA,uBAArBA,sBAAA,CAAuBC,KAAK,EAAE;;;GAGzC,EAAE,CAACzB,SAAS,CAACI,SAAS,CAACC,cAAc,CAAC,CAAC;;EAGxC,IAAMqB,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAA6C;;IAC9D,IAAMC,YAAY,IAAAC,sBAAA,GAAGxC,KAAK,CAACsB,OAAO,CAACC,OAAO,cAAAiB,sBAAA,uBAArBA,sBAAA,CAAuBZ,OAAO,CAAC,OAAO,CAAC;IAE5D,IAAIW,YAAY,IAAI/B,KAAK,CAACiC,sBAAsB,EAAE,IAAI,CAACzC,KAAK,CAACS,IAAI,CAACiC,MAAM,CAACC,WAAW,EAAE,EAAE;MACpF,IAAMC,oBAAoB,GAAGpC,KAAK,CAACqC,gBAAgB,EAAE;MACrD,IAAMC,UAAU,GAAGR,KAAK,CAACS,aAAa,CAACC,qBAAqB,EAAE;MAC9D,IAAMC,SAAS,GAAGV,YAAY,CAACS,qBAAqB,EAAE;MACtD,IAAME,6BAA6B,GAAGJ,UAAU,CAACK,IAAI,GAAGF,SAAS,CAACE,IAAI;MACtE,IAAMC,cAAc,GAAGb,YAAY,CAACc,WAAW,GAAGd,YAAY,CAACe,WAAW,CAAC;MAC3E,IAAMpB,oBAAoB,GAAGI,KAAK,CAACS,aAAa,CAACd,YAAY,CAAC,cAAc,CAAC,KAAK,WAAW;MAE7F;;MAEI,CAACiB,6BAA6B,GAAGN,oBAAoB;;MAEjDM,6BAA6B,GAAGJ,UAAU,CAACS,KAAK,GAAGN,SAAS,CAACM,KAAK,GAAGH,cAAc,KACvF,CAAClB,oBAAoB,EACvB;QACEK,YAAY,CAACiB,QAAQ,CAACxD,KAAK,CAACS,IAAI,CAACiC,MAAM,CAACe,QAAQ,EAAE,GAAGb,oBAAoB,EAAEL,YAAY,CAACmB,SAAS,CAAC;;;IAI1G,IAAIpB,KAAK,CAACqB,MAAM,KAAKrB,KAAK,CAACS,aAAa,IAAIa,mBAAmB,CAACtB,KAAK,CAACS,aAAa,CAAC,EAAE;MAClF9C,YAAY,CAAC4D,SAAS,EAAE;;GAE/B;EAED,OAAOxB,WAAW;AACtB;;;;"}
+{"version":3,"file":"util.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Cell/util.ts"],"sourcesContent":["import React from 'react';\nimport { TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from '../../../../../primitives/Table/Core/components/Body/util';\nimport { TableCellRendererProps } from '../../../../../primitives/Table/Core/types';\nimport { RowContext } from '../../../../../primitives/Table/Core/components/Row/RowContext';\nimport { hasFocusableElement } from '../../../../../utils/dom';\n\nexport function useEditingCellAutofocus<TType = unknown>(props: TableCellRendererProps<TType>) {\n    const focusManager = useAugmentedFocusManager();\n    const { rowIndex } = React.useContext(RowContext);\n    const table = props.cell.getContext().table;\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n    const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n    const autoFocus = props.index === tableMeta.editing.lastFocusedCellIndex && isActiveRow;\n\n    // focus the cell so that we trigger it's handle focus\n    React.useEffect(() => {\n        if (props.cellRef.current) {\n            const isFocusedElementInCurrentRow = props.cellRef.current.closest('tr')?.contains(document.activeElement);\n            const isFocusedElementSearch = document.activeElement?.getAttribute('name') === 'table-search';\n            const isFocusedElementMenu = document.activeElement?.getAttribute('role') === 'menu';\n\n            if (autoFocus && !isFocusedElementInCurrentRow && !isFocusedElementSearch && !isFocusedElementMenu) {\n                props.cellRef.current?.focus();\n            }\n        }\n    }, [tableMeta.rowActive.rowActiveIndex]);\n\n    // when the cell receives focus we actually want to focus the control inside it...\n    const handleFocus = (event: React.FocusEvent<HTMLTableCellElement>) => {\n        const tableElement = props.cellRef.current?.closest('table');\n\n        if (tableElement && table.getIsSomeColumnsPinned() && !props.cell.column.getIsPinned()) {\n            const columnFreezingOffset = table.getLeftTotalSize();\n            const targetRect = event.currentTarget.getBoundingClientRect();\n            const tableRect = tableElement.getBoundingClientRect();\n            const leftOffsetFromScrollContainer = targetRect.left - tableRect.left;\n            const scrollbarWidth = tableElement.offsetWidth - tableElement.clientWidth; // the width of table vertical scrollbar\n            const isFocusedElementMenu = event.currentTarget.getAttribute('data-cell-id') === '__actions';\n\n            if (\n                // When pinned column overlaps the focused cell\n                (leftOffsetFromScrollContainer < columnFreezingOffset ||\n                    // When focused cell goes behidn the edge of the table\n                    leftOffsetFromScrollContainer + targetRect.width > tableRect.width - scrollbarWidth) &&\n                !isFocusedElementMenu\n            ) {\n                tableElement.scrollTo(props.cell.column.getStart() - columnFreezingOffset, tableElement.scrollTop);\n            }\n        }\n\n        if (event.target === event.currentTarget && hasFocusableElement(event.currentTarget)) {\n            focusManager.focusNext();\n        }\n    };\n\n    return handleFocus;\n}\n"],"names":["useEditingCellAutofocus","props","focusManager","useAugmentedFocusManager","rowIndex","React","useContext","RowContext","table","cell","getContext","tableMeta","options","meta","isActiveRow","rowActive","rowActiveIndex","autoFocus","index","editing","lastFocusedCellIndex","useEffect","cellRef","current","_props$cellRef$curren","_document$activeEleme","_document$activeEleme2","isFocusedElementInCurrentRow","closest","contains","document","activeElement","isFocusedElementSearch","getAttribute","isFocusedElementMenu","_props$cellRef$curren2","focus","handleFocus","event","tableElement","_props$cellRef$curren3","getIsSomeColumnsPinned","column","getIsPinned","columnFreezingOffset","getLeftTotalSize","targetRect","currentTarget","getBoundingClientRect","tableRect","leftOffsetFromScrollContainer","left","scrollbarWidth","offsetWidth","clientWidth","width","scrollTo","getStart","scrollTop","target","hasFocusableElement","focusNext"],"mappings":"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"}

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

@@ -5,20 +5,23 @@ import { Menu } from '../../../../Menu/Menu.js';
 import { DiscardChangesConfirmationDialog } from '../../Editing/DiscardChangesConfirmationDialog.js';
 
 function EditingActionsMenu(props) {
-  var hasChanges = props.hasChanges,
-    hasErrors = props.hasErrors,
-    handleDiscard = props.onDiscard,
-    handleSave = props.onEditingSave,
-    isLastRow = props.isLastRow;
-  var _useLocalization = useLocalization(),
-    texts = _useLocalization.texts;
-  var handleKeyDown = function handleKeyDown(event) {
+  const {
+    hasChanges,
+    hasErrors,
+    onDiscard: handleDiscard,
+    onEditingSave: handleSave,
+    isLastRow
+  } = props;
+  const {
+    texts
+  } = useLocalization();
+  const handleKeyDown = event => {
     // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one.
     if (isLastRow && hasChanges && event.key === 'Tab') {
       handleSave();
     }
   };
-  var handleMenuContentKeyDown = function handleMenuContentKeyDown(event) {
+  const handleMenuContentKeyDown = event => {
     // Stops the keyboard event from propagating to the Table when EditActionsMenu is open
     if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {
       event.stopPropagation();
@@ -29,23 +32,19 @@ function EditingActionsMenu(props) {
     "aria-label": texts.table3.editing.actions.tooltip,
     icon: "more",
     onKeyDown: handleKeyDown,
-    menu: function menu(menuProps) {
-      return /*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
-        onKeyDown: handleMenuContentKeyDown
-      }, /*#__PURE__*/React__default.createElement(Menu.Item, {
-        icon: "tick",
-        disabled: !hasChanges || hasErrors,
-        onClick: handleSave
-      }, texts.table3.editing.actions.save), /*#__PURE__*/React__default.createElement(Menu.Item, {
-        icon: "close",
-        disabled: !hasChanges,
-        dialog: function dialog(props) {
-          return /*#__PURE__*/React__default.createElement(DiscardChangesConfirmationDialog, Object.assign({}, props, {
-            onDiscard: handleDiscard
-          }));
-        }
-      }, texts.table3.editing.actions.clear)));
-    }
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu.Content, {
+      onKeyDown: handleMenuContentKeyDown
+    }, /*#__PURE__*/React__default.createElement(Menu.Item, {
+      icon: "tick",
+      disabled: !hasChanges || hasErrors,
+      onClick: handleSave
+    }, texts.table3.editing.actions.save), /*#__PURE__*/React__default.createElement(Menu.Item, {
+      icon: "close",
+      disabled: !hasChanges,
+      dialog: props => /*#__PURE__*/React__default.createElement(DiscardChangesConfirmationDialog, Object.assign({}, props, {
+        onDiscard: handleDiscard
+      }))
+    }, texts.table3.editing.actions.clear))))
   });
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"EditingActionsMenu.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Internal/EditingActionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu } from '../../../../Menu/Menu';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { DiscardChangesConfirmationDialog } from '../../Editing/DiscardChangesConfirmationDialog';\n\ntype EditingActionsMenuProps = {\n    hasChanges: boolean;\n    hasErrors: boolean;\n    onDiscard: () => void;\n    onEditingSave: () => Promise<void>;\n    isLastRow: boolean;\n};\n\nexport function EditingActionsMenu(props: EditingActionsMenuProps) {\n    const { hasChanges, hasErrors, onDiscard: handleDiscard, onEditingSave: handleSave, isLastRow } = props;\n    const { texts } = useLocalization();\n\n    const handleKeyDown = event => {\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one.\n        if (isLastRow && hasChanges && event.key === 'Tab') {\n            handleSave();\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        // Stops the keyboard event from propagating to the Table when EditActionsMenu is open\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <IconButton\n            appearance=\"transparent\"\n            aria-label={texts.table3.editing.actions.tooltip}\n            icon=\"more\"\n            onKeyDown={handleKeyDown}\n            menu={menuProps => (\n                <Menu {...menuProps}>\n                    <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                        <Menu.Item icon=\"tick\" disabled={!hasChanges || hasErrors} onClick={handleSave}>\n                            {texts.table3.editing.actions.save}\n                        </Menu.Item>\n                        <Menu.Item\n                            icon=\"close\"\n                            disabled={!hasChanges}\n                            dialog={props => <DiscardChangesConfirmationDialog {...props} onDiscard={handleDiscard} />}>\n                            {texts.table3.editing.actions.clear}\n                        </Menu.Item>\n                    </Menu.Content>\n                </Menu>\n            )}\n        />\n    );\n}\n"],"names":["EditingActionsMenu","props","hasChanges","hasErrors","handleDiscard","onDiscard","handleSave","onEditingSave","isLastRow","_useLocalization","useLocalization","texts","handleKeyDown","event","key","handleMenuContentKeyDown","stopPropagation","React","IconButton","appearance","table3","editing","actions","tooltip","icon","onKeyDown","menu","menuProps","Menu","Content","Item","disabled","onClick","save","dialog","DiscardChangesConfirmationDialog","clear"],"mappings":";;;;;;SAcgBA,kBAAkBA,CAACC,KAA8B;EAC7D,IAAQC,UAAU,GAAgFD,KAAK,CAA/FC,UAAU;IAAEC,SAAS,GAAqEF,KAAK,CAAnFE,SAAS;IAAaC,aAAa,GAA2CH,KAAK,CAAxEI,SAAS;IAAgCC,UAAU,GAAgBL,KAAK,CAA9CM,aAAa;IAAcC,SAAS,GAAKP,KAAK,CAAnBO,SAAS;EAC7F,IAAAC,gBAAA,GAAkBC,eAAe,EAAE;IAA3BC,KAAK,GAAAF,gBAAA,CAALE,KAAK;EAEb,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK;;IAEvB,IAAIL,SAAS,IAAIN,UAAU,IAAIW,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MAChDR,UAAU,EAAE;;GAEnB;EAED,IAAMS,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAIF,KAA0C;;IAExE,IAAIA,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,YAAY,EAAE;MACzDD,KAAK,CAACG,eAAe,EAAE;;GAE9B;EAED,oBACIC,6BAACC,UAAU;IACPC,UAAU,EAAC,aAAa;kBACZR,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,OAAO;IAChDC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEb,aAAa;IACxBc,IAAI,EAAE,SAAAA,KAAAC,SAAS;MAAA,oBACXV,6BAACW,IAAI,oBAAKD,SAAS,gBACfV,6BAACW,IAAI,CAACC,OAAO;QAACJ,SAAS,EAAEV;sBACrBE,6BAACW,IAAI,CAACE,IAAI;QAACN,IAAI,EAAC,MAAM;QAACO,QAAQ,EAAE,CAAC7B,UAAU,IAAIC,SAAS;QAAE6B,OAAO,EAAE1B;SAC/DK,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,OAAO,CAACW,IAAI,CAC1B,eACZhB,6BAACW,IAAI,CAACE,IAAI;QACNN,IAAI,EAAC,OAAO;QACZO,QAAQ,EAAE,CAAC7B,UAAU;QACrBgC,MAAM,EAAE,SAAAA,OAAAjC,KAAK;UAAA,oBAAIgB,6BAACkB,gCAAgC,oBAAKlC,KAAK;YAAEI,SAAS,EAAED;aAAiB;;SACzFO,KAAK,CAACS,MAAM,CAACC,OAAO,CAACC,OAAO,CAACc,KAAK,CAC3B,CACD,CACZ;;IAEb;AAEV;;;;"}
+{"version":3,"file":"EditingActionsMenu.js","sources":["../../../../../../../../../../src/components/Table3/components/Columns/Internal/EditingActionsMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { IconButton } from '../../../../IconButton/IconButton';\nimport { Menu } from '../../../../Menu/Menu';\nimport { useLocalization } from '../../../../Provider/Localization';\nimport { DiscardChangesConfirmationDialog } from '../../Editing/DiscardChangesConfirmationDialog';\n\ntype EditingActionsMenuProps = {\n    hasChanges: boolean;\n    hasErrors: boolean;\n    onDiscard: () => void;\n    onEditingSave: () => Promise<void>;\n    isLastRow: boolean;\n};\n\nexport function EditingActionsMenu(props: EditingActionsMenuProps) {\n    const { hasChanges, hasErrors, onDiscard: handleDiscard, onEditingSave: handleSave, isLastRow } = props;\n    const { texts } = useLocalization();\n\n    const handleKeyDown = event => {\n        // normally we handle this on change of active row, but when tabbing out of the last row the active row state stays on the last one.\n        if (isLastRow && hasChanges && event.key === 'Tab') {\n            handleSave();\n        }\n    };\n\n    const handleMenuContentKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        // Stops the keyboard event from propagating to the Table when EditActionsMenu is open\n        if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n            event.stopPropagation();\n        }\n    };\n\n    return (\n        <IconButton\n            appearance=\"transparent\"\n            aria-label={texts.table3.editing.actions.tooltip}\n            icon=\"more\"\n            onKeyDown={handleKeyDown}\n            menu={menuProps => (\n                <Menu {...menuProps}>\n                    <Menu.Content onKeyDown={handleMenuContentKeyDown}>\n                        <Menu.Item icon=\"tick\" disabled={!hasChanges || hasErrors} onClick={handleSave}>\n                            {texts.table3.editing.actions.save}\n                        </Menu.Item>\n                        <Menu.Item\n                            icon=\"close\"\n                            disabled={!hasChanges}\n                            dialog={props => <DiscardChangesConfirmationDialog {...props} onDiscard={handleDiscard} />}>\n                            {texts.table3.editing.actions.clear}\n                        </Menu.Item>\n                    </Menu.Content>\n                </Menu>\n            )}\n        />\n    );\n}\n"],"names":["EditingActionsMenu","props","hasChanges","hasErrors","onDiscard","handleDiscard","onEditingSave","handleSave","isLastRow","texts","useLocalization","handleKeyDown","event","key","handleMenuContentKeyDown","stopPropagation","React","IconButton","appearance","table3","editing","actions","tooltip","icon","onKeyDown","menu","menuProps","Menu","Content","Item","disabled","onClick","save","dialog","DiscardChangesConfirmationDialog","clear"],"mappings":";;;;;;SAcgBA,kBAAkBA,CAACC,KAA8B;EAC7D,MAAM;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS,EAAEC,aAAa;IAAEC,aAAa,EAAEC,UAAU;IAAEC;GAAW,GAAGP,KAAK;EACvG,MAAM;IAAEQ;GAAO,GAAGC,eAAe,EAAE;EAEnC,MAAMC,aAAa,GAAGC,KAAK;;IAEvB,IAAIJ,SAAS,IAAIN,UAAU,IAAIU,KAAK,CAACC,GAAG,KAAK,KAAK,EAAE;MAChDN,UAAU,EAAE;;GAEnB;EAED,MAAMO,wBAAwB,GAAIF,KAA0C;;IAExE,IAAIA,KAAK,CAACC,GAAG,KAAK,WAAW,IAAID,KAAK,CAACC,GAAG,KAAK,YAAY,EAAE;MACzDD,KAAK,CAACG,eAAe,EAAE;;GAE9B;EAED,oBACIC,6BAACC,UAAU;IACPC,UAAU,EAAC,aAAa;kBACZT,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,OAAO,CAACC,OAAO;IAChDC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEb,aAAa;IACxBc,IAAI,EAAEC,SAAS,kBACXV,6BAACW,IAAI,oBAAKD,SAAS,gBACfV,6BAACW,IAAI,CAACC,OAAO;MAACJ,SAAS,EAAEV;oBACrBE,6BAACW,IAAI,CAACE,IAAI;MAACN,IAAI,EAAC,MAAM;MAACO,QAAQ,EAAE,CAAC5B,UAAU,IAAIC,SAAS;MAAE4B,OAAO,EAAExB;OAC/DE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,OAAO,CAACW,IAAI,CAC1B,eACZhB,6BAACW,IAAI,CAACE,IAAI;MACNN,IAAI,EAAC,OAAO;MACZO,QAAQ,EAAE,CAAC5B,UAAU;MACrB+B,MAAM,EAAEhC,KAAK,iBAAIe,6BAACkB,gCAAgC,oBAAKjC,KAAK;QAAEG,SAAS,EAAEC;;OACxEI,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,OAAO,CAACc,KAAK,CAC3B,CACD,CACZ;IAEb;AAEV;;;;"}