@elliemae/ds-data-table 2.2.1 → 2.3.0-alpha.4

package/esm/parts/Headers/HeaderCellGroup.js

@@ -1,90 +1,72 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { useContext } from 'react';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { HeaderCell } from './HeaderCell.js';
-import { SortableItemContext } from '../HoC/SortableItemContext.js';
-import { withDnDSortableColumnContext } from '../HoC/withDnDSortableColumnContext.js';
-import DropIndicator from '../DropIndicator.js';
-import { SortableHeaderCell } from '../SortableHeaderCell.js';
-import { EmptyChildrenGroup } from './EmptyChildrenGroup.js';
-import { DATA_TESTID } from '../../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-icons';
-import '../../styled.js';
-import { jsxs } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../TableContent.js';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../DataTableContext.js';
-import '../Row.js';
-import '../Footer.js';
-
-var _EmptyChildrenGroup;
-const StyledWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1dqaj8a-0"
-})(["position:relative;width:", ";grid-column:", ";background:", ";opacity:", ";box-shadow:0 2px 4px 0 ", ";"], props => props.isDragOverlay ? 'fit-content' : '100%', props => props.gridColumn, props => props.isDragging ? props.theme.colors.neutral['080'] : 'white', props => props.isDragging ? 0.8 : 1, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent');
-
-const HeaderCellGroupComp = _ref => {
-  var _children$length;
-
-  let {
-    header,
-    isDragOverlay,
-    isDraggingParent,
-    isLast
-  } = _ref;
-  const {
-    draggableProps
-  } = useContext(SortableItemContext);
+import * as React from "react";
+import React2, { useContext } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+import PropTypes from "prop-types";
+import { HeaderCell } from "./HeaderCell";
+import { SortableItemContext } from "../HoC/SortableItemContext";
+import { withDnDSortableColumnContext } from "../HoC/withDnDSortableColumnContext";
+import { DropIndicator } from "../DropIndicator";
+import { SortableHeaderCell } from "../SortableHeaderCell";
+import { EmptyChildrenGroup } from "./EmptyChildrenGroup";
+import { DATA_TESTID } from "../../configs/constants";
+const StyledWrapper = styled(Grid)`
+  position: relative;
+  width: ${(props) => props.isDragOverlay ? "fit-content" : "100%"};
+  grid-column: ${(props) => props.gridColumn};
+  background: ${(props) => props.isDragging ? props.theme.colors.neutral["080"] : "white"};
+  opacity: ${(props) => props.isDragging ? 0.8 : 1};
+  box-shadow: 0 2px 4px 0 ${(props) => props.isDragOverlay ? "rgba(0,0,0,0.5)" : "transparent"};
+`;
+const HeaderCellGroupComp = ({
+  header,
+  isDragOverlay,
+  isDraggingParent,
+  isLast
+}) => {
+  const { draggableProps } = useContext(SortableItemContext);
   const children = header.columns;
   const isDragging = draggableProps && draggableProps.isDragging || isDraggingParent;
   const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;
-  const colSpan = (_children$length = children === null || children === void 0 ? void 0 : children.length) !== null && _children$length !== void 0 ? _children$length : 1;
-  return /*#__PURE__*/jsxs(StyledWrapper, {
+  const colSpan = children?.length ?? 1;
+  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
-    gridColumn: isDragOverlay ? 'auto' : "span ".concat(colSpan),
-    isDragOverlay: isDragOverlay,
-    isDragging: isDragging,
-    cols: ['auto'],
-    "data-testid": isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined,
-    children: [/*#__PURE__*/_jsx(HeaderCell, {
-      column: header,
-      isDragOverlay: isDragOverlay,
-      colSpan: colSpan
-    }), !!(children !== null && children !== void 0 && children.length) && !isDragOverlay && /*#__PURE__*/_jsx(SortableHeaderCell, {
-      items: children,
-      isDragOverlay: isDragOverlay
-    }, void 0, children.map((h, index) => /*#__PURE__*/_jsx(ChildGroup, {
-      header: h,
-      isDragOverlay: isDragOverlay,
-      isDraggingParent: isDragging,
-      isLast: index === children.length - 1
-    }, h.id))), (children === null || children === void 0 ? void 0 : children.length) && isDragOverlay && (_EmptyChildrenGroup || (_EmptyChildrenGroup = /*#__PURE__*/_jsx(EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx(DropIndicator, {
-      vertical: true,
-      dropIndicatorPosition: dropIndicatorPosition,
-      isLast: isLast && isDragging
-    })]
-  });
+    gridColumn: isDragOverlay ? "auto" : `span ${colSpan}`,
+    isDragOverlay,
+    isDragging,
+    cols: ["auto"],
+    "data-testid": isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : void 0
+  }, /* @__PURE__ */ React2.createElement(HeaderCell, {
+    column: header,
+    isDragOverlay,
+    colSpan
+  }), !!children?.length && !isDragOverlay && /* @__PURE__ */ React2.createElement(SortableHeaderCell, {
+    items: children,
+    isDragOverlay
+  }, children.map((h, index) => /* @__PURE__ */ React2.createElement(ChildGroup, {
+    key: h.id,
+    header: h,
+    isDragOverlay,
+    isDraggingParent: isDragging,
+    isLast: index === children.length - 1
+  }))), children?.length && isDragOverlay && /* @__PURE__ */ React2.createElement(EmptyChildrenGroup, null), /* @__PURE__ */ React2.createElement(DropIndicator, {
+    vertical: true,
+    dropIndicatorPosition,
+    isLast: isLast && isDragging
+  }));
+};
+HeaderCellGroupComp.propTypes = {
+  header: PropTypes.any,
+  isDragOverlay: PropTypes.bool,
+  isDraggingParent: PropTypes.bool,
+  isLast: PropTypes.bool
 };
-
-// We need to declare this because we MUST avoid the useSortable call in the recursive calls of the function
 const HeaderCellGroup = HeaderCellGroupComp;
 const HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);
-
-export { HeaderCellGroup, HeaderCellGroupSortable as default };
+var HeaderCellGroup_default = HeaderCellGroupSortable;
+export {
+  HeaderCellGroup,
+  HeaderCellGroup_default as default
+};
+//# sourceMappingURL=HeaderCellGroup.js.map

package/esm/parts/Headers/HeaderCellGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCellGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { HeaderCell } from './HeaderCell';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { withDnDSortableColumnContext } from '../HoC/withDnDSortableColumnContext';\nimport { DropIndicator } from '../DropIndicator';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\nimport { EmptyChildrenGroup } from './EmptyChildrenGroup';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst StyledWrapper = styled(Grid)`\n  position: relative;\n  width: ${(props) => (props.isDragOverlay ? 'fit-content' : '100%')};\n  grid-column: ${(props) => props.gridColumn};\n  background: ${(props) => (props.isDragging ? props.theme.colors.neutral['080'] : 'white')};\n  opacity: ${(props) => (props.isDragging ? 0.8 : 1)};\n  box-shadow: 0 2px 4px 0 ${(props) => (props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent')};\n`;\n\ninterface HeaderCellGroupCompProps {\n  header: TypescriptColumn;\n  isDragOverlay?: boolean;\n  isDraggingParent?: boolean;\n  isLast?: boolean;\n}\n\nconst HeaderCellGroupComp: React.ComponentType<HeaderCellGroupCompProps> = ({\n  header,\n  isDragOverlay,\n  isDraggingParent,\n  isLast,\n}) => {\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const children = header.columns;\n\n  const isDragging = (draggableProps && draggableProps.isDragging) || isDraggingParent;\n  const dropIndicatorPosition =\n    draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;\n\n  const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;\n\n  const colSpan = children?.length ?? 1;\n  return (\n    <StyledWrapper\n      ref={draggableProps ? draggableProps.setNodeRef : null}\n      gridColumn={isDragOverlay ? 'auto' : `span ${colSpan}`}\n      isDragOverlay={isDragOverlay}\n      isDragging={isDragging}\n      cols={['auto']}\n      data-testid={isDragOverlay ? DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined}\n    >\n      <HeaderCell column={header} isDragOverlay={isDragOverlay} colSpan={colSpan} />\n      {!!children?.length && !isDragOverlay && (\n        <SortableHeaderCell items={children} isDragOverlay={isDragOverlay}>\n          {children.map((h, index) => (\n            <ChildGroup\n              key={h.id}\n              header={h}\n              isDragOverlay={isDragOverlay}\n              isDraggingParent={isDragging}\n              isLast={index === children.length - 1}\n            />\n          ))}\n        </SortableHeaderCell>\n      )}\n      {children?.length && isDragOverlay && <EmptyChildrenGroup />}\n      <DropIndicator vertical dropIndicatorPosition={dropIndicatorPosition} isLast={isLast && isDragging} />\n    </StyledWrapper>\n  );\n};\n\nHeaderCellGroupComp.propTypes = {\n  header: PropTypes.any,\n  isDragOverlay: PropTypes.bool,\n  isDraggingParent: PropTypes.bool,\n  isLast: PropTypes.bool,\n};\n\n// We need to declare this because we MUST avoid the useSortable call in the recursive calls of the function\n\nexport const HeaderCellGroup = HeaderCellGroupComp;\n\nconst HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);\n\nexport default HeaderCellGroupSortable;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA;AAAA,WAElB,CAAC,UAAW,MAAM,gBAAgB,gBAAgB;AAAA,iBAC5C,CAAC,UAAU,MAAM;AAAA,gBAClB,CAAC,UAAW,MAAM,aAAa,MAAM,MAAM,OAAO,QAAQ,SAAS;AAAA,aACtE,CAAC,UAAW,MAAM,aAAa,MAAM;AAAA,4BACtB,CAAC,UAAW,MAAM,gBAAgB,oBAAoB;AAAA;AAUlF,MAAM,sBAAqE,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,mBAAmB,WAAW;AAEtC,QAAM,WAAW,OAAO;AAExB,QAAM,aAAc,kBAAkB,eAAe,cAAe;AACpE,QAAM,wBACJ,kBAAkB,eAAe,mCAAmC,eAAe;AAErF,QAAM,aAAa,gBAAgB,kBAAkB;AAErD,QAAM,UAAU,UAAU,UAAU;AACpC,SACE,qCAAC,eAAD;AAAA,IACE,KAAK,iBAAiB,eAAe,aAAa;AAAA,IAClD,YAAY,gBAAgB,SAAS,QAAQ;AAAA,IAC7C;AAAA,IACA;AAAA,IACA,MAAM,CAAC;AAAA,IACP,eAAa,gBAAgB,YAAY,iCAAiC;AAAA,KAE1E,qCAAC,YAAD;AAAA,IAAY,QAAQ;AAAA,IAAQ;AAAA,IAA8B;AAAA,MACzD,CAAC,CAAC,UAAU,UAAU,CAAC,iBACtB,qCAAC,oBAAD;AAAA,IAAoB,OAAO;AAAA,IAAU;AAAA,KAClC,SAAS,IAAI,CAAC,GAAG,UAChB,qCAAC,YAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,IAClB,QAAQ,UAAU,SAAS,SAAS;AAAA,QAK3C,UAAU,UAAU,iBAAiB,qCAAC,oBAAD,OACtC,qCAAC,eAAD;AAAA,IAAe,UAAQ;AAAA,IAAC;AAAA,IAA8C,QAAQ,UAAU;AAAA;AAAA;AAK9F,oBAAoB,YAAY;AAAA,EAC9B,QAAQ,UAAU;AAAA,EAClB,eAAe,UAAU;AAAA,EACzB,kBAAkB,UAAU;AAAA,EAC5B,QAAQ,UAAU;AAAA;AAKb,MAAM,kBAAkB;AAE/B,MAAM,0BAA0B,6BAA6B;AAE7D,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/parts/Headers/HeaderCellTitle.js

@@ -1,71 +1,23 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
-import { RequiredDot } from './RequiredDot.js';
-import { DATA_TESTID } from '../../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import '../../styled.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import '../../DataTableContext.js';
-import '../Row.js';
-import '../Footer.js';
-import '../HoC/SortableItemContext.js';
-
-var _RequiredDot;
-
-const StringTitle = _ref => {
-  let {
-    column,
-    textWrap
-  } = _ref;
-  return (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-    value: column.Header
-  }) : /*#__PURE__*/jsx(Fragment, {
-    children: column.Header
-  });
+import * as React from "react";
+import React2 from "react";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { RequiredDot } from "./RequiredDot";
+import { DATA_TESTID } from "../../configs/constants";
+const StringTitle = ({ column, textWrap }) => (column.textWrap || textWrap) === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+  value: column.Header
+}) : /* @__PURE__ */ React2.createElement(React2.Fragment, null, column.Header);
+const HeaderCellTitle = ({ column, ctx, draggableProps, textWrap }) => /* @__PURE__ */ React2.createElement("div", {
+  style: { display: "flex", alignItems: "center" },
+  "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
+}, typeof column.Header === "string" ? /* @__PURE__ */ React2.createElement(StringTitle, {
+  column,
+  textWrap
+}) : /* @__PURE__ */ React2.createElement(column.Header, {
+  column,
+  ctx,
+  draggableProps
+}), column.required && /* @__PURE__ */ React2.createElement(RequiredDot, null));
+export {
+  HeaderCellTitle
 };
