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

package/cjs/exported-related/RowRenderer/useRowRendererHandlers.js

@@ -1,105 +1,134 @@
-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 useRowRendererHandlers_exports = {};
-__export(useRowRendererHandlers_exports, {
-  useRowRendererHandlers: () => useRowRendererHandlers
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_constants = __toESM(require("../../configs/constants"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
-var import_reducers = __toESM(require("../../redux/reducers"));
-const useRowRendererHandlers = ({
-  row,
-  itemIndex,
-  items,
-  draggableProps,
-  isDragOverlay,
-  selectedRowId
-}) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+var React = require('react');
+var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.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('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('@babel/runtime/helpers/jsx');
+require('@elliemae/ds-icons');
+require('styled-components');
+require('../../styled.js');
+require('react/jsx-runtime');
+require('@elliemae/ds-form');
+require('../../parts/TableContent.js');
+require('@elliemae/ds-grid');
+require('@elliemae/ds-circular-progress-indicator');
+require('@elliemae/ds-system');
+require('@elliemae/ds-button');
+var DataTableContext = require('../../DataTableContext.js');
+require('../../parts/Row.js');
+require('../../parts/Footer.js');
+require('../../parts/HoC/SortableItemContext.js');
+require('../../redux/reducers/index.js');
+var useDispatchRowsActions = require('../../redux/reducers/rowsReducers/useDispatchRowsActions.js');
+
+const useRowRendererHandlers = _ref => {
+  let {
+    row,
+    itemIndex,
+    items,
+    draggableProps,
+    isDragOverlay,
+    selectedRowId
+  } = _ref;
   const {
-    tableProps: { onRowClick, onRowFocus },
-    virtualListHelpers: { scrollToIndex }
-  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
-  const { setSelectedRowId, setFocusedRowId } = (0, import_reducers.useDispatchRowsActions)();
-  const handleItemClick = (0, import_react.useCallback)((e, { original, uid } = row) => {
+    tableProps: {
+      onRowClick,
+      onRowFocus
+    },
+    virtualListHelpers: {
+      scrollToIndex
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    setSelectedRowId,
+    setFocusedRowId
+  } = useDispatchRowsActions.useDispatchRowsActions();
+  const handleItemClick = React.useCallback(function (e) {
+    let {
+      original,
+      uid
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : row;
+    // setSelectedRowId(null);
     onRowClick(original, e, uid);
     onRowFocus({
       itemIndex,
-      scrollToItem: (opts = {
-        align: "start"
-      }) => scrollToIndex(itemIndex, opts),
+      scrollToItem: function () {
+        let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+          align: 'start'
+        };
+        return scrollToIndex(itemIndex, opts);
+      },
       original
     }, e);
   }, [row, onRowClick, onRowFocus, itemIndex, scrollToIndex]);
   const isActive = draggableProps && draggableProps.active;
-  const handleKeyDown = (0, import_react.useCallback)((e) => {
+  const handleKeyDown = React.useCallback(e => {
     if (isDragOverlay || isActive) {
       e.preventDefault();
       return;
     }
-    if (e.code === "Enter") {
+
+    if (e.code === 'Enter') {
       e.preventDefault();
+
       if (selectedRowId !== row.uid) {
         setSelectedRowId(row.uid);
         setTimeout(() => {
-          const focuseableCell = row.cells.find((cell) => cell.ref.current !== null);
-          if (focuseableCell)
-            focuseableCell.ref.current.focus();
+          const focuseableCell = row.cells.find(cell => cell.ref.current !== null);
+          if (focuseableCell) focuseableCell.ref.current.focus();
         });
       }
     }
-    if (e.code === "Space") {
+
+    if (e.code === 'Space') {
       e.preventDefault();
       handleItemClick(e, row);
     }
-    if (e.code === "ArrowDown") {
+
+    if (e.code === 'ArrowDown') {
       e.preventDefault();
-      if (itemIndex + 1 < items.length)
-        setFocusedRowId(items[itemIndex + 1].uid);
+      if (itemIndex + 1 < items.length) setFocusedRowId(items[itemIndex + 1].uid);
     }
-    if (e.code === "ArrowUp") {
+
+    if (e.code === 'ArrowUp') {
       e.preventDefault();
-      if (itemIndex - 1 >= 0)
-        setFocusedRowId(items[itemIndex - 1].uid);
+      if (itemIndex - 1 >= 0) setFocusedRowId(items[itemIndex - 1].uid);
     }
   }, [isDragOverlay, isActive, selectedRowId, row, setSelectedRowId, handleItemClick, itemIndex, items, setFocusedRowId]);
-  const handleOnBlur = (0, import_react.useCallback)((e) => {
-    if (e.relatedTarget?.getAttribute("data-testid") === "data-table-row-content") {
+  const handleOnBlur = React.useCallback(e => {
+    var _e$relatedTarget;
+
+    if (((_e$relatedTarget = e.relatedTarget) === null || _e$relatedTarget === void 0 ? void 0 : _e$relatedTarget.getAttribute('data-testid')) === 'data-table-row-content') {
       setSelectedRowId(null);
     }
   }, [setSelectedRowId]);
-  const handleOnFocus = (0, import_react.useCallback)((e) => {
-    if (e.target && e.target.getAttribute("data-testid") === import_constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
+  const handleOnFocus = React.useCallback(e => {
+    if (e.target && e.target.getAttribute('data-testid') === constants.DATA_TESTID.DATA_TABLE_ROW_CONTENT) {
       setFocusedRowId(row.uid);
     }
   }, [row.uid, setFocusedRowId]);
-  return { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus };
+  return {
+    handleItemClick,
+    handleKeyDown,
+    handleOnBlur,
+    handleOnFocus
+  };
 };
-module.exports = __toCommonJS(useRowRendererHandlers_exports);
-//# sourceMappingURL=useRowRendererHandlers.js.map
+
+exports.useRowRendererHandlers = useRowRendererHandlers;

package/cjs/exported-related/RowRenderer/useRowRendererProperties.js

@@ -1,57 +1,48 @@
-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 useRowRendererProperties_exports = {};
-__export(useRowRendererProperties_exports, {
-  useRowRendererProperties: () => useRowRendererProperties
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
-var import_useRowStyle = __toESM(require("./useRowStyle"));
-const useRowRendererProperties = ({
-  row
-}) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.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 DataTableContext = require('../../DataTableContext.js');
+var useRowStyle = require('./useRowStyle.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 useRowRendererProperties = _ref => {
+  let {
+    row
+  } = _ref;
   const {
-    tableProps: { colsLayoutStyle },
-    layoutHelpers: { totalColumnsWidth }
-  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
-  const userDataProperties = (0, import_react.useMemo)(() => Object.keys(row.original).reduce((acc, cur) => {
-    if (cur.startsWith("data-"))
-      acc[cur] = row.original[cur];
+    tableProps: {
+      colsLayoutStyle
+    },
+    layoutHelpers: {
+      totalColumnsWidth
+    }
+  } = React.useContext(DataTableContext["default"]);
+  const userDataProperties = React.useMemo(() => Object.keys(row.original).reduce((acc, cur) => {
+    if (cur.startsWith('data-')) acc[cur] = row.original[cur];
     return acc;
   }, {}), [row]);
-  const styleRelatedProps = (0, import_useRowStyle.useRowStyle)(row);
-  return {
+  const styleRelatedProps = useRowStyle.useRowStyle(row);
+  return _objectSpread({
     userDataProperties,
     colsLayoutStyle,
-    totalColumnsWidth,
-    ...styleRelatedProps
-  };
+    totalColumnsWidth
+  }, styleRelatedProps);
 };
-module.exports = __toCommonJS(useRowRendererProperties_exports);
-//# sourceMappingURL=useRowRendererProperties.js.map
+
+exports.useRowRendererProperties = useRowRendererProperties;

package/cjs/exported-related/RowRenderer/useRowStyle.js

@@ -1,57 +1,45 @@
-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 useRowStyle_exports = {};
-__export(useRowStyle_exports, {
-  useRowStyle: () => useRowStyle
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_DataTableContext = __toESM(require("../../DataTableContext"));
-var import_SortableItemContext = __toESM(require("../../parts/HoC/SortableItemContext"));
-const useRowStyle = (row) => {
-  const { flattenedData } = (0, import_react.useContext)(import_DataTableContext.default);
-  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
-  const [borderTop, borderBottom, shouldAppendDottedBorder] = (0, import_react.useMemo)(() => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var DataTableContext = require('../../DataTableContext.js');
+var SortableItemContext = require('../../parts/HoC/SortableItemContext.js');
+
+const useRowStyle = row => {
+  const {
+    flattenedData
+  } = React.useContext(DataTableContext["default"]);
+  const {
+    draggableProps
+  } = React.useContext(SortableItemContext.SortableItemContext); // ---------------------------------------------------------------------------
+  // Border calculation
+  // ---------------------------------------------------------------------------
+
+  const [borderTop, borderBottom, shouldAppendDottedBorder] = React.useMemo(() => {
     if (row.original.dimsumHeaderValue) {
-      return ["none", "none", false];
+      return ['none', 'none', false];
     }
+
     if (row.isExpanded && row.original.subRows && row.depth === 0) {
-      return ["1px solid #EBEDF0", "none", true];
+      return ['1px solid #EBEDF0', 'none', true];
     }
+
     if (row.depth >= 1) {
       if (row.realIndex < flattenedData.length - 1 && flattenedData[row.realIndex + 1].depth === 0) {
-        return ["none", "2px solid #EBEDF0", false];
+        return ['none', '2px solid #EBEDF0', false];
       }
-      return ["none", "none", true];
+
+      return ['none', 'none', true];
     }
-    return ["none", "1px solid #EBEDF0", false];
+
+    return ['none', '1px solid #EBEDF0', false];
   }, [row, flattenedData]);
-  const rowStyle = (0, import_react.useMemo)(() => ({ borderTop, borderBottom }), [borderTop, borderBottom]);
+  const rowStyle = React.useMemo(() => ({
+    borderTop,
+    borderBottom
+  }), [borderTop, borderBottom]);
   const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
   return {
     rowStyle,
@@ -59,5 +47,5 @@ const useRowStyle = (row) => {
     dropIndicatorPosition
   };
 };
-module.exports = __toCommonJS(useRowStyle_exports);
-//# sourceMappingURL=useRowStyle.js.map
+
+exports.useRowStyle = useRowStyle;

package/cjs/exported-related/RowVariants.js

@@ -1,45 +1,17 @@
-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 RowVariants_exports = {};
-__export(RowVariants_exports, {
-  ROW_VARIANTS: () => ROW_VARIANTS,
-  ROW_VARIANT_COMPACT_KEY: () => ROW_VARIANT_COMPACT_KEY,
-  ROW_VARIANT_KEY: () => ROW_VARIANT_KEY
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const ROW_VARIANTS = {
-  HEADER_GROUP: "ds-header-group-row",
-  PRIMARY: "ds-primary-row",
-  SECONDARY: "ds-secondary-row",
-  COMPACT_PRIMARY: "ds-compact-primary-row",
-  COMPACT_SECONDARY: "ds-compact-secondary-row"
+  HEADER_GROUP: 'ds-header-group-row',
+  PRIMARY: 'ds-primary-row',
+  SECONDARY: 'ds-secondary-row',
+  COMPACT_PRIMARY: 'ds-compact-primary-row',
+  COMPACT_SECONDARY: 'ds-compact-secondary-row'
 };
-const ROW_VARIANT_KEY = "row_variant_type";
-const ROW_VARIANT_COMPACT_KEY = "row_variant_compact";
-module.exports = __toCommonJS(RowVariants_exports);
-//# sourceMappingURL=RowVariants.js.map
+const ROW_VARIANT_KEY = 'row_variant_type';
+const ROW_VARIANT_COMPACT_KEY = 'row_variant_compact';
+
+exports.ROW_VARIANTS = ROW_VARIANTS;
+exports.ROW_VARIANT_COMPACT_KEY = ROW_VARIANT_COMPACT_KEY;
+exports.ROW_VARIANT_KEY = ROW_VARIANT_KEY;