@elliemae/ds-datagrids 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -1,100 +1,124 @@
-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 InfiniteScrollPlugin_exports = {};
-__export(InfiniteScrollPlugin_exports, {
-  InfiniteScrollPlugin: () => InfiniteScrollPlugin
-});
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-const registerStateHook = (grid) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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 createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const _excluded = ["children"];
+
+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 registerStateHook = grid => {
   const {
-    props: { getData, onInfiniteScrolling = () => null },
-    actions: { updateRows }
+    props: {
+      getData,
+      onInfiniteScrolling = () => null
+    },
+    actions: {
+      updateRows
+    }
   } = grid;
-  const loading = (0, import_react.useRef)(false);
-  const addMoreData = (data = []) => {
+  const loading = React.useRef(false);
+
+  const addMoreData = function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     loading.current = false;
-    updateRows((prevRows) => prevRows.concat(data || []));
+    updateRows(prevRows => prevRows.concat(data || []));
   };
-  const doLoadData = async (currentRows) => {
+
+  const doLoadData = async currentRows => {
     loading.current = true;
     return Promise.resolve(getData(currentRows)).then(addMoreData);
   };
-  const loadMoreData = (currentRows) => {
+
+  const loadMoreData = currentRows => {
     onInfiniteScrolling(currentRows);
-    if (loading.current || !getData)
-      return;
+    if (loading.current || !getData) return;
     doLoadData(currentRows);
   };
+
   return {
     actions: {
       loadMoreData
     }
   };
 };
-const getBodyProps = ({ children, ...props }, grid) => {
-  const { loadMoreData } = grid.getInstance().actions;
-  const [bodyNode, setBodyRef] = (0, import_react.useState)();
-  const prevScroll = (0, import_react.useRef)();
+
+const getBodyProps = (_ref, grid) => {
+  let props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const {
+    loadMoreData
+  } = grid.getInstance().actions;
+  const [bodyNode, setBodyRef] = React.useState();
+  const prevScroll = React.useRef();
   prevScroll.current = 0;
+
   const handleBodyScroll = (event, s) => {
-    const { target } = event;
-    const { scrollHeight, scrollTop, offsetHeight, scrollLeft } = target;
-    const { composedRows } = grid.getInstance();
+    const {
+      target
+    } = event;
+    const {
+      scrollHeight,
+      scrollTop,
+      offsetHeight,
+      scrollLeft
+    } = target;
+    const {
+      composedRows
+    } = grid.getInstance(); // prevent horizontal scroll triggering infinite scrolling callbacks
+
     if (prevScroll.current !== scrollLeft) {
       prevScroll.current = scrollLeft;
       return;
-    }
-    if (bodyNode !== target)
-      return;
+    } // todo: clean this. Better approach using another component for the infinite scroll
+
+
+    if (bodyNode !== target) return;
+
     if (scrollTop + offsetHeight >= scrollHeight - 1) {
       loadMoreData(composedRows);
     }
   };
-  (0, import_react.useEffect)(() => {
+
+  React.useEffect(() => {
     if (bodyNode) {
-      bodyNode.addEventListener("scroll", handleBodyScroll);
+      bodyNode.addEventListener('scroll', handleBodyScroll);
     }
+
     return () => {
       if (bodyNode) {
-        bodyNode.removeEventListener("scroll", handleBodyScroll);
+        bodyNode.removeEventListener('scroll', handleBodyScroll);
       }
     };
   }, [bodyNode]);
-  return {
-    ...props,
-    listProps: { outerRef: setBodyRef }
-  };
+  return _objectSpread(_objectSpread({}, props), {}, {
+    listProps: {
+      outerRef: setBodyRef
+    }
+  });
 };
-const InfiniteScrollPlugin = (0, import_createInstancePlugin.createInstancePlugin)("infinite-scroll", {
+
+const InfiniteScrollPlugin = createInstancePlugin__default["default"]('infinite-scroll', {
   registerStateHook,
   getBodyProps
 });
-module.exports = __toCommonJS(InfiniteScrollPlugin_exports);
-//# sourceMappingURL=InfiniteScrollPlugin.js.map
+
+exports.InfiniteScrollPlugin = InfiniteScrollPlugin;

package/cjs/plugins/infinite-scrolling/index.js

@@ -1,35 +1,9 @@
-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 infinite_scrolling_exports = {};
-__export(infinite_scrolling_exports, {
-  InfiniteScrollPlugin: () => import_InfiniteScrollPlugin.InfiniteScrollPlugin
-});
-var React = __toESM(require("react"));
-var import_InfiniteScrollPlugin = require("./InfiniteScrollPlugin");
-module.exports = __toCommonJS(infinite_scrolling_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var InfiniteScrollPlugin = require('./InfiniteScrollPlugin.js');
+
+
+
+exports.InfiniteScrollPlugin = InfiniteScrollPlugin.InfiniteScrollPlugin;

package/cjs/plugins/pagination/PaginationPlugin.js

@@ -1,92 +1,109 @@
-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 PaginationPlugin_exports = {};
-__export(PaginationPlugin_exports, {
-  PaginationPlugin: () => PaginationPlugin
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
-var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
-var import_helper = require("./helper");
-var import_usePaginationState = require("./usePaginationState");
-var import_NoResults = require("../../components/NoResults");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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/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 dsUtilities = require('@elliemae/ds-utilities');
+var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
+var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var helper = require('./helper.js');
+var usePaginationState = require('./usePaginationState.js');
+var NoResults = require('../../components/NoResults.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var FocusGridManager__default = /*#__PURE__*/_interopDefaultLegacy(FocusGridManager);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
+const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef", "isPlaceholderActive"];
+
+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 composeRows = (rows, grid) => {
   const {
-    state: { pagination },
-    props: { groupedRows }
+    state: {
+      pagination
+    },
+    props: {
+      groupedRows
+    }
   } = grid.getInstance();
-  if (groupedRows)
-    return rows;
+  if (groupedRows) return rows; // disable pagination with grouping
+
   if (groupedRows) {
-    const filterIds = rows.map((r) => r.id);
-    return (0, import_helper.paginate)(rows.filter((c) => filterIds.includes(c.id)).map((r) => ({
-      ...r,
+    const filterIds = rows.map(r => r.id);
+    return helper["default"](rows.filter(c => filterIds.includes(c.id)).map(r => _objectSpread(_objectSpread({}, r), {}, {
       _isGroup: r.isGroup
     })), pagination);
   }
-  return (0, import_helper.paginate)(rows, pagination);
+
+  return helper["default"](rows, pagination);
 };
-const Body = import_react.default.memo(({
-  component: Component,
-  rows,
-  rowRenderer,
-  noResultsPlaceholder,
-  innerRef,
-  innerBodyRef,
-  isPlaceholderActive = false,
-  ...otherBodyProps
-}) => /* @__PURE__ */ import_react.default.createElement(Component, {
-  ...otherBodyProps,
-  innerRef: (0, import_ds_utilities.mergeRefs)(innerRef)
-}, !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, { index, rowIndex: index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
-  innerRef,
-  rowRenderer
-}, noResultsPlaceholder)));
+
+const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    component: Component,
+    rows,
+    rowRenderer,
+    noResultsPlaceholder,
+    innerRef,
+    innerBodyRef,
+    // depends on body-header-scroll-sync
+    isPlaceholderActive = false
+  } = _ref,
+      otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
+    innerRef: dsUtilities.mergeRefs(innerRef),
+    children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
+      index,
+      rowIndex: index
+    }, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
+      innerRef: innerRef,
+      rowRenderer: rowRenderer
+    }, void 0, noResultsPlaceholder)
+  }));
+});
+
 const decorateRenderers = (renderers, grid) => {
   const BodyWrapper = renderers.body.wrapper;
-  renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
-    const { hotKeys, shouldRefocus, state } = grid.getInstance();
-    return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+  renderers.body.wrapper = React.useMemo(() => props => {
+    const {
       hotKeys,
+      shouldRefocus,
+      state
+    } = grid.getInstance();
+    return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
+      hotKeys: hotKeys,
       shouldRefocus: false
-    }, /* @__PURE__ */ import_react.default.createElement(Body, {
-      ...props,
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Body, _objectSpread(_objectSpread({}, props), {}, {
       component: BodyWrapper
-    }));
+    })));
   }, []);
   return renderers;
 };
