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

package/cjs/parts/Headers/HeaderCell.js

@@ -1,156 +1,116 @@
-'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/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactRedux = require('react-redux');
-var Grid = require('@elliemae/ds-grid');
-require('../../redux/reducers/index.js');
-var styled = require('../../styled.js');
-var DataTableContext = require('../../DataTableContext.js');
-var SortByCaret = require('../SortByCaret.js');
-require('../TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../Row.js');
-require('../Footer.js');
-var DnDHandle = require('../DnDHandle.js');
-var SortableItemContext = require('../HoC/SortableItemContext.js');
-var index = require('../Filters/index.js');
-var HeaderResizer = require('./HeaderResizer.js');
-var useHeaderCellHandlers = require('./useHeaderCellHandlers.js');
-var useHeaderCellConfig = require('./useHeaderCellConfig.js');
-var useRecoverFocusCol = require('../../hooks/useRecoverFocusCol.js');
-var constants = require('../../configs/constants.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');
-require('react-virtual');
-require('../../configs/useRowFlattenization.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form');
-var HeaderCellTitle = require('./HeaderCellTitle.js');
-var useDispatchHeadersActions = require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-
-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; }
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var HeaderCell_exports = {};
+__export(HeaderCell_exports, {
+  HeaderCell: () => HeaderCell
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_redux = require("react-redux");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_reducers = require("../../redux/reducers");
+var import_styled = require("../../styled");
+var import_DataTableContext = require("../../DataTableContext");
+var import_SortByCaret = require("../SortByCaret");
+var import__ = require("..");
+var import_SortableItemContext = require("../HoC/SortableItemContext");
+var import_Filters = require("../Filters");
+var import_HeaderResizer = require("./HeaderResizer");
+var import_useHeaderCellHandlers = require("./useHeaderCellHandlers");
+var import_useHeaderCellConfig = require("./useHeaderCellConfig");
+var import_useRecoverFocusCol = require("../../hooks/useRecoverFocusCol");
+var import_constants = require("../../configs/constants");
+var import_HeaderCellTitle = require("./HeaderCellTitle");
 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. ".concat(message);
+    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;
   } else if (draggable || filterable) {
-    message = "This column is ".concat(draggable ? 'draggable' : 'filterable', ". To enable this interaction press the enter key. ").concat(message);
+    message = `This column is ${draggable ? "draggable" : "filterable"}. To enable this interaction press the enter key. ${message}`;
   }
-
-  return "".concat(preffix).concat(message);
+  return `${preffix}${message}`;
 };
-
 function mapStateToProps(state, ownProps) {
-  var _state$headers;
-
   return {
-    reduxHeader: (_state$headers = state.headers) === null || _state$headers === void 0 ? void 0 : _state$headers[ownProps.column.id]
+    reduxHeader: state.headers?.[ownProps.column.id]
   };
 }
