@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/cjs/addons/Pagination/Pagination.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsPagination = require('@elliemae/ds-pagination');
-var DataTableContext = require('../../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Pagination = () => {
-  const {
-    tableProps: {
-      onPageChanged
-    },
-    paginationHelpers,
-    flattenedData: page,
-    layoutHelpers: {
-      totalColumnsWidth
-    }
-  } = React.useContext(DataTableContext["default"]);
-  const originalPage = React.useMemo(() => page.map(row => row.original), [page]);
-  React.useEffect(() => {
-    onPageChanged(originalPage);
-  }, [onPageChanged, originalPage]);
-  return /*#__PURE__*/jsxRuntime.jsx(dsPagination.DSPagination, _objectSpread(_objectSpread({}, paginationHelpers), {}, {
-    width: totalColumnsWidth
-  }));
-};
-
-exports.Pagination = Pagination;

package/cjs/addons/Pagination/index.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Pagination = require('./Pagination.js');
-
-
-
-exports.Pagination = Pagination.Pagination;

package/cjs/configs/constants.js

@@ -1,49 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const momentFormat = 'MM/DD/YYYY';
-exports.ColsLayoutStyle = void 0;
-
-(function (ColsLayoutStyle) {
-  ColsLayoutStyle["Fixed"] = "fixed";
-  ColsLayoutStyle["Auto"] = "auto";
-})(exports.ColsLayoutStyle || (exports.ColsLayoutStyle = {}));
-
-const DATA_TESTID = {
-  DATA_TABLE_WRAPPER: 'data-table-wrapper',
-  DATA_TABLE_GLOBAL_EXPAND_CELL: 'data-table-global-expand-cell',
-  DATA_TABLE_ICON_ARROW_DOWN: 'ic-arrow-head-down',
-  DATA_TABLE_ICON_ARROW_RIGHT: 'ic-arrow-head-right',
-  DATA_TABLE_ICON_ARROW_MIXED: 'ic-arrow-head-mixed',
-  DATA_TABLE_ICON_CHILD: 'ic-arrow-child',
-  DATA_TABLE_GLOBAL_CHECKBOX: 'data-table-global-checkbox',
-  DATA_TABLE_CHECKBOX: 'data-table-checkbox',
-  DATA_TABLE_RADIO: 'data-table-radio',
-  DATA_TABLE_DATE_RANGE_CONTROLLER: 'data-table-date-range',
-  DATA_TABLE_SINGLE_DATE_CONTROLLER: 'data-table-single-date',
-  DATA_TABLE_NUMBER_RANGE_CONTROLLER: 'data-table-number-range',
-  DATA_TABLE_CURRENCY_RANGE_CONTROLLER: 'data-table-currency-range',
-  DATA_TABLE_SELECT_MENU_ITEM: 'data-table-filter-menu-list-item',
-  DATA_TABLE_MULTISELECT_CONTROLLER: 'data-table-multi-select',
-  DATA_TABLE_SINGLESELECT_CONTROLLER: 'data-table-single-select',
-  DATA_TABLE_FILTER_BUTTON: 'data-table-filter-menu-button',
-  DATA_TABLE_FILTER_MENU_CONTENT: 'data-table-filter-menu-content',
-  DATA_TABLE_ROW_CONTENT: 'data-table-row-content',
-  DATA_TABLE_ROW: 'data-table-row',
-  DATA_TABLE_TOOLBAR_TRIGGER: 'data-table-toolbar-trigger',
-  DATA_TABLE_CELL: 'data-table-cell',
-  DATA_TABLE_DRAG_HANDLE: 'data-table-drag-handle',
-  DATA_TABLE_CONTENT_WRAPPER: 'data-table-content-wrapper',
-  DATA_TABLE_TABLE: 'data-table-table',
-  DATA_TABLE_SCROLLABLE_CONTAINER: 'data-table-scrollable-container',
-  DATA_TABLE_HEADER: 'data-table-header',
-  DATA_TABLE_ROW_HEADER_CONTENT: 'data-table-row-header-content',
-  DATA_TABLE_ROW_GROUP_HEADER: 'data-table-row-group-header',
-  DATA_TABLE_COLUMN_DRAG_OVERLAY: 'data-table-drag-column-drag-overlay',
-  DATA_TABLE_HEADER_CELL_TITLE: 'header-cell-title',
-  DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON: 'filter-bar-ddmenu-button'
-};
-
-exports.DATA_TESTID = DATA_TESTID;
-exports.momentFormat = momentFormat;

package/cjs/configs/fixedSizes.js

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const FIXED_SIZES = {
-  PAGINATION_HEIGHT: 42
-};
-
-exports.FIXED_SIZES = FIXED_SIZES;

package/cjs/configs/index.js