-const PaginationPlugin = (0, import_createInstancePlugin.createInstancePlugin)("pagination", {
-  registerStateHook: import_usePaginationState.usePaginationState,
+
+const PaginationPlugin = createInstancePlugin__default["default"]('pagination', {
+  registerStateHook: usePaginationState.usePaginationState,
   decorateRenderers,
   composeRows
 });
-module.exports = __toCommonJS(PaginationPlugin_exports);
-//# sourceMappingURL=PaginationPlugin.js.map
+
+exports.PaginationPlugin = PaginationPlugin;

package/cjs/plugins/pagination/components/Pagination.js

@@ -1,63 +1,44 @@
-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 Pagination_exports = {};
-__export(Pagination_exports, {
-  Pagination: () => Pagination
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_Paginator = require("./Paginator");
-var import_PerPageDropdown = require("./PerPageDropdown");
-const PaginationControls = (0, import_ds_classnames.aggregatedClasses)("div")("data-grid", "controls-pagination");
-const Pagination = ({
-  paginated,
-  pagination = {},
-  onPerPage,
-  onPageSelect,
-  paginationStep = 5,
-  maxPerPage = 10,
-  minPerPage = 5
-}) => {
-  const { perPage } = pagination;
-  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1)
-    return null;
-  return paginated.amount > 0 ? /* @__PURE__ */ import_react.default.createElement(PaginationControls, null, /* @__PURE__ */ import_react.default.createElement(import_PerPageDropdown.PerPageDropdown, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var dsClassnames = require('@elliemae/ds-classnames');
+var Paginator = require('./Paginator.js');
+var PerPageDropdown = require('./PerPageDropdown.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
+
+const Pagination = _ref => {
+  let {
+    paginated,
+    pagination = {},
+    onPerPage,
+    onPageSelect,
+    paginationStep = 5,
+    maxPerPage = 10,
+    minPerPage = 5
+  } = _ref;
+  const {
+    perPage
+  } = pagination;
+  if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
+  return paginated.amount > 0 ? /*#__PURE__*/_jsx__default["default"](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageDropdown, {
     max: maxPerPage,
     min: minPerPage,
     onChange: onPerPage,
     step: paginationStep,
     value: perPage
-  }), /* @__PURE__ */ import_react.default.createElement(import_Paginator.Paginator, {
+  }), /*#__PURE__*/_jsx__default["default"](Paginator, {
     onSelect: onPageSelect,
     pages: paginated.amount,
-    pagination
+    pagination: pagination
   })) : null;
 };
-module.exports = __toCommonJS(Pagination_exports);
-//# sourceMappingURL=Pagination.js.map
+
+exports.Pagination = Pagination;