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

package/cjs/hooks/useRecoverFocusCol.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useRecoverFocusCol.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\n\n// The drag-handle of the column is not replaced by another node,\n// so we just keep track of it and focus it if necessary\n\nexport const useRecoverFocusCol = (condition: boolean, ref: React.MutableRefObject<HTMLElement>): void => {\n  const [prevCondition, setPrevCondition] = useState(condition);\n\n  useEffect(() => {\n    if (prevCondition && !condition) {\n      if (ref.current) ref.current?.focus();\n      else setTimeout(() => ref.current?.focus());\n    }\n    setPrevCondition(condition);\n  }, [condition, prevCondition, ref]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAKpC,MAAM,qBAAqB,CAAC,WAAoB,QAAmD;AACxG,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AAEnD,8BAAU,MAAM;AACd,QAAI,iBAAiB,CAAC,WAAW;AAC/B,UAAI,IAAI;AAAS,YAAI,SAAS;AAAA;AACzB,mBAAW,MAAM,IAAI,SAAS;AAAA;AAErC,qBAAiB;AAAA,KAChB,CAAC,WAAW,eAAe;AAAA;",
+  "names": []
+}

package/cjs/hooks/useRecoverFocusRow.js

@@ -1,29 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-/* eslint-disable max-params */
-// So we keep track of the last active id, and re-focus it
-
+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 useRecoverFocusRow_exports = {};
+__export(useRecoverFocusRow_exports, {
+  useRecoverFocusRow: () => useRecoverFocusRow
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
 const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {
   const isDragging = draggableProps && draggableProps.isDragging;
   const lastActiveId = draggableProps && draggableProps.lastActiveId;
   const setLastActiveId = draggableProps && draggableProps.setLastActiveId;
-  const timeoutRef = React.useRef(null);
-  React.useEffect(() => {
+  const timeoutRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
     if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {
       timeoutRef.current = setTimeout(() => {
         cell.ref.current.focus();
         setLastActiveId(null);
       });
     }
-
     return () => {
       clearTimeout(timeoutRef.current);
     };
   }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);
 };
-
-exports.useRecoverFocusRow = useRecoverFocusRow;
+module.exports = __toCommonJS(useRecoverFocusRow_exports);
+//# sourceMappingURL=useRecoverFocusRow.js.map

package/cjs/hooks/useRecoverFocusRow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useRecoverFocusRow.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { useEffect, useRef } from 'react';\n\n// When we re-render the rows, the drag handle is replaced by another node\n// So we keep track of the last active id, and re-focus it\n\nexport const useRecoverFocusRow = (row, cell, isDragOverlay, draggableProps) => {\n  const isDragging = draggableProps && draggableProps.isDragging;\n  const lastActiveId = draggableProps && draggableProps.lastActiveId;\n  const setLastActiveId = draggableProps && draggableProps.setLastActiveId;\n\n  const timeoutRef = useRef(null);\n\n  useEffect(() => {\n    if (!isDragging && !isDragOverlay && lastActiveId === row.uid) {\n      timeoutRef.current = setTimeout(() => {\n        cell.ref.current.focus();\n        setLastActiveId(null);\n      });\n    }\n    return () => {\n      clearTimeout(timeoutRef.current);\n    };\n  }, [isDragging, isDragOverlay, lastActiveId, row.uid, setLastActiveId, cell.ref]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAK3B,MAAM,qBAAqB,CAAC,KAAK,MAAM,eAAe,mBAAmB;AAC9E,QAAM,aAAa,kBAAkB,eAAe;AACpD,QAAM,eAAe,kBAAkB,eAAe;AACtD,QAAM,kBAAkB,kBAAkB,eAAe;AAEzD,QAAM,aAAa,yBAAO;AAE1B,8BAAU,MAAM;AACd,QAAI,CAAC,cAAc,CAAC,iBAAiB,iBAAiB,IAAI,KAAK;AAC7D,iBAAW,UAAU,WAAW,MAAM;AACpC,aAAK,IAAI,QAAQ;AACjB,wBAAgB;AAAA;AAAA;AAGpB,WAAO,MAAM;AACX,mBAAa,WAAW;AAAA;AAAA,KAEzB,CAAC,YAAY,eAAe,cAAc,IAAI,KAAK,iBAAiB,KAAK;AAAA;",
+  "names": []
+}

package/cjs/index.js

@@ -1,38 +1,29 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DataTable = require('./DataTable.js');
-var FilterPopover = require('./exported-related/FilterPopover.js');
-var EditableCell = require('./exported-related/EditableCell.js');
-var Toolbar = require('./exported-related/Toolbar/Toolbar.js');
-var groupBy = require('./exported-related/groupBy.js');
-var FilterTypes = require('./exported-related/FilterTypes.js');
-var RowVariants = require('./exported-related/RowVariants.js');
-var applyOutOfTheBoxFilters = require('./exported-related/Filters/applyOutOfTheBoxFilters.js');
-var singleDateFilterFn = require('./exported-related/Filters/singleDateFilterFn.js');
-var singleSelectFilterFn = require('./exported-related/Filters/singleSelectFilterFn.js');
-var multiSelectFilterFn = require('./exported-related/Filters/multiSelectFilterFn.js');
-var numberRangeFilterFn = require('./exported-related/Filters/numberRangeFilterFn.js');
-var currencyRangeFilterFn = require('./exported-related/Filters/currencyRangeFilterFn.js');
-var dateRangeFilterFn = require('./exported-related/Filters/dateRangeFilterFn.js');
-
-
-
-exports.DataTable = DataTable.DataTable;
-exports.DataTableWithSchema = DataTable.DataTableWithSchema;
-exports.FilterPopover = FilterPopover.FilterPopover;
-exports.EditableCell = EditableCell.EditableCell;
-exports.Toolbar = Toolbar.Toolbar;
-exports.groupBy = groupBy.groupBy;
-exports.FILTER_TYPES = FilterTypes.FILTER_TYPES;
-exports.ROW_VARIANTS = RowVariants.ROW_VARIANTS;
-exports.ROW_VARIANT_COMPACT_KEY = RowVariants.ROW_VARIANT_COMPACT_KEY;
-exports.ROW_VARIANT_KEY = RowVariants.ROW_VARIANT_KEY;
-exports.applyOutOfTheBoxFilters = applyOutOfTheBoxFilters.applyOutOfTheBoxFilters;
-exports.singleDateFilterFn = singleDateFilterFn.singleDateFilterFn;
-exports.singleSelectFilterFn = singleSelectFilterFn.singleSelectFilterFn;
-exports.multiSelectFilterFn = multiSelectFilterFn.multiSelectFilterFn;
-exports.numberRangeFilterFn = numberRangeFilterFn.numberRangeFilterFn;
-exports.currencyRangeFilterFn = currencyRangeFilterFn.currencyRangeFilterFn;
-exports.dateRangeFilterFn = dateRangeFilterFn.dateRangeFilterFn;
+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 __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 src_exports = {};
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./DataTable"));
+__reExport(src_exports, require("./exported-related"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './DataTable';\n\nexport * from './exported-related';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AAEd,wBAAc;",
+  "names": []
+}

package/cjs/parts/Cells/Cell.js

@@ -1,128 +1,118 @@
-'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 __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
 });