-
-const connector = reactRedux.connect(mapStateToProps);
-
-const HeaderCellComp = props => {
-  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
-
-  const {
-    reduxHeader,
-    column,
-    isDragOverlay,
-    colSpan
-  } = props;
-  const ctx = React.useContext(DataTableContext["default"]);
+const connector = (0, import_react_redux.connect)(mapStateToProps);
+const HeaderCellComp = (props) => {
+  const { reduxHeader, column, isDragOverlay, colSpan } = props;
+  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const {
-    tableProps: {
-      isResizeable,
-      onColumnSortChange,
-      dragAndDropColumns,
-      onFiltersChange,
-      filters,
-      textWrap
-    },
+    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },
     flattenedData
   } = ctx;
-  const {
-    patchHeader
-  } = useDispatchHeadersActions.useDispatchHeadersActions();
-  const dragHandleRef = React.useRef(null);
-  const filterIconRef = React.useRef(null);
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const {
-    hasFilter,
-    hasDnD,
-    hasSortingCaret,
-    hasRightIcons,
-    shouldShowDnD,
-    hCols,
-    isDragging
-  } = useHeaderCellConfig.useHeaderCellConfig({
+  const { patchHeader } = (0, import_reducers.useDispatchHeadersActions)();
+  const dragHandleRef = (0, import_react.useRef)(null);
+  const filterIconRef = (0, import_react.useRef)(null);
+  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
+  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = (0, import_useHeaderCellConfig.useHeaderCellConfig)({
     column,
     dragAndDropColumns,
     draggableProps,
     reduxHeader,
     isDragOverlay
   });
-  useRecoverFocusCol.useRecoverFocusCol(isDragging, dragHandleRef);
-  const rightIcons = React.useMemo(() => {
-    if (!hasRightIcons) return null;
-    return /*#__PURE__*/_jsx__default["default"](styled.StyledHeaderRightIconsWrapper, {}, void 0, _FilterMapItem || (_FilterMapItem = /*#__PURE__*/_jsx__default["default"](index.FilterMapItem, {
-      column: column,
-      ctx: ctx,
-      onFiltersChange: onFiltersChange,
-      reduxHeader: reduxHeader,
+  (0, import_useRecoverFocusCol.useRecoverFocusCol)(isDragging, dragHandleRef);
+  const rightIcons = (0, import_react.useMemo)(() => {
+    if (!hasRightIcons)
+      return null;
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeaderRightIconsWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_Filters.FilterMapItem, {
+      column,
+      ctx,
+      onFiltersChange,
+      reduxHeader,
       filterValue: filters,
       innerRef: filterIconRef
-    })), hasSortingCaret && /*#__PURE__*/_jsx__default["default"](SortByCaret.SortByCaret, {
+    }), hasSortingCaret && /* @__PURE__ */ import_react.default.createElement(import_SortByCaret.SortByCaret, {
       isSortedDesc: column.isSortedDesc
     }));
   }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);
-  const DnDHandleComponent = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+  const DnDHandleComponent = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
     mr: "2px",
     alignItems: "center",
-    style: {
-      position: 'relative'
-    }
-  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
+    style: { position: "relative" }
+  }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, {
     hideFocus: isDragging
-  }, void 0, /*#__PURE__*/_jsx__default["default"](DnDHandle, {
+  }, /* @__PURE__ */ import_react.default.createElement(import__.DnDHandle, {
+    key: column.id,
     innerRef: dragHandleRef,
-    isReachable: reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops,
+    isReachable: reduxHeader?.withTabStops,
     id: column.id,
-    isDragOverlay: isDragOverlay
-  }, column.id))), [column.id, isDragOverlay, isDragging, reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops]);
-  const handlers = useHeaderCellHandlers.useHeaderCellHandlers({
+    isDragOverlay
+  }))), [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops]);
+  const handlers = (0, import_useHeaderCellHandlers.useHeaderCellHandlers)({
     hasFilter,
     patchHeader,
     column,
@@ -161,41 +121,36 @@ const HeaderCellComp = props => {
     filterIconRef,
     headerRef: column.ref
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(styled.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": constants.DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!((_flattenedData$ = flattenedData[0]) !== null && _flattenedData$ !== void 0 && (_flattenedData$$origi = _flattenedData$.original) !== null && _flattenedData$$origi !== void 0 && _flattenedData$$origi.dimsumHeaderValue),
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeadTh, {
+    column,
+    ...handlers,
+    role: colSpan === 1 ? "columnheader" : "group",
+    colSpan,
+    "aria-describedby": `${column.id}-instructions`,
+    "aria-sort": hasSortingCaret ? column.isSortedDesc ? "descending" : "ascending" : "none",
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_HEADER,
+    isFirstRowGroup: !!flattenedData[0]?.original?.dimsumHeaderValue,
     tabIndex: column.isFocuseable === false ? -1 : 0,
-    isDragOverlay: isDragOverlay,
+    isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
-    shouldShowDnD: shouldShowDnD,
-    ref: column.ref,
-    children: [/*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-      width: "100%",
-      cols: hCols
-    }, void 0, shouldShowDnD && DnDHandleComponent, /*#__PURE__*/_jsx__default["default"](HeaderCellTitle.HeaderCellTitle, {
-      column: column,
-      ctx: ctx,
-      draggableProps: draggableProps,
-      textWrap: textWrap
-    }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx__default["default"](HeaderResizer.HeaderResizer, {
-      column: column
-    })), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: "".concat(column.id, "-instructions"),
-      style: {
-        display: 'none'
-      },
-      "aria-hidden": "false"
-    }, void 0, buildScreenReaderInstructions(colSpan, dragAndDropColumns && column.disableDnD !== true, hasFilter, column.canSort))]
-  }));
+    shouldShowDnD,
+    ref: column.ref
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    width: "100%",
+    cols: hCols
+  }, shouldShowDnD && DnDHandleComponent, /* @__PURE__ */ import_react.default.createElement(import_HeaderCellTitle.HeaderCellTitle, {
+    column,
+    ctx,
+    draggableProps,
+    textWrap
+  }), rightIcons, isResizeable && column.canResize !== false && /* @__PURE__ */ import_react.default.createElement(import_HeaderResizer.HeaderResizer, {
+    column
+  })), /* @__PURE__ */ import_react.default.createElement("span", {
+    id: `${column.id}-instructions`,
+    style: { display: "none" },
+    "aria-hidden": "false"
+  }, buildScreenReaderInstructions(colSpan, dragAndDropColumns && column.disableDnD !== true, hasFilter, column.canSort)));
 };
