@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-next.1

package/esm/parts/Headers/HeaderCell.js

@@ -1,50 +1,111 @@
-import * as React from "react";
-import React2, { useContext, useMemo, useRef } from "react";
-import { connect } from "react-redux";
-import { Grid } from "@elliemae/ds-grid";
-import { useDispatchHeadersActions } from "../../redux/reducers";
-import { StyledHeadTh, StyledHeaderRightIconsWrapper, StyledFocusWithin } from "../../styled";
-import { DataTableContext } from "../../DataTableContext";
-import { SortByCaret } from "../SortByCaret";
-import { DnDHandle } from "..";
-import { SortableItemContext } from "../HoC/SortableItemContext";
-import { FilterMapItem } from "../Filters";
-import { HeaderResizer } from "./HeaderResizer";
-import { useHeaderCellHandlers } from "./useHeaderCellHandlers";
-import { useHeaderCellConfig } from "./useHeaderCellConfig";
-import { useRecoverFocusCol } from "../../hooks/useRecoverFocusCol";
-import { DATA_TESTID } from "../../configs/constants";
-import { HeaderCellTitle } from "./HeaderCellTitle";
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useContext, useRef, useMemo } from 'react';
+import { connect } from 'react-redux';
+import Grid from '@elliemae/ds-grid';
+import '../../redux/reducers/index.js';
+import { StyledHeaderRightIconsWrapper, StyledFocusWithin, StyledHeadTh } from '../../styled.js';
+import DataTableContext from '../../DataTableContext.js';
+import { SortByCaret } from '../SortByCaret.js';
+import '../TableContent.js';
+import '@elliemae/ds-circular-progress-indicator';
+import 'styled-components';
+import '@elliemae/ds-icons';
+import '@elliemae/ds-system';
+import '@elliemae/ds-button';
+import '../Row.js';
+import '../Footer.js';
+import DragHandle from '../DnDHandle.js';
+import { SortableItemContext } from '../HoC/SortableItemContext.js';
+import { FilterMapItem } from '../Filters/index.js';
+import { HeaderResizer } from './HeaderResizer.js';
+import { useHeaderCellHandlers } from './useHeaderCellHandlers.js';
+import { useHeaderCellConfig } from './useHeaderCellConfig.js';
+import { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol.js';
+import { DATA_TESTID } from '../../configs/constants.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 '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { jsxs } from 'react/jsx-runtime';
+import '@elliemae/ds-form';
+import { HeaderCellTitle } from './HeaderCellTitle.js';
+import { useDispatchHeadersActions } from '../../redux/reducers/headersReducers/useDispatchHeadersActions.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 buildScreenReaderInstructions = (colSpan, draggable, filterable, sortable) => {
-  const preffix = colSpan === 1 ? "" : "Column Group. ";
-  if (!draggable && !filterable && !sortable)
-    return preffix;
-  let message = sortable ? "You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so" : "";
+  const preffix = colSpan === 1 ? '' : 'Column Group. ';
+  if (!draggable && !filterable && !sortable) return preffix;
+  let message = sortable ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so' : '';
+
   if (draggable && filterable) {
-    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;
+    message = "This column is draggable and filterable. To enable these interactions press the enter key. ".concat(message);
   } else if (draggable || filterable) {
-    message = `This column is ${draggable ? "draggable" : "filterable"}. To enable this interaction press the enter key. ${message}`;
+    message = "This column is ".concat(draggable ? 'draggable' : 'filterable', ". To enable this interaction press the enter key. ").concat(message);
   }
-  return `${preffix}${message}`;
+
+  return "".concat(preffix).concat(message);
 };
+
 function mapStateToProps(state, ownProps) {
+  var _state$headers;
+
   return {
-    reduxHeader: state.headers?.[ownProps.column.id]
+    reduxHeader: (_state$headers = state.headers) === null || _state$headers === void 0 ? void 0 : _state$headers[ownProps.column.id]
   };
 }
+
 const connector = connect(mapStateToProps);