-
-const Cell = _ref2 => {
-  var _SimpleTruncatedToolt;
-
-  let {
-    cell,
-    column,
-    row,
-    isRowSelected,
-    shouldAddExpandCell,
-    isDragOverlay
-  } = _ref2;
-  const ctx = React.useContext(DataTableContext["default"]);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled = require("../../styled");
+var import_Editables = require("../../addons/Editables");
+var import_DataTableContext = require("../../DataTableContext");
+var import_SortableItemContext = require("../HoC/SortableItemContext");
+var import_Columns = require("../../addons/Columns");
+var import_constants = require("../../configs/constants");
+var import_useCellStyle = 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 {
-    tableProps: {
-      cellRendererProps
-    }
+    tableProps: { cellRendererProps }
   } = ctx;
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const [appliedTextWrap, cellStyle] = useCellStyle.useCellStyle(column, shouldAddExpandCell);
-  const cellProps = React.useMemo(() => _objectSpread(_objectSpread({}, cellRendererProps), {}, {
+  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,
     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 = React.useMemo(() => {
+  const pureCellContent = (0, import_react.useMemo)(() => {
     if (shouldAddExpandCell) {
-      return /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
-        cols: ['min-content', 'auto'],
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+        cols: ["min-content", "auto"],
         alignItems: "center",
         height: "100%"
-      }, void 0, shouldAddExpandCell && /*#__PURE__*/jsxRuntime.jsx(ColumnExpand.expandRowColumn.Cell, _objectSpread({}, cellProps)), /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps)));
+      }, shouldAddExpandCell && /* @__PURE__ */ import_react.default.createElement(import_Columns.expandRowColumn.Cell, {
+        ...cellProps
+      }), /* @__PURE__ */ import_react.default.createElement(CellComponent, {
+        ...cellProps
+      }));
     }
-
-    return /*#__PURE__*/jsxRuntime.jsx(CellComponent, _objectSpread({}, cellProps));
+    return /* @__PURE__ */ import_react.default.createElement(CellComponent, {
+      ...cellProps
+    });
   }, [CellComponent, cellProps, shouldAddExpandCell]);
