@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/parts/Cells/Cell.js

@@ -1,118 +1,128 @@
-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 Cell_exports = {};
-__export(Cell_exports, {
-  Cell: () => Cell,
-  default: () => Cell_default
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var Grid = require('@elliemae/ds-grid');
+var styled = require('../../styled.js');
+var index = require('../../addons/Editables/index.js');
+var DataTableContext = require('../../DataTableContext.js');
+var SortableItemContext = require('../HoC/SortableItemContext.js');
+var ColumnExpand = require('../../addons/Columns/ColumnExpand/ColumnExpand.js');
+require('@elliemae/ds-form');
+var constants = require('../../configs/constants.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');
+require('styled-components');
+require('../TableContent.js');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-icons');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+require('../Row.js');
+require('../Footer.js');
+var useCellStyle = require('./useCellStyle.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+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; }
+const PureStandardCell = /*#__PURE__*/React.memo(_ref => {
+  let {
+    cellStyle,
+    children,
+    column
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledCell, {
+    column: column,
+    style: cellStyle,
+    role: "cell",
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_CELL
+  }, void 0, children);
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_styled = __toESM(require("../../styled"));
-var import_Editables = __toESM(require("../../addons/Editables"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
-var import_SortableItemContext = __toESM(require("../HoC/SortableItemContext"));
-var import_Columns = __toESM(require("../../addons/Columns"));
-var import_constants = __toESM(require("../../configs/constants"));
-var import_useCellStyle = __toESM(require("./useCellStyle"));
-const PureStandardCell = (0, import_react.memo)(({ cellStyle, children, column }) => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCell, {
-  column,
-  style: cellStyle,
-  role: "cell",
-  "data-testid": import_constants.DATA_TESTID.DATA_TABLE_CELL
-}, children));
-const Cell = ({
-  cell,
-  column,
-  row,
-  isRowSelected,
-  shouldAddExpandCell,
-  isDragOverlay
-}) => {
-  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+
+const Cell = _ref2 => {
+  var _SimpleTruncatedToolt;
+
+  let {
+    cell,
+    column,
+    row,
+    isRowSelected,
+    shouldAddExpandCell,
+    isDragOverlay
+  } = _ref2;
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
-    tableProps: { cellRendererProps }
+    tableProps: {
+      cellRendererProps
+    }
   } = ctx;
-  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
-  const [appliedTextWrap, cellStyle] = (0, import_useCellStyle.useCellStyle)(column, shouldAddExpandCell);
-  const cellProps = (0, import_react.useMemo)(() => ({
-    ...cellRendererProps,
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext);
+  const [appliedTextWrap, cellStyle] = useCellStyle.useCellStyle(column, shouldAddExpandCell);
+  const cellProps = React.useMemo(() => _objectSpread(_objectSpread({}, cellRendererProps), {}, {
     cell,
     row,
     isRowSelected,
     ctx,
     draggableProps,
     isDragOverlay,
-    role: "cell",
+    role: 'cell',
     cellStyle,
     column
   }), [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column]);
   const CellComponent = cell.render;
-  const pureCellContent = (0, import_react.useMemo)(() => {
+  const pureCellContent = React.useMemo(() => {
     if (shouldAddExpandCell) {
-      return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-        cols: ["min-content", "auto"],
+      return /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
+        cols: ['min-content', 'auto'],
         alignItems: "center",
         height: "100%"
-      }, shouldAddExpandCell && /* @__PURE__ */ import_react.default.createElement(import_Columns.expandRowColumn.Cell, {
-        ...cellProps
-      }), /* @__PURE__ */ import_react.default.createElement(CellComponent, {
-        ...cellProps
-      }));
+      }, void 0, shouldAddExpandCell && /*#__PURE__*/jsxRuntime.jsx(ColumnExpand.expandRowColumn.Cell, _objectSpread({}, cellProps)), /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps)));
     }
-    return /* @__PURE__ */ import_react.default.createElement(CellComponent, {
-      ...cellProps
-    });
+
+    return /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps));
   }, [CellComponent, cellProps, shouldAddExpandCell]);
-  const DefaultCellContentJSX = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCellContent, null, appliedTextWrap === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+  const DefaultCellContentJSX = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
     value: pureCellContent
-  }) : pureCellContent), [appliedTextWrap, pureCellContent]);
-  const EditableContentJSX = (0, import_react.useMemo)(() => {
-    if (typeof column.editable === "string") {
-      const { EditableComponent } = import_Editables.outOfTheBoxEditables?.[column.editable];
-      if (EditableComponent)
-        return /* @__PURE__ */ import_react.default.createElement(EditableComponent, {
-          ...cellProps,
-          DefaultCellRender: DefaultCellContentJSX
-        });
+  })) : pureCellContent), [appliedTextWrap, pureCellContent]);
+  const EditableContentJSX = React.useMemo(() => {
+    if (typeof column.editable === 'string') {
+      const {
+        EditableComponent
+      } = index.outOfTheBoxEditables === null || index.outOfTheBoxEditables === void 0 ? void 0 : index.outOfTheBoxEditables[column.editable];
+      if (EditableComponent) return /*#__PURE__*/jsxRuntime.jsx(EditableComponent, _objectSpread(_objectSpread({}, cellProps), {}, {
+        DefaultCellRender: DefaultCellContentJSX
+      }));
     }
-    if (typeof column.editable === "function")
-      return column.editable({
-        DefaultCellRender: DefaultCellContentJSX,
-        ...cellProps
-      });
+
+    if (typeof column.editable === 'function') return column.editable(_objectSpread({
+      DefaultCellRender: DefaultCellContentJSX
+    }, cellProps));
     return null;
   }, [DefaultCellContentJSX, cellProps, column]);