-
-const HeaderCellTitle = _ref2 => {
-  let {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  } = _ref2;
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
-  }, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx(StringTitle, {
-    column: column,
-    textWrap: textWrap
-  }) : /*#__PURE__*/_jsx(column.Header, {
-    column: column,
-    ctx: ctx,
-    draggableProps: draggableProps
-  }), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx(RequiredDot, {}))));
-};
-
-export { HeaderCellTitle };
+//# sourceMappingURL=HeaderCellTitle.js.map

package/esm/parts/Headers/HeaderCellTitle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderCellTitle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { Fragment } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { TypescriptColumn, TypescriptContext } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\nimport { RequiredDot } from './RequiredDot';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface HeaderCellTitle {\n  column: TypescriptColumn;\n  ctx: TypescriptContext;\n  draggableProps: SortableItemContextType['draggableProps'];\n  textWrap: 'wrap' | 'wrap-all' | 'truncate';\n}\n\nconst StringTitle = ({ column, textWrap }) =>\n  (column.textWrap || textWrap) === 'truncate' ? (\n    <SimpleTruncatedTooltipText value={column.Header} />\n  ) : (\n    <>{column.Header}</>\n  );\n\nexport const HeaderCellTitle: React.ComponentType<HeaderCellTitle> = ({ column, ctx, draggableProps, textWrap }) => (\n  <div style={{ display: 'flex', alignItems: 'center' }} data-testid={DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE}>\n    {typeof column.Header === 'string' ? (\n      <StringTitle column={column} textWrap={textWrap} />\n    ) : (\n      <column.Header column={column} ctx={ctx} draggableProps={draggableProps} />\n    )}\n    {column.required && <RequiredDot />}\n  </div>\n);\n"],
+  "mappings": "AAAA;ACCA;AACA;AAGA;AACA;AASA,MAAM,cAAc,CAAC,EAAE,QAAQ,eAC5B,QAAO,YAAY,cAAc,aAChC,qCAAC,4BAAD;AAAA,EAA4B,OAAO,OAAO;AAAA,KAE1C,4DAAG,OAAO;AAGP,MAAM,kBAAwD,CAAC,EAAE,QAAQ,KAAK,gBAAgB,eACnG,qCAAC,OAAD;AAAA,EAAK,OAAO,EAAE,SAAS,QAAQ,YAAY;AAAA,EAAY,eAAa,YAAY;AAAA,GAC7E,OAAO,OAAO,WAAW,WACxB,qCAAC,aAAD;AAAA,EAAa;AAAA,EAAgB;AAAA,KAE7B,qCAAC,OAAO,QAAR;AAAA,EAAe;AAAA,EAAgB;AAAA,EAAU;AAAA,IAE1C,OAAO,YAAY,qCAAC,aAAD;",
+  "names": []
+}