-const HeaderCellComp = (props) => {
-  const { reduxHeader, column, isDragOverlay, colSpan } = props;
+
+const HeaderCellComp = props => {
+  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
+
+  const {
+    reduxHeader,
+    column,
+    isDragOverlay,
+    colSpan
+  } = props;
   const ctx = useContext(DataTableContext);
   const {
-    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },
+    tableProps: {
+      isResizeable,
+      onColumnSortChange,
+      dragAndDropColumns,
+      onFiltersChange,
+      filters,
+      textWrap
+    },
     flattenedData
   } = ctx;
-  const { patchHeader } = useDispatchHeadersActions();
+  const {
+    patchHeader
+  } = useDispatchHeadersActions();
   const dragHandleRef = useRef(null);
   const filterIconRef = useRef(null);
-  const { draggableProps } = useContext(SortableItemContext);
-  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = useHeaderCellConfig({
+  const {
+    draggableProps
+  } = useContext(SortableItemContext);
+  const {
+    hasFilter,
+    hasDnD,
+    hasSortingCaret,
+    hasRightIcons,
+    shouldShowDnD,
+    hCols,
+    isDragging
+  } = useHeaderCellConfig({
     column,
     dragAndDropColumns,
     draggableProps,
@@ -53,32 +114,32 @@ const HeaderCellComp = (props) => {
   });
   useRecoverFocusCol(isDragging, dragHandleRef);
   const rightIcons = useMemo(() => {
-    if (!hasRightIcons)
-      return null;
-    return /* @__PURE__ */ React2.createElement(StyledHeaderRightIconsWrapper, null, /* @__PURE__ */ React2.createElement(FilterMapItem, {
-      column,
-      ctx,
-      onFiltersChange,
-      reduxHeader,
+    if (!hasRightIcons) return null;
+    return /*#__PURE__*/_jsx(StyledHeaderRightIconsWrapper, {}, void 0, _FilterMapItem || (_FilterMapItem = /*#__PURE__*/_jsx(FilterMapItem, {
+      column: column,
+      ctx: ctx,
+      onFiltersChange: onFiltersChange,
+      reduxHeader: reduxHeader,
       filterValue: filters,
       innerRef: filterIconRef
-    }), hasSortingCaret && /* @__PURE__ */ React2.createElement(SortByCaret, {
+    })), hasSortingCaret && /*#__PURE__*/_jsx(SortByCaret, {
       isSortedDesc: column.isSortedDesc
     }));
   }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);
-  const DnDHandleComponent = useMemo(() => /* @__PURE__ */ React2.createElement(Grid, {
+  const DnDHandleComponent = useMemo(() => /*#__PURE__*/_jsx(Grid, {
     mr: "2px",
     alignItems: "center",
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React2.createElement(StyledFocusWithin, {
+    style: {
+      position: 'relative'
+    }
+  }, void 0, /*#__PURE__*/_jsx(StyledFocusWithin, {
     hideFocus: isDragging
-  }, /* @__PURE__ */ React2.createElement(DnDHandle, {
-    key: column.id,
+  }, void 0, /*#__PURE__*/_jsx(DragHandle, {
     innerRef: dragHandleRef,
-    isReachable: reduxHeader?.withTabStops,
+    isReachable: reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops,
     id: column.id,
-    isDragOverlay
-  }))), [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops]);
+    isDragOverlay: isDragOverlay
+  }, column.id))), [column.id, isDragOverlay, isDragging, reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops]);
   const handlers = useHeaderCellHandlers({
     hasFilter,
     patchHeader,
@@ -90,38 +151,41 @@ const HeaderCellComp = (props) => {
     filterIconRef,
     headerRef: column.ref
   });
-  return /* @__PURE__ */ React2.createElement(StyledHeadTh, {
-    column,
-    ...handlers,
-    role: colSpan === 1 ? "columnheader" : "group",
-    colSpan,
-    "aria-describedby": `${column.id}-instructions`,
-    "aria-sort": hasSortingCaret ? column.isSortedDesc ? "descending" : "ascending" : "none",
+  return /*#__PURE__*/jsxs(StyledHeadTh, _objectSpread(_objectSpread({
+    column: column
+  }, handlers), {}, {
+    role: colSpan === 1 ? 'columnheader' : 'group',
+    colSpan: colSpan,
+    "aria-describedby": "".concat(column.id, "-instructions") // eslint-disable-next-line no-nested-ternary
+    ,
+    "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!flattenedData[0]?.original?.dimsumHeaderValue,
+    isFirstRowGroup: !!((_flattenedData$ = flattenedData[0]) !== null && _flattenedData$ !== void 0 && (_flattenedData$$origi = _flattenedData$.original) !== null && _flattenedData$$origi !== void 0 && _flattenedData$$origi.dimsumHeaderValue),
     tabIndex: column.isFocuseable === false ? -1 : 0,
-    isDragOverlay,
+    isDragOverlay: isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
-    shouldShowDnD,
-    ref: column.ref
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    width: "100%",
-    cols: hCols
-  }, shouldShowDnD && DnDHandleComponent, /* @__PURE__ */ React2.createElement(HeaderCellTitle, {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  }), rightIcons, isResizeable && column.canResize !== false && /* @__PURE__ */ React2.createElement(HeaderResizer, {
-    column
-  })), /* @__PURE__ */ React2.createElement("span", {
-    id: `${column.id}-instructions`,
-    style: { display: "none" },
-    "aria-hidden": "false"
-  }, buildScreenReaderInstructions(colSpan, dragAndDropColumns && column.disableDnD !== true, hasFilter, column.canSort)));
+    shouldShowDnD: shouldShowDnD,
+    ref: column.ref,
+    children: [/*#__PURE__*/_jsx(Grid, {
+      width: "100%",
+      cols: hCols
+    }, void 0, shouldShowDnD && DnDHandleComponent, /*#__PURE__*/_jsx(HeaderCellTitle, {
+      column: column,
+      ctx: ctx,
+      draggableProps: draggableProps,
+      textWrap: textWrap
+    }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx(HeaderResizer, {
+      column: column
+    })), /*#__PURE__*/_jsx("span", {
+      id: "".concat(column.id, "-instructions"),
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "false"
+    }, void 0, buildScreenReaderInstructions(colSpan, dragAndDropColumns && column.disableDnD !== true, hasFilter, column.canSort))]
+  }));
 };
+
 const HeaderCell = connector(HeaderCellComp);
-export {
-  HeaderCell
-};
-//# sourceMappingURL=HeaderCell.js.map
+
+export { HeaderCell };

package/esm/parts/Headers/HeaderCellGroup.js

@@ -1,72 +1,90 @@
-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);
+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);
   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 ?? 1;
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
+  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, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
-    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
+    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
+    })]
+  });
 };
+
+// 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);
-var HeaderCellGroup_default = HeaderCellGroupSortable;
-export {
-  HeaderCellGroup,
-  HeaderCellGroup_default as default
-};
-//# sourceMappingURL=HeaderCellGroup.js.map
+
+export { HeaderCellGroup, HeaderCellGroupSortable as default };

package/esm/parts/Headers/HeaderCellTitle.js

@@ -1,23 +1,71 @@
-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
+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
+  });
 };
-//# sourceMappingURL=HeaderCellTitle.js.map
+
+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 };