-  return /* @__PURE__ */ import_react.default.createElement(PureStandardCell, {
-    ...cellProps
-  }, column.editable ? EditableContentJSX : DefaultCellContentJSX);
+  return /*#__PURE__*/jsxRuntime.jsx(PureStandardCell, _objectSpread(_objectSpread({}, cellProps), {}, {
+    children: column.editable ? EditableContentJSX : DefaultCellContentJSX
+  }));
 };
-var Cell_default = Cell;
-module.exports = __toCommonJS(Cell_exports);
-//# sourceMappingURL=Cell.js.map
+
+module.exports = Cell;

package/cjs/parts/Cells/index.js

@@ -1,89 +1,82 @@
-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 Cells_exports = {};
-__export(Cells_exports, {
-  Cells: () => Cells,
-  default: () => Cells_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_Columns = __toESM(require("../../addons/Columns"));
-var import_styled = __toESM(require("../../styled"));
-var import_Cell = __toESM(require("./Cell"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
-const Cells = (props) => {
-  const { row, isRowSelected, isDragOverlay } = props;
-  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+'use strict';
+
+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 index = require('../../addons/Columns/index.js');
+var styled = require('../../styled.js');
+var Cell = require('./Cell.js');
+var DataTableContext = require('../../DataTableContext.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const Cells = props => {
+  const {
+    row,
+    isRowSelected,
+    isDragOverlay
+  } = props;
+  const ctx = React.useContext(DataTableContext["default"]); // we won't print sub-rows more nested than the first level
+
   if (row.depth <= 1) {
     let shouldAddExpandCell = false;
     let userCellsProcessed = 0;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, row.cells.map((cell) => {
-      const { column } = cell;
-      const isUserCell = !import_Columns.INTERNAL_COLUMNS.includes(column.id);
-      let jsx = null;
-      if (column.id === "rowActions") {
-        const ActionComponent = cell.render;
-        jsx = /* @__PURE__ */ import_react.default.createElement(import_styled.StyledActionCell, {
-          role: "cell",
-          key: cell.id
-        }, /* @__PURE__ */ import_react.default.createElement(ActionComponent, {
-          row,
-          cell,
-          column,
-          isRowSelected,
-          ctx
-        }));
-      } else if (column.id === "expander") {
-        shouldAddExpandCell = !isDragOverlay;
-      } else {
-        jsx = /* @__PURE__ */ import_react.default.createElement(import_Cell.Cell, {
-          cell,
-          column,
-          row,
-          isRowSelected,
-          shouldAddExpandCell: isUserCell && shouldAddExpandCell,
-          isDragOverlay,
-          key: cell.id
-        });
-      }
-      if (isDragOverlay) {
-        if (column.id !== "dragHandleColumn" && (!isUserCell || userCellsProcessed !== 0))
-          jsx = null;
-      }
-      if (isUserCell) {
-        shouldAddExpandCell = false;
-        userCellsProcessed += 1;
-      }
-      return jsx;
-    }));
+    return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: row.cells.map(cell => {
+        var _ActionComponent;
+
+        const {
+          column
+        } = cell;
+        const isUserCell = !index.INTERNAL_COLUMNS.includes(column.id);
+        let jsx = null;
+
+        if (column.id === 'rowActions') {
+          const ActionComponent = cell.render;
+          jsx = /*#__PURE__*/_jsx__default["default"](styled.StyledActionCell, {
+            role: "cell"
+          }, cell.id, _ActionComponent || (_ActionComponent = /*#__PURE__*/_jsx__default["default"](ActionComponent, {
+            row: row,
+            cell: cell,
+            column: column,
+            isRowSelected: isRowSelected,
+            ctx: ctx
+          })));
+        } else if (column.id === 'expander') {
+          // Next user's cell will have the expand cell
+          shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay
+        } else {
+          jsx = /*#__PURE__*/_jsx__default["default"](Cell, {
+            cell: cell,
+            column: column,
+            row: row,
+            isRowSelected: isRowSelected,
+            shouldAddExpandCell: isUserCell && shouldAddExpandCell,
+            isDragOverlay: isDragOverlay
+          }, cell.id);
+        } // Drag overlay only need to print the DnD handle and the first user's cell
+
+
+        if (isDragOverlay) {
+          if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;
+        } // Reset expand cell
+
+
+        if (isUserCell) {
+          shouldAddExpandCell = false;
+          userCellsProcessed += 1;
+        }
+
+        return jsx;
+      })
+    });
   }
+
   return null;
 };
-var Cells_default = Cells;
-module.exports = __toCommonJS(Cells_exports);
-//# sourceMappingURL=index.js.map
+
+module.exports = Cells;

package/cjs/parts/Cells/useCellStyle.js

@@ -1,63 +1,43 @@
-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 useCellStyle_exports = {};
-__export(useCellStyle_exports, {
-  useCellStyle: () => useCellStyle
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var DataTableContext = require('../../DataTableContext.js');
+
 const useCellStyle = (column, shouldAddExpandCell) => {
   const {
-    tableProps: { textWrap }
-  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+    tableProps: {
+      textWrap
+    }
+  } = React.useContext(DataTableContext["default"]);
   const appliedTextWrap = column.textWrap || textWrap;
-  const cellStyle = (0, import_react.useMemo)(() => {
+  const cellStyle = React.useMemo(() => {
     const newStyle = {};
+
     switch (appliedTextWrap) {
-      case "wrap-all":
-        newStyle.wordBreak = "break-all";
+      case 'wrap-all':
+        newStyle.wordBreak = 'break-all';
         break;
-      case "truncate":
-        newStyle.whiteSpace = "nowrap";
+
+      case 'truncate':
+        newStyle.whiteSpace = 'nowrap';
         break;
+
       default:
-      case "wrap":
-        newStyle.whiteSpace = "normal";
+      case 'wrap':
+        newStyle.whiteSpace = 'normal';
         break;
     }
+
     if (shouldAddExpandCell) {
-      newStyle.gridColumn = `span 2`;
-      newStyle.padding = `0 16px 0 2px`;
+      newStyle.gridColumn = "span 2";
+      newStyle.padding = "0 16px 0 2px";
     }
+
     return newStyle;
   }, [appliedTextWrap, shouldAddExpandCell]);
   return [appliedTextWrap, cellStyle];
 };
-module.exports = __toCommonJS(useCellStyle_exports);
-//# sourceMappingURL=useCellStyle.js.map
+
+exports.useCellStyle = useCellStyle;

package/cjs/parts/DnDHandle.js

@@ -1,69 +1,81 @@
-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 DnDHandle_exports = {};
-__export(DnDHandle_exports, {
-  default: () => DnDHandle_default
+'use strict';
+
+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 _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var React = require('react');
+var dsIcons = require('@elliemae/ds-icons');
+var styled = require('styled-components');
+var SortableItemContext = require('./HoC/SortableItemContext.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');
+require('../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('./TableContent.js');
+require('@elliemae/ds-grid');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const StyledGripperButton = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fj20bf-0"
+})(["cursor:", ";outline:none;display:flex;align-items:center;touch-action:none;"], _ref => {
+  let {
+    isActive,
+    isDragOverlay
+  } = _ref;
+  return isActive || isDragOverlay ? 'grabbing' : 'grab';
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_SortableItemContext = __toESM(require("./HoC/SortableItemContext"));
-var import_constants = __toESM(require("../configs/constants"));
-const StyledGripperButton = import_styled_components.default.div`
-  cursor: ${({ isActive, isDragOverlay }) => isActive || isDragOverlay ? "grabbing" : "grab"};
-  outline: none;
-  display: flex;
-  align-items: center;
-  touch-action: none;
-`;
-const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
-  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
+
+const DragHandle = _ref2 => {
+  let {
+    id,
+    isReachable,
+    isDragOverlay,
+    innerRef
+  } = _ref2;
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext);
   const isActive = draggableProps && !!draggableProps.active;
   const isDragging = draggableProps && draggableProps.isDragging;
-  return /* @__PURE__ */ import_react.default.createElement(StyledGripperButton, {
-    role: "button",
-    ...draggableProps && {
-      ...draggableProps.listeners,
-      ...draggableProps.attributes
-    },
-    isActive,
-    isDragOverlay,
+  return /*#__PURE__*/React.createElement(StyledGripperButton, _objectSpread(_objectSpread({
+    role: "button"
+  }, draggableProps && _objectSpread(_objectSpread({}, draggableProps.listeners), draggableProps.attributes)), {}, {
+    isActive: isActive,
+    isDragOverlay: isDragOverlay,
     ref: innerRef,
     tabIndex: isReachable ? 0 : -1,
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
-    id: `${id}-drag-handle`,
-    key: `${id}-drag-handle`
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+    "data-testid": constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
+    id: "".concat(id, "-drag-handle"),
+    key: "".concat(id, "-drag-handle")
+  }), /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
     size: "s",
-    color: isDragging ? ["neutral", "500"] : ["brand-primary", "800"]
+    color: isDragging ? ['neutral', '500'] : ['brand-primary', '800']
   }));
 };
-var DnDHandle_default = DragHandle;
-module.exports = __toCommonJS(DnDHandle_exports);
-//# sourceMappingURL=DnDHandle.js.map
+
+module.exports = DragHandle;