@@ -1,22 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var constants = require('./constants.js');
-var fixedSizes = require('./fixedSizes.js');
-var useDatatableConfig = require('./useDatatableConfig.js');
-var useRowFlattenization = require('./useRowFlattenization.js');
-var zIndexInternalConfig = require('./zIndexInternalConfig.js');
-
-
-
-Object.defineProperty(exports, 'ColsLayoutStyle', {
-	enumerable: true,
-	get: function () { return constants.ColsLayoutStyle; }
-});
-exports.DATA_TESTID = constants.DATA_TESTID;
-exports.momentFormat = constants.momentFormat;
-exports.FIXED_SIZES = fixedSizes.FIXED_SIZES;
-exports.useDatatableConfig = useDatatableConfig.useDatatableConfig;
-exports.useRowFlattenization = useRowFlattenization.useRowFlattenization;
-exports.ZIndexDataTable = zIndexInternalConfig.ZIndexDataTable;

package/cjs/configs/useDatatableConfig.js

@@ -1,81 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-var React = require('react');
-var reactVirtual = require('react-virtual');
-var columnsToGrid = require('../helpers/columnsToGrid.js');
-var useRowFlattenization = require('./useRowFlattenization.js');
-var usePaginationConfig = require('./usePaginationConfig.js');
-var useTableColsWithAddons = require('./useTableColsWithAddons.js');
-var constants = require('./constants.js');
-
-const useDatatableConfig = props => {
-  var _columnHeaderRef$curr, _columnHeaderRef$curr2, _columnHeaderRef$curr3;
-
-  const virtualListRef = React.useRef(null);
-  const columnHeaderRef = React.useRef(null); // ===========================================================================
-  // Column config
-  // ===========================================================================
-
-  const tableColsWithAddons = useTableColsWithAddons(props);
-  const visibleColumns = React.useMemo(() => tableColsWithAddons.filter(col => !props.hiddenColumns.includes(col.accessor)), [props.hiddenColumns, tableColsWithAddons]); // ===========================================================================
-  // Virtualization
-  // ===========================================================================
-
-  const [dataLength, setDataLength] = React.useState(1); // estimateSize should not be really required given what was stated on
-  // https://github.com/tannerlinsley/react-virtual/issues/23
-
-  const virtualListHelpers = reactVirtual.useVirtual({
-    size: dataLength,
-    parentRef: virtualListRef,
-    overscan: 15,
-    paddingStart: (_columnHeaderRef$curr = (_columnHeaderRef$curr2 = columnHeaderRef.current) === null || _columnHeaderRef$curr2 === void 0 ? void 0 : (_columnHeaderRef$curr3 = _columnHeaderRef$curr2.getBoundingClientRect()) === null || _columnHeaderRef$curr3 === void 0 ? void 0 : _columnHeaderRef$curr3.height) !== null && _columnHeaderRef$curr !== void 0 ? _columnHeaderRef$curr : 24
-  }); // ===========================================================================
-  // Action ref setup
-  // ===========================================================================
-
-  React.useEffect(() => {
-    if (props.actionRef) {
-      props.actionRef.current.scrollToIndex = virtualListHelpers.scrollToIndex;
-      props.actionRef.current.scrollToOffset = virtualListHelpers.scrollToOffset;
-    }
-  }, [props.actionRef, virtualListHelpers.scrollToIndex, virtualListHelpers.scrollToOffset]); // ===========================================================================
-  // Data flattenization and pagination
-  // ===========================================================================
-
-  const [flattenedData, allDataFlattened] = useRowFlattenization.useRowFlattenization(props);
-  const [paginatedData, paginationHelpers] = usePaginationConfig.usePaginationConfig(props, flattenedData); // Redo virtualization until we match the lengths
-
-  if (dataLength !== (paginatedData || flattenedData).length) setDataLength((paginatedData || flattenedData).length); // ===========================================================================
-  // Layout config
-  // ===========================================================================
-
-  const [gridLayout, setGridLayout] = React.useState(columnsToGrid.columnsToGrid(visibleColumns, props.colsLayoutStyle));
-  const totalColumnsWidth = React.useMemo(() => props.colsLayoutStyle === constants.ColsLayoutStyle.Fixed ? gridLayout.reduce((acc, cur) => acc + Number.parseInt(cur, 10), 0) : '100%', [props.colsLayoutStyle, gridLayout]);
-  const layoutHelpers = React.useMemo(() => ({
-    gridLayout,
-    setGridLayout,
-    totalColumnsWidth
-  }), [gridLayout, setGridLayout, totalColumnsWidth]);
-  const ctx = React.useMemo(() => ({
-    tableProps: props,
-    layoutHelpers,
-    paginationHelpers,
-    visibleColumns,
-    virtualListHelpers,
-    flattenedData: paginatedData || flattenedData,
-    allDataFlattened,
-    virtualListRef,
-    columnHeaderRef
-  }), [props, layoutHelpers, paginationHelpers, visibleColumns, virtualListHelpers, paginatedData, flattenedData, allDataFlattened, virtualListRef, columnHeaderRef]);
-  return ctx;
-};
-
-exports.useDatatableConfig = useDatatableConfig;

