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

package/cjs/configs/useRowFlattenization.js

@@ -1,48 +1,33 @@
-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 useRowFlattenization_exports = {};
-__export(useRowFlattenization_exports, {
-  useRowFlattenization: () => useRowFlattenization
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_getIdFromUniqueRowAccessor = __toESM(require("../helpers/getIdFromUniqueRowAccessor"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var getIdFromUniqueRowAccessor = require('../helpers/getIdFromUniqueRowAccessor.js');
+
 const emptyObject = {};
 const trueReturner = new Proxy({}, {
   get: () => true
 });
-const flatten = (data, expandedRows, uniqueRowAccessor, maxDepth = 0) => {
+
+const flatten = function (data, expandedRows, uniqueRowAccessor) {
+  let maxDepth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
   const result = [];
-  const doit = (row, index = 0, parentId = null, parentIndex = null, depth = 0) => {
-    const id = (parentId ? `${parentId}.` : "") + index.toString();
-    const uid = (0, import_getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor)(uniqueRowAccessor, {
+
+  const doit = function (row) {
+    var _row$subRows, _row$subRows$length, _row$subRows2;
+
+    let index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let parentIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    let depth = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+    const id = (parentId ? "".concat(parentId, ".") : '') + index.toString();
+    const uid = getIdFromUniqueRowAccessor.getIdFromUniqueRowAccessor(uniqueRowAccessor, {
       id,
-      original: row ?? {}
+      original: row !== null && row !== void 0 ? row : {}
     });
     const isExpanded = expandedRows[uid];
     const rowToPush = {
@@ -54,22 +39,29 @@ const flatten = (data, expandedRows, uniqueRowAccessor, maxDepth = 0) => {
       parentIndex,
       depth,
       isExpanded,
-      original: row ?? {}
+      subRows: (_row$subRows = row.subRows) !== null && _row$subRows !== void 0 ? _row$subRows : [],
+      childrenCount: (_row$subRows$length = (_row$subRows2 = row.subRows) === null || _row$subRows2 === void 0 ? void 0 : _row$subRows2.length) !== null && _row$subRows$length !== void 0 ? _row$subRows$length : 0,
+      original: row !== null && row !== void 0 ? row : {}
     };
-    result.push(rowToPush);
-    if (row?.subRows && expandedRows[uid] && depth <= maxDepth) {
+    result.push(rowToPush); // If we have subrows and we are expanded
+
+    if (row !== null && row !== void 0 && row.subRows && expandedRows[uid] && depth <= maxDepth) {
       row.subRows.forEach((subRow, i) => doit(subRow, i, uid, rowToPush.realIndex, depth + 1));
     }
   };
+
   data.forEach((row, i) => doit(row, i));
   return result;
 };
-const useRowFlattenization = (props) => {
-  const { data } = props;
+
+const useRowFlattenization = props => {
+  const {
+    data
+  } = props;
   const expandedRows = props.isExpandable ? props.expandedRows : emptyObject;
-  const flattenedData = (0, import_react.useMemo)(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
-  const allDataFlattened = (0, import_react.useMemo)(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
+  const flattenedData = React.useMemo(() => flatten(data, expandedRows, props.uniqueRowAccessor), [data, expandedRows, props.uniqueRowAccessor]);
+  const allDataFlattened = React.useMemo(() => flatten(data, trueReturner, props.uniqueRowAccessor, Infinity), [data, props.uniqueRowAccessor]);
   return [flattenedData, allDataFlattened];
 };
-module.exports = __toCommonJS(useRowFlattenization_exports);
-//# sourceMappingURL=useRowFlattenization.js.map
+
+exports.useRowFlattenization = useRowFlattenization;

package/cjs/configs/useTableColsWithAddons.js

@@ -1,80 +1,67 @@
-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 useTableColsWithAddons_exports = {};
-__export(useTableColsWithAddons_exports, {
-  default: () => useTableColsWithAddons_default,
-  useTableColsWithAddons: () => useTableColsWithAddons
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_Columns = __toESM(require("../addons/Columns"));
-const augmentColumns = (columns) => {
-  const augmentColumn = (column, index, parentId = null, depth = 0) => {
-    let id = `column${index}`;
-    if (typeof column.Header === "string")
-      id = column.Header;
-    if (typeof column.accessor === "string")
-      id = column.accessor;
-    if (column.columns)
-      column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
-    return {
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+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 ColumnAction = require('../addons/Columns/ColumnAction/ColumnAction.js');
+var ColumnExpand = require('../addons/Columns/ColumnExpand/ColumnExpand.js');
+var ColumnSelectMultiple = require('../addons/Columns/ColumnSelectMultiple/ColumnSelectMultiple.js');
+var ColumnSelectSingle = require('../addons/Columns/ColumnSelectSingle/ColumnSelectSingle.js');
+var ColumnDragHandle = require('../addons/Columns/ColumnDragHandle/ColumnDragHandle.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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 augmentColumns = columns => {
+  const augmentColumn = function (column, index) {
+    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    let depth = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+    let id = "column".concat(index);
+    if (typeof column.Header === 'string') id = column.Header;
+    if (typeof column.accessor === 'string') id = column.accessor;
+    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));
+    return _objectSpread(_objectSpread({
       id,
       parentId,
-      depth,
-      ...column,
-      ref: (0, import_react.createRef)()
-    };
+      depth
+    }, column), {}, {
+      ref: /*#__PURE__*/React.createRef()
+    });
   };
+
   return columns.map((col, index) => augmentColumn(col, index));
 };
-const useTableColsWithAddons = ({
-  columns,
-  renderRowActions,
-  isExpandable,
-  selectSingle,
-  selection,
-  dragAndDropRows,
-  noSelectionColumn
-}) => (0, import_react.useMemo)(() => {
-  const columnsWithAddons = [...augmentColumns(columns)];
-  if (isExpandable)
-    columnsWithAddons.unshift(import_Columns.expandRowColumn);
-  if (selection && !noSelectionColumn)
-    if (selectSingle)
-      columnsWithAddons.unshift(import_Columns.singleSelectColumn);
-    else
-      columnsWithAddons.unshift(import_Columns.multiSelectColumn);
-  if (dragAndDropRows)
-    columnsWithAddons.unshift(import_Columns.dragHandleColumn);
-  if (renderRowActions)
-    columnsWithAddons.push((0, import_Columns.actionColumn)(renderRowActions));
-  return columnsWithAddons;
-}, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
-var useTableColsWithAddons_default = useTableColsWithAddons;
-module.exports = __toCommonJS(useTableColsWithAddons_exports);
-//# sourceMappingURL=useTableColsWithAddons.js.map
+
+const useTableColsWithAddons = _ref => {
+  let {
+    columns,
+    renderRowActions,
+    isExpandable,
+    selectSingle,
+    selection,
+    dragAndDropRows,
+    noSelectionColumn
+  } = _ref;
+  return React.useMemo(() => {
+    const columnsWithAddons = [...augmentColumns(columns)];
+    if (isExpandable) columnsWithAddons.unshift(ColumnExpand.expandRowColumn);
+    if (selection && !noSelectionColumn) if (selectSingle) columnsWithAddons.unshift(ColumnSelectSingle.singleSelectColumn);else columnsWithAddons.unshift(ColumnSelectMultiple.multiSelectColumn);
+    if (dragAndDropRows) columnsWithAddons.unshift(ColumnDragHandle.dragHandleColumn);
+    if (renderRowActions) columnsWithAddons.push(ColumnAction.actionColumn(renderRowActions));
+    return columnsWithAddons;
+  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);
+};
+
+module.exports = useTableColsWithAddons;

package/cjs/configs/zIndexInternalConfig.js

@@ -1,35 +1,7 @@
-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 zIndexInternalConfig_exports = {};
-__export(zIndexInternalConfig_exports, {
-  ZIndexDataTable: () => ZIndexDataTable
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const ZIndexDataTable = {
   ROW: 0,
   EXTERNAL: 0,
@@ -38,5 +10,5 @@ const ZIndexDataTable = {
   DROP_INDICATOR: 6,
   FOCUS_BORDER: 7
 };
-module.exports = __toCommonJS(zIndexInternalConfig_exports);
-//# sourceMappingURL=zIndexInternalConfig.js.map
+
+exports.ZIndexDataTable = ZIndexDataTable;

package/cjs/exported-related/EditableCell.js

@@ -1,74 +1,66 @@
-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 EditableCell_exports = {};
-__export(EditableCell_exports, {
-  EditableCell: () => EditableCell
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_styled = __toESM(require("../styled"));
-var import_DataTableContext = __toESM(require("../DataTableContext"));
-const EditableCell = (props) => {
-  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
-  const { virtualListHelpers } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
-  const [isEditing, setIsEditing] = (0, import_react.useState)(false);
-  const [lastIsEditing, setLastIsEditing] = (0, import_react.useState)(false);
-  (0, import_react.useLayoutEffect)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var styled = require('../styled.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);
+
+var _StyledPencilIcon;
+const EditableCell = props => {
+  const {
+    StandardRender,
+    EditableRenderer,
+    cell,
+    isRowSelected,
+    setValue
+  } = props;
+  const {
+    virtualListHelpers
+  } = React.useContext(DataTableContext["default"]);
+  const [isEditing, setIsEditing] = React.useState(false);
+  const [lastIsEditing, setLastIsEditing] = React.useState(false); // When an editable cell is switched on-off, we recalculate the height of the rows
+
+  React.useLayoutEffect(() => {
     if (isEditing !== lastIsEditing) {
       virtualListHelpers.measure();
       setLastIsEditing(isEditing);
-    }
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
   }, [isEditing]);
-  const handleCellClick = (0, import_react.useCallback)((e) => {
+  const handleCellClick = React.useCallback(e => {
     if (!isEditing) {
       e.stopPropagation();
       setIsEditing(true);
     }
   }, [isEditing]);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
+  const handleOnKeyDown = React.useCallback(e => {
     if (isEditing) {
       e.stopPropagation();
-      if (["Enter", "Escape"].includes(e.code)) {
+
+      if (['Enter', 'Escape'].includes(e.code)) {
         setIsEditing(false);
       }
-    } else if (["Enter", "Space"].includes(e.code)) {
+    } else if (['Enter', 'Space'].includes(e.code)) {
       handleCellClick(e);
     }
   }, [isEditing, handleCellClick, setIsEditing]);
-  const handleOnBlur = (0, import_react.useCallback)((event) => {
+  const handleOnBlur = React.useCallback(event => {
     if (isEditing && !event.currentTarget.contains(event.relatedTarget)) {
+      // Not triggered when swapping focus between children
       setIsEditing(false);
     }
   }, [isEditing]);
-  const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledEditableContainer, {
-    cols,
+  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledEditableContainer, {
+    cols: cols,
     tabIndex: isRowSelected && !isEditing ? 0 : -1,
     ref: cell.ref,
     onClick: handleCellClick,
@@ -76,17 +68,15 @@ const EditableCell = (props) => {
     onBlur: handleOnBlur,
     shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
     role: "cell",
-    "aria-labelledby": isEditing ? void 0 : cell.id
-  }, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledPencilIcon, null), /* @__PURE__ */ import_react.default.createElement("span", {
-    id: cell.id,
-    style: { display: "none" },
-    "aria-hidden": "true"
-  }, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
-};
-EditableCell.propTypes = {
-  StandardRender: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]).isRequired,
-  EditableRenderer: import_prop_types.default.oneOfType([import_prop_types.default.func, import_prop_types.default.object]).isRequired,
-  cell: import_prop_types.default.object.isRequired
+    "aria-labelledby": isEditing ? undefined : cell.id,
+    children: [!isEditing ? StandardRender : EditableRenderer, !isEditing && (_StyledPencilIcon || (_StyledPencilIcon = /*#__PURE__*/_jsx__default["default"](styled.StyledPencilIcon, {}))), /*#__PURE__*/_jsx__default["default"]("span", {
+      id: cell.id,
+      style: {
+        display: 'none'
+      },
+      "aria-hidden": "true"
+    }, void 0, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key")]
+  });
 };
-module.exports = __toCommonJS(EditableCell_exports);
-//# sourceMappingURL=EditableCell.js.map
+
+exports.EditableCell = EditableCell;