-  const DefaultCellContentJSX = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](styled.StyledCellContent, {}, void 0, appliedTextWrap === 'truncate' ? _SimpleTruncatedToolt || (_SimpleTruncatedToolt = /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+  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, {
     value: pureCellContent
-  })) : 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
-      }));
+  }) : 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
+        });
     }
-
-    if (typeof column.editable === 'function') return column.editable(_objectSpread({
-      DefaultCellRender: DefaultCellContentJSX
-    }, cellProps));
+    if (typeof column.editable === "function")
+      return column.editable({
+        DefaultCellRender: DefaultCellContentJSX,
+        ...cellProps
+      });
     return null;
   }, [DefaultCellContentJSX, cellProps, column]);
-  return /*#__PURE__*/jsxRuntime.jsx(PureStandardCell, _objectSpread(_objectSpread({}, cellProps), {}, {
-    children: column.editable ? EditableContentJSX : DefaultCellContentJSX
-  }));
+  return /* @__PURE__ */ import_react.default.createElement(PureStandardCell, {
+    ...cellProps
+  }, column.editable ? EditableContentJSX : DefaultCellContentJSX);
 };
-
-module.exports = Cell;
+var Cell_default = Cell;
+module.exports = __toCommonJS(Cell_exports);
+//# sourceMappingURL=Cell.js.map

