@elliemae/ds-datagrids 2.2.0-alpha.1 → 2.2.0-alpha.5

package/cjs/plugins/virtualization/AutoHeightList.js

@@ -1,59 +1,71 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var React = require('react');
-var reactWindow = require('react-window');
-var dsUtilities = require('@elliemae/ds-utilities');
-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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
-
-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 AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    itemCount,
-    className,
-    innerRef,
-    itemData,
-    itemKey,
-    itemSize,
-    outerRef,
-    component: ListComponent = reactWindow.FixedSizeList
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const listRef = React.useRef();
-  const outerListRef = React.useRef();
-  dsUtilities.useWindowScrollerList({
+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 AutoHeightList_exports = {};
+__export(AutoHeightList_exports, {
+  AutoHeightList: () => AutoHeightList,
+  default: () => AutoHeightList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_window = require("react-window");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const AutoHeightList = (0, import_react.forwardRef)(({
+  itemCount,
+  className,
+  innerRef,
+  itemData,
+  itemKey,
+  itemSize,
+  outerRef,
+  component: ListComponent = import_react_window.FixedSizeList,
+  ...otherProps
+}, ref) => {
+  const listRef = (0, import_react.useRef)();
+  const outerListRef = (0, import_react.useRef)();
+  (0, import_ds_utilities.useWindowScrollerList)({
     listInstance: listRef,
     outerListRef
   });
-  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: dsUtilities.mergeRefs(ref, listRef),
-    className: dsUtilities.cx(className, 'window-scroller-override'),
+  return /* @__PURE__ */ import_react.default.createElement(ListComponent, {
+    ...otherProps,
+    ref: (0, import_ds_utilities.mergeRefs)(ref, listRef),
+    className: (0, import_ds_utilities.cx)(className, "window-scroller-override"),
     height: window.innerHeight,
-    innerRef: innerRef,
-    itemCount: itemCount,
-    itemData: itemData,
-    itemKey: itemKey,
-    itemSize: itemSize,
-    outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
+    innerRef,
+    itemCount,
+    itemData,
+    itemKey,
+    itemSize,
+    outerRef: (0, import_ds_utilities.mergeRefs)(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
-  }));
+  });
 });
-
-module.exports = AutoHeightList;
+var AutoHeightList_default = AutoHeightList;
+module.exports = __toCommonJS(AutoHeightList_exports);
+//# sourceMappingURL=AutoHeightList.js.map

package/cjs/plugins/virtualization/AutoHeightList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/AutoHeightList.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { mergeRefs , useWindowScrollerList, cx } from '@elliemae/ds-utilities';\n\n// eslint-disable-next-line react/display-name\nexport const AutoHeightList = forwardRef(\n  (\n    {\n      itemCount,\n      className,\n      innerRef,\n      itemData,\n      itemKey,\n      itemSize,\n      outerRef,\n      component: ListComponent = List,\n      ...otherProps\n    },\n    ref,\n  ) => {\n    const listRef = useRef();\n    const outerListRef = useRef();\n\n    useWindowScrollerList({\n      listInstance: listRef,\n      outerListRef,\n    });\n\n    return (\n      <ListComponent\n        {...otherProps}\n        ref={mergeRefs(ref, listRef)}\n        className={cx(className, 'window-scroller-override')}\n        height={window.innerHeight}\n        innerRef={innerRef}\n        itemCount={itemCount}\n        itemData={itemData}\n        itemKey={itemKey}\n        itemSize={itemSize}\n        outerRef={mergeRefs(outerListRef, outerRef)}\n        overscanCount={10}\n        useIsScrolling\n      />\n    );\n  },\n);\n\nexport default AutoHeightList;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAsD;AAG/C,MAAM,iBAAiB,6BAC5B,CACE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,gBAAgB;AAAA,KACxB;AAAA,GAEL,QACG;AACH,QAAM,UAAU;AAChB,QAAM,eAAe;AAErB,iDAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,mDAAC,eAAD;AAAA,OACM;AAAA,IACJ,KAAK,mCAAU,KAAK;AAAA,IACpB,WAAW,4BAAG,WAAW;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,mCAAU,cAAc;AAAA,IAClC,eAAe;AAAA,IACf,gBAAc;AAAA;AAAA;AAMtB,IAAO,yBAAQ;",
+  "names": []
+}

package/cjs/plugins/virtualization/VirtualizationPlugin.js

@@ -1,108 +1,97 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var lodash = require('lodash');
-var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-var dsUtilities = require('@elliemae/ds-utilities');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var VirtualizedBody = require('./VirtualizedBody.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var FocusGridManager__default = /*#__PURE__*/_interopDefaultLegacy(FocusGridManager);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-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 VirtualizationPlugin = createInstancePlugin__default["default"]('virtualization', {
+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 VirtualizationPlugin_exports = {};
+__export(VirtualizationPlugin_exports, {
+  VirtualizationPlugin: () => VirtualizationPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_utilities2 = require("@elliemae/ds-utilities");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_VirtualizedBody = require("./VirtualizedBody");
+const VirtualizationPlugin = (0, import_createInstancePlugin.createInstancePlugin)("virtualization", {
   decorateRenderers(renderers, grid) {
-    const BodyWrapper = renderers.body.wrapper; // eslint-disable-next-line react/display-name
-
-    renderers.body.wrapper = React.useMemo(() => props => {
-      const {
-        listProps = {},
-        rows
-      } = props;
+    const BodyWrapper = renderers.body.wrapper;
+    renderers.body.wrapper = (0, import_react.useMemo)(() => (props) => {
+      const { listProps = {}, rows } = props;
       const {
         hotKeys,
-        props: {
-          autoHeight,
-          autoScrollToId,
-          expandable,
-          overscanCount,
-          rowSize
-        },
-        refs: {
-          innerBody
-        },
+        props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },
+        refs: { innerBody },
         setHasScroll,
-        state: {
-          filters
-        }
+        state: { filters }
       } = grid.getInstance();
-      const listRef = React.useRef();
-
-      const nextListProps = _objectSpread(_objectSpread({}, listProps), {}, {
-        ref: dsUtilities.mergeRefs(listRef, listProps.ref)
-      });
-
-      return /*#__PURE__*/_jsx__default["default"](FocusGridManager__default["default"], {
-        hotKeys: hotKeys,
-        keyBindings: _ref => {
-          let {
-            defaultBindings
-          } = _ref;
-          return _objectSpread(_objectSpread({}, defaultBindings), {}, {
-            // todo: this is kind of hacky, since it's virtualized and there's
-            //  the possibility that the firsts or lasts rows aren't rendered
-            Home: dsUtilities.runAll(e => {
-              if (e.ctrlKey) {
-                listRef.current.scrollToItem(0);
-                setTimeout(() => defaultBindings.Home(e), 10);
-              } else {
-                defaultBindings.Home(e);
-              }
-            }),
-            End: dsUtilities.runAll(e => {
-              if (e.ctrlKey) {
-                listRef.current.scrollToItem(rows.length - 1);
-                setTimeout(() => defaultBindings.End(e), 10);
-              } else {
-                defaultBindings.End(e);
-              }
-            })
-          });
-        },
+      const listRef = (0, import_react.useRef)();
+      const nextListProps = {
+        ...listProps,
+        ref: (0, import_ds_utilities2.mergeRefs)(listRef, listProps.ref)
+      };
+      return /* @__PURE__ */ import_react.default.createElement(import_FocusGrid.FocusGrid, {
+        hotKeys,
+        keyBindings: ({ defaultBindings }) => ({
+          ...defaultBindings,
+          Home: (0, import_ds_utilities.runAll)((e) => {
+            if (e.ctrlKey) {
+              listRef.current.scrollToItem(0);
+              setTimeout(() => defaultBindings.Home(e), 10);
+            } else {
+              defaultBindings.Home(e);
+            }
+          }),
+          End: (0, import_ds_utilities.runAll)((e) => {
+            if (e.ctrlKey) {
+              listRef.current.scrollToItem(rows.length - 1);
+              setTimeout(() => defaultBindings.End(e), 10);
+            } else {
+              defaultBindings.End(e);
+            }
+          })
+        }),
         shouldRefocus: false
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(VirtualizedBody, _objectSpread(_objectSpread({}, props), {}, {
-        autoScrollToId: autoScrollToId,
-        autoHeight: autoHeight,
+      }, /* @__PURE__ */ import_react.default.createElement(import_VirtualizedBody.VirtualizedBody, {
+        ...props,
+        autoScrollToId,
+        autoHeight,
         component: BodyWrapper,
-        expandable: expandable,
-        innerBody: innerBody,
+        expandable,
+        innerBody,
         listProps: nextListProps,
-        overscanCount: overscanCount,
-        rowSize: rowSize,
-        setHasScroll: setHasScroll,
-        filters: filters
-      })));
-    }, [lodash.get(grid.getInstance(), 'rows.length')]);
+        overscanCount,
+        rowSize,
+        setHasScroll,
+        filters
+      }));
+    }, [(0, import_lodash.get)(grid.getInstance(), "rows.length")]);
     return renderers;
   }
-
 });
-
-exports.VirtualizationPlugin = VirtualizationPlugin;
+module.exports = __toCommonJS(VirtualizationPlugin_exports);
+//# sourceMappingURL=VirtualizationPlugin.js.map

package/cjs/plugins/virtualization/VirtualizationPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/virtualization/VirtualizationPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-param-reassign */\n/* eslint-disable react/prop-types */\n/* eslint-disable react-hooks/rules-of-hooks */\nimport React, { useMemo, useRef } from 'react';\nimport { get } from 'lodash';\nimport { FocusGrid } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { runAll } from '@elliemae/ds-utilities';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { VirtualizedBody } from './VirtualizedBody';\n\nexport const VirtualizationPlugin = createInstancePlugin('virtualization', {\n  decorateRenderers(renderers, grid) {\n    const BodyWrapper = renderers.body.wrapper;\n    // eslint-disable-next-line react/display-name\n    renderers.body.wrapper = useMemo(\n      () => (props) => {\n        const { listProps = {}, rows } = props;\n        const {\n          hotKeys,\n          props: { autoHeight, autoScrollToId, expandable, overscanCount, rowSize },\n          refs: { innerBody },\n          setHasScroll,\n          state: { filters },\n        } = grid.getInstance();\n\n        const listRef = useRef();\n        const nextListProps = {\n          ...listProps,\n          ref: mergeRefs(listRef, listProps.ref),\n        };\n        return (\n          <FocusGrid\n            hotKeys={hotKeys}\n            keyBindings={({ defaultBindings }) => ({\n              ...defaultBindings,\n              // todo: this is kind of hacky, since it's virtualized and there's\n              //  the possibility that the firsts or lasts rows aren't rendered\n              Home: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(0);\n                  setTimeout(() => defaultBindings.Home(e), 10);\n                } else {\n                  defaultBindings.Home(e);\n                }\n              }),\n              End: runAll((e) => {\n                if (e.ctrlKey) {\n                  listRef.current.scrollToItem(rows.length - 1);\n                  setTimeout(() => defaultBindings.End(e), 10);\n                } else {\n                  defaultBindings.End(e);\n                }\n              }),\n            })}\n            shouldRefocus={false}\n          >\n            <VirtualizedBody\n              {...props}\n              autoScrollToId={autoScrollToId}\n              autoHeight={autoHeight}\n              component={BodyWrapper}\n              expandable={expandable}\n              innerBody={innerBody}\n              listProps={nextListProps}\n              overscanCount={overscanCount}\n              rowSize={rowSize}\n              setHasScroll={setHasScroll}\n              filters={filters}\n            />\n          </FocusGrid>\n        );\n      },\n      [get(grid.getInstance(), 'rows.length')],\n    );\n    return renderers;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAAuC;AACvC,oBAAoB;AACpB,uBAA0B;AAC1B,0BAAuB;AACvB,2BAA0B;AAC1B,kCAAqC;AACrC,6BAAgC;AAEzB,MAAM,uBAAuB,sDAAqB,kBAAkB;AAAA,EACzE,kBAAkB,WAAW,MAAM;AACjC,UAAM,cAAc,UAAU,KAAK;AAEnC,cAAU,KAAK,UAAU,0BACvB,MAAM,CAAC,UAAU;AACf,YAAM,EAAE,YAAY,IAAI,SAAS;AACjC,YAAM;AAAA,QACJ;AAAA,QACA,OAAO,EAAE,YAAY,gBAAgB,YAAY,eAAe;AAAA,QAChE,MAAM,EAAE;AAAA,QACR;AAAA,QACA,OAAO,EAAE;AAAA,UACP,KAAK;AAET,YAAM,UAAU;AAChB,YAAM,gBAAgB;AAAA,WACjB;AAAA,QACH,KAAK,oCAAU,SAAS,UAAU;AAAA;AAEpC,aACE,mDAAC,4BAAD;AAAA,QACE;AAAA,QACA,aAAa,CAAC,EAAE,sBAAuB;AAAA,aAClC;AAAA,UAGH,MAAM,gCAAO,CAAC,MAAM;AAClB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa;AAC7B,yBAAW,MAAM,gBAAgB,KAAK,IAAI;AAAA,mBACrC;AACL,8BAAgB,KAAK;AAAA;AAAA;AAAA,UAGzB,KAAK,gCAAO,CAAC,MAAM;AACjB,gBAAI,EAAE,SAAS;AACb,sBAAQ,QAAQ,aAAa,KAAK,SAAS;AAC3C,yBAAW,MAAM,gBAAgB,IAAI,IAAI;AAAA,mBACpC;AACL,8BAAgB,IAAI;AAAA;AAAA;AAAA;AAAA,QAI1B,eAAe;AAAA,SAEf,mDAAC,wCAAD;AAAA,WACM;AAAA,QACJ;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAKR,CAAC,uBAAI,KAAK,eAAe;AAE3B,WAAO;AAAA;AAAA;",
+  "names": []
+}