package/esm/parts/Headers/HeaderResizer.js

@@ -1,61 +1,21 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import { useContext, useState, useMemo, useEffect, useRef, useCallback } from 'react';
-import { ColsLayoutStyle } from '../../configs/constants.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'react-virtual';
-import { columnsToGrid } from '../../helpers/columnsToGrid.js';
-import '../../configs/useRowFlattenization.js';
-import '@babel/runtime/helpers/esm/jsx';
-import '@elliemae/ds-icons';
-import 'styled-components';
-import { StyledResizer } from '../../styled.js';
-import { jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form';
-import '../TableContent.js';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-system';
-import '@elliemae/ds-button';
-import DataTableContext from '../../DataTableContext.js';
-import '../Row.js';
-import '../Footer.js';
-import '../HoC/SortableItemContext.js';
-
-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(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 narrow = (value, min, max) => Math.min(Math.max(value, min !== null && min !== void 0 ? min : 30), max !== null && max !== void 0 ? max : Infinity);
-
-const HeaderResizer = _ref => {
-  var _column$width;
-
-  let {
-    column
-  } = _ref;
+import * as React from "react";
+import React2, { useState, useCallback, useContext, useRef, useEffect, useMemo } from "react";
+import { ColsLayoutStyle } from "../../configs/constants";
+import { DataTableContext } from "../../DataTableContext";
+import { columnsToGrid } from "../../helpers";
+import { StyledResizer } from "../../styled";
+const narrow = (value, min, max) => Math.min(Math.max(value, min ?? 30), max ?? Infinity);
+const HeaderResizer = ({ column }) => {
   const {
-    layoutHelpers: {
-      setGridLayout
-    },
+    layoutHelpers: { setGridLayout },
     visibleColumns,
-    tableProps: {
-      onColumnResize
-    }
+    tableProps: { onColumnResize }
   } = useContext(DataTableContext);
   const [isResizing, setIsResizing] = useState(false);
-  const [nextWidth, setNextWidth] = useState((_column$width = column.width) !== null && _column$width !== void 0 ? _column$width : 150);
-  const visibleColumnsCopy = useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);
+  const [nextWidth, setNextWidth] = useState(column.width ?? 150);
+  const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);
   useEffect(() => {
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
+    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
     visibleColumnsCopy[realColumnIndex].width = nextWidth;
     setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));
   }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);