package/cjs/configs/usePaginationConfig.js

@@ -1,62 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const noPagination = {};
-
-const emptyFunc = () => null;
-
-const usePaginationConfig = (props, flattenedData) => {
-  const {
-    pagination
-  } = props;
-  const hasPagination = !!pagination; // Set default values
-
-  const {
-    pageIndex = 1,
-    canPreviousPage = true,
-    canNextPage = true,
-    pageSize = 10,
-    perPageOptions = [10],
-    onPageSizeChange = emptyFunc,
-    onPreviousPage = emptyFunc,
-    onNextPage = emptyFunc,
-    onPageChange = emptyFunc,
-    pageCount = Math.ceil(flattenedData.length / pageSize),
-    perPageStep = 5,
-    minPerPage = 0,
-    maxPerPage = 100,
-    showPerPageSelector = true,
-    pageDetails = [],
-    pageDetailsTitle = ''
-  } = pagination || noPagination; // pagination can be false
-  // Get the needed page
-
-  const page = React.useMemo(() => {
-    if (!hasPagination) return null;
-    return flattenedData.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
-  }, [flattenedData, pageIndex, pageSize, hasPagination]);
-  const paginationHelpers = React.useMemo(() => ({
-    pageIndex: pageIndex - 1,
-    canPreviousPage,
-    canNextPage,
-    pageSize,
-    perPageOptions,
-    onPageSizeChange,
-    onPreviousPage,
-    onNextPage,
-    onPageChange,
-    pageCount,
-    perPageStep,
-    minPerPage,
-    maxPerPage,
-    showPerPageSelector,
-    pageDetails,
-    pageDetailsTitle
-  }), [pageIndex, canPreviousPage, canNextPage, pageSize, perPageOptions, onPageSizeChange, onPreviousPage, onNextPage, onPageChange, pageCount, perPageStep, minPerPage, maxPerPage, showPerPageSelector, pageDetails, pageDetailsTitle]);
-  return [page, paginationHelpers];
-};
-
-exports.usePaginationConfig = usePaginationConfig;

package/cjs/configs/useRowFlattenization.js