package/cjs/parts/Cells/Cell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Cells/Cell.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { useContext, useMemo, memo } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCell, StyledCellContent } from '../../styled';\nimport { outOfTheBoxEditables } from '../../addons/Editables';\nimport { DataTableContext } from '../../DataTableContext';\nimport { TypescriptColumn, TypescriptRow } from '../../types/props';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { useCellStyle } from './useCellStyle';\n\nconst PureStandardCell = memo<{ cellStyle: unknown; column: TypescriptColumn }>(({ cellStyle, children, column }) => (\n  <StyledCell column={column} style={cellStyle} role=\"cell\" data-testid={DATA_TESTID.DATA_TABLE_CELL}>\n    {children}\n  </StyledCell>\n));\n\ninterface CellProps {\n  cell: any;\n  column: TypescriptColumn;\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  shouldAddExpandCell: boolean;\n  isDragOverlay: boolean;\n}\n\nconst Cell: React.ComponentType<CellProps> = ({\n  cell,\n  column,\n  row,\n  isRowSelected,\n  shouldAddExpandCell,\n  isDragOverlay,\n}) => {\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { cellRendererProps },\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const [appliedTextWrap, cellStyle] = useCellStyle(column, shouldAddExpandCell);\n\n  const cellProps = useMemo(\n    () => ({\n      ...cellRendererProps,\n      cell,\n      row,\n      isRowSelected,\n      ctx,\n      draggableProps,\n      isDragOverlay,\n      role: 'cell',\n      cellStyle,\n      column,\n    }),\n    [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column],\n  );\n\n  const CellComponent = cell.render;\n\n  const pureCellContent = useMemo(() => {\n    if (shouldAddExpandCell) {\n      return (\n        <Grid cols={['min-content', 'auto']} alignItems=\"center\" height=\"100%\">\n          {shouldAddExpandCell && <expandRowColumn.Cell {...cellProps} />}\n          <CellComponent {...cellProps} />\n        </Grid>\n      );\n    }\n    return <CellComponent {...cellProps} />;\n  }, [CellComponent, cellProps, shouldAddExpandCell]);\n\n  const DefaultCellContentJSX = useMemo(\n    () => (\n      <StyledCellContent>\n        {appliedTextWrap === 'truncate' ? <SimpleTruncatedTooltipText value={pureCellContent} /> : pureCellContent}\n      </StyledCellContent>\n    ),\n    [appliedTextWrap, pureCellContent],\n  );\n\n  const EditableContentJSX = useMemo(() => {\n    if (typeof column.editable === 'string') {\n      const { EditableComponent } = outOfTheBoxEditables?.[column.editable];\n      if (EditableComponent) return <EditableComponent {...cellProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n    if (typeof column.editable === 'function')\n      return column.editable({\n        DefaultCellRender: DefaultCellContentJSX,\n        ...cellProps,\n      }) as JSX.Element;\n\n    return null;\n  }, [DefaultCellContentJSX, cellProps, column]);\n\n  return (\n    <PureStandardCell {...cellProps}>{column.editable ? EditableContentJSX : DefaultCellContentJSX}</PureStandardCell>\n  );\n};\n\nexport { Cell };\nexport default Cell;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAiD;AACjD,uCAA2C;AAC3C,qBAAqB;AACrB,oBAA8C;AAC9C,uBAAqC;AACrC,8BAAiC;AAEjC,iCAAoC;AACpC,qBAAgC;AAChC,uBAA4B;AAC5B,0BAA6B;AAE7B,MAAM,mBAAmB,uBAAuD,CAAC,EAAE,WAAW,UAAU,aACtG,mDAAC,0BAAD;AAAA,EAAY;AAAA,EAAgB,OAAO;AAAA,EAAW,MAAK;AAAA,EAAO,eAAa,6BAAY;AAAA,GAChF;AAaL,MAAM,OAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,6BAAW;AACvB,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ;AACJ,QAAM,EAAE,mBAAmB,6BAAW;AAEtC,QAAM,CAAC,iBAAiB,aAAa,sCAAa,QAAQ;AAE1D,QAAM,YAAY,0BAChB,MAAO;AAAA,OACF;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MAEF,CAAC,mBAAmB,MAAM,KAAK,eAAe,KAAK,gBAAgB,eAAe,WAAW;AAG/F,QAAM,gBAAgB,KAAK;AAE3B,QAAM,kBAAkB,0BAAQ,MAAM;AACpC,QAAI,qBAAqB;AACvB,aACE,mDAAC,qBAAD;AAAA,QAAM,MAAM,CAAC,eAAe;AAAA,QAAS,YAAW;AAAA,QAAS,QAAO;AAAA,SAC7D,uBAAuB,mDAAC,+BAAgB,MAAjB;AAAA,WAA0B;AAAA,UAClD,mDAAC,eAAD;AAAA,WAAmB;AAAA;AAAA;AAIzB,WAAO,mDAAC,eAAD;AAAA,SAAmB;AAAA;AAAA,KACzB,CAAC,eAAe,WAAW;AAE9B,QAAM,wBAAwB,0BAC5B,MACE,mDAAC,iCAAD,MACG,oBAAoB,aAAa,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OAAsB,kBAG/F,CAAC,iBAAiB;AAGpB,QAAM,qBAAqB,0BAAQ,MAAM;AACvC,QAAI,OAAO,OAAO,aAAa,UAAU;AACvC,YAAM,EAAE,sBAAsB,wCAAuB,OAAO;AAC5D,UAAI;AAAmB,eAAO,mDAAC,mBAAD;AAAA,aAAuB;AAAA,UAAW,mBAAmB;AAAA;AAAA;AAErF,QAAI,OAAO,OAAO,aAAa;AAC7B,aAAO,OAAO,SAAS;AAAA,QACrB,mBAAmB;AAAA,WAChB;AAAA;AAGP,WAAO;AAAA,KACN,CAAC,uBAAuB,WAAW;AAEtC,SACE,mDAAC,kBAAD;AAAA,OAAsB;AAAA,KAAY,OAAO,WAAW,qBAAqB;AAAA;AAK7E,IAAO,eAAQ;",
+  "names": []
+}

package/cjs/parts/Cells/index.js

@@ -1,82 +1,89 @@
-'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
-
+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 = require("../../addons/Columns");
+var import_styled = require("../../styled");
+var import_Cell = require("./Cell");
+var import_DataTableContext = require("../../DataTableContext");
+const Cells = (props) => {
+  const { row, isRowSelected, isDragOverlay } = props;
+  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   if (row.depth <= 1) {
     let shouldAddExpandCell = false;
     let userCellsProcessed = 0;
-    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 /* @__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 null;
 };
-
-module.exports = Cells;
+var Cells_default = Cells;
+module.exports = __toCommonJS(Cells_exports);
+//# sourceMappingURL=index.js.map

package/cjs/parts/Cells/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Cells/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { StyledActionCell } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { Cell } from './Cell';\nimport { DataTableContext } from '../../DataTableContext';\n\nconst Cells: React.ComponentType<{\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, isRowSelected, isDragOverlay } = props;\n  const ctx = useContext(DataTableContext);\n  // we won't print sub-rows more nested than the first level\n  if (row.depth <= 1) {\n    let shouldAddExpandCell = false;\n    let userCellsProcessed = 0;\n    return (\n      <>\n        {row.cells.map((cell: any) => {\n          const { column } = cell;\n\n          const isUserCell = !INTERNAL_COLUMNS.includes(column.id);\n\n          let jsx = null;\n\n          if (column.id === 'rowActions') {\n            const ActionComponent = cell.render;\n            jsx = (\n              <StyledActionCell role=\"cell\" key={cell.id}>\n                <ActionComponent row={row} cell={cell} column={column} isRowSelected={isRowSelected} ctx={ctx} />\n              </StyledActionCell>\n            );\n          } else if (column.id === 'expander') {\n            // Next user's cell will have the expand cell\n            shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay\n          } else {\n            jsx = (\n              <Cell\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell={isUserCell && shouldAddExpandCell}\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          }\n\n          // Drag overlay only need to print the DnD handle and the first user's cell\n          if (isDragOverlay) {\n            if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;\n          }\n\n          // Reset expand cell\n          if (isUserCell) {\n            shouldAddExpandCell = false;\n            userCellsProcessed += 1;\n          }\n          return jsx;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport { Cells };\nexport default Cells;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,qBAAiC;AACjC,oBAAiC;AAEjC,kBAAqB;AACrB,8BAAiC;AAEjC,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,kBAAkB;AAC9C,QAAM,MAAM,6BAAW;AAEvB,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,sBAAsB;AAC1B,QAAI,qBAAqB;AACzB,WACE,wFACG,IAAI,MAAM,IAAI,CAAC,SAAc;AAC5B,YAAM,EAAE,WAAW;AAEnB,YAAM,aAAa,CAAC,gCAAiB,SAAS,OAAO;AAErD,UAAI,MAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,cACE,mDAAC,gCAAD;AAAA,UAAkB,MAAK;AAAA,UAAO,KAAK,KAAK;AAAA,WACtC,mDAAC,iBAAD;AAAA,UAAiB;AAAA,UAAU;AAAA,UAAY;AAAA,UAAgB;AAAA,UAA8B;AAAA;AAAA,iBAGhF,OAAO,OAAO,YAAY;AAEnC,8BAAsB,CAAC;AAAA,aAClB;AACL,cACE,mDAAC,kBAAD;AAAA,UACE;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAqB,cAAc;AAAA,UACnC;AAAA,UACA,KAAK,KAAK;AAAA;AAAA;AAMhB,UAAI,eAAe;AACjB,YAAI,OAAO,OAAO,sBAAuB,EAAC,cAAc,uBAAuB;AAAI,gBAAM;AAAA;AAI3F,UAAI,YAAY;AACd,8BAAsB;AACtB,8BAAsB;AAAA;AAExB,aAAO;AAAA;AAAA;AAMf,SAAO;AAAA;AAIT,IAAO,gBAAQ;",
+  "names": []
+}