@@ -63,13 +23,11 @@ const HeaderResizer = _ref => {
   const onResizeStart = useCallback(() => {
     setIsResizing(true);
   }, []);
-  const onResizeHandler = useCallback(e => {
-    const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels
-
-    const realColumnIndex = visibleColumnsCopy.findIndex(visibleColumn => visibleColumn.id === column.id);
+  const onResizeHandler = useCallback((e) => {
+    const delta = e.clientX - ref.current.getBoundingClientRect().x;
+    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);
     const widthWithDelta = narrow(nextWidth + delta, visibleColumnsCopy[realColumnIndex].minWidth, visibleColumnsCopy[realColumnIndex].maxWidth);
-    setNextWidth(widthWithDelta); // To prevent text selection
-
+    setNextWidth(widthWithDelta);
     e.preventDefault();
     e.stopPropagation();
   }, [column.id, nextWidth, visibleColumnsCopy]);
@@ -81,35 +39,36 @@ const HeaderResizer = _ref => {
   useEffect(() => {
     const debouncedResizeHandler = onResizeHandler;
     const debouncedResizeEnd = onResizeEnd;
-
     const addEvents = () => {
-      document.addEventListener('mousemove', debouncedResizeHandler);
-      document.addEventListener('touchmove', debouncedResizeHandler);
-      document.addEventListener('mouseup', debouncedResizeEnd);
-      document.addEventListener('touchend', debouncedResizeEnd);
+      document.addEventListener("mousemove", debouncedResizeHandler);
+      document.addEventListener("touchmove", debouncedResizeHandler);
+      document.addEventListener("mouseup", debouncedResizeEnd);
+      document.addEventListener("touchend", debouncedResizeEnd);
     };
-
     const removeEvents = () => {
-      document.removeEventListener('mousemove', debouncedResizeHandler);
-      document.removeEventListener('touchmove', debouncedResizeHandler);
-      document.removeEventListener('mouseup', debouncedResizeEnd);
-      document.removeEventListener('touchend', debouncedResizeEnd);
+      document.removeEventListener("mousemove", debouncedResizeHandler);
+      document.removeEventListener("touchmove", debouncedResizeHandler);
+      document.removeEventListener("mouseup", debouncedResizeEnd);
+      document.removeEventListener("touchend", debouncedResizeEnd);
     };
-
-    if (isResizing) addEvents();else removeEvents(); // just in case the component is unmounted
-
+    if (isResizing)
+      addEvents();
+    else
+      removeEvents();
     return removeEvents;
   }, [isResizing, onResizeHandler, onResizeEnd]);
-  return /*#__PURE__*/jsx(StyledResizer, {
-    ref: ref,
+  return /* @__PURE__ */ React2.createElement(StyledResizer, {
+    ref,
     role: "separator",
     draggable: false,
-    isResizing: isResizing,
+    isResizing,
     onMouseDown: onResizeStart,
     onTouchStart: onResizeStart,
     onMouseUp: onResizeEnd,
     onTouchEnd: onResizeEnd
   });
 };
-
-export { HeaderResizer };
+export {
+  HeaderResizer
+};
+//# sourceMappingURL=HeaderResizer.js.map

package/esm/parts/Headers/HeaderResizer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/HeaderResizer.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useRef, useEffect, useMemo } from 'react';\nimport { ColsLayoutStyle } from '../../configs/constants';\nimport { DataTableContext } from '../../DataTableContext';\nimport { columnsToGrid } from '../../helpers';\nimport { StyledResizer } from '../../styled';\nimport { TypescriptColumn } from '../../types/props';\n\nconst narrow = (value: number, min: number, max: number): number =>\n  Math.min(Math.max(value, min ?? 30), max ?? Infinity);\n\nexport const HeaderResizer: React.ComponentType<{\n  column: TypescriptColumn;\n}> = ({ column }) => {\n  const {\n    layoutHelpers: { setGridLayout },\n    visibleColumns,\n    tableProps: { onColumnResize },\n  } = useContext(DataTableContext);\n\n  const [isResizing, setIsResizing] = useState(false);\n  const [nextWidth, setNextWidth] = useState(column.width ?? 150);\n\n  const visibleColumnsCopy = useMemo(() => visibleColumns.map((col) => ({ ...col })), [visibleColumns]);\n\n  useEffect(() => {\n    const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n    visibleColumnsCopy[realColumnIndex].width = nextWidth;\n    setGridLayout(columnsToGrid(visibleColumnsCopy, ColsLayoutStyle.Fixed));\n  }, [column.id, nextWidth, setGridLayout, visibleColumnsCopy]);\n\n  const ref = useRef<HTMLDivElement>(null);\n\n  const onResizeStart = useCallback(() => {\n    setIsResizing(true);\n  }, []);\n\n  const onResizeHandler = useCallback(\n    (e) => {\n      const delta = e.clientX - ref.current.getBoundingClientRect().x; // delta in pixels\n\n      const realColumnIndex = visibleColumnsCopy.findIndex((visibleColumn) => visibleColumn.id === column.id);\n\n      const widthWithDelta = narrow(\n        nextWidth + delta,\n        visibleColumnsCopy[realColumnIndex].minWidth,\n        visibleColumnsCopy[realColumnIndex].maxWidth,\n      );\n\n      setNextWidth(widthWithDelta);\n\n      // To prevent text selection\n      e.preventDefault();\n      e.stopPropagation();\n    },\n    [column.id, nextWidth, visibleColumnsCopy],\n  );\n\n  const onResizeEnd = useCallback(() => {\n    setIsResizing(false);\n    onColumnResize(column.id, nextWidth);\n    setGridLayout(columnsToGrid(visibleColumns, ColsLayoutStyle.Fixed));\n  }, [onColumnResize, column.id, nextWidth, setGridLayout, visibleColumns]);\n\n  useEffect(() => {\n    const debouncedResizeHandler = onResizeHandler;\n    const debouncedResizeEnd = onResizeEnd;\n    const addEvents = () => {\n      document.addEventListener('mousemove', debouncedResizeHandler);\n      document.addEventListener('touchmove', debouncedResizeHandler);\n      document.addEventListener('mouseup', debouncedResizeEnd);\n      document.addEventListener('touchend', debouncedResizeEnd);\n    };\n    const removeEvents = () => {\n      document.removeEventListener('mousemove', debouncedResizeHandler);\n      document.removeEventListener('touchmove', debouncedResizeHandler);\n      document.removeEventListener('mouseup', debouncedResizeEnd);\n      document.removeEventListener('touchend', debouncedResizeEnd);\n    };\n\n    if (isResizing) addEvents();\n    else removeEvents();\n\n    // just in case the component is unmounted\n    return removeEvents;\n  }, [isResizing, onResizeHandler, onResizeEnd]);\n\n  return (\n    <StyledResizer\n      ref={ref}\n      role=\"separator\"\n      draggable={false}\n      isResizing={isResizing}\n      onMouseDown={onResizeStart}\n      onTouchStart={onResizeStart}\n      onMouseUp={onResizeEnd}\n      onTouchEnd={onResizeEnd}\n    />\n  );\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAGA,MAAM,SAAS,CAAC,OAAe,KAAa,QAC1C,KAAK,IAAI,KAAK,IAAI,OAAO,OAAO,KAAK,OAAO;AAEvC,MAAM,gBAER,CAAC,EAAE,aAAa;AACnB,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,IACjB;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,WAAW;AAEf,QAAM,CAAC,YAAY,iBAAiB,SAAS;AAC7C,QAAM,CAAC,WAAW,gBAAgB,SAAS,OAAO,SAAS;AAE3D,QAAM,qBAAqB,QAAQ,MAAM,eAAe,IAAI,CAAC,QAAS,MAAK,SAAS,CAAC;AAErF,YAAU,MAAM;AACd,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,uBAAmB,iBAAiB,QAAQ;AAC5C,kBAAc,cAAc,oBAAoB,gBAAgB;AAAA,KAC/D,CAAC,OAAO,IAAI,WAAW,eAAe;AAEzC,QAAM,MAAM,OAAuB;AAEnC,QAAM,gBAAgB,YAAY,MAAM;AACtC,kBAAc;AAAA,KACb;AAEH,QAAM,kBAAkB,YACtB,CAAC,MAAM;AACL,UAAM,QAAQ,EAAE,UAAU,IAAI,QAAQ,wBAAwB;AAE9D,UAAM,kBAAkB,mBAAmB,UAAU,CAAC,kBAAkB,cAAc,OAAO,OAAO;AAEpG,UAAM,iBAAiB,OACrB,YAAY,OACZ,mBAAmB,iBAAiB,UACpC,mBAAmB,iBAAiB;AAGtC,iBAAa;AAGb,MAAE;AACF,MAAE;AAAA,KAEJ,CAAC,OAAO,IAAI,WAAW;AAGzB,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc;AACd,mBAAe,OAAO,IAAI;AAC1B,kBAAc,cAAc,gBAAgB,gBAAgB;AAAA,KAC3D,CAAC,gBAAgB,OAAO,IAAI,WAAW,eAAe;AAEzD,YAAU,MAAM;AACd,UAAM,yBAAyB;AAC/B,UAAM,qBAAqB;AAC3B,UAAM,YAAY,MAAM;AACtB,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,aAAa;AACvC,eAAS,iBAAiB,WAAW;AACrC,eAAS,iBAAiB,YAAY;AAAA;AAExC,UAAM,eAAe,MAAM;AACzB,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,aAAa;AAC1C,eAAS,oBAAoB,WAAW;AACxC,eAAS,oBAAoB,YAAY;AAAA;AAG3C,QAAI;AAAY;AAAA;AACX;AAGL,WAAO;AAAA,KACN,CAAC,YAAY,iBAAiB;AAEjC,SACE,qCAAC,eAAD;AAAA,IACE;AAAA,IACA,MAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA,aAAa;AAAA,IACb,cAAc;AAAA,IACd,WAAW;AAAA,IACX,YAAY;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/Headers/RequiredDot.js

@@ -1,19 +1,16 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-
-var _circle;
-const RequiredDot = () => /*#__PURE__*/_jsx("svg", {
+import * as React from "react";
+import React2 from "react";
+const RequiredDot = () => /* @__PURE__ */ React2.createElement("svg", {
   height: "4",
   width: "4",
-  style: {
-    marginBottom: '6px',
-    marginLeft: '4px'
-  }
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx("circle", {
+  style: { marginBottom: "6px", marginLeft: "4px" }
+}, /* @__PURE__ */ React2.createElement("circle", {
   cx: "2",
   cy: "2",
   r: "2",
   fill: "red"
-})));
-
-export { RequiredDot };
+}));
+export {
+  RequiredDot
+};
+//# sourceMappingURL=RequiredDot.js.map

package/esm/parts/Headers/RequiredDot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/RequiredDot.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const RequiredDot: React.ComponentType = () => (\n  <svg height=\"4\" width=\"4\" style={{ marginBottom: '6px', marginLeft: '4px' }}>\n    <circle cx=\"2\" cy=\"2\" r=\"2\" fill=\"red\" />\n  </svg>\n);\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAmC,MAC9C,qCAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI,OAAO,EAAE,cAAc,OAAO,YAAY;AAAA,GAClE,qCAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,MAAK;AAAA;",
+  "names": []
+}

package/esm/parts/Headers/index.js

@@ -1,47 +1,40 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { useContext, useMemo } from 'react';
-import { StyledHeadTr, StyledHeadWrapper } from '../../styled.js';
-import DataTableContext from '../../DataTableContext.js';
-import { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext.js';
-import HeaderCellGroupSortable from './HeaderCellGroup.js';
-import { SortableHeaderCell } from '../SortableHeaderCell.js';
-import { jsx } from 'react/jsx-runtime';
-
+import * as React from "react";
+import React2, { useContext, useMemo } from "react";
+import { StyledHeadWrapper, StyledHeadTr } from "../../styled";
+import { DataTableContext } from "../../DataTableContext";
+import { withConditionalDnDColumnContext } from "../HoC/withConditionalDnDColumnContext";
+import { HeaderCellGroup } from "./HeaderCellGroup";
+import { SortableHeaderCell } from "../SortableHeaderCell";
 const HeadersComp = () => {
   const {
-    tableProps: {
-      isExpandable,
-      colsLayoutStyle
-    },
-    layoutHelpers: {
-      gridLayout,
-      totalColumnsWidth
-    },
+    tableProps: { isExpandable, colsLayoutStyle },
+    layoutHelpers: { gridLayout, totalColumnsWidth },
     columnHeaderRef,
     visibleColumns
   } = useContext(DataTableContext);
-  const HeadersCells = useMemo(() => /*#__PURE__*/_jsx(SortableHeaderCell, {
+  const HeadersCells = useMemo(() => /* @__PURE__ */ React2.createElement(SortableHeaderCell, {
     items: visibleColumns
-  }, void 0, /*#__PURE__*/_jsx(StyledHeadTr, {
+  }, /* @__PURE__ */ React2.createElement(StyledHeadTr, {
     role: "row",
     cols: gridLayout,
-    colsLayoutStyle: colsLayoutStyle,
-    isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx(HeaderCellGroupSortable, {
+    colsLayoutStyle,
+    isExpandable
+  }, visibleColumns.map((h, index) => /* @__PURE__ */ React2.createElement(HeaderCellGroup, {
     header: h,
+    key: h.id,
     isLast: index === visibleColumns.length - 1
-  }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
-  const PureHeaders = useMemo(() => /*#__PURE__*/jsx(StyledHeadWrapper, {
-    totalColumnsWidth: totalColumnsWidth,
-    colsLayoutStyle: colsLayoutStyle,
-    ref: columnHeaderRef,
-    children: HeadersCells
-  }), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
+  })))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);
+  const PureHeaders = useMemo(() => /* @__PURE__ */ React2.createElement(StyledHeadWrapper, {
+    totalColumnsWidth,
+    colsLayoutStyle,
+    ref: columnHeaderRef
+  }, HeadersCells), [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells]);
   return PureHeaders;
 };
-
-var Headers = withConditionalDnDColumnContext(HeadersComp);
-
-export { Headers as default };
+const Headers = withConditionalDnDColumnContext(HeadersComp);
+var Headers_default = Headers;
+export {
+  Headers,
+  Headers_default as default
+};
+//# sourceMappingURL=index.js.map

package/esm/parts/Headers/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { StyledHeadWrapper, StyledHeadTr } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext';\nimport { HeaderCellGroup } from './HeaderCellGroup';\nimport { SortableHeaderCell } from '../SortableHeaderCell';\nimport { TypescriptColumn } from '../../types/props';\n\nconst HeadersComp = (): JSX.Element => {\n  const {\n    tableProps: { isExpandable, colsLayoutStyle },\n    layoutHelpers: { gridLayout, totalColumnsWidth },\n    columnHeaderRef,\n    visibleColumns,\n  } = useContext(DataTableContext);\n  const HeadersCells = useMemo(\n    () => (\n      <SortableHeaderCell items={visibleColumns}>\n        <StyledHeadTr role=\"row\" cols={gridLayout} colsLayoutStyle={colsLayoutStyle} isExpandable={isExpandable}>\n          {visibleColumns.map((h: TypescriptColumn, index) => (\n            <HeaderCellGroup header={h} key={h.id} isLast={index === visibleColumns.length - 1} />\n          ))}\n        </StyledHeadTr>\n      </SortableHeaderCell>\n    ),\n    [isExpandable, visibleColumns, gridLayout, colsLayoutStyle],\n  );\n\n  const PureHeaders = useMemo(\n    () => (\n      <StyledHeadWrapper totalColumnsWidth={totalColumnsWidth} colsLayoutStyle={colsLayoutStyle} ref={columnHeaderRef}>\n        {HeadersCells}\n      </StyledHeadWrapper>\n    ),\n    [totalColumnsWidth, colsLayoutStyle, columnHeaderRef, HeadersCells],\n  );\n  return PureHeaders;\n};\n\nexport const Headers = withConditionalDnDColumnContext(HeadersComp);\nexport default Headers;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,cAAc,MAAmB;AACrC,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B,eAAe,EAAE,YAAY;AAAA,IAC7B;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,eAAe,QACnB,MACE,qCAAC,oBAAD;AAAA,IAAoB,OAAO;AAAA,KACzB,qCAAC,cAAD;AAAA,IAAc,MAAK;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,IAAkC;AAAA,KAC1E,eAAe,IAAI,CAAC,GAAqB,UACxC,qCAAC,iBAAD;AAAA,IAAiB,QAAQ;AAAA,IAAG,KAAK,EAAE;AAAA,IAAI,QAAQ,UAAU,eAAe,SAAS;AAAA,SAKzF,CAAC,cAAc,gBAAgB,YAAY;AAG7C,QAAM,cAAc,QAClB,MACE,qCAAC,mBAAD;AAAA,IAAmB;AAAA,IAAsC;AAAA,IAAkC,KAAK;AAAA,KAC7F,eAGL,CAAC,mBAAmB,iBAAiB,iBAAiB;AAExD,SAAO;AAAA;AAGF,MAAM,UAAU,gCAAgC;AACvD,IAAO,kBAAQ;",
+  "names": []
+}

package/esm/parts/Headers/useHeaderCellConfig.js

@@ -1,26 +1,22 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-
-/* eslint-disable complexity */
-const useHeaderCellConfig = _ref => {
-  let {
-    column,
-    dragAndDropColumns,
-    draggableProps,
-    reduxHeader,
-    isDragOverlay
-  } = _ref;
+import * as React from "react";
+const useHeaderCellConfig = ({
+  column,
+  dragAndDropColumns,
+  draggableProps,
+  reduxHeader,
+  isDragOverlay
+}) => {
   const hasFilter = !!(column.filter || column.Filter);
   const hasDnD = dragAndDropColumns && !column.disableDnD;
-  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';
+  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === "boolean";
   const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);
   const isDragging = draggableProps && draggableProps.isDragging;
-  const shouldShowDnD = hasDnD && ((reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.showDnDHandle) && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay); // Column definition
-
-  const hCols = ['auto'];
-  if (hasRightIcons) hCols.push('min-content');
-  if (shouldShowDnD) hCols.unshift('min-content');
+  const shouldShowDnD = hasDnD && (reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay);
+  const hCols = ["auto"];
+  if (hasRightIcons)
+    hCols.push("min-content");
+  if (shouldShowDnD)
+    hCols.unshift("min-content");
   return {
     hasFilter,
     hasDnD,
@@ -31,5 +27,7 @@ const useHeaderCellConfig = _ref => {
     shouldShowDnD
   };
 };
-
-export { useHeaderCellConfig };
+export {
+  useHeaderCellConfig
+};
+//# sourceMappingURL=useHeaderCellConfig.js.map