-
 const HeaderCell = connector(HeaderCellComp);
-
-exports.HeaderCell = HeaderCell;
+module.exports = __toCommonJS(HeaderCell_exports);
+//# sourceMappingURL=HeaderCell.js.map

package/cjs/parts/Headers/HeaderCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/HeaderCell.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\n/* eslint-disable max-lines */\n/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, useRef } from 'react';\nimport { connect, ConnectedProps } from 'react-redux';\nimport { Grid } from '@elliemae/ds-grid';\nimport { useDispatchHeadersActions } from '../../redux/reducers';\nimport { StyledHeadTh, StyledHeaderRightIconsWrapper, StyledFocusWithin } from '../../styled';\nimport { DataTableContext } from '../../DataTableContext';\nimport { SortByCaret } from '../SortByCaret';\nimport { DnDHandle } from '..';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { FilterMapItem } from '../Filters';\nimport { HeaderResizer } from './HeaderResizer';\nimport { TypescriptColumn } from '../../types/props';\nimport { useHeaderCellHandlers } from './useHeaderCellHandlers';\nimport { useHeaderCellConfig } from './useHeaderCellConfig';\nimport { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { HeaderCellTitle } from './HeaderCellTitle';\n\nconst buildScreenReaderInstructions = (colSpan: number, draggable: boolean, filterable: boolean, sortable: boolean) => {\n  const preffix = colSpan === 1 ? '' : 'Column Group. ';\n  if (!draggable && !filterable && !sortable) return preffix;\n\n  let message = sortable\n    ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so'\n    : '';\n  if (draggable && filterable) {\n    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;\n  } else if (draggable || filterable) {\n    message = `This column is ${\n      draggable ? 'draggable' : 'filterable'\n    }. To enable this interaction press the enter key. ${message}`;\n  }\n  return `${preffix}${message}`;\n};\n\ninterface HeaderCellCompProps {\n  column: TypescriptColumn;\n  isDragOverlay: boolean;\n  colSpan: number;\n}\n\nfunction mapStateToProps(state, ownProps) {\n  return {\n    reduxHeader: state.headers?.[ownProps.column.id],\n  };\n}\n\nconst connector = connect(mapStateToProps);\n\nconst HeaderCellComp: React.ComponentType<HeaderCellCompProps & ConnectedProps<typeof connector>> = (props) => {\n  const { reduxHeader, column, isDragOverlay, colSpan } = props;\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },\n    flattenedData,\n  } = ctx;\n  const { patchHeader } = useDispatchHeadersActions();\n  const dragHandleRef = useRef<HTMLDivElement>(null);\n  const filterIconRef = useRef<HTMLDivElement>(null);\n\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = useHeaderCellConfig({\n    column,\n    dragAndDropColumns,\n    draggableProps,\n    reduxHeader,\n    isDragOverlay,\n  });\n\n  useRecoverFocusCol(isDragging, dragHandleRef);\n\n  const rightIcons = useMemo(() => {\n    if (!hasRightIcons) return null;\n    return (\n      <StyledHeaderRightIconsWrapper>\n        <FilterMapItem\n          column={column}\n          ctx={ctx}\n          onFiltersChange={onFiltersChange}\n          reduxHeader={reduxHeader}\n          filterValue={filters}\n          innerRef={filterIconRef}\n        />\n        {hasSortingCaret && <SortByCaret isSortedDesc={column.isSortedDesc} />}\n      </StyledHeaderRightIconsWrapper>\n    );\n  }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);\n\n  const DnDHandleComponent = useMemo(\n    () => (\n      <Grid mr=\"2px\" alignItems=\"center\" style={{ position: 'relative' }}>\n        <StyledFocusWithin hideFocus={isDragging}>\n          <DnDHandle\n            key={column.id}\n            innerRef={dragHandleRef}\n            isReachable={reduxHeader?.withTabStops}\n            id={column.id}\n            isDragOverlay={isDragOverlay}\n          />\n        </StyledFocusWithin>\n      </Grid>\n    ),\n    [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops],\n  );\n\n  const handlers = useHeaderCellHandlers({\n    hasFilter,\n    patchHeader,\n    column,\n    reduxHeader,\n    hasDnD,\n    onColumnSortChange,\n    dragHandleRef,\n    filterIconRef,\n    headerRef: column.ref,\n  });\n\n  return (\n    <StyledHeadTh\n      column={column}\n      {...handlers}\n      role={colSpan === 1 ? 'columnheader' : 'group'}\n      colSpan={colSpan}\n      aria-describedby={`${column.id}-instructions`}\n      // eslint-disable-next-line no-nested-ternary\n      aria-sort={hasSortingCaret ? (column.isSortedDesc ? 'descending' : 'ascending') : 'none'}\n      data-testid={DATA_TESTID.DATA_TABLE_HEADER}\n      isFirstRowGroup={!!flattenedData[0]?.original?.dimsumHeaderValue}\n      tabIndex={column.isFocuseable === false ? -1 : 0}\n      isDragOverlay={isDragOverlay}\n      isDraggingActive={draggableProps && draggableProps.active}\n      shouldShowDnD={shouldShowDnD}\n      ref={column.ref}\n    >\n      <Grid width=\"100%\" cols={hCols}>\n        {shouldShowDnD && DnDHandleComponent}\n        <HeaderCellTitle column={column} ctx={ctx} draggableProps={draggableProps} textWrap={textWrap} />\n        {rightIcons}\n        {isResizeable && column.canResize !== false && <HeaderResizer column={column} />}\n      </Grid>\n      <span id={`${column.id}-instructions`} style={{ display: 'none' }} aria-hidden=\"false\">\n        {buildScreenReaderInstructions(\n          colSpan,\n          dragAndDropColumns && column.disableDnD !== true,\n          hasFilter,\n          column.canSort,\n        )}\n      </span>\n    </StyledHeadTh>\n  );\n};\n\nexport const HeaderCell = connector(HeaderCellComp);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAmD;AACnD,yBAAwC;AACxC,qBAAqB;AACrB,sBAA0C;AAC1C,oBAA+E;AAC/E,8BAAiC;AACjC,yBAA4B;AAC5B,eAA0B;AAC1B,iCAAoC;AACpC,qBAA8B;AAC9B,2BAA8B;AAE9B,mCAAsC;AACtC,iCAAoC;AACpC,gCAAmC;AACnC,uBAA4B;AAC5B,6BAAgC;AAEhC,MAAM,gCAAgC,CAAC,SAAiB,WAAoB,YAAqB,aAAsB;AACrH,QAAM,UAAU,YAAY,IAAI,KAAK;AACrC,MAAI,CAAC,aAAa,CAAC,cAAc,CAAC;AAAU,WAAO;AAEnD,MAAI,UAAU,WACV,0GACA;AACJ,MAAI,aAAa,YAAY;AAC3B,cAAU,8FAA8F;AAAA,aAC/F,aAAa,YAAY;AAClC,cAAU,kBACR,YAAY,cAAc,iEACyB;AAAA;AAEvD,SAAO,GAAG,UAAU;AAAA;AAStB,yBAAyB,OAAO,UAAU;AACxC,SAAO;AAAA,IACL,aAAa,MAAM,UAAU,SAAS,OAAO;AAAA;AAAA;AAIjD,MAAM,YAAY,gCAAQ;AAE1B,MAAM,iBAA8F,CAAC,UAAU;AAC7G,QAAM,EAAE,aAAa,QAAQ,eAAe,YAAY;AACxD,QAAM,MAAM,6BAAW;AACvB,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc,oBAAoB,oBAAoB,iBAAiB,SAAS;AAAA,IAC9F;AAAA,MACE;AACJ,QAAM,EAAE,gBAAgB;AACxB,QAAM,gBAAgB,yBAAuB;AAC7C,QAAM,gBAAgB,yBAAuB;AAE7C,QAAM,EAAE,mBAAmB,6BAAW;AAEtC,QAAM,EAAE,WAAW,QAAQ,iBAAiB,eAAe,eAAe,OAAO,eAAe,oDAAoB;AAAA,IAClH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGF,oDAAmB,YAAY;AAE/B,QAAM,aAAa,0BAAQ,MAAM;AAC/B,QAAI,CAAC;AAAe,aAAO;AAC3B,WACE,mDAAC,6CAAD,MACE,mDAAC,8BAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb,UAAU;AAAA,QAEX,mBAAmB,mDAAC,gCAAD;AAAA,MAAa,cAAc,OAAO;AAAA;AAAA,KAGzD,CAAC,eAAe,QAAQ,KAAK,iBAAiB,aAAa,SAAS;AAEvE,QAAM,qBAAqB,0BACzB,MACE,mDAAC,qBAAD;AAAA,IAAM,IAAG;AAAA,IAAM,YAAW;AAAA,IAAS,OAAO,EAAE,UAAU;AAAA,KACpD,mDAAC,iCAAD;AAAA,IAAmB,WAAW;AAAA,KAC5B,mDAAC,oBAAD;AAAA,IACE,KAAK,OAAO;AAAA,IACZ,UAAU;AAAA,IACV,aAAa,aAAa;AAAA,IAC1B,IAAI,OAAO;AAAA,IACX;AAAA,QAKR,CAAC,OAAO,IAAI,eAAe,YAAY,aAAa;AAGtD,QAAM,WAAW,wDAAsB;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,OAAO;AAAA;AAGpB,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,OACI;AAAA,IACJ,MAAM,YAAY,IAAI,iBAAiB;AAAA,IACvC;AAAA,IACA,oBAAkB,GAAG,OAAO;AAAA,IAE5B,aAAW,kBAAmB,OAAO,eAAe,eAAe,cAAe;AAAA,IAClF,eAAa,6BAAY;AAAA,IACzB,iBAAiB,CAAC,CAAC,cAAc,IAAI,UAAU;AAAA,IAC/C,UAAU,OAAO,iBAAiB,QAAQ,KAAK;AAAA,IAC/C;AAAA,IACA,kBAAkB,kBAAkB,eAAe;AAAA,IACnD;AAAA,IACA,KAAK,OAAO;AAAA,KAEZ,mDAAC,qBAAD;AAAA,IAAM,OAAM;AAAA,IAAO,MAAM;AAAA,KACtB,iBAAiB,oBAClB,mDAAC,wCAAD;AAAA,IAAiB;AAAA,IAAgB;AAAA,IAAU;AAAA,IAAgC;AAAA,MAC1E,YACA,gBAAgB,OAAO,cAAc,SAAS,mDAAC,oCAAD;AAAA,IAAe;AAAA,OAEhE,mDAAC,QAAD;AAAA,IAAM,IAAI,GAAG,OAAO;AAAA,IAAmB,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KAC5E,8BACC,SACA,sBAAsB,OAAO,eAAe,MAC5C,WACA,OAAO;AAAA;AAOV,MAAM,aAAa,UAAU;",
+  "names": []
+}

package/cjs/parts/Headers/HeaderCellGroup.js

@@ -1,100 +1,101 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var React = require('react');
-var Grid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var HeaderCell = require('./HeaderCell.js');
-var SortableItemContext = require('../HoC/SortableItemContext.js');
-var withDnDSortableColumnContext = require('../HoC/withDnDSortableColumnContext.js');
-var DropIndicator = require('../DropIndicator.js');
-var SortableHeaderCell = require('../SortableHeaderCell.js');
-var EmptyChildrenGroup = require('./EmptyChildrenGroup.js');
-var constants = require('../../configs/constants.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/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons');
-require('../../styled.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../../DataTableContext.js');
-require('../Row.js');
-require('../Footer.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _EmptyChildrenGroup;
-const StyledWrapper = /*#__PURE__*/styled__default["default"](Grid.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
-  } = React.useContext(SortableItemContext.SortableItemContext);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var HeaderCellGroup_exports = {};
+__export(HeaderCellGroup_exports, {
+  HeaderCellGroup: () => HeaderCellGroup,
+  default: () => HeaderCellGroup_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_HeaderCell = require("./HeaderCell");
+var import_SortableItemContext = require("../HoC/SortableItemContext");
+var import_withDnDSortableColumnContext = require("../HoC/withDnDSortableColumnContext");
+var import_DropIndicator = require("../DropIndicator");
+var import_SortableHeaderCell = require("../SortableHeaderCell");
+var import_EmptyChildrenGroup = require("./EmptyChildrenGroup");
+var import_constants = require("../../configs/constants");
+const StyledWrapper = (0, import_styled_components.default)(import_ds_grid.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 } = (0, import_react.useContext)(import_SortableItemContext.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__*/jsxRuntime.jsxs(StyledWrapper, {
+  const colSpan = children?.length ?? 1;
+  return /* @__PURE__ */ import_react.default.createElement(StyledWrapper, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
-    gridColumn: isDragOverlay ? 'auto' : "span ".concat(colSpan),
-    isDragOverlay: isDragOverlay,
-    isDragging: isDragging,
-    cols: ['auto'],
-    "data-testid": isDragOverlay ? constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined,
-    children: [/*#__PURE__*/_jsx__default["default"](HeaderCell.HeaderCell, {
-      column: header,
-      isDragOverlay: isDragOverlay,
-      colSpan: colSpan
-    }), !!(children !== null && children !== void 0 && children.length) && !isDragOverlay && /*#__PURE__*/_jsx__default["default"](SortableHeaderCell.SortableHeaderCell, {
-      items: children,
-      isDragOverlay: isDragOverlay
-    }, void 0, children.map((h, index) => /*#__PURE__*/_jsx__default["default"](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__default["default"](EmptyChildrenGroup.EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx__default["default"](DropIndicator, {
-      vertical: true,
-      dropIndicatorPosition: dropIndicatorPosition,
-      isLast: isLast && isDragging
-    })]
-  });
+    gridColumn: isDragOverlay ? "auto" : `span ${colSpan}`,
+    isDragOverlay,
+    isDragging,
+    cols: ["auto"],
+    "data-testid": isDragOverlay ? import_constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : void 0
+  }, /* @__PURE__ */ import_react.default.createElement(import_HeaderCell.HeaderCell, {
+    column: header,
+    isDragOverlay,
+    colSpan
+  }), !!children?.length && !isDragOverlay && /* @__PURE__ */ import_react.default.createElement(import_SortableHeaderCell.SortableHeaderCell, {
+    items: children,
+    isDragOverlay
+  }, children.map((h, index) => /* @__PURE__ */ import_react.default.createElement(ChildGroup, {
+    key: h.id,
+    header: h,
+    isDragOverlay,
+    isDraggingParent: isDragging,
+    isLast: index === children.length - 1
+  }))), children?.length && isDragOverlay && /* @__PURE__ */ import_react.default.createElement(import_EmptyChildrenGroup.EmptyChildrenGroup, null), /* @__PURE__ */ import_react.default.createElement(import_DropIndicator.DropIndicator, {
+    vertical: true,
+    dropIndicatorPosition,
+    isLast: isLast && isDragging
+  }));
+};
+HeaderCellGroupComp.propTypes = {
+  header: import_prop_types.default.any,
+  isDragOverlay: import_prop_types.default.bool,
+  isDraggingParent: import_prop_types.default.bool,
+  isLast: import_prop_types.default.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.withDnDSortableColumnContext(HeaderCellGroupComp);
-
-exports.HeaderCellGroup = HeaderCellGroup;
-exports["default"] = HeaderCellGroupSortable;
+const HeaderCellGroupSortable = (0, import_withDnDSortableColumnContext.withDnDSortableColumnContext)(HeaderCellGroupComp);
+var HeaderCellGroup_default = HeaderCellGroupSortable;
+module.exports = __toCommonJS(HeaderCellGroup_exports);
+//# sourceMappingURL=HeaderCellGroup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/HeaderCellGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,qBAAqB;AACrB,+BAAmB;AACnB,wBAAsB;AACtB,wBAA2B;AAC3B,iCAAoC;AACpC,0CAA6C;AAC7C,2BAA8B;AAC9B,gCAAmC;AAEnC,gCAAmC;AACnC,uBAA4B;AAE5B,MAAM,gBAAgB,sCAAO;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,6BAAW;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,mDAAC,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,6BAAY,iCAAiC;AAAA,KAE1E,mDAAC,8BAAD;AAAA,IAAY,QAAQ;AAAA,IAAQ;AAAA,IAA8B;AAAA,MACzD,CAAC,CAAC,UAAU,UAAU,CAAC,iBACtB,mDAAC,8CAAD;AAAA,IAAoB,OAAO;AAAA,IAAU;AAAA,KAClC,SAAS,IAAI,CAAC,GAAG,UAChB,mDAAC,YAAD;AAAA,IACE,KAAK,EAAE;AAAA,IACP,QAAQ;AAAA,IACR;AAAA,IACA,kBAAkB;AAAA,IAClB,QAAQ,UAAU,SAAS,SAAS;AAAA,QAK3C,UAAU,UAAU,iBAAiB,mDAAC,8CAAD,OACtC,mDAAC,oCAAD;AAAA,IAAe,UAAQ;AAAA,IAAC;AAAA,IAA8C,QAAQ,UAAU;AAAA;AAAA;AAK9F,oBAAoB,YAAY;AAAA,EAC9B,QAAQ,0BAAU;AAAA,EAClB,eAAe,0BAAU;AAAA,EACzB,kBAAkB,0BAAU;AAAA,EAC5B,QAAQ,0BAAU;AAAA;AAKb,MAAM,kBAAkB;AAE/B,MAAM,0BAA0B,sEAA6B;AAE7D,IAAO,0BAAQ;",
+  "names": []
+}