@@ -1,67 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var getIdFromUniqueRowAccessor = require('../helpers/getIdFromUniqueRowAccessor.js');
-
-const emptyObject = {};
-const trueReturner = new Proxy({}, {
-  get: () => true
-});
-
-const flatten = function (data, expandedRows, uniqueRowAccessor) {
-  let maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  const result = [];
-
-  const doit = function (row) {
-    var _row$subRows, _row$subRows$length, _row$subRows2;
-
-    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    let parentIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    let depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
-    const id = (parentId ? "".concat(parentId, ".") : '') + index.toString();
-    const uid = getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor(uniqueRowAccessor, {
-      id,
-      original: row !== null && row !== void 0 ? row : {}
-    });
-    const isExpanded = expandedRows[uid];
-    const rowToPush = {
-      id,
-      uid,
-      index,
-      realIndex: result.length,
-      parentId,
-      parentIndex,
-      depth,
-      isExpanded,
-      subRows: (_row$subRows = row === null || row === void 0 ? void 0 : row.subRows) !== null && _row$subRows !== void 0 ? _row$subRows : [],
-      childrenCount: (_row$subRows$length = row === null || row === void 0 ? void 0 : (_row$subRows2 = row.subRows) === null || _row$subRows2 === void 0 ? void 0 : _row$subRows2.length) !== null && _row$subRows$length !== void 0 ? _row$subRows$length : 0,
-      original: row !== null && row !== void 0 ? row : {}
-    };
-    result.push(rowToPush); // If we have subrows and we are expanded
-
-    if (row !== null && row !== void 0 && row.subRows && expandedRows[uid] && depth <= maxDepth) {
-      row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
-    }
-  };
-
-  data.forEach((row, i) => doit(row, i));
-  return result;
-};
-
-const useRowFlattenization = props => {
-  const {
-    data
-  } = props;
-  const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
-  const flattenedData = React.useMemo(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
-  const allDataFlattened = React.useMemo(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
-  return [flattenedData, allDataFlattened];
-};
-
-exports.useRowFlattenization = useRowFlattenization;

package/cjs/configs/useTableColsWithAddons.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var ColumnAction = require('../addons/Columns/ColumnAction/ColumnAction.js');
-var ColumnExpand = require('../addons/Columns/ColumnExpand/ColumnExpand.js');
-var ColumnSelectMultiple = require('../addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js');
-var ColumnSelectSingle = require('../addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js');
-var ColumnDragHandle = require('../addons/Columns/ColumnDragHandle/ColumnDragHandle.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const augmentColumns = columns => {
-  const augmentColumn = function (column, index) {
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-    let id = "column".concat(index);
-    if (typeof column.Header === 'string') id = column.Header;
-    if (typeof column.accessor === 'string') id = column.accessor;
-    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
-    return _objectSpread(_objectSpread({
-      id,
-      parentId,
-      depth
-    }, column), {}, {
-      ref: /*#__PURE__*/React.createRef()
-    });
-  };
-
-  return columns.map((col, index) => augmentColumn(col, index));
-};
-
-const useTableColsWithAddons = _ref => {
-  let {
-    columns,
-    renderRowActions,
-    isExpandable,
-    selectSingle,
-    selection,
-    dragAndDropRows,
-    noSelectionColumn
-  } = _ref;
-  return React.useMemo(() => {
-    const columnsWithAddons = [...augmentColumns(columns)];
-    if (isExpandable) columnsWithAddons.unshift(ColumnExpand.expandRowColumn);
-    if (selection && !noSelectionColumn) if (selectSingle) columnsWithAddons.unshift(ColumnSelectSingle.singleSelectColumn);else columnsWithAddons.unshift(ColumnSelectMultiple.multiSelectColumn);
-    if (dragAndDropRows) columnsWithAddons.unshift(ColumnDragHandle.dragHandleColumn);
-    if (renderRowActions) columnsWithAddons.push(ColumnAction.actionColumn(renderRowActions));
-    return columnsWithAddons;
-  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
-};
-
-module.exports = useTableColsWithAddons;

package/cjs/configs/zIndexInternalConfig.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const ZIndexDataTable = {
-  ROW: 0,
-  EXTERNAL: 0,
-  HEADER_ROW: 0,
-  ROW_HOVER: 1,
-  DROP_INDICATOR: 6,
-  FOCUS_BORDER: 7
-};
-
-exports.ZIndexDataTable = ZIndexDataTable;

package/cjs/exported-related/EditableCell.js

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var styled = require('../styled.js');
-var DataTableContext = require('../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _StyledPencilIcon;
-const EditableCell = props => {
-  const {
-    StandardRender,
-    EditableRenderer,
-    cell,
-    isRowSelected,
-    setValue
-  } = props;
-  const {
-    virtualListHelpers
-  } = React.useContext(DataTableContext["default"]);
-  const [isEditing, setIsEditing] = React.useState(false);
-  const [lastIsEditing, setLastIsEditing] = React.useState(false); // When an editable cell is switched on-off, we recalculate the height of the rows
-
-  React.useLayoutEffect(() => {
-    if (isEditing !== lastIsEditing) {
-      virtualListHelpers.measure();
-      setLastIsEditing(isEditing);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [isEditing]);
-  const handleCellClick = React.useCallback(e => {
-    if (!isEditing) {
-      e.stopPropagation();
-      setIsEditing(true);
-    }
-  }, [isEditing]);
-  const handleOnKeyDown = React.useCallback(e => {
-    if (isEditing) {
-      e.stopPropagation();
-
-      if (['Enter', 'Escape'].includes(e.code)) {
-        setIsEditing(false);
-      }
-    } else if (['Enter', 'Space'].includes(e.code)) {
-      handleCellClick(e);
-    }
-  }, [isEditing, handleCellClick, setIsEditing]);
-  const handleOnBlur = React.useCallback(event => {
-    var _event$currentTarget;
-
-    if (isEditing && !((_event$currentTarget = event.currentTarget) !== null && _event$currentTarget !== void 0 && _event$currentTarget.contains(event.relatedTarget))) {
-      // Not triggered when swapping focus between children
-      setIsEditing(false);
-    }
-  }, [isEditing]);
-  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];
-  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledEditableContainer, {
-    cols: cols,
-    tabIndex: isRowSelected && !isEditing ? 0 : -1,
-    ref: cell.ref,
-    onClick: handleCellClick,
-    onKeyDown: handleOnKeyDown,
-    onBlur: handleOnBlur,
-    shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
-    role: "cell",
-    "aria-labelledby": isEditing ? undefined : cell.id,
-    children: [!isEditing ? StandardRender : EditableRenderer, !isEditing && (_StyledPencilIcon || (_StyledPencilIcon = /*#__PURE__*/_jsx__default["default"](styled.StyledPencilIcon, {}))), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: cell.id,
-      style: {
-        display: 'none'
-      },
-      "aria-hidden": "true"
-    }, void 0, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key")]
-  });
-};
-
-exports.EditableCell = EditableCell;