@elliemae/ds-datagrids 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/plugins/filterable/useFilterableState.js

@@ -1,28 +1,39 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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 uuid = require('uuid');
-var helper = require('./helper.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; }
-
+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 useFilterableState_exports = {};
+__export(useFilterableState_exports, {
+  useFilterableState: () => useFilterableState
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_uuid = require("uuid");
+var import_helper = require("./helper");
 const noop = () => null;
-
 function useFilterableState(grid) {
   const {
     filters: filtersProp,
@@ -31,76 +42,61 @@ function useFilterableState(grid) {
     onRemoveAllFilters = noop,
     onFiltersChange = noop
   } = grid.props;
-  const [filters, setFilters] = React.useState(filtersProp || []);
-  React.useEffect(() => {
+  const [filters, setFilters] = (0, import_react.useState)(filtersProp || []);
+  (0, import_react.useEffect)(() => {
     if (filtersProp && filtersProp !== filters) {
       setFilters(filtersProp);
     }
   }, [filtersProp]);
-  const queryFromFilters = React.useMemo(() => helper.parseFiltersToQuery(filters || []), [filters]);
-
-  const handleFiltersChange = nextFilters => {
+  const queryFromFilters = (0, import_react.useMemo)(() => (0, import_helper.parseFiltersToQuery)(filters || []), [
+    filters
+  ]);
+  const handleFiltersChange = (nextFilters) => {
     const {
-      refs: {
-        body
-      }
+      refs: { body }
     } = grid.getInstance();
     body.current.scrollTop = 0;
     setFilters(nextFilters);
-    grid.observeRows(rows => onFiltersChange(nextFilters, queryFromFilters, rows));
+    grid.observeRows((rows) => onFiltersChange(nextFilters, queryFromFilters, rows));
   };
-
   const addFilter = (filter, column) => {
     let hasBeenCalled = false;
-
-    const trimmedFilter = _objectSpread(_objectSpread({}, filter), {}, {
+    const trimmedFilter = {
+      ...filter,
       value: String(filter.value).trim()
-    });
-    /* eslint-disable indent */
-
-
-    const parsedFilter = !filter.group ? _objectSpread(_objectSpread({}, trimmedFilter), {}, {
+    };
+    const parsedFilter = !filter.group ? {
+      ...trimmedFilter,
       value: String(filter.value).trim(),
-      group: 'all',
-      label: 'All',
-      id: uuid.v4()
-    }) : _objectSpread(_objectSpread({}, trimmedFilter), {}, {
+      group: "all",
+      label: "All",
+      id: (0, import_uuid.v4)()
+    } : {
+      ...trimmedFilter,
       value: String(filter.value).trim(),
-      id: uuid.v4(),
+      id: (0, import_uuid.v4)(),
       label: column && column.filterLabel || trimmedFilter.label,
       originalProperty: column.originalProperty || column.property,
-      customValue: helper.getFilterValue(trimmedFilter, column)
-    });
-    /* eslint-enable indent */
-
-    setFilters(prevFilters => {
-      // This was setted for an issue that was recalling this function on the handleFiltersChange
+      customValue: (0, import_helper.getFilterValue)(trimmedFilter, column)
+    };
+    setFilters((prevFilters) => {
       if (hasBeenCalled) {
         return;
       }
-
       hasBeenCalled = true;
-      const nextFilters = helper.buildFilterArray(parsedFilter, prevFilters);
-      handleFiltersChange(nextFilters);
+      const nextFilters = (0, import_helper.buildFilterArray)(parsedFilter, prevFilters);
+      handleFiltersChange(nextFilters, true);
       onAddFilter(parsedFilter, nextFilters, column);
     });
   };
-
-  const removeFilter = _ref => {
-    let {
-      group,
-      pill,
-      nextFilters
-    } = _ref;
+  const removeFilter = ({ group, pill, nextFilters }) => {
     onRemoveFilter(group, pill.value, nextFilters);
     handleFiltersChange(nextFilters);
   };
-
   const removeAllFilters = () => {
     onRemoveAllFilters();
     handleFiltersChange([]);
   };
-
   return {
     actions: {
       addFilter,
@@ -113,5 +109,5 @@ function useFilterableState(grid) {
     }
   };
 }
-
-exports.useFilterableState = useFilterableState;
+module.exports = __toCommonJS(useFilterableState_exports);
+//# sourceMappingURL=useFilterableState.js.map

package/cjs/plugins/filterable/useFilterableState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/filterable/useFilterableState.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemo, useState, useEffect } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n  buildFilterArray,\n  getFilterValue,\n  parseFiltersToQuery,\n} from './helper';\n\nconst noop = () => null;\n\nexport function useFilterableState(grid) {\n  const {\n    filters: filtersProp,\n    onAddFilter = noop,\n    onRemoveFilter = noop,\n    onRemoveAllFilters = noop,\n    onFiltersChange = noop,\n  } = grid.props;\n\n  const [filters, setFilters] = useState(filtersProp || []);\n\n  useEffect(() => {\n    if (filtersProp && filtersProp !== filters) {\n      setFilters(filtersProp);\n    }\n  }, [filtersProp]);\n\n  const queryFromFilters = useMemo(() => parseFiltersToQuery(filters || []), [\n    filters,\n  ]);\n\n  const handleFiltersChange = (nextFilters) => {\n    const {\n      refs: { body },\n    } = grid.getInstance();\n    body.current.scrollTop = 0;\n    setFilters(nextFilters);\n    grid.observeRows((rows) =>\n      onFiltersChange(nextFilters, queryFromFilters, rows),\n    );\n  };\n\n  const addFilter = (filter, column) => {\n    let hasBeenCalled = false;\n    const trimmedFilter = {\n      ...filter,\n      value: String(filter.value).trim(),\n    };\n    /* eslint-disable indent */\n    const parsedFilter = !filter.group\n      ? {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          group: 'all',\n          label: 'All',\n          id: uuidv4(),\n        }\n      : {\n          ...trimmedFilter,\n          value: String(filter.value).trim(),\n          id: uuidv4(),\n          label: (column && column.filterLabel) || trimmedFilter.label,\n          originalProperty: column.originalProperty || column.property,\n          customValue: getFilterValue(trimmedFilter, column),\n        };\n    /* eslint-enable indent */\n    setFilters((prevFilters) => {\n      // This was setted for an issue that was recalling this function on the handleFiltersChange\n      if (hasBeenCalled) {\n        return;\n      }\n      hasBeenCalled = true;\n\n      const nextFilters = buildFilterArray(parsedFilter, prevFilters);\n      handleFiltersChange(nextFilters, true);\n      onAddFilter(parsedFilter, nextFilters, column);\n    });\n  };\n\n  const removeFilter = ({ group, pill, nextFilters }) => {\n    onRemoveFilter(group, pill.value, nextFilters);\n    handleFiltersChange(nextFilters);\n  };\n\n  const removeAllFilters = () => {\n    onRemoveAllFilters();\n    handleFiltersChange([]);\n  };\n  return {\n    actions: {\n      addFilter,\n      removeFilter,\n      removeAllFilters,\n    },\n    state: {\n      query: queryFromFilters,\n      filters,\n    },\n  };\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA6C;AAC7C,kBAA6B;AAC7B,oBAIO;AAEP,MAAM,OAAO,MAAM;AAEZ,4BAA4B,MAAM;AACvC,QAAM;AAAA,IACJ,SAAS;AAAA,IACT,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,kBAAkB;AAAA,MAChB,KAAK;AAET,QAAM,CAAC,SAAS,cAAc,2BAAS,eAAe;AAEtD,8BAAU,MAAM;AACd,QAAI,eAAe,gBAAgB,SAAS;AAC1C,iBAAW;AAAA;AAAA,KAEZ,CAAC;AAEJ,QAAM,mBAAmB,0BAAQ,MAAM,uCAAoB,WAAW,KAAK;AAAA,IACzE;AAAA;AAGF,QAAM,sBAAsB,CAAC,gBAAgB;AAC3C,UAAM;AAAA,MACJ,MAAM,EAAE;AAAA,QACN,KAAK;AACT,SAAK,QAAQ,YAAY;AACzB,eAAW;AACX,SAAK,YAAY,CAAC,SAChB,gBAAgB,aAAa,kBAAkB;AAAA;AAInD,QAAM,YAAY,CAAC,QAAQ,WAAW;AACpC,QAAI,gBAAgB;AACpB,UAAM,gBAAgB;AAAA,SACjB;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA;AAG9B,UAAM,eAAe,CAAC,OAAO,QACzB;AAAA,SACK;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,OAAO;AAAA,MACP,OAAO;AAAA,MACP,IAAI;AAAA,QAEN;AAAA,SACK;AAAA,MACH,OAAO,OAAO,OAAO,OAAO;AAAA,MAC5B,IAAI;AAAA,MACJ,OAAQ,UAAU,OAAO,eAAgB,cAAc;AAAA,MACvD,kBAAkB,OAAO,oBAAoB,OAAO;AAAA,MACpD,aAAa,kCAAe,eAAe;AAAA;AAGjD,eAAW,CAAC,gBAAgB;AAE1B,UAAI,eAAe;AACjB;AAAA;AAEF,sBAAgB;AAEhB,YAAM,cAAc,oCAAiB,cAAc;AACnD,0BAAoB,aAAa;AACjC,kBAAY,cAAc,aAAa;AAAA;AAAA;AAI3C,QAAM,eAAe,CAAC,EAAE,OAAO,MAAM,kBAAkB;AACrD,mBAAe,OAAO,KAAK,OAAO;AAClC,wBAAoB;AAAA;AAGtB,QAAM,mBAAmB,MAAM;AAC7B;AACA,wBAAoB;AAAA;AAEtB,SAAO;AAAA,IACL,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/plugins/grouping-by/GroupingByPlugin.js

@@ -1,20 +1,41 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var lodash = require('lodash');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
+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 GroupingByPlugin_exports = {};
+__export(GroupingByPlugin_exports, {
+  GroupingByPlugin: () => GroupingByPlugin
+});
+var React = __toESM(require("react"));
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_lodash = require("lodash");
 const groupedByData = (groupedBy, composedRows) => {
-  const grouped = lodash.groupBy(composedRows, groupedBy);
+  const grouped = (0, import_lodash.groupBy)(composedRows, groupedBy);
   return Object.keys(grouped).map((c, key) => ({
-    id: "grouped-by-".concat(groupedBy, "-").concat(key),
+    id: `grouped-by-${groupedBy}-${key}`,
     key: groupedBy,
     value: c,
     children: grouped[c],
@@ -22,19 +43,15 @@ const groupedByData = (groupedBy, composedRows) => {
     isGroup: true
   }));
 };
-
-const GroupingByPlugin = createInstancePlugin__default["default"]('groupedByRows', {
+const GroupingByPlugin = (0, import_createInstancePlugin.createInstancePlugin)("groupedByRows", {
   decorateGrid(grid) {
     const {
       composedRows,
-      props: {
-        groupedBy
-      }
+      props: { groupedBy }
     } = grid.getInstance();
     grid.composedRows = groupedBy ? groupedByData(groupedBy, composedRows) : composedRows;
     return grid;
   }
-
 });
-
-exports.GroupingByPlugin = GroupingByPlugin;
+module.exports = __toCommonJS(GroupingByPlugin_exports);
+//# sourceMappingURL=GroupingByPlugin.js.map

package/cjs/plugins/grouping-by/GroupingByPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/grouping-by/GroupingByPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { groupBy } from 'lodash';\n\nconst groupedByData = (groupedBy, composedRows) => {\n  const grouped = groupBy(composedRows, groupedBy);\n  return Object.keys(grouped).map((c, key) => ({\n    id: `grouped-by-${groupedBy}-${key}`,\n    key: groupedBy,\n    value: c,\n    children: grouped[c],\n    _isGroup: true,\n    isGroup: true,\n  }));\n};\n\nexport const GroupingByPlugin = createInstancePlugin('groupedByRows', {\n  decorateGrid(grid) {\n    const {\n      composedRows,\n      props: { groupedBy },\n    } = grid.getInstance();\n    grid.composedRows = groupedBy\n      ? groupedByData(groupedBy, composedRows)\n      : composedRows;\n    return grid;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCAAqC;AACrC,oBAAwB;AAExB,MAAM,gBAAgB,CAAC,WAAW,iBAAiB;AACjD,QAAM,UAAU,2BAAQ,cAAc;AACtC,SAAO,OAAO,KAAK,SAAS,IAAI,CAAC,GAAG,QAAS;AAAA,IAC3C,IAAI,cAAc,aAAa;AAAA,IAC/B,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU,QAAQ;AAAA,IAClB,UAAU;AAAA,IACV,SAAS;AAAA;AAAA;AAIN,MAAM,mBAAmB,sDAAqB,iBAAiB;AAAA,EACpE,aAAa,MAAM;AACjB,UAAM;AAAA,MACJ;AAAA,MACA,OAAO,EAAE;AAAA,QACP,KAAK;AACT,SAAK,eAAe,YAChB,cAAc,WAAW,gBACzB;AACJ,WAAO;AAAA;AAAA;",
+  "names": []
+}

package/cjs/plugins/grouping-grid/GroupingPlugin.js

@@ -1,149 +1,126 @@
-'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.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.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.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');
-var dsClassnames = require('@elliemae/ds-classnames');
-var reactWindow = require('react-window');
-var walkStrategy = require('./walkStrategy.js');
-var rowSizes = require('../../rowSizes.js');
-var blockNames = require('../../blockNames.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 createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
-const _excluded = ["isExpanded"];
-
-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 blockName = "".concat(blockNames.dataGridBlockName, "-group-row-header");
-const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
-const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
-const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {
+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 GroupingPlugin_exports = {};
+__export(GroupingPlugin_exports, {
+  GroupingPlugin: () => GroupingPlugin
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_react_window = require("react-window");
+var import_walkStrategy = require("./walkStrategy");
+var import_rowSizes = require("../../rowSizes");
+var import_blockNames = require("../../blockNames");
+const blockName = `${import_blockNames.dataGridBlockName}-group-row-header`;
+const GroupRowHeaderWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const GroupRowHeaderTitle = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "title");
+const GroupingPlugin = (0, import_createInstancePlugin.createInstancePlugin)("groupedRows", {
   decorateGrid(grid) {
-    const {
-      columns,
-      composedRows
-    } = grid.getInstance(); // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    const detailColumns = React.useMemo(() => columns.map(column => _objectSpread(_objectSpread({}, column), {}, {
+    const { columns, composedRows } = grid.getInstance();
+    const detailColumns = (0, import_react.useMemo)(() => columns.map((column) => ({
+      ...column,
       customRenderer: column.detailCustomRenderer
-    })).filter(col => !col.expandableColumn), [columns]);
+    })).filter((col) => !col.expandableColumn), [columns]);
     const flatRows = [];
-    walkStrategy.walkTreeStrategy({
+    (0, import_walkStrategy.walkTreeStrategy)({
       data: composedRows,
-      cb: n => flatRows.push(n)
+      cb: (n) => flatRows.push(n)
     });
     return {
       detailColumns,
       composedRows: flatRows
     };
   },
-
   getBodyProps(bodyProps, grid) {
-    const {
-      composedRows: rows
-    } = grid.getInstance(); // implementation of expandable row single column with aggregation
-
-    const getItemSize = index => {
+    const { composedRows: rows } = grid.getInstance();
+    const getItemSize = (index) => {
       const rowData = rows[index];
-      if (!rowData) return rowSizes.RowSizes.normal;
-      return rowData._isGroup || rowData.isGroup ? rowSizes.RowSizes.compact : rowSizes.RowSizes.normal;
-    }; // eslint-disable-next-line no-unused-vars
-
-
+      if (!rowData)
+        return import_rowSizes.RowSizes.normal;
+      return rowData._isGroup || rowData.isGroup ? import_rowSizes.RowSizes.compact : import_rowSizes.RowSizes.normal;
+    };
     const getListHeight = () => {
       const size = rows.reduce((h, r) => {
-        const rowHeight = r._isGroup || r.isGroup ? rowSizes.RowSizes.compact : rowSizes.RowSizes.normal;
+        const rowHeight = r._isGroup || r.isGroup ? import_rowSizes.RowSizes.compact : import_rowSizes.RowSizes.normal;
         return h + rowHeight;
       }, 0);
       return size;
     };
-
-    return _objectSpread(_objectSpread({}, bodyProps), {}, {
+    return {
+      ...bodyProps,
       getListHeight,
-      listComponent: reactWindow.VariableSizeList,
-      listProps: {
-        itemSize: getItemSize
-      }
-    });
+      listComponent: import_react_window.VariableSizeList,
+      listProps: { itemSize: getItemSize }
+    };
   },
-
   composeRows: (rows, grid) => {
     const {
       composedRows,
-      props: {
-        rowKey
-      }
+      props: { rowKey }
     } = grid.getInstance();
-
     if (Array.isArray(rows)) {
-      const filterIds = rows.map(r => r.data[rowKey]);
-      return composedRows.filter(c => filterIds.includes(c.data[rowKey])).map(r => _objectSpread(_objectSpread({}, r.data), {}, {
-        children: Array.isArray(r.data.children) ? r.data.children.filter(c => filterIds.includes(c[rowKey])) : r.data.children,
+      const filterIds = rows.map((r) => r.data[rowKey]);
+      return composedRows.filter((c) => filterIds.includes(c.data[rowKey])).map((r) => ({
+        ...r.data,
+        children: Array.isArray(r.data.children) ? r.data.children.filter((c) => filterIds.includes(c[rowKey])) : r.data.children,
         _isGroup: r.isGroup
-      })).filter(g => g.children === undefined || g.children.length > 0);
+      })).filter((g) => g.children === void 0 || g.children.length > 0);
     }
-
-    return _objectSpread(_objectSpread({}, rows), {}, {
-      allRows: rows.allRows.map(r => _objectSpread(_objectSpread({}, r.data), {}, {
+    return {
+      ...rows,
+      allRows: rows.allRows.map((r) => ({
+        ...r.data,
         _isGroup: r.isGroup
       })),
-      rows: rows.rows.map(r => _objectSpread(_objectSpread({}, r.data), {}, {
+      rows: rows.rows.map((r) => ({
+        ...r.data,
         _isGroup: r.isGroup
       }))
-    });
+    };
   },
-
   decorateRenderers(renderers, grid) {
-    const Row = renderers.body.row; // eslint-disable-next-line react-hooks/rules-of-hooks
-
-    renderers.body.row = React.useMemo(() => // eslint-disable-next-line react/display-name
-    // eslint-disable-next-line react/prop-types
-    _ref => {
-      let rowProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-      const {
-        composedRows
-      } = grid.getInstance(); // // https://jira.elliemae.io/browse/PUI-1667
-
+    const Row = renderers.body.row;
+    renderers.body.row = (0, import_react.useMemo)(() => ({ isExpanded, ...rowProps }) => {
+      const { composedRows } = grid.getInstance();
       const node = composedRows[rowProps.index] ? composedRows[rowProps.index] : rowProps.rowData;
-      const {
-        groupedRowsRenderHeader
-      } = grid.props; // eslint-disable-next-line no-underscore-dangle
-
+      const { groupedRowsRenderHeader } = grid.props;
       if (node && node._isGroup) {
-        return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-          children: /*#__PURE__*/jsxRuntime.jsx(GroupRowHeaderWrapper, _objectSpread(_objectSpread({}, rowProps), {}, {
-            children: /*#__PURE__*/_jsx__default["default"](GroupRowHeaderTitle, {}, void 0, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : 'Group')
-          }))
-        });
+        return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(GroupRowHeaderWrapper, {
+          ...rowProps
+        }, /* @__PURE__ */ import_react.default.createElement(GroupRowHeaderTitle, null, groupedRowsRenderHeader ? groupedRowsRenderHeader(node) : "Group")));
       }
-
-      return /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread({}, rowProps));
+      return /* @__PURE__ */ import_react.default.createElement(Row, {
+        ...rowProps
+      });
     }, []);
     return renderers;
   }
-
 });
-
-exports.GroupingPlugin = GroupingPlugin;
+module.exports = __toCommonJS(GroupingPlugin_exports);
+//# sourceMappingURL=GroupingPlugin.js.map

package/cjs/plugins/grouping-grid/GroupingPlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/grouping-grid/GroupingPlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable no-underscore-dangle */\nimport React, { useMemo } from 'react';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { VariableSizeList } from 'react-window';\nimport { walkTreeStrategy } from './walkStrategy';\nimport { RowSizes } from '../../rowSizes';\nimport { dataGridBlockName } from '../../blockNames';\n\nconst blockName = `${dataGridBlockName}-group-row-header`;\nconst GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);\nconst GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');\n\nexport const GroupingPlugin = createInstancePlugin('groupedRows', {\n  decorateGrid(grid) {\n    const { columns, composedRows } = grid.getInstance();\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const detailColumns = useMemo(\n      () =>\n        columns\n          .map((column) => ({\n            ...column,\n            customRenderer: column.detailCustomRenderer,\n          }))\n          .filter((col) => !col.expandableColumn),\n      [columns],\n    );\n    const flatRows = [];\n    walkTreeStrategy({\n      data: composedRows,\n      cb: (n) => flatRows.push(n),\n    });\n    return {\n      detailColumns,\n      composedRows: flatRows,\n    };\n  },\n  getBodyProps(bodyProps, grid) {\n    const { composedRows: rows } = grid.getInstance();\n    // implementation of expandable row single column with aggregation\n    const getItemSize = (index) => {\n      const rowData = rows[index];\n      if (!rowData) return RowSizes.normal;\n      return rowData._isGroup || rowData.isGroup\n        ? RowSizes.compact\n        : RowSizes.normal;\n    };\n    // eslint-disable-next-line no-unused-vars\n    const getListHeight = () => {\n      const size = rows.reduce((h, r) => {\n        const rowHeight =\n          r._isGroup || r.isGroup ? RowSizes.compact : RowSizes.normal;\n        return h + rowHeight;\n      }, 0);\n      return size;\n    };\n    return {\n      ...bodyProps,\n      getListHeight,\n      listComponent: VariableSizeList,\n      listProps: { itemSize: getItemSize },\n    };\n  },\n  composeRows: (rows, grid) => {\n    const {\n      composedRows,\n      props: { rowKey },\n    } = grid.getInstance();\n\n    if (Array.isArray(rows)) {\n      const filterIds = rows.map((r) => r.data[rowKey]);\n      return composedRows\n        .filter((c) => filterIds.includes(c.data[rowKey]))\n        .map((r) => ({\n          ...r.data,\n          children: Array.isArray(r.data.children)\n            ? r.data.children.filter((c) => filterIds.includes(c[rowKey]))\n            : r.data.children,\n          _isGroup: r.isGroup,\n        }))\n        .filter((g) => g.children === undefined || g.children.length > 0);\n    }\n    return {\n      ...rows,\n      allRows: rows.allRows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n      rows: rows.rows.map((r) => ({\n        ...r.data,\n        _isGroup: r.isGroup,\n      })),\n    };\n  },\n  decorateRenderers(renderers, grid) {\n    const Row = renderers.body.row;\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    renderers.body.row = useMemo(\n      () =>\n        // eslint-disable-next-line react/display-name\n        // eslint-disable-next-line react/prop-types\n        ({ isExpanded, ...rowProps }) => {\n          const { composedRows } = grid.getInstance();\n          // // https://jira.elliemae.io/browse/PUI-1667\n          const node = composedRows[rowProps.index]\n            ? composedRows[rowProps.index]\n            : rowProps.rowData;\n          const { groupedRowsRenderHeader } = grid.props;\n          // eslint-disable-next-line no-underscore-dangle\n          if (node && node._isGroup) {\n            return (\n              <>\n                <GroupRowHeaderWrapper {...rowProps}>\n                  <GroupRowHeaderTitle>\n                    {groupedRowsRenderHeader\n                      ? groupedRowsRenderHeader(node)\n                      : 'Group'}\n                  </GroupRowHeaderTitle>\n                </GroupRowHeaderWrapper>\n              </>\n            );\n          }\n          return <Row {...rowProps} />;\n        },\n      [],\n    );\n\n    return renderers;\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/plugins/grouping-grid/walkStrategy.js

@@ -1,26 +1,49 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-
+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 walkStrategy_exports = {};
+__export(walkStrategy_exports, {
+  walkTreeStrategy: () => walkTreeStrategy
+});
+var React = __toESM(require("react"));
 function getPath(parentNode, index, childrenKey) {
-  if (!parentNode) return [index];
+  if (!parentNode)
+    return [index];
   return [...parentNode.path, childrenKey, index];
 }
-
-function walkTreeStrategy(_ref) {
-  let {
-    data,
-    childrenKey = 'children',
-    level = 0,
-    getId = item => item.id,
-    parentNode,
-    shouldWalkChildren = () => true,
-    cb
-  } = _ref;
-
-  // eslint-disable-next-line no-loops/no-loops,no-plusplus
+function walkTreeStrategy({
+  data,
+  childrenKey = "children",
+  level = 0,
+  getId = (item) => item.id,
+  parentNode,
+  shouldWalkChildren = () => true,
+  cb
+}) {
   for (let i = 0; i < data.length; i++) {
     const currLevel = level + 1;
     const children = data[i][childrenKey];
@@ -34,13 +57,10 @@ function walkTreeStrategy(_ref) {
       nestingLevel: currLevel,
       parentNode: parentNode || {
         isGroup: true,
-        data: {
-          children: data
-        }
+        data: { children: data }
       }
     };
     cb(node);
-
     if (shouldWalkChildren(node) && children && children.length) {
       walkTreeStrategy({
         data: children,
@@ -52,5 +72,5 @@ function walkTreeStrategy(_ref) {
     }
   }
 }
-
-exports.walkTreeStrategy = walkTreeStrategy;
+module.exports = __toCommonJS(walkStrategy_exports);
+//# sourceMappingURL=walkStrategy.js.map