@economic/taco 1.19.1 → 1.20.0

package/dist/esm/packages/taco/src/components/Table2/components/column/Cell.js

@@ -0,0 +1,498 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { useMergedRef } from '../../../../hooks/useMergedRef.js';
+import { Input } from '../../../Input/Input.js';
+import { Datepicker } from '../../../Datepicker/Datepicker.js';
+import { _catch } from '../../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
+import { flexRender } from '@tanstack/react-table';
+import { isInternalColumn } from '../../utilities/columns.js';
+import { getCellSizingClasses, isKeyboardFocusableElement, getCellAlignmentClasses } from '../../utilities/cell.js';
+import { ColumnBase } from './Base.js';
+import { Switch } from '../../../Switch/Switch.js';
+import { globalFilterFn, columnFilterFn } from '../../utilities/filterFn.js';
+import { MOVE_DIR } from '../../hooks/useEditMode.js';
+import { useRowContext } from '../row/Context.js';
+import { IndicatorReason, Indicator } from './Indicator.js';
+import { ValidationError } from './ValidationError.js';
+import { hasChanged, willRowMoveAfterSorting } from './utils.js';
+
+const Cell = function Cell(props) {
+  var _cell$column$columnDe, _cell$column$columnDe2, _cell$column$columnDe3, _table$options$meta;
+  const {
+    cell,
+    index,
+    isLastRow,
+    rowIndex,
+    rows,
+    scrollToIndex,
+    scrollToOffset,
+    table,
+    tableRef,
+    ...columnProps
+  } = props;
+  const meta = table.options.meta;
+  const {
+    addFocussableColumnIndex,
+    focussableColumnIndexes: allFocussableColumnIndexes
+  } = meta;
+  const {
+    validationErrors,
+    isRowIndicatorVisible
+  } = useRowContext();
+  const hasValidationErrorsInRow = !!validationErrors;
+  const internalRef = React__default.useRef(null);
+  const controlRef = React__default.useRef(null);
+  const disableTruncation = (_cell$column$columnDe = cell.column.columnDef.meta) === null || _cell$column$columnDe === void 0 ? void 0 : _cell$column$columnDe.disableTruncation;
+  const cellClassName = (_cell$column$columnDe2 = cell.column.columnDef.meta) === null || _cell$column$columnDe2 === void 0 ? void 0 : _cell$column$columnDe2.className;
+  const isActiveRow = meta.activeRowIndex === rowIndex;
+  const isHoveredRow = meta.hoveredRowIndex === rowIndex;
+  const isPinned = !!cell.column.getIsPinned();
+  const isDragging = meta.dragging[cell.row.id];
+  const isSelected = cell.row.getIsSelected();
+  const isDataColumn = !isInternalColumn(cell.column.id);
+  const hasCellControl = !!((_cell$column$columnDe3 = cell.column.columnDef.meta) !== null && _cell$column$columnDe3 !== void 0 && _cell$column$columnDe3.control);
+  const allVisibleColumns = table.getVisibleLeafColumns();
+  const lastColumnIndex = allVisibleColumns.length > 0 ? allVisibleColumns.length - 1 : 0;
+  // editing
+  const isEditingThisRow = meta.editMode.isEditing && isActiveRow;
+  const canEditThisCell = isEditingThisRow && isDataColumn;
+  const isEditingThisCell = canEditThisCell && meta.editMode.columnIndex === index;
+  const isHoveringThisRowWhileEditing = meta.editMode.isEditing && isHoveredRow;
+  // ensure the active row is always visible
+  React__default.useEffect(() => {
+    if (isActiveRow && internalRef.current) {
+      internalRef.current.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest',
+        inline: 'nearest'
+      });
+    }
+  }, [isActiveRow, hasValidationErrorsInRow]);
+  React__default.useEffect(() => {
+    // Adds padding to the table so that indicator doesn't get cropped
+    if (isRowIndicatorVisible && meta.activeRowIndex === rows.length - 1) {
+      var _tableRef$current;
+      (_tableRef$current = tableRef.current) === null || _tableRef$current === void 0 ? void 0 : _tableRef$current.classList.add('pb-4');
+    }
+    return () => {
+      var _tableRef$current2;
+      return (_tableRef$current2 = tableRef.current) === null || _tableRef$current2 === void 0 ? void 0 : _tableRef$current2.classList.remove('pb-4');
+    };
+  }, [isRowIndicatorVisible]);
+  const className = cn({
+    'border-b': !isLastRow,
+    'sticky z-10': isPinned,
+    // use isHoveredRow rather than css group-hover/row because we want to hide hover state when keyboard navigating
+    'bg-white': !isActiveRow && !isSelected && !isHoveredRow,
+    'bg-grey-100': !isActiveRow && !isSelected && isHoveredRow,
+    'bg-grey-200 group-hover/row:bg-grey-200': isActiveRow && !isSelected,
+    'bg-blue-100': isSelected,
+    '!wcag-blue-500': isDragging,
+    '[&>*]:!grayscale [&_.bg-white]:!bg-grey-100': !isEditingThisRow && isHoveringThisRowWhileEditing,
+    '!bg-red-100': hasValidationErrorsInRow,
+    'z-[11]': isPinned && isActiveRow,
+    'z-[12]': isPinned && isActiveRow && index === 0,
+    'border-blue !border-y-2 border-x-0': isRowIndicatorVisible,
+    'border-l-2 rounded-l': isRowIndicatorVisible && index === 0,
+    'border-r-2 rounded-r': isRowIndicatorVisible && index === lastColumnIndex
+  }, getCellSizingClasses((_table$options$meta = table.options.meta) === null || _table$options$meta === void 0 ? void 0 : _table$options$meta.rowDensity, (isEditingThisRow || isHoveringThisRowWhileEditing) && hasCellControl), typeof cellClassName === 'function' ? cellClassName(cell.row) : cellClassName);
+  const handleMouseDown = event => {
+    // only detect left clicks
+    if (event.button === 0) {
+      const activeElement = document.activeElement;
+      const isActiveElementControl = activeElement === null || activeElement === void 0 ? void 0 : activeElement.closest('[role="cell"]');
+      const hasActiveRowChanged = meta.activeRowIndex !== rowIndex;
+      // When user clicks on a cell that is not in the active row, for some reason blur event is not called on the cell
+      // previous cell control element so we need to manually call it in order to save the changes in that cell
+      if (isActiveElementControl && hasActiveRowChanged) {
+        activeElement.blur();
+      }
+      meta.setActiveRowIndex(rowIndex);
+      if (meta.editMode.isEditing) {
+        if (allFocussableColumnIndexes.includes(index)) {
+          meta.editMode.setColumn(index);
+        } else {
+          meta.editMode.setColumn(allFocussableColumnIndexes[0]);
+        }
+      }
+    }
+  };
+  const attributes = {
+    ...columnProps,
+    // base props,
+    column: cell.column,
+    table,
+    // dom attributes
+    className,
+    'data-column-index': index,
+    'data-row-index': rowIndex,
+    onMouseDown: handleMouseDown,
+    ref: internalRef,
+    role: 'cell'
+  };
+  const [detailModeEditing, setDetailModeEditing] = React__default.useState(false);
+  // reset the editing state when we move column
+  React__default.useEffect(() => {
+    if (meta.editMode.columnIndex !== index) {
+      setDetailModeEditing(false);
+    }
+  }, [meta.editMode.columnIndex]);
+  React__default.useEffect(() => {
+    if (isEditingThisRow && controlRef.current && isKeyboardFocusableElement(controlRef.current)) {
+      addFocussableColumnIndex(index);
+    }
+  }, [isEditingThisRow, allFocussableColumnIndexes, addFocussableColumnIndex, index]);
+  const moveRow = moveDirection => {
+    if (moveDirection === MOVE_DIR.PREV) {
+      meta.moveToPreviousRow(rows, nextIndex => scrollToIndex(nextIndex - 1));
+    } else if (moveDirection === MOVE_DIR.NEXT) {
+      meta.moveToNextRow(rows, nextIndex => scrollToIndex(nextIndex + 2));
+    }
+  };
+  if (meta.editMode.onSave && hasCellControl && (canEditThisCell || isHoveringThisRowWhileEditing && isDataColumn)) {
+    attributes.onMouseDown = event => {
+      handleMouseDown(event);
+      const target = event.target;
+      const isTargetInput = target !== null && target.nodeName === 'INPUT';
+      // event.target?.select is only truthy for input elements
+      // if event.target is active element, then that means we should select the text
+      if (isTargetInput && target !== document.activeElement) {
+        event.preventDefault();
+        setTimeout(() => {
+          target.select();
+        }, 1);
+      } else if (isTargetInput && target === document.activeElement) {
+        // if user left clicks on the input then we are into edit mode
+        // only detect left clicks
+        if (event.button === 0) {
+          setDetailModeEditing(true);
+        }
+      }
+    };
+    if (canEditThisCell) {
+      var _allFocussableColumnI, _allFocussableColumnI2;
+      const firstDataColumnIndex = (_allFocussableColumnI = allFocussableColumnIndexes.at(0)) !== null && _allFocussableColumnI !== void 0 ? _allFocussableColumnI : 0;
+      const lastDataColumnIndex = (_allFocussableColumnI2 = allFocussableColumnIndexes.at(-1)) !== null && _allFocussableColumnI2 !== void 0 ? _allFocussableColumnI2 : 0;
+      attributes.onKeyDown = event => {
+        const control = event.target;
+        const isControlInput = control.nodeName === 'INPUT' && (control === null || control === void 0 ? void 0 : control.getAttribute('data-inline-editing-component')) === 'true';
+        // For some reason, Taco Input keyboard event always return true when "event.isDefaultPrevented()" is
+        // called. So we need to check if the control is input or not so that we don't return early.
+        if (!isControlInput && (event.isDefaultPrevented() || event.isPropagationStopped())) {
+          return;
+        }
+        if (control.tagName === 'INPUT') {
+          if (event.key === 'Enter') {
+            event.preventDefault();
+            const input = control;
+            if (detailModeEditing) {
+              var _input$select;
+              input === null || input === void 0 ? void 0 : (_input$select = input.select) === null || _input$select === void 0 ? void 0 : _input$select.call(input);
+              setDetailModeEditing(false);
+            } else {
+              var _input$setSelectionRa, _input$value, _input$value2;
+              (_input$setSelectionRa = input.setSelectionRange) === null || _input$setSelectionRa === void 0 ? void 0 : _input$setSelectionRa.call(input, (_input$value = input.value) === null || _input$value === void 0 ? void 0 : _input$value.length, (_input$value2 = input.value) === null || _input$value2 === void 0 ? void 0 : _input$value2.length);
+              setDetailModeEditing(true);
+            }
+            return;
+          }
+        }
+        // Don't exit edit mode if the target of the escape isn't a child of the cell (e.g. if its a popover).
+        if (event.key === 'Escape' && event.currentTarget.contains(control)) {
+          var _tableRef$current3;
+          event.preventDefault();
+          meta.editMode.toggleEditing(false);
+          (_tableRef$current3 = tableRef.current) === null || _tableRef$current3 === void 0 ? void 0 : _tableRef$current3.focus();
+          return;
+        }
+        if (!detailModeEditing && event.key === 'ArrowLeft' || event.key === 'Tab' && event.shiftKey) {
+          event.preventDefault();
+          const isFirstRow = rowIndex === 0;
+          const isFirstColumn = index === firstDataColumnIndex;
+          if (event.ctrlKey || event.metaKey) {
+            // If the current active column is the first column then we don't do any thing so that focus
+            // remains on the first column.
+            if (!isFirstColumn) {
+              control.blur();
+              meta.editMode.moveToFirstColumn(allFocussableColumnIndexes);
+            }
+          } else {
+            // If it is first row and first column, then don't move column.
+            if (!isFirstRow || !isFirstColumn) {
+              control.blur();
+              meta.editMode.moveToPreviousColumn(allFocussableColumnIndexes, moveRow);
+            }
+          }
+          return;
+        }
+        if (!detailModeEditing && event.key === 'ArrowRight' || event.key === 'Tab' && !event.shiftKey) {
+          event.preventDefault();
+          const isLastRow = rowIndex === rows.length - 1;
+          const isLastColumn = index === lastDataColumnIndex;
+          if (event.ctrlKey || event.metaKey) {
+            // If the current active column is the last column then we don't do any thing so that focus
+            // remains on the last column.
+            if (!isLastColumn) {
+              control.blur();
+              meta.editMode.moveToLastColumn(allFocussableColumnIndexes);
+            }
+          } else {
+            // If it is last row and last column, then don't move column.
+            if (!isLastRow || !isLastColumn) {
+              control.blur();
+              meta.editMode.moveToNextColumn(allFocussableColumnIndexes, moveRow);
+            }
+          }
+          return;
+        }
+        if (!detailModeEditing && event.key === 'ArrowUp') {
+          event.preventDefault();
+          // if it is the first row then return early, so that focus on the cell is not lost
+          if (rowIndex === 0) {
+            return;
+          }
+          control.blur();
+          if (event.ctrlKey || event.metaKey) {
+            meta.setActiveRowIndex(0);
+            scrollToOffset(0);
+          } else {
+            moveRow(MOVE_DIR.PREV);
+          }
+          meta.setHoveredRowIndex(undefined);
+          return;
+        }
+        if (!detailModeEditing && event.key === 'ArrowDown') {
+          event.preventDefault();
+          // if it is the last row then return early, so that focus on the cell is not lost
+          if (rowIndex === rows.length - 1) {
+            return;
+          }
+          control.blur();
+          if (event.ctrlKey || event.metaKey) {
+            meta.setActiveRowIndex(rows.length - 1);
+            scrollToIndex(rows.length + 20);
+          } else {
+            moveRow(MOVE_DIR.NEXT);
+          }
+          meta.setHoveredRowIndex(undefined);
+          return;
+        }
+      };
+    }
+    return /*#__PURE__*/React__default.createElement(ColumnBase, Object.assign({}, attributes), /*#__PURE__*/React__default.createElement(EditingCell, {
+      cell: cell,
+      cellRef: internalRef,
+      columnIndex: index,
+      isEditingThisCell: isEditingThisCell,
+      onSave: meta.editMode.onSave,
+      rowIndex: rowIndex,
+      table: table,
+      ref: controlRef,
+      rowValues: rows[rowIndex].original,
+      rowsLength: rows.length
+    }));
+  } else {
+    if (meta.onRowClick) {
+      attributes.onClick = () => {
+        var _meta$onRowClick;
+        (_meta$onRowClick = meta.onRowClick) === null || _meta$onRowClick === void 0 ? void 0 : _meta$onRowClick.call(meta, cell.row.original);
+      };
+    }
+  }
+  return /*#__PURE__*/React__default.createElement(ColumnBase, Object.assign({}, attributes), /*#__PURE__*/React__default.createElement("div", {
+    className: disableTruncation ? '-my-[0.45rem]' : 'truncate'
+  }, flexRender(cell.column.columnDef.cell, cell.getContext())));
+};
+const EditingCell = /*#__PURE__*/React__default.memo( /*#__PURE__*/React__default.forwardRef((props, ref) => {
+  var _cell$column$columnDe4, _cell$column$columnDe5, _cellRef$current, _cellRef$current$pare;
+  const {
+    cell,
+    cellRef,
+    columnIndex,
+    isEditingThisCell = false,
+    onSave: handleSave,
+    rowIndex,
+    rowValues,
+    table
+  } = props;
+  const {
+    validationErrors,
+    setValidationErrors,
+    setIsRowIndicatorVisible
+  } = useRowContext();
+  const controlRef = useMergedRef(ref);
+  const cellId = cell.column.id;
+  const cellValidationError = validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors[cellId];
+  const value = cell.getValue();
+  const ariaLabel = cell.column.columnDef.header;
+  const meta = table.options.meta;
+  const {
+    globalFilter
+  } = table.getState();
+  const [state, setState] = React__default.useState(value);
+  const [rowMoveReason, setRowMoveReason] = React__default.useState(null);
+  const isHoveringAnotherRowWhileEditing = meta.editMode.isEditing && meta.activeRowIndex !== rowIndex && meta.hoveredRowIndex === rowIndex;
+  const showValidationError = !isHoveringAnotherRowWhileEditing && !!cellValidationError;
+  // On each save, the initialValue will be set to the new value of the cell
+  const initialValue = React__default.useRef(value);
+  // It is important that we let consumers pass a newValue as an argument because when setState is called before
+  // onBlur then saveIfChanged method gets the stale state value. This happens because the rerender hasn't happened
+  // before the saveIfChanged method is called.
+  const saveIfChanged = function (eventOrNewValue) {
+    try {
+      let newValue = state;
+      // if eventOrNewValue is not an event object
+      if (!eventOrNewValue.target) {
+        newValue = eventOrNewValue;
+      }
+      const _temp2 = function () {
+        if (hasChanged(value, newValue)) {
+          const _temp = _catch(function () {
+            const updatedRow = {
+              ...cell.row.original,
+              [cellId]: newValue
+            };
+            return Promise.resolve(handleSave(updatedRow, cellId)).then(function () {
+              // Reset error if save was successful
+              setValidationErrors(null);
+            });
+          }, function (error) {
+            setValidationErrors(error);
+          });
+          if (_temp && _temp.then) return _temp.then(function () {});
+        }
+      }();
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  // Ensures we "auto focus" the field if the cell is being edited.
+  React__default.useEffect(() => {
+    var _meta$tableRef$curren;
+    const isFocusInsideTable = (_meta$tableRef$curren = meta.tableRef.current) === null || _meta$tableRef$curren === void 0 ? void 0 : _meta$tableRef$curren.contains(document.activeElement);
+    // When control is blurred then body gets the focus that's why we have to make sure if activeElement
+    // is body then we focus the cell if it is being edited.
+    const isBodyFocussed = document.body === document.activeElement;
+    // Don't focus cell if any table popup(filter popup, column settings popup) is open.
+    if (isEditingThisCell && (isFocusInsideTable || isBodyFocussed)) {
+      var _controlRef$current, _controlRef$current$f;
+      (_controlRef$current = controlRef.current) === null || _controlRef$current === void 0 ? void 0 : (_controlRef$current$f = _controlRef$current.focus) === null || _controlRef$current$f === void 0 ? void 0 : _controlRef$current$f.call(_controlRef$current);
+    }
+  }, [isEditingThisCell, controlRef.current]);
+  // make sure the cell becomes active if the field is focused
+  const handleFocus = event => {
+    var _event$target;
+    meta.editMode.setColumn(columnIndex);
+    if ((_event$target = event.target) !== null && _event$target !== void 0 && _event$target.select) {
+      var _event$target2;
+      (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.select();
+    }
+  };
+  React__default.useEffect(() => {
+    if (hasChanged(initialValue.current, state)) {
+      showIndicator();
+    } else {
+      hideIndicator();
+    }
+    return hideIndicator;
+  }, [state]);
+  const showIndicator = () => {
+    var _table$getState$sorti;
+    let willRowMoveReason = undefined;
+    const isFilteredByGlobalFilter = Object.values({
+      ...rowValues,
+      [cellId]: state
+    }).some(cellValue =>
+    // Global filter can be undefined when there is no text being searched so we pass an empty string to
+    // globalFilterFn as query in that case.
+    globalFilterFn(String(cellValue), globalFilter ? String(globalFilter) : ''));
+    if (!isFilteredByGlobalFilter) {
+      willRowMoveReason = IndicatorReason.SEARCH;
+    } else if (cell.column.getIsFiltered() && !columnFilterFn(state, cell.column.getFilterValue())) {
+      willRowMoveReason = IndicatorReason.FILTER;
+    } else if (!willRowMoveReason && cell.column.getIsSorted() && willRowMoveAfterSorting(state, cell, rowIndex, table.getRowModel().rows, !!((_table$getState$sorti = table.getState().sorting.find(s => s.id === cell.column.id)) !== null && _table$getState$sorti !== void 0 && _table$getState$sorti.desc))) {
+      willRowMoveReason = IndicatorReason.SORTING;
+    }
+    if (willRowMoveReason !== undefined) {
+      meta.setShouldPauseSortingAndFiltering(true);
+      setRowMoveReason(willRowMoveReason);
+      setIsRowIndicatorVisible(true);
+    }
+  };
+  const hideIndicator = () => {
+    setRowMoveReason(null);
+    setIsRowIndicatorVisible(false);
+  };
+  const cellControl = (_cell$column$columnDe4 = cell.column.columnDef.meta) === null || _cell$column$columnDe4 === void 0 ? void 0 : _cell$column$columnDe4.control;
+  const attributes = {
+    'aria-label': ariaLabel,
+    onBlur: saveIfChanged,
+    onFocus: handleFocus,
+    ref,
+    // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,
+    // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this
+    // data attribute we make sure the event is coming from a control component, and then we can make sure
+    // keyboard shortcut works as expected.
+    'data-inline-editing-component': 'true'
+  };
+  const className = cn(getCellAlignmentClasses((_cell$column$columnDe5 = cell.column.columnDef.meta) === null || _cell$column$columnDe5 === void 0 ? void 0 : _cell$column$columnDe5.align));
+  const indicatorMountNode = (_cellRef$current = cellRef.current) === null || _cellRef$current === void 0 ? void 0 : (_cellRef$current$pare = _cellRef$current.parentElement) === null || _cellRef$current$pare === void 0 ? void 0 : _cellRef$current$pare.querySelector(':first-child');
+  let controlComponent;
+  if (cellControl) {
+    if (typeof cellControl === 'function') {
+      controlComponent = cellControl({
+        onBlur: saveIfChanged,
+        onFocus: handleFocus,
+        ref: controlRef,
+        setValue: setState,
+        value: state,
+        'data-inline-editing-component': 'true'
+      }, cell.row.original);
+    } else {
+      switch (cellControl) {
+        case 'datepicker':
+          controlComponent = /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, attributes, {
+            onBlur: event => {
+              const newDate = event.detail;
+              saveIfChanged(newDate);
+            },
+            onChange: event => {
+              setState(event.detail);
+            },
+            ref: controlRef,
+            value: state
+          }));
+          break;
+        case 'switch':
+          controlComponent = /*#__PURE__*/React__default.createElement(Switch, Object.assign({}, attributes, {
+            className: "mx-2",
+            checked: Boolean(state),
+            onChange: setState,
+            ref: controlRef
+          }));
+          break;
+        default:
+          controlComponent = /*#__PURE__*/React__default.createElement(Input, Object.assign({}, attributes, {
+            className: className,
+            onChange: event => {
+              setState(event.target.value);
+            },
+            ref: controlRef,
+            value: String(state !== null && state !== void 0 ? state : '')
+          }));
+          break;
+      }
+    }
+  }
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !!rowMoveReason && /*#__PURE__*/React__default.createElement(Indicator, {
+    reason: rowMoveReason,
+    columnName: String(cell.column.columnDef.header),
+    mountNode: indicatorMountNode
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "relative flex-grow"
+  }, controlComponent, showValidationError && /*#__PURE__*/React__default.createElement(ValidationError, null, String(cellValidationError))));
+}));
+
+export { Cell };
+//# sourceMappingURL=Cell.js.map

package/dist/esm/packages/taco/src/components/Table2/components/column/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../../../src/components/Table2/components/column/Cell.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport cn from 'classnames';\nimport { flexRender, Cell as RTCell, Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\n\nimport { Input } from '../../../Input/Input';\nimport { ColumnBase, ColumnBaseProps } from './Base';\nimport { getCellAlignmentClasses, getCellSizingClasses, isKeyboardFocusableElement } from '../../utilities/cell';\nimport { isInternalColumn } from '../../utilities/columns';\nimport { Datepicker } from '../../../Datepicker/Datepicker';\nimport { Switch } from '../../../Switch/Switch';\nimport { SaveHandler, SaveHandlerErrorResponse, Table2Filter } from '../../types';\nimport { columnFilterFn, globalFilterFn } from '../../utilities/filterFn';\nimport { MOVE_DIR } from '../../hooks/useEditMode';\nimport { useRowContext } from '../row/Context';\nimport { Indicator, IndicatorReason } from './Indicator';\nimport { ValidationError } from './ValidationError';\nimport { hasChanged, willRowMoveAfterSorting } from './utils';\nimport { useMergedRef } from '../../../../hooks/useMergedRef';\n\ntype CellProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    cell: RTCell<TType, unknown>;\n    index: number;\n    isLastRow: boolean;\n    rowIndex: number;\n    rows: RTRow<TType>[];\n    scrollToIndex: (index: number, options?: any) => void;\n    scrollToOffset: (index: number, options?: any) => void;\n    tableRef: React.RefObject<HTMLDivElement>;\n};\n\nexport const Cell = function Cell<TType = unknown>(props: CellProps<TType>) {\n    const { cell, index, isLastRow, rowIndex, rows, scrollToIndex, scrollToOffset, table, tableRef, ...columnProps } = props;\n    const meta = table.options.meta as TableMeta<any>;\n\n    const { addFocussableColumnIndex, focussableColumnIndexes: allFocussableColumnIndexes } = meta;\n\n    const { validationErrors, isRowIndicatorVisible } = useRowContext();\n    const hasValidationErrorsInRow = !!validationErrors;\n\n    const internalRef = React.useRef<HTMLDivElement>(null);\n    const controlRef = React.useRef<HTMLElement>(null);\n    const disableTruncation = cell.column.columnDef.meta?.disableTruncation;\n    const cellClassName = cell.column.columnDef.meta?.className;\n\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isHoveredRow = meta.hoveredRowIndex === rowIndex;\n    const isPinned = !!cell.column.getIsPinned();\n    const isDragging = meta.dragging[cell.row.id];\n    const isSelected = cell.row.getIsSelected();\n    const isDataColumn = !isInternalColumn(cell.column.id);\n    const hasCellControl = !!cell.column.columnDef.meta?.control;\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const lastColumnIndex = allVisibleColumns.length > 0 ? allVisibleColumns.length - 1 : 0;\n\n    // editing\n    const isEditingThisRow = meta.editMode.isEditing && isActiveRow;\n    const canEditThisCell = isEditingThisRow && isDataColumn;\n    const isEditingThisCell = canEditThisCell && meta.editMode.columnIndex === index;\n    const isHoveringThisRowWhileEditing = meta.editMode.isEditing && isHoveredRow;\n\n    // ensure the active row is always visible\n    React.useEffect(() => {\n        if (isActiveRow && internalRef.current) {\n            internalRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });\n        }\n    }, [isActiveRow, hasValidationErrorsInRow]);\n\n    React.useEffect(() => {\n        // Adds padding to the table so that indicator doesn't get cropped\n        if (isRowIndicatorVisible && meta.activeRowIndex === rows.length - 1) {\n            tableRef.current?.classList.add('pb-4');\n        }\n\n        return () => tableRef.current?.classList.remove('pb-4');\n    }, [isRowIndicatorVisible]);\n\n    const className = cn(\n        {\n            'border-b': !isLastRow,\n            'sticky z-10': isPinned,\n            // use isHoveredRow rather than css group-hover/row because we want to hide hover state when keyboard navigating\n            'bg-white': !isActiveRow && !isSelected && !isHoveredRow,\n            'bg-grey-100': !isActiveRow && !isSelected && isHoveredRow,\n            'bg-grey-200 group-hover/row:bg-grey-200': isActiveRow && !isSelected,\n            'bg-blue-100': isSelected,\n            '!wcag-blue-500': isDragging,\n            '[&>*]:!grayscale [&_.bg-white]:!bg-grey-100': !isEditingThisRow && isHoveringThisRowWhileEditing,\n            '!bg-red-100': hasValidationErrorsInRow,\n            'z-[11]': isPinned && isActiveRow,\n            'z-[12]': isPinned && isActiveRow && index === 0,\n            'border-blue !border-y-2 border-x-0': isRowIndicatorVisible,\n            'border-l-2 rounded-l': isRowIndicatorVisible && index === 0,\n            'border-r-2 rounded-r': isRowIndicatorVisible && index === lastColumnIndex,\n        },\n        getCellSizingClasses(\n            table.options.meta?.rowDensity,\n            (isEditingThisRow || isHoveringThisRowWhileEditing) && hasCellControl\n        ),\n        typeof cellClassName === 'function' ? cellClassName(cell.row) : cellClassName\n    );\n\n    const handleMouseDown = (event: React.MouseEvent<HTMLElement>) => {\n        // only detect left clicks\n        if (event.button === 0) {\n            const activeElement = document.activeElement;\n            const isActiveElementControl = activeElement?.closest('[role=\"cell\"]');\n            const hasActiveRowChanged = meta.activeRowIndex !== rowIndex;\n\n            // When user clicks on a cell that is not in the active row, for some reason blur event is not called on the cell\n            // previous cell control element so we need to manually call it in order to save the changes in that cell\n            if (isActiveElementControl && hasActiveRowChanged) {\n                (activeElement as HTMLElement).blur();\n            }\n\n            meta.setActiveRowIndex(rowIndex);\n\n            if (meta.editMode.isEditing) {\n                if (allFocussableColumnIndexes.includes(index)) {\n                    meta.editMode.setColumn(index);\n                } else {\n                    meta.editMode.setColumn(allFocussableColumnIndexes[0]);\n                }\n            }\n        }\n    };\n\n    const attributes = {\n        ...columnProps,\n        // base props,\n        column: cell.column,\n        table,\n        // dom attributes\n        className,\n        'data-column-index': index,\n        'data-row-index': rowIndex,\n        onMouseDown: handleMouseDown,\n        ref: internalRef,\n        role: 'cell',\n    };\n\n    const [detailModeEditing, setDetailModeEditing] = React.useState(false);\n\n    // reset the editing state when we move column\n    React.useEffect(() => {\n        if (meta.editMode.columnIndex !== index) {\n            setDetailModeEditing(false);\n        }\n    }, [meta.editMode.columnIndex]);\n\n    React.useEffect(() => {\n        if (isEditingThisRow && controlRef.current && isKeyboardFocusableElement(controlRef.current)) {\n            addFocussableColumnIndex(index);\n        }\n    }, [isEditingThisRow, allFocussableColumnIndexes, addFocussableColumnIndex, index]);\n\n    const moveRow = (moveDirection: MOVE_DIR) => {\n        if (moveDirection === MOVE_DIR.PREV) {\n            meta.moveToPreviousRow(rows, nextIndex => scrollToIndex(nextIndex - 1));\n        } else if (moveDirection === MOVE_DIR.NEXT) {\n            meta.moveToNextRow(rows, nextIndex => scrollToIndex(nextIndex + 2));\n        }\n    };\n\n    if (meta.editMode.onSave && hasCellControl && (canEditThisCell || (isHoveringThisRowWhileEditing && isDataColumn))) {\n        attributes.onMouseDown = event => {\n            handleMouseDown(event);\n\n            const target = event.target;\n            const isTargetInput = target !== null && (target as HTMLElement).nodeName === 'INPUT';\n\n            // event.target?.select is only truthy for input elements\n            // if event.target is active element, then that means we should select the text\n            if (isTargetInput && target !== document.activeElement) {\n                event.preventDefault();\n\n                setTimeout(() => {\n                    (target as HTMLInputElement).select();\n                }, 1);\n            } else if (isTargetInput && target === document.activeElement) {\n                // if user left clicks on the input then we are into edit mode\n                // only detect left clicks\n                if (event.button === 0) {\n                    setDetailModeEditing(true);\n                }\n            }\n        };\n\n        if (canEditThisCell) {\n            const firstDataColumnIndex = allFocussableColumnIndexes.at(0) ?? 0;\n            const lastDataColumnIndex = allFocussableColumnIndexes.at(-1) ?? 0;\n\n            attributes.onKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n                const control = event.target as HTMLElement;\n                const isControlInput =\n                    control.nodeName === 'INPUT' && control?.getAttribute('data-inline-editing-component') === 'true';\n\n                // For some reason, Taco Input keyboard event always return true when \"event.isDefaultPrevented()\" is\n                // called. So we need to check if the control is input or not so that we don't return early.\n                if (!isControlInput && (event.isDefaultPrevented() || event.isPropagationStopped())) {\n                    return;\n                }\n\n                if (control.tagName === 'INPUT') {\n                    if (event.key === 'Enter') {\n                        event.preventDefault();\n                        const input = control as HTMLInputElement;\n\n                        if (detailModeEditing) {\n                            input?.select?.();\n                            setDetailModeEditing(false);\n                        } else {\n                            input.setSelectionRange?.(input.value?.length, input.value?.length);\n                            setDetailModeEditing(true);\n                        }\n\n                        return;\n                    }\n                }\n\n                // Don't exit edit mode if the target of the escape isn't a child of the cell (e.g. if its a popover).\n                if (event.key === 'Escape' && event.currentTarget.contains(control)) {\n                    event.preventDefault();\n                    meta.editMode.toggleEditing(false);\n                    tableRef.current?.focus();\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowLeft') || (event.key === 'Tab' && event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isFirstRow = rowIndex === 0;\n                    const isFirstColumn = index === firstDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the first column then we don't do any thing so that focus\n                        // remains on the first column.\n                        if (!isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToFirstColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is first row and first column, then don't move column.\n                        if (!isFirstRow || !isFirstColumn) {\n                            control.blur();\n                            meta.editMode.moveToPreviousColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if ((!detailModeEditing && event.key === 'ArrowRight') || (event.key === 'Tab' && !event.shiftKey)) {\n                    event.preventDefault();\n\n                    const isLastRow = rowIndex === rows.length - 1;\n                    const isLastColumn = index === lastDataColumnIndex;\n\n                    if (event.ctrlKey || event.metaKey) {\n                        // If the current active column is the last column then we don't do any thing so that focus\n                        // remains on the last column.\n                        if (!isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToLastColumn(allFocussableColumnIndexes);\n                        }\n                    } else {\n                        // If it is last row and last column, then don't move column.\n                        if (!isLastRow || !isLastColumn) {\n                            control.blur();\n                            meta.editMode.moveToNextColumn(allFocussableColumnIndexes, moveRow);\n                        }\n                    }\n\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowUp') {\n                    event.preventDefault();\n\n                    // if it is the first row then return early, so that focus on the cell is not lost\n                    if (rowIndex === 0) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(0);\n\n                        scrollToOffset(0);\n                    } else {\n                        moveRow(MOVE_DIR.PREV);\n                    }\n\n                    meta.setHoveredRowIndex(undefined);\n                    return;\n                }\n\n                if (!detailModeEditing && event.key === 'ArrowDown') {\n                    event.preventDefault();\n\n                    // if it is the last row then return early, so that focus on the cell is not lost\n                    if (rowIndex === rows.length - 1) {\n                        return;\n                    }\n\n                    control.blur();\n\n                    if (event.ctrlKey || event.metaKey) {\n                        meta.setActiveRowIndex(rows.length - 1);\n                        scrollToIndex(rows.length + 20);\n                    } else {\n                        moveRow(MOVE_DIR.NEXT);\n                    }\n\n                    meta.setHoveredRowIndex(undefined);\n                    return;\n                }\n            };\n        }\n\n        return (\n            <ColumnBase {...attributes}>\n                <EditingCell\n                    cell={cell}\n                    cellRef={internalRef}\n                    columnIndex={index}\n                    isEditingThisCell={isEditingThisCell}\n                    onSave={meta.editMode.onSave}\n                    rowIndex={rowIndex}\n                    table={table}\n                    ref={controlRef}\n                    rowValues={rows[rowIndex].original}\n                    rowsLength={rows.length}\n                />\n            </ColumnBase>\n        );\n    } else {\n        if (meta.onRowClick) {\n            attributes.onClick = () => {\n                meta.onRowClick?.(cell.row.original);\n            };\n        }\n    }\n\n    return (\n        <ColumnBase {...attributes}>\n            <div className={disableTruncation ? '-my-[0.45rem]' : 'truncate'}>\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n            </div>\n        </ColumnBase>\n    );\n};\n\ntype EditingCellProps = {\n    cell: RTCell<any, unknown>;\n    cellRef: React.RefObject<HTMLDivElement>;\n    columnIndex: number;\n    isEditingThisCell: boolean;\n    onSave: SaveHandler<any>;\n    rowIndex: number;\n    table: RTTable<any>;\n    rowValues: Record<string, any>;\n    rowsLength: number;\n};\n\nconst EditingCell = React.memo(\n    React.forwardRef<HTMLElement, EditingCellProps>((props, ref) => {\n        const { cell, cellRef, columnIndex, isEditingThisCell = false, onSave: handleSave, rowIndex, rowValues, table } = props;\n        const { validationErrors, setValidationErrors, setIsRowIndicatorVisible } = useRowContext();\n\n        const controlRef = useMergedRef(ref);\n        const cellId = cell.column.id;\n        const cellValidationError = validationErrors?.[cellId];\n\n        const value = cell.getValue();\n        const ariaLabel = cell.column.columnDef.header as string | undefined;\n        const meta = table.options.meta as TableMeta<any>;\n        const { globalFilter } = table.getState();\n\n        const [state, setState] = React.useState(value);\n        const [rowMoveReason, setRowMoveReason] = React.useState<IndicatorReason | null>(null);\n\n        const isHoveringAnotherRowWhileEditing =\n            meta.editMode.isEditing && meta.activeRowIndex !== rowIndex && meta.hoveredRowIndex === rowIndex;\n        const showValidationError = !isHoveringAnotherRowWhileEditing && !!cellValidationError;\n        // On each save, the initialValue will be set to the new value of the cell\n        const initialValue = React.useRef<any>(value);\n\n        // It is important that we let consumers pass a newValue as an argument because when setState is called before\n        // onBlur then saveIfChanged method gets the stale state value. This happens because the rerender hasn't happened\n        // before the saveIfChanged method is called.\n        const saveIfChanged = async (eventOrNewValue?: any) => {\n            let newValue = state;\n\n            // if eventOrNewValue is not an event object\n            if (!eventOrNewValue.target) {\n                newValue = eventOrNewValue;\n            }\n\n            if (hasChanged(value, newValue)) {\n                try {\n                    const updatedRow = { ...cell.row.original, [cellId]: newValue };\n\n                    await handleSave(updatedRow, cellId);\n                    // Reset error if save was successful\n                    setValidationErrors(null);\n                } catch (error) {\n                    setValidationErrors(error as SaveHandlerErrorResponse);\n                }\n            }\n        };\n\n        // Ensures we \"auto focus\" the field if the cell is being edited.\n        React.useEffect(() => {\n            const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n            // When control is blurred then body gets the focus that's why we have to make sure if activeElement\n            // is body then we focus the cell if it is being edited.\n            const isBodyFocussed = document.body === document.activeElement;\n\n            // Don't focus cell if any table popup(filter popup, column settings popup) is open.\n            if (isEditingThisCell && (isFocusInsideTable || isBodyFocussed)) {\n                (controlRef.current as HTMLElement)?.focus?.();\n            }\n        }, [isEditingThisCell, controlRef.current]);\n\n        // make sure the cell becomes active if the field is focused\n        const handleFocus = event => {\n            meta.editMode.setColumn(columnIndex);\n\n            if (event.target?.select) {\n                event.target?.select();\n            }\n        };\n\n        React.useEffect(() => {\n            if (hasChanged(initialValue.current, state)) {\n                showIndicator();\n            } else {\n                hideIndicator();\n            }\n\n            return hideIndicator;\n        }, [state]);\n\n        const showIndicator = () => {\n            let willRowMoveReason: IndicatorReason | undefined = undefined;\n\n            const isFilteredByGlobalFilter = Object.values<unknown>({ ...rowValues, [cellId]: state }).some(cellValue =>\n                // Global filter can be undefined when there is no text being searched so we pass an empty string to\n                // globalFilterFn as query in that case.\n                globalFilterFn(String(cellValue), globalFilter ? String(globalFilter) : '')\n            );\n\n            if (!isFilteredByGlobalFilter) {\n                willRowMoveReason = IndicatorReason.SEARCH;\n            } else if (cell.column.getIsFiltered() && !columnFilterFn(state, cell.column.getFilterValue() as Table2Filter)) {\n                willRowMoveReason = IndicatorReason.FILTER;\n            } else if (\n                !willRowMoveReason &&\n                cell.column.getIsSorted() &&\n                willRowMoveAfterSorting(\n                    state,\n                    cell,\n                    rowIndex,\n                    table.getRowModel().rows,\n                    !!table.getState().sorting.find(s => s.id === cell.column.id)?.desc\n                )\n            ) {\n                willRowMoveReason = IndicatorReason.SORTING;\n            }\n\n            if (willRowMoveReason !== undefined) {\n                meta.setShouldPauseSortingAndFiltering(true);\n                setRowMoveReason(willRowMoveReason);\n                setIsRowIndicatorVisible(true);\n            }\n        };\n\n        const hideIndicator = () => {\n            setRowMoveReason(null);\n            setIsRowIndicatorVisible(false);\n        };\n\n        const cellControl = cell.column.columnDef.meta?.control;\n\n        const attributes = {\n            'aria-label': ariaLabel,\n            onBlur: saveIfChanged,\n            onFocus: handleFocus,\n            ref,\n            // This is a temporary fix to enable up/down arrow key shortcuts on input in quick mode. For some reason,\n            // the preventDefault is true on Taco Input, so the keyboard shortcuts doesn't work. By adding this\n            // data attribute we make sure the event is coming from a control component, and then we can make sure\n            // keyboard shortcut works as expected.\n            'data-inline-editing-component': 'true',\n        };\n\n        const className = cn(getCellAlignmentClasses(cell.column.columnDef.meta?.align));\n        const indicatorMountNode = cellRef.current?.parentElement?.querySelector(':first-child') as Element | null;\n\n        let controlComponent;\n\n        if (cellControl) {\n            if (typeof cellControl === 'function') {\n                controlComponent = cellControl(\n                    {\n                        onBlur: saveIfChanged,\n                        onFocus: handleFocus,\n                        ref: controlRef,\n                        setValue: setState,\n                        value: state,\n                        'data-inline-editing-component': 'true',\n                    },\n                    cell.row.original\n                );\n            } else {\n                switch (cellControl) {\n                    case 'datepicker':\n                        controlComponent = (\n                            <Datepicker\n                                {...attributes}\n                                onBlur={event => {\n                                    const newDate = (event as any).detail;\n                                    saveIfChanged(newDate);\n                                }}\n                                onChange={event => {\n                                    setState((event as any).detail);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={state as Date}\n                            />\n                        );\n                        break;\n\n                    case 'switch':\n                        controlComponent = (\n                            <Switch\n                                {...attributes}\n                                className=\"mx-2\"\n                                checked={Boolean(state)}\n                                onChange={setState}\n                                ref={controlRef as RefObject<HTMLButtonElement>}\n                            />\n                        );\n                        break;\n                    default:\n                        controlComponent = (\n                            <Input\n                                {...attributes}\n                                className={className}\n                                onChange={event => {\n                                    setState(event.target.value);\n                                }}\n                                ref={controlRef as RefObject<HTMLInputElement>}\n                                value={String(state ?? '')}\n                            />\n                        );\n                        break;\n                }\n            }\n        }\n\n        return (\n            <>\n                {!!rowMoveReason && (\n                    <Indicator\n                        reason={rowMoveReason}\n                        columnName={String(cell.column.columnDef.header)}\n                        mountNode={indicatorMountNode}\n                    />\n                )}\n                <span className=\"relative flex-grow\">\n                    {controlComponent}\n                    {showValidationError && <ValidationError>{String(cellValidationError)}</ValidationError>}\n                </span>\n            </>\n        );\n    })\n);\n"],"names":["Cell","props","cell","index","isLastRow","rowIndex","rows","scrollToIndex","scrollToOffset","table","tableRef","columnProps","meta","options","addFocussableColumnIndex","focussableColumnIndexes","allFocussableColumnIndexes","validationErrors","isRowIndicatorVisible","useRowContext","hasValidationErrorsInRow","internalRef","React","useRef","controlRef","disableTruncation","column","columnDef","cellClassName","className","isActiveRow","activeRowIndex","isHoveredRow","hoveredRowIndex","isPinned","getIsPinned","isDragging","dragging","row","id","isSelected","getIsSelected","isDataColumn","isInternalColumn","hasCellControl","control","allVisibleColumns","getVisibleLeafColumns","lastColumnIndex","length","isEditingThisRow","editMode","isEditing","canEditThisCell","isEditingThisCell","columnIndex","isHoveringThisRowWhileEditing","useEffect","current","scrollIntoView","behavior","block","inline","classList","add","remove","cn","getCellSizingClasses","rowDensity","handleMouseDown","event","button","activeElement","document","isActiveElementControl","closest","hasActiveRowChanged","blur","setActiveRowIndex","includes","setColumn","attributes","onMouseDown","ref","role","detailModeEditing","setDetailModeEditing","useState","isKeyboardFocusableElement","moveRow","moveDirection","MOVE_DIR","PREV","moveToPreviousRow","nextIndex","NEXT","moveToNextRow","onSave","target","isTargetInput","nodeName","preventDefault","setTimeout","select","firstDataColumnIndex","at","lastDataColumnIndex","onKeyDown","isControlInput","getAttribute","isDefaultPrevented","isPropagationStopped","tagName","key","input","setSelectionRange","value","currentTarget","contains","toggleEditing","focus","shiftKey","isFirstRow","isFirstColumn","ctrlKey","metaKey","moveToFirstColumn","moveToPreviousColumn","isLastColumn","moveToLastColumn","moveToNextColumn","setHoveredRowIndex","undefined","ColumnBase","EditingCell","cellRef","rowValues","original","rowsLength","onRowClick","onClick","flexRender","getContext","memo","forwardRef","handleSave","setValidationErrors","setIsRowIndicatorVisible","useMergedRef","cellId","cellValidationError","getValue","ariaLabel","header","globalFilter","getState","state","setState","rowMoveReason","setRowMoveReason","isHoveringAnotherRowWhileEditing","showValidationError","initialValue","saveIfChanged","eventOrNewValue","newValue","hasChanged","updatedRow","error","isFocusInsideTable","isBodyFocussed","body","handleFocus","showIndicator","hideIndicator","willRowMoveReason","isFilteredByGlobalFilter","Object","values","some","cellValue","globalFilterFn","String","IndicatorReason","SEARCH","getIsFiltered","columnFilterFn","getFilterValue","FILTER","getIsSorted","willRowMoveAfterSorting","getRowModel","sorting","find","s","desc","SORTING","setShouldPauseSortingAndFiltering","cellControl","onBlur","onFocus","getCellAlignmentClasses","align","indicatorMountNode","parentElement","querySelector","controlComponent","setValue","Datepicker","newDate","detail","onChange","Switch","checked","Boolean","Input","Indicator","reason","columnName","mountNode","ValidationError"],"mappings":";;;;;;;;;;;;;;;;;;MA8BaA,IAAI,GAAG,SAASA,IAAI,CAAkBC,KAAuB;;EACtE,MAAM;IAAEC,IAAI;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,aAAa;IAAEC,cAAc;IAAEC,KAAK;IAAEC,QAAQ;IAAE,GAAGC;GAAa,GAAGV,KAAK;EACxH,MAAMW,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EAEjD,MAAM;IAAEE,wBAAwB;IAAEC,uBAAuB,EAAEC;GAA4B,GAAGJ,IAAI;EAE9F,MAAM;IAAEK,gBAAgB;IAAEC;GAAuB,GAAGC,aAAa,EAAE;EACnE,MAAMC,wBAAwB,GAAG,CAAC,CAACH,gBAAgB;EAEnD,MAAMI,WAAW,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EACtD,MAAMC,UAAU,GAAGF,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC;EAClD,MAAME,iBAAiB,4BAAGvB,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACf,IAAI,0DAA1B,sBAA4Ba,iBAAiB;EACvE,MAAMG,aAAa,6BAAG1B,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACf,IAAI,2DAA1B,uBAA4BiB,SAAS;EAE3D,MAAMC,WAAW,GAAGlB,IAAI,CAACmB,cAAc,KAAK1B,QAAQ;EACpD,MAAM2B,YAAY,GAAGpB,IAAI,CAACqB,eAAe,KAAK5B,QAAQ;EACtD,MAAM6B,QAAQ,GAAG,CAAC,CAAChC,IAAI,CAACwB,MAAM,CAACS,WAAW,EAAE;EAC5C,MAAMC,UAAU,GAAGxB,IAAI,CAACyB,QAAQ,CAACnC,IAAI,CAACoC,GAAG,CAACC,EAAE,CAAC;EAC7C,MAAMC,UAAU,GAAGtC,IAAI,CAACoC,GAAG,CAACG,aAAa,EAAE;EAC3C,MAAMC,YAAY,GAAG,CAACC,gBAAgB,CAACzC,IAAI,CAACwB,MAAM,CAACa,EAAE,CAAC;EACtD,MAAMK,cAAc,GAAG,CAAC,4BAAC1C,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACf,IAAI,mDAA1B,uBAA4BiC,OAAO;EAC5D,MAAMC,iBAAiB,GAAGrC,KAAK,CAACsC,qBAAqB,EAAE;EACvD,MAAMC,eAAe,GAAGF,iBAAiB,CAACG,MAAM,GAAG,CAAC,GAAGH,iBAAiB,CAACG,MAAM,GAAG,CAAC,GAAG,CAAC;;EAGvF,MAAMC,gBAAgB,GAAGtC,IAAI,CAACuC,QAAQ,CAACC,SAAS,IAAItB,WAAW;EAC/D,MAAMuB,eAAe,GAAGH,gBAAgB,IAAIR,YAAY;EACxD,MAAMY,iBAAiB,GAAGD,eAAe,IAAIzC,IAAI,CAACuC,QAAQ,CAACI,WAAW,KAAKpD,KAAK;EAChF,MAAMqD,6BAA6B,GAAG5C,IAAI,CAACuC,QAAQ,CAACC,SAAS,IAAIpB,YAAY;;EAG7EV,cAAK,CAACmC,SAAS,CAAC;IACZ,IAAI3B,WAAW,IAAIT,WAAW,CAACqC,OAAO,EAAE;MACpCrC,WAAW,CAACqC,OAAO,CAACC,cAAc,CAAC;QAAEC,QAAQ,EAAE,QAAQ;QAAEC,KAAK,EAAE,SAAS;QAAEC,MAAM,EAAE;OAAW,CAAC;;GAEtG,EAAE,CAAChC,WAAW,EAAEV,wBAAwB,CAAC,CAAC;EAE3CE,cAAK,CAACmC,SAAS,CAAC;;IAEZ,IAAIvC,qBAAqB,IAAIN,IAAI,CAACmB,cAAc,KAAKzB,IAAI,CAAC2C,MAAM,GAAG,CAAC,EAAE;MAAA;MAClE,qBAAAvC,QAAQ,CAACgD,OAAO,sDAAhB,kBAAkBK,SAAS,CAACC,GAAG,CAAC,MAAM,CAAC;;IAG3C,OAAO;MAAA;MAAA,6BAAMtD,QAAQ,CAACgD,OAAO,uDAAhB,mBAAkBK,SAAS,CAACE,MAAM,CAAC,MAAM,CAAC;;GAC1D,EAAE,CAAC/C,qBAAqB,CAAC,CAAC;EAE3B,MAAMW,SAAS,GAAGqC,EAAE,CAChB;IACI,UAAU,EAAE,CAAC9D,SAAS;IACtB,aAAa,EAAE8B,QAAQ;;IAEvB,UAAU,EAAE,CAACJ,WAAW,IAAI,CAACU,UAAU,IAAI,CAACR,YAAY;IACxD,aAAa,EAAE,CAACF,WAAW,IAAI,CAACU,UAAU,IAAIR,YAAY;IAC1D,yCAAyC,EAAEF,WAAW,IAAI,CAACU,UAAU;IACrE,aAAa,EAAEA,UAAU;IACzB,gBAAgB,EAAEJ,UAAU;IAC5B,6CAA6C,EAAE,CAACc,gBAAgB,IAAIM,6BAA6B;IACjG,aAAa,EAAEpC,wBAAwB;IACvC,QAAQ,EAAEc,QAAQ,IAAIJ,WAAW;IACjC,QAAQ,EAAEI,QAAQ,IAAIJ,WAAW,IAAI3B,KAAK,KAAK,CAAC;IAChD,oCAAoC,EAAEe,qBAAqB;IAC3D,sBAAsB,EAAEA,qBAAqB,IAAIf,KAAK,KAAK,CAAC;IAC5D,sBAAsB,EAAEe,qBAAqB,IAAIf,KAAK,KAAK6C;GAC9D,EACDmB,oBAAoB,wBAChB1D,KAAK,CAACI,OAAO,CAACD,IAAI,wDAAlB,oBAAoBwD,UAAU,EAC9B,CAAClB,gBAAgB,IAAIM,6BAA6B,KAAKZ,cAAc,CACxE,EACD,OAAOhB,aAAa,KAAK,UAAU,GAAGA,aAAa,CAAC1B,IAAI,CAACoC,GAAG,CAAC,GAAGV,aAAa,CAChF;EAED,MAAMyC,eAAe,GAAIC,KAAoC;;IAEzD,IAAIA,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;MACpB,MAAMC,aAAa,GAAGC,QAAQ,CAACD,aAAa;MAC5C,MAAME,sBAAsB,GAAGF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEG,OAAO,CAAC,eAAe,CAAC;MACtE,MAAMC,mBAAmB,GAAGhE,IAAI,CAACmB,cAAc,KAAK1B,QAAQ;;;MAI5D,IAAIqE,sBAAsB,IAAIE,mBAAmB,EAAE;QAC9CJ,aAA6B,CAACK,IAAI,EAAE;;MAGzCjE,IAAI,CAACkE,iBAAiB,CAACzE,QAAQ,CAAC;MAEhC,IAAIO,IAAI,CAACuC,QAAQ,CAACC,SAAS,EAAE;QACzB,IAAIpC,0BAA0B,CAAC+D,QAAQ,CAAC5E,KAAK,CAAC,EAAE;UAC5CS,IAAI,CAACuC,QAAQ,CAAC6B,SAAS,CAAC7E,KAAK,CAAC;SACjC,MAAM;UACHS,IAAI,CAACuC,QAAQ,CAAC6B,SAAS,CAAChE,0BAA0B,CAAC,CAAC,CAAC,CAAC;;;;GAIrE;EAED,MAAMiE,UAAU,GAAG;IACf,GAAGtE,WAAW;;IAEde,MAAM,EAAExB,IAAI,CAACwB,MAAM;IACnBjB,KAAK;;IAELoB,SAAS;IACT,mBAAmB,EAAE1B,KAAK;IAC1B,gBAAgB,EAAEE,QAAQ;IAC1B6E,WAAW,EAAEb,eAAe;IAC5Bc,GAAG,EAAE9D,WAAW;IAChB+D,IAAI,EAAE;GACT;EAED,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGhE,cAAK,CAACiE,QAAQ,CAAC,KAAK,CAAC;;EAGvEjE,cAAK,CAACmC,SAAS,CAAC;IACZ,IAAI7C,IAAI,CAACuC,QAAQ,CAACI,WAAW,KAAKpD,KAAK,EAAE;MACrCmF,oBAAoB,CAAC,KAAK,CAAC;;GAElC,EAAE,CAAC1E,IAAI,CAACuC,QAAQ,CAACI,WAAW,CAAC,CAAC;EAE/BjC,cAAK,CAACmC,SAAS,CAAC;IACZ,IAAIP,gBAAgB,IAAI1B,UAAU,CAACkC,OAAO,IAAI8B,0BAA0B,CAAChE,UAAU,CAACkC,OAAO,CAAC,EAAE;MAC1F5C,wBAAwB,CAACX,KAAK,CAAC;;GAEtC,EAAE,CAAC+C,gBAAgB,EAAElC,0BAA0B,EAAEF,wBAAwB,EAAEX,KAAK,CAAC,CAAC;EAEnF,MAAMsF,OAAO,GAAIC,aAAuB;IACpC,IAAIA,aAAa,KAAKC,QAAQ,CAACC,IAAI,EAAE;MACjChF,IAAI,CAACiF,iBAAiB,CAACvF,IAAI,EAAEwF,SAAS,IAAIvF,aAAa,CAACuF,SAAS,GAAG,CAAC,CAAC,CAAC;KAC1E,MAAM,IAAIJ,aAAa,KAAKC,QAAQ,CAACI,IAAI,EAAE;MACxCnF,IAAI,CAACoF,aAAa,CAAC1F,IAAI,EAAEwF,SAAS,IAAIvF,aAAa,CAACuF,SAAS,GAAG,CAAC,CAAC,CAAC;;GAE1E;EAED,IAAIlF,IAAI,CAACuC,QAAQ,CAAC8C,MAAM,IAAIrD,cAAc,KAAKS,eAAe,IAAKG,6BAA6B,IAAId,YAAa,CAAC,EAAE;IAChHuC,UAAU,CAACC,WAAW,GAAGZ,KAAK;MAC1BD,eAAe,CAACC,KAAK,CAAC;MAEtB,MAAM4B,MAAM,GAAG5B,KAAK,CAAC4B,MAAM;MAC3B,MAAMC,aAAa,GAAGD,MAAM,KAAK,IAAI,IAAKA,MAAsB,CAACE,QAAQ,KAAK,OAAO;;;MAIrF,IAAID,aAAa,IAAID,MAAM,KAAKzB,QAAQ,CAACD,aAAa,EAAE;QACpDF,KAAK,CAAC+B,cAAc,EAAE;QAEtBC,UAAU,CAAC;UACNJ,MAA2B,CAACK,MAAM,EAAE;SACxC,EAAE,CAAC,CAAC;OACR,MAAM,IAAIJ,aAAa,IAAID,MAAM,KAAKzB,QAAQ,CAACD,aAAa,EAAE;;;QAG3D,IAAIF,KAAK,CAACC,MAAM,KAAK,CAAC,EAAE;UACpBe,oBAAoB,CAAC,IAAI,CAAC;;;KAGrC;IAED,IAAIjC,eAAe,EAAE;MAAA;MACjB,MAAMmD,oBAAoB,4BAAGxF,0BAA0B,CAACyF,EAAE,CAAC,CAAC,CAAC,yEAAI,CAAC;MAClE,MAAMC,mBAAmB,6BAAG1F,0BAA0B,CAACyF,EAAE,CAAC,CAAC,CAAC,CAAC,2EAAI,CAAC;MAElExB,UAAU,CAAC0B,SAAS,GAAIrC,KAA0C;QAC9D,MAAMzB,OAAO,GAAGyB,KAAK,CAAC4B,MAAqB;QAC3C,MAAMU,cAAc,GAChB/D,OAAO,CAACuD,QAAQ,KAAK,OAAO,IAAI,CAAAvD,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEgE,YAAY,CAAC,+BAA+B,CAAC,MAAK,MAAM;;;QAIrG,IAAI,CAACD,cAAc,KAAKtC,KAAK,CAACwC,kBAAkB,EAAE,IAAIxC,KAAK,CAACyC,oBAAoB,EAAE,CAAC,EAAE;UACjF;;QAGJ,IAAIlE,OAAO,CAACmE,OAAO,KAAK,OAAO,EAAE;UAC7B,IAAI1C,KAAK,CAAC2C,GAAG,KAAK,OAAO,EAAE;YACvB3C,KAAK,CAAC+B,cAAc,EAAE;YACtB,MAAMa,KAAK,GAAGrE,OAA2B;YAEzC,IAAIwC,iBAAiB,EAAE;cAAA;cACnB6B,KAAK,aAALA,KAAK,wCAALA,KAAK,CAAEX,MAAM,kDAAb,mBAAAW,KAAK,CAAY;cACjB5B,oBAAoB,CAAC,KAAK,CAAC;aAC9B,MAAM;cAAA;cACH,yBAAA4B,KAAK,CAACC,iBAAiB,0DAAvB,2BAAAD,KAAK,kBAAqBA,KAAK,CAACE,KAAK,iDAAX,aAAanE,MAAM,mBAAEiE,KAAK,CAACE,KAAK,kDAAX,cAAanE,MAAM,CAAC;cACnEqC,oBAAoB,CAAC,IAAI,CAAC;;YAG9B;;;;QAKR,IAAIhB,KAAK,CAAC2C,GAAG,KAAK,QAAQ,IAAI3C,KAAK,CAAC+C,aAAa,CAACC,QAAQ,CAACzE,OAAO,CAAC,EAAE;UAAA;UACjEyB,KAAK,CAAC+B,cAAc,EAAE;UACtBzF,IAAI,CAACuC,QAAQ,CAACoE,aAAa,CAAC,KAAK,CAAC;UAClC,sBAAA7G,QAAQ,CAACgD,OAAO,uDAAhB,mBAAkB8D,KAAK,EAAE;UACzB;;QAGJ,IAAK,CAACnC,iBAAiB,IAAIf,KAAK,CAAC2C,GAAG,KAAK,WAAW,IAAM3C,KAAK,CAAC2C,GAAG,KAAK,KAAK,IAAI3C,KAAK,CAACmD,QAAS,EAAE;UAC9FnD,KAAK,CAAC+B,cAAc,EAAE;UAEtB,MAAMqB,UAAU,GAAGrH,QAAQ,KAAK,CAAC;UACjC,MAAMsH,aAAa,GAAGxH,KAAK,KAAKqG,oBAAoB;UAEpD,IAAIlC,KAAK,CAACsD,OAAO,IAAItD,KAAK,CAACuD,OAAO,EAAE;;;YAGhC,IAAI,CAACF,aAAa,EAAE;cAChB9E,OAAO,CAACgC,IAAI,EAAE;cACdjE,IAAI,CAACuC,QAAQ,CAAC2E,iBAAiB,CAAC9G,0BAA0B,CAAC;;WAElE,MAAM;;YAEH,IAAI,CAAC0G,UAAU,IAAI,CAACC,aAAa,EAAE;cAC/B9E,OAAO,CAACgC,IAAI,EAAE;cACdjE,IAAI,CAACuC,QAAQ,CAAC4E,oBAAoB,CAAC/G,0BAA0B,EAAEyE,OAAO,CAAC;;;UAI/E;;QAGJ,IAAK,CAACJ,iBAAiB,IAAIf,KAAK,CAAC2C,GAAG,KAAK,YAAY,IAAM3C,KAAK,CAAC2C,GAAG,KAAK,KAAK,IAAI,CAAC3C,KAAK,CAACmD,QAAS,EAAE;UAChGnD,KAAK,CAAC+B,cAAc,EAAE;UAEtB,MAAMjG,SAAS,GAAGC,QAAQ,KAAKC,IAAI,CAAC2C,MAAM,GAAG,CAAC;UAC9C,MAAM+E,YAAY,GAAG7H,KAAK,KAAKuG,mBAAmB;UAElD,IAAIpC,KAAK,CAACsD,OAAO,IAAItD,KAAK,CAACuD,OAAO,EAAE;;;YAGhC,IAAI,CAACG,YAAY,EAAE;cACfnF,OAAO,CAACgC,IAAI,EAAE;cACdjE,IAAI,CAACuC,QAAQ,CAAC8E,gBAAgB,CAACjH,0BAA0B,CAAC;;WAEjE,MAAM;;YAEH,IAAI,CAACZ,SAAS,IAAI,CAAC4H,YAAY,EAAE;cAC7BnF,OAAO,CAACgC,IAAI,EAAE;cACdjE,IAAI,CAACuC,QAAQ,CAAC+E,gBAAgB,CAAClH,0BAA0B,EAAEyE,OAAO,CAAC;;;UAI3E;;QAGJ,IAAI,CAACJ,iBAAiB,IAAIf,KAAK,CAAC2C,GAAG,KAAK,SAAS,EAAE;UAC/C3C,KAAK,CAAC+B,cAAc,EAAE;;UAGtB,IAAIhG,QAAQ,KAAK,CAAC,EAAE;YAChB;;UAGJwC,OAAO,CAACgC,IAAI,EAAE;UAEd,IAAIP,KAAK,CAACsD,OAAO,IAAItD,KAAK,CAACuD,OAAO,EAAE;YAChCjH,IAAI,CAACkE,iBAAiB,CAAC,CAAC,CAAC;YAEzBtE,cAAc,CAAC,CAAC,CAAC;WACpB,MAAM;YACHiF,OAAO,CAACE,QAAQ,CAACC,IAAI,CAAC;;UAG1BhF,IAAI,CAACuH,kBAAkB,CAACC,SAAS,CAAC;UAClC;;QAGJ,IAAI,CAAC/C,iBAAiB,IAAIf,KAAK,CAAC2C,GAAG,KAAK,WAAW,EAAE;UACjD3C,KAAK,CAAC+B,cAAc,EAAE;;UAGtB,IAAIhG,QAAQ,KAAKC,IAAI,CAAC2C,MAAM,GAAG,CAAC,EAAE;YAC9B;;UAGJJ,OAAO,CAACgC,IAAI,EAAE;UAEd,IAAIP,KAAK,CAACsD,OAAO,IAAItD,KAAK,CAACuD,OAAO,EAAE;YAChCjH,IAAI,CAACkE,iBAAiB,CAACxE,IAAI,CAAC2C,MAAM,GAAG,CAAC,CAAC;YACvC1C,aAAa,CAACD,IAAI,CAAC2C,MAAM,GAAG,EAAE,CAAC;WAClC,MAAM;YACHwC,OAAO,CAACE,QAAQ,CAACI,IAAI,CAAC;;UAG1BnF,IAAI,CAACuH,kBAAkB,CAACC,SAAS,CAAC;UAClC;;OAEP;;IAGL,oBACI9G,6BAAC+G,UAAU,oBAAKpD,UAAU,gBACtB3D,6BAACgH,WAAW;MACRpI,IAAI,EAAEA,IAAI;MACVqI,OAAO,EAAElH,WAAW;MACpBkC,WAAW,EAAEpD,KAAK;MAClBmD,iBAAiB,EAAEA,iBAAiB;MACpC2C,MAAM,EAAErF,IAAI,CAACuC,QAAQ,CAAC8C,MAAM;MAC5B5F,QAAQ,EAAEA,QAAQ;MAClBI,KAAK,EAAEA,KAAK;MACZ0E,GAAG,EAAE3D,UAAU;MACfgH,SAAS,EAAElI,IAAI,CAACD,QAAQ,CAAC,CAACoI,QAAQ;MAClCC,UAAU,EAAEpI,IAAI,CAAC2C;MACnB,CACO;GAEpB,MAAM;IACH,IAAIrC,IAAI,CAAC+H,UAAU,EAAE;MACjB1D,UAAU,CAAC2D,OAAO,GAAG;;QACjB,oBAAAhI,IAAI,CAAC+H,UAAU,qDAAf,sBAAA/H,IAAI,EAAcV,IAAI,CAACoC,GAAG,CAACmG,QAAQ,CAAC;OACvC;;;EAIT,oBACInH,6BAAC+G,UAAU,oBAAKpD,UAAU,gBACtB3D;IAAKO,SAAS,EAAEJ,iBAAiB,GAAG,eAAe,GAAG;KACjDoH,UAAU,CAAC3I,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACzB,IAAI,EAAEA,IAAI,CAAC4I,UAAU,EAAE,CAAC,CACxD,CACG;AAErB;AAcA,MAAMR,WAAW,gBAAGhH,cAAK,CAACyH,IAAI,eAC1BzH,cAAK,CAAC0H,UAAU,CAAgC,CAAC/I,KAAK,EAAEkF,GAAG;;EACvD,MAAM;IAAEjF,IAAI;IAAEqI,OAAO;IAAEhF,WAAW;IAAED,iBAAiB,GAAG,KAAK;IAAE2C,MAAM,EAAEgD,UAAU;IAAE5I,QAAQ;IAAEmI,SAAS;IAAE/H;GAAO,GAAGR,KAAK;EACvH,MAAM;IAAEgB,gBAAgB;IAAEiI,mBAAmB;IAAEC;GAA0B,GAAGhI,aAAa,EAAE;EAE3F,MAAMK,UAAU,GAAG4H,YAAY,CAACjE,GAAG,CAAC;EACpC,MAAMkE,MAAM,GAAGnJ,IAAI,CAACwB,MAAM,CAACa,EAAE;EAC7B,MAAM+G,mBAAmB,GAAGrI,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAGoI,MAAM,CAAC;EAEtD,MAAMjC,KAAK,GAAGlH,IAAI,CAACqJ,QAAQ,EAAE;EAC7B,MAAMC,SAAS,GAAGtJ,IAAI,CAACwB,MAAM,CAACC,SAAS,CAAC8H,MAA4B;EACpE,MAAM7I,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EACjD,MAAM;IAAE8I;GAAc,GAAGjJ,KAAK,CAACkJ,QAAQ,EAAE;EAEzC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvI,cAAK,CAACiE,QAAQ,CAAC6B,KAAK,CAAC;EAC/C,MAAM,CAAC0C,aAAa,EAAEC,gBAAgB,CAAC,GAAGzI,cAAK,CAACiE,QAAQ,CAAyB,IAAI,CAAC;EAEtF,MAAMyE,gCAAgC,GAClCpJ,IAAI,CAACuC,QAAQ,CAACC,SAAS,IAAIxC,IAAI,CAACmB,cAAc,KAAK1B,QAAQ,IAAIO,IAAI,CAACqB,eAAe,KAAK5B,QAAQ;EACpG,MAAM4J,mBAAmB,GAAG,CAACD,gCAAgC,IAAI,CAAC,CAACV,mBAAmB;;EAEtF,MAAMY,YAAY,GAAG5I,cAAK,CAACC,MAAM,CAAM6F,KAAK,CAAC;;;;EAK7C,MAAM+C,aAAa,aAAUC,eAAqB;IAAA;MAC9C,IAAIC,QAAQ,GAAGT,KAAK;;MAGpB,IAAI,CAACQ,eAAe,CAAClE,MAAM,EAAE;QACzBmE,QAAQ,GAAGD,eAAe;;MAC7B;QAAA,IAEGE,UAAU,CAAClD,KAAK,EAAEiD,QAAQ,CAAC;UAAA,iCACvB;YACA,MAAME,UAAU,GAAG;cAAE,GAAGrK,IAAI,CAACoC,GAAG,CAACmG,QAAQ;cAAE,CAACY,MAAM,GAAGgB;aAAU;YAAC,uBAE1DpB,UAAU,CAACsB,UAAU,EAAElB,MAAM,CAAC;;cAEpCH,mBAAmB,CAAC,IAAI,CAAC;;WAC5B,YAAQsB,KAAK,EAAE;YACZtB,mBAAmB,CAACsB,KAAiC,CAAC;WACzD;UAAA;;;MAAA;KAER;MAAA;;;;EAGDlJ,cAAK,CAACmC,SAAS,CAAC;;IACZ,MAAMgH,kBAAkB,4BAAG7J,IAAI,CAACF,QAAQ,CAACgD,OAAO,0DAArB,sBAAuB4D,QAAQ,CAAC7C,QAAQ,CAACD,aAAa,CAAC;;;IAGlF,MAAMkG,cAAc,GAAGjG,QAAQ,CAACkG,IAAI,KAAKlG,QAAQ,CAACD,aAAa;;IAG/D,IAAIlB,iBAAiB,KAAKmH,kBAAkB,IAAIC,cAAc,CAAC,EAAE;MAAA;MAC5D,uBAAAlJ,UAAU,CAACkC,OAAuB,iFAAlC,oBAAoC8D,KAAK,0DAAzC,+CAA6C;;GAErD,EAAE,CAAClE,iBAAiB,EAAE9B,UAAU,CAACkC,OAAO,CAAC,CAAC;;EAG3C,MAAMkH,WAAW,GAAGtG,KAAK;;IACrB1D,IAAI,CAACuC,QAAQ,CAAC6B,SAAS,CAACzB,WAAW,CAAC;IAEpC,qBAAIe,KAAK,CAAC4B,MAAM,0CAAZ,cAAcK,MAAM,EAAE;MAAA;MACtB,kBAAAjC,KAAK,CAAC4B,MAAM,mDAAZ,eAAcK,MAAM,EAAE;;GAE7B;EAEDjF,cAAK,CAACmC,SAAS,CAAC;IACZ,IAAI6G,UAAU,CAACJ,YAAY,CAACxG,OAAO,EAAEkG,KAAK,CAAC,EAAE;MACzCiB,aAAa,EAAE;KAClB,MAAM;MACHC,aAAa,EAAE;;IAGnB,OAAOA,aAAa;GACvB,EAAE,CAAClB,KAAK,CAAC,CAAC;EAEX,MAAMiB,aAAa,GAAG;;IAClB,IAAIE,iBAAiB,GAAgC3C,SAAS;IAE9D,MAAM4C,wBAAwB,GAAGC,MAAM,CAACC,MAAM,CAAU;MAAE,GAAG1C,SAAS;MAAE,CAACa,MAAM,GAAGO;KAAO,CAAC,CAACuB,IAAI,CAACC,SAAS;;;IAGrGC,cAAc,CAACC,MAAM,CAACF,SAAS,CAAC,EAAE1B,YAAY,GAAG4B,MAAM,CAAC5B,YAAY,CAAC,GAAG,EAAE,CAAC,CAC9E;IAED,IAAI,CAACsB,wBAAwB,EAAE;MAC3BD,iBAAiB,GAAGQ,eAAe,CAACC,MAAM;KAC7C,MAAM,IAAItL,IAAI,CAACwB,MAAM,CAAC+J,aAAa,EAAE,IAAI,CAACC,cAAc,CAAC9B,KAAK,EAAE1J,IAAI,CAACwB,MAAM,CAACiK,cAAc,EAAkB,CAAC,EAAE;MAC5GZ,iBAAiB,GAAGQ,eAAe,CAACK,MAAM;KAC7C,MAAM,IACH,CAACb,iBAAiB,IAClB7K,IAAI,CAACwB,MAAM,CAACmK,WAAW,EAAE,IACzBC,uBAAuB,CACnBlC,KAAK,EACL1J,IAAI,EACJG,QAAQ,EACRI,KAAK,CAACsL,WAAW,EAAE,CAACzL,IAAI,EACxB,CAAC,2BAACG,KAAK,CAACkJ,QAAQ,EAAE,CAACqC,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAC3J,EAAE,KAAKrC,IAAI,CAACwB,MAAM,CAACa,EAAE,CAAC,kDAA3D,sBAA6D4J,IAAI,EACtE,EACH;MACEpB,iBAAiB,GAAGQ,eAAe,CAACa,OAAO;;IAG/C,IAAIrB,iBAAiB,KAAK3C,SAAS,EAAE;MACjCxH,IAAI,CAACyL,iCAAiC,CAAC,IAAI,CAAC;MAC5CtC,gBAAgB,CAACgB,iBAAiB,CAAC;MACnC5B,wBAAwB,CAAC,IAAI,CAAC;;GAErC;EAED,MAAM2B,aAAa,GAAG;IAClBf,gBAAgB,CAAC,IAAI,CAAC;IACtBZ,wBAAwB,CAAC,KAAK,CAAC;GAClC;EAED,MAAMmD,WAAW,6BAAGpM,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACf,IAAI,2DAA1B,uBAA4BiC,OAAO;EAEvD,MAAMoC,UAAU,GAAG;IACf,YAAY,EAAEuE,SAAS;IACvB+C,MAAM,EAAEpC,aAAa;IACrBqC,OAAO,EAAE5B,WAAW;IACpBzF,GAAG;;;;;IAKH,+BAA+B,EAAE;GACpC;EAED,MAAMtD,SAAS,GAAGqC,EAAE,CAACuI,uBAAuB,2BAACvM,IAAI,CAACwB,MAAM,CAACC,SAAS,CAACf,IAAI,2DAA1B,uBAA4B8L,KAAK,CAAC,CAAC;EAChF,MAAMC,kBAAkB,uBAAGpE,OAAO,CAAC7E,OAAO,8EAAf,iBAAiBkJ,aAAa,0DAA9B,sBAAgCC,aAAa,CAAC,cAAc,CAAmB;EAE1G,IAAIC,gBAAgB;EAEpB,IAAIR,WAAW,EAAE;IACb,IAAI,OAAOA,WAAW,KAAK,UAAU,EAAE;MACnCQ,gBAAgB,GAAGR,WAAW,CAC1B;QACIC,MAAM,EAAEpC,aAAa;QACrBqC,OAAO,EAAE5B,WAAW;QACpBzF,GAAG,EAAE3D,UAAU;QACfuL,QAAQ,EAAElD,QAAQ;QAClBzC,KAAK,EAAEwC,KAAK;QACZ,+BAA+B,EAAE;OACpC,EACD1J,IAAI,CAACoC,GAAG,CAACmG,QAAQ,CACpB;KACJ,MAAM;MACH,QAAQ6D,WAAW;QACf,KAAK,YAAY;UACbQ,gBAAgB,gBACZxL,6BAAC0L,UAAU,oBACH/H,UAAU;YACdsH,MAAM,EAAEjI,KAAK;cACT,MAAM2I,OAAO,GAAI3I,KAAa,CAAC4I,MAAM;cACrC/C,aAAa,CAAC8C,OAAO,CAAC;aACzB;YACDE,QAAQ,EAAE7I,KAAK;cACXuF,QAAQ,CAAEvF,KAAa,CAAC4I,MAAM,CAAC;aAClC;YACD/H,GAAG,EAAE3D,UAAyC;YAC9C4F,KAAK,EAAEwC;aAEd;UACD;QAEJ,KAAK,QAAQ;UACTkD,gBAAgB,gBACZxL,6BAAC8L,MAAM,oBACCnI,UAAU;YACdpD,SAAS,EAAC,MAAM;YAChBwL,OAAO,EAAEC,OAAO,CAAC1D,KAAK,CAAC;YACvBuD,QAAQ,EAAEtD,QAAQ;YAClB1E,GAAG,EAAE3D;aAEZ;UACD;QACJ;UACIsL,gBAAgB,gBACZxL,6BAACiM,KAAK,oBACEtI,UAAU;YACdpD,SAAS,EAAEA,SAAS;YACpBsL,QAAQ,EAAE7I,KAAK;cACXuF,QAAQ,CAACvF,KAAK,CAAC4B,MAAM,CAACkB,KAAK,CAAC;aAC/B;YACDjC,GAAG,EAAE3D,UAAyC;YAC9C4F,KAAK,EAAEkE,MAAM,CAAC1B,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE;aAEhC;UACD;;;;EAKhB,oBACItI,4DACK,CAAC,CAACwI,aAAa,iBACZxI,6BAACkM,SAAS;IACNC,MAAM,EAAE3D,aAAa;IACrB4D,UAAU,EAAEpC,MAAM,CAACpL,IAAI,CAACwB,MAAM,CAACC,SAAS,CAAC8H,MAAM,CAAC;IAChDkE,SAAS,EAAEhB;IAElB,eACDrL;IAAMO,SAAS,EAAC;KACXiL,gBAAgB,EAChB7C,mBAAmB,iBAAI3I,6BAACsM,eAAe,QAAEtC,MAAM,CAAChC,mBAAmB,CAAC,CAAmB,CACrF,CACR;AAEX,CAAC,CAAC,CACL;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/column/Footer.js

@@ -0,0 +1,27 @@
+import React__default from 'react';
+import cn from 'classnames';
+import { ColumnBase } from './Base.js';
+
+const Footer = function Footer(props) {
+  const {
+    footer,
+    index,
+    table,
+    ...columnProps
+  } = props;
+  const isPinned = !!footer.column.getIsPinned();
+  const className = cn('group/header sticky bottom-0 bg-white border-t-2 relative ', {
+    'z-[1]': isPinned
+  }, props.className);
+  return /*#__PURE__*/React__default.createElement(ColumnBase, Object.assign({}, columnProps, {
+    // base props
+    column: footer.column,
+    table: table,
+    className: className,
+    role: "cell",
+    "data-column-index": index
+  }));
+};
+
+export { Footer };
+//# sourceMappingURL=Footer.js.map

package/dist/esm/packages/taco/src/components/Table2/components/column/Footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.js","sources":["../../../../../../../../../src/components/Table2/components/column/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Header as RTHeader } from '@tanstack/react-table';\nimport { ColumnBase, ColumnBaseProps } from './Base';\n\ntype FooterProps<TType = unknown> = Omit<ColumnBaseProps<TType>, 'column' | 'isEditing'> & {\n    footer: RTHeader<TType, unknown>;\n    index: number;\n};\n\nexport const Footer = function Footer<TType = unknown>(props: FooterProps<TType>) {\n    const { footer, index, table, ...columnProps } = props;\n    const isPinned = !!footer.column.getIsPinned();\n\n    const className = cn(\n        'group/header sticky bottom-0 bg-white border-t-2 relative ',\n        {\n            'z-[1]': isPinned, // pinned headers should show above cells and other headers, so we add z-index\n        },\n        props.className\n    );\n\n    return (\n        <ColumnBase\n            {...columnProps}\n            // base props\n            column={footer.column}\n            table={table}\n            className={className}\n            role=\"cell\"\n            // helper props\n            data-column-index={index}\n        />\n    );\n};\n"],"names":["Footer","props","footer","index","table","columnProps","isPinned","column","getIsPinned","className","cn","React","ColumnBase","role"],"mappings":";;;;MAUaA,MAAM,GAAG,SAASA,MAAM,CAAkBC,KAAyB;EAC5E,MAAM;IAAEC,MAAM;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAa,GAAGJ,KAAK;EACtD,MAAMK,QAAQ,GAAG,CAAC,CAACJ,MAAM,CAACK,MAAM,CAACC,WAAW,EAAE;EAE9C,MAAMC,SAAS,GAAGC,EAAE,CAChB,4DAA4D,EAC5D;IACI,OAAO,EAAEJ;GACZ,EACDL,KAAK,CAACQ,SAAS,CAClB;EAED,oBACIE,6BAACC,UAAU,oBACHP,WAAW;;IAEfE,MAAM,EAAEL,MAAM,CAACK,MAAM;IACrBH,KAAK,EAAEA,KAAK;IACZK,SAAS,EAAEA,SAAS;IACpBI,IAAI,EAAC,MAAM;yBAEQV;KACrB;AAEV;;;;"}