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

package/cjs/plugins/sortable/SortablePlugin.js

@@ -1,109 +1,95 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var sortabular = require('sortabular');
-var dsUtilities = require('@elliemae/ds-utilities');
-var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var sortHeaderFormatter = require('./sortHeaderFormatter.js');
-var useSortableState = require('./useSortableState.js');
-var sorter = require('./sorter.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+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 });
   }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
-var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
-
+  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 SortablePlugin_exports = {};
+__export(SortablePlugin_exports, {
+  SortablePlugin: () => SortablePlugin
+});
+var React = __toESM(require("react"));
+var sortabular = __toESM(require("sortabular"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_initColumnDefinition = require("@elliemae/ds-shared/useDataGrid/initColumnDefinition");
+var import_createInstancePlugin = require("@elliemae/ds-shared/createDataInstance/createInstancePlugin");
+var import_sortHeaderFormatter = require("./sortHeaderFormatter");
+var import_useSortableState = require("./useSortableState");
+var import_sorter = require("./sorter");
 const decorateColumn = (column, grid) => {
   const {
-    props: {
-      isSortableColumnActive = col => col.sortable,
-      groupedRows
-    }
+    props: { isSortableColumnActive = (col) => col.sortable, groupedRows }
   } = grid;
-  if (groupedRows) return column;
-  if (!isSortableColumnActive(column)) return column;
-  const formatter = sortHeaderFormatter(sortabular__namespace.sort({
+  if (groupedRows)
+    return column;
+  if (!isSortableColumnActive(column))
+    return column;
+  const formatter = (0, import_sortHeaderFormatter.sortHeaderFormatter)(sortabular.sort({
     getSortingColumns: () => grid.getState().sortingColumns || [],
     onSort: grid.actions.sort,
-    strategy: sortabular__namespace.strategies.byProperty
+    strategy: sortabular.strategies.byProperty
   }), grid);
-  return dsUtilities.compose(initColumnDefinition.appendHeaderFormatter(formatter), initColumnDefinition.mergeClassNameToColumnHeader('with-sortable'))(column);
+  return (0, import_ds_utilities.compose)((0, import_initColumnDefinition.appendHeaderFormatter)(formatter), (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-sortable"))(column);
 };
-
 const composeRows = (rows, grid) => {
   const {
-    state: {
-      sortingColumns
-    },
-    props: {
-      isDataSorted,
-      groupedRows,
-      groupedBy,
-      sortEmptyLast
-    },
+    state: { sortingColumns },
+    props: { isDataSorted, groupedRows, groupedBy, sortEmptyLast },
     rows: rowsData,
     composedRows,
     decoratedColumns
   } = grid.getInstance();
   const sortingConfig = {
     columns: decoratedColumns,
-    sortingColumns: !dsUtilities.isEmpty(sortingColumns) && sortingColumns,
-    sort: dsUtilities.orderBy,
+    sortingColumns: !(0, import_ds_utilities.isEmpty)(sortingColumns) && sortingColumns,
+    sort: import_ds_utilities.orderBy,
     emptyLast: sortEmptyLast
-  }; // TODO: 1572 FIX
-
+  };
   if (groupedRows && !groupedBy) {
-    return !isDataSorted ? sorter.sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;
+    return !isDataSorted ? (0, import_sorter.sorterGroups)(sortingConfig)(composedRows, rowsData, groupedBy) : rows;
   }
-
-  return !isDataSorted ? sorter.sorter(sortingConfig)(rows) : rows;
+  return !isDataSorted ? (0, import_sorter.sorter)(sortingConfig)(rows) : rows;
 };
-
-const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
-  registerStateHook: useSortableState.useSortableState,
+const SortablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("sortable", {
+  registerStateHook: import_useSortableState.useSortableState,
   decorateColumn,
   composeRows,
-
   registerHotKeys(grid) {
     return {
-      key: 'ctrl+s',
-      handler: _ref => {
-        let {
-          cellIndex
-        } = _ref;
+      key: "ctrl+s",
+      handler: ({ cellIndex }) => {
         const {
-          actions: {
-            sort
-          },
+          actions: { sort },
           decoratedColumns
         } = grid.getInstance();
         const column = decoratedColumns[cellIndex];
-        if (!column) return;
+        if (!column)
+          return;
         sort(column.property);
       }
     };
   }
-
 });
-
-exports.SortablePlugin = SortablePlugin;
+module.exports = __toCommonJS(SortablePlugin_exports);
+//# sourceMappingURL=SortablePlugin.js.map

package/cjs/plugins/sortable/SortablePlugin.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/sortable/SortablePlugin.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as sortabular from 'sortabular';\nimport { compose, isEmpty, orderBy } from '@elliemae/ds-utilities';\nimport {\n  appendHeaderFormatter,\n  mergeClassNameToColumnHeader,\n} from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';\nimport { createInstancePlugin } from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';\nimport { sortHeaderFormatter } from './sortHeaderFormatter';\nimport { useSortableState } from './useSortableState';\nimport { sorter, sorterGroups } from './sorter';\n\nconst decorateColumn = (column, grid) => {\n  const {\n    props: { isSortableColumnActive = (col) => col.sortable, groupedRows },\n  } = grid;\n\n  if (groupedRows) return column;\n  if (!isSortableColumnActive(column)) return column;\n\n  const formatter = sortHeaderFormatter(\n    sortabular.sort({\n      getSortingColumns: () => grid.getState().sortingColumns || [],\n      onSort: grid.actions.sort,\n      strategy: sortabular.strategies.byProperty,\n    }),\n    grid,\n  );\n\n  return compose(appendHeaderFormatter(formatter), mergeClassNameToColumnHeader('with-sortable'))(column);\n};\n\nconst composeRows = (rows, grid) => {\n  const {\n    state: { sortingColumns },\n    props: { isDataSorted, groupedRows, groupedBy, sortEmptyLast },\n    rows: rowsData,\n    composedRows,\n    decoratedColumns,\n  } = grid.getInstance();\n\n  const sortingConfig = {\n    columns: decoratedColumns,\n    sortingColumns: !isEmpty(sortingColumns) && sortingColumns,\n    sort: orderBy,\n    emptyLast: sortEmptyLast,\n  };\n\n  // TODO: 1572 FIX\n  if (groupedRows && !groupedBy) {\n    return !isDataSorted ? sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;\n  }\n\n  return !isDataSorted ? sorter(sortingConfig)(rows) : rows;\n};\n\nexport const SortablePlugin = createInstancePlugin('sortable', {\n  registerStateHook: useSortableState,\n  decorateColumn,\n  composeRows,\n  registerHotKeys(grid) {\n    return {\n      key: 'ctrl+s',\n      handler: ({ cellIndex }) => {\n        const {\n          actions: { sort },\n          decoratedColumns,\n        } = grid.getInstance();\n        const column = decoratedColumns[cellIndex];\n        if (!column) return;\n        sort(column.property);\n      },\n    };\n  },\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iBAA4B;AAC5B,0BAA0C;AAC1C,kCAGO;AACP,kCAAqC;AACrC,iCAAoC;AACpC,8BAAiC;AACjC,oBAAqC;AAErC,MAAM,iBAAiB,CAAC,QAAQ,SAAS;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE,yBAAyB,CAAC,QAAQ,IAAI,UAAU;AAAA,MACvD;AAEJ,MAAI;AAAa,WAAO;AACxB,MAAI,CAAC,uBAAuB;AAAS,WAAO;AAE5C,QAAM,YAAY,oDAChB,WAAW,KAAK;AAAA,IACd,mBAAmB,MAAM,KAAK,WAAW,kBAAkB;AAAA,IAC3D,QAAQ,KAAK,QAAQ;AAAA,IACrB,UAAU,WAAW,WAAW;AAAA,MAElC;AAGF,SAAO,iCAAQ,uDAAsB,YAAY,8DAA6B,kBAAkB;AAAA;AAGlG,MAAM,cAAc,CAAC,MAAM,SAAS;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT,OAAO,EAAE,cAAc,aAAa,WAAW;AAAA,IAC/C,MAAM;AAAA,IACN;AAAA,IACA;AAAA,MACE,KAAK;AAET,QAAM,gBAAgB;AAAA,IACpB,SAAS;AAAA,IACT,gBAAgB,CAAC,iCAAQ,mBAAmB;AAAA,IAC5C,MAAM;AAAA,IACN,WAAW;AAAA;AAIb,MAAI,eAAe,CAAC,WAAW;AAC7B,WAAO,CAAC,eAAe,gCAAa,eAAe,cAAc,UAAU,aAAa;AAAA;AAG1F,SAAO,CAAC,eAAe,0BAAO,eAAe,QAAQ;AAAA;AAGhD,MAAM,iBAAiB,sDAAqB,YAAY;AAAA,EAC7D,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AACpB,WAAO;AAAA,MACL,KAAK;AAAA,MACL,SAAS,CAAC,EAAE,gBAAgB;AAC1B,cAAM;AAAA,UACJ,SAAS,EAAE;AAAA,UACX;AAAA,YACE,KAAK;AACT,cAAM,SAAS,iBAAiB;AAChC,YAAI,CAAC;AAAQ;AACb,aAAK,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/plugins/sortable/checkIfSortable.js

@@ -1,22 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/* eslint-disable no-plusplus */
-
-/* eslint-disable no-loops/no-loops */
+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 checkIfSortable_exports = {};
+__export(checkIfSortable_exports, {
+  checkIfSortable: () => checkIfSortable,
+  default: () => checkIfSortable_default
+});
+var React = __toESM(require("react"));
 const checkIfSortable = (column, rows) => {
   for (let index = 0; index < rows.length; index++) {
     const element = rows[index][column];
-
-    if (!(element === null || element === undefined)) {
-      // PUI-6452
+    if (!(element === null || element === void 0)) {
       return true;
     }
   }
-
   return false;
 };
-
-exports.checkIfSortable = checkIfSortable;
-exports["default"] = checkIfSortable;
+var checkIfSortable_default = checkIfSortable;
+module.exports = __toCommonJS(checkIfSortable_exports);
+//# sourceMappingURL=checkIfSortable.js.map

package/cjs/plugins/sortable/checkIfSortable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/sortable/checkIfSortable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-plusplus */\n/* eslint-disable no-loops/no-loops */\nexport const checkIfSortable = (column, rows) => {\n  for (let index = 0; index < rows.length; index++) {\n    const element = rows[index][column];\n    if (!(element === null || element === undefined)) {\n      // PUI-6452\n      return true;\n    }\n  }\n  return false;\n};\n\nexport default checkIfSortable;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,kBAAkB,CAAC,QAAQ,SAAS;AAC/C,WAAS,QAAQ,GAAG,QAAQ,KAAK,QAAQ,SAAS;AAChD,UAAM,UAAU,KAAK,OAAO;AAC5B,QAAI,CAAE,aAAY,QAAQ,YAAY,SAAY;AAEhD,aAAO;AAAA;AAAA;AAGX,SAAO;AAAA;AAGT,IAAO,0BAAQ;",
+  "names": []
+}

package/cjs/plugins/sortable/index.js

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

package/cjs/plugins/sortable/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/sortable/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { SortablePlugin } from './SortablePlugin';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAA+B;",
+  "names": []
+}

package/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -1,60 +1,66 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsIcons = require('@elliemae/ds-icons');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _ArrowheadUp, _ArrowheadDown;
-const blockName = 'data-grid-sort-header';
-const SortHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName);
-const iconColor = ['brand-primary', 800];
-const SortHeader = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    value,
-    onClick,
-    sortState
-  } = _ref;
-  const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadUp, {
+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 sortHeaderFormatter_exports = {};
+__export(sortHeaderFormatter_exports, {
+  default: () => sortHeaderFormatter_default,
+  sortHeaderFormatter: () => sortHeaderFormatter
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_icons = require("@elliemae/ds-icons");
+const blockName = "data-grid-sort-header";
+const SortHeaderContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
+const iconColor = ["brand-primary", 800];
+const SortHeader = import_react.default.memo(({ value, onClick, sortState }) => {
+  const sortIndicator = sortState === "asc" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadUp, {
     color: iconColor
-  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
     color: iconColor
-  }));
-  return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
-    onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
+  });
+  return /* @__PURE__ */ import_react.default.createElement(SortHeaderContainer, {
+    onClick
+  }, /* @__PURE__ */ import_react.default.createElement("span", {
     className: "header-value"
-  }, void 0, value), sortState && sortIndicator);
+  }, value), sortState && sortIndicator);
 });
-
-const sortHeaderFormatter = (sortable, grid) => (value, _ref2) => {
-  let {
-    columnIndex,
-    property
-  } = _ref2;
+const sortHeaderFormatter = (sortable, grid) => (value, { columnIndex, property }) => {
   const {
-    state: {
-      sortingColumns
-    }
+    state: { sortingColumns }
   } = grid.getInstance();
-  const {
+  const { onClick, className } = sortable(value, { columnIndex, property });
+  return /* @__PURE__ */ import_react.default.createElement(SortHeader, {
+    className,
     onClick,
-    className
-  } = sortable(value, {
-    columnIndex,
-    property
-  });
-  return /*#__PURE__*/_jsx__default["default"](SortHeader, {
-    className: className,
-    onClick: onClick,
     sortState: sortingColumns[property] && sortingColumns[property].direction,
-    value: value
+    value
   });
 };
-
-module.exports = sortHeaderFormatter;
+var sortHeaderFormatter_default = sortHeaderFormatter;
+module.exports = __toCommonJS(sortHeaderFormatter_exports);
+//# sourceMappingURL=sortHeaderFormatter.js.map

package/cjs/plugins/sortable/sortHeaderFormatter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/sortable/sortHeaderFormatter.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { ArrowheadDown, ArrowheadUp } from '@elliemae/ds-icons';\n\nconst blockName = 'data-grid-sort-header';\n\nconst SortHeaderContainer = aggregatedClasses('div')(blockName);\n\nconst iconColor = ['brand-primary', 800];\n\nconst SortHeader = React.memo(({ value, onClick, sortState }) => {\n  const sortIndicator = sortState === 'asc' ? <ArrowheadUp color={iconColor} /> : <ArrowheadDown color={iconColor} />;\n  return (\n    <SortHeaderContainer onClick={onClick}>\n      <span className=\"header-value\">{value}</span>\n      {sortState && sortIndicator}\n    </SortHeaderContainer>\n  );\n});\n\nconst sortHeaderFormatter =\n  (sortable, grid) =>\n  (value, { columnIndex, property }) => {\n    const {\n      state: { sortingColumns },\n    } = grid.getInstance();\n    const { onClick, className } = sortable(value, { columnIndex, property });\n    return (\n      <SortHeader\n        className={className}\n        onClick={onClick}\n        sortState={sortingColumns[property] && sortingColumns[property].direction}\n        value={value}\n      />\n    );\n  };\n\nexport { sortHeaderFormatter };\nexport default sortHeaderFormatter;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,2BAAkC;AAClC,sBAA2C;AAE3C,MAAM,YAAY;AAElB,MAAM,sBAAsB,4CAAkB,OAAO;AAErD,MAAM,YAAY,CAAC,iBAAiB;AAEpC,MAAM,aAAa,qBAAM,KAAK,CAAC,EAAE,OAAO,SAAS,gBAAgB;AAC/D,QAAM,gBAAgB,cAAc,QAAQ,mDAAC,6BAAD;AAAA,IAAa,OAAO;AAAA,OAAgB,mDAAC,+BAAD;AAAA,IAAe,OAAO;AAAA;AACtG,SACE,mDAAC,qBAAD;AAAA,IAAqB;AAAA,KACnB,mDAAC,QAAD;AAAA,IAAM,WAAU;AAAA,KAAgB,QAC/B,aAAa;AAAA;AAKpB,MAAM,sBACJ,CAAC,UAAU,SACX,CAAC,OAAO,EAAE,aAAa,eAAe;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,KAAK;AACT,QAAM,EAAE,SAAS,cAAc,SAAS,OAAO,EAAE,aAAa;AAC9D,SACE,mDAAC,YAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,WAAW,eAAe,aAAa,eAAe,UAAU;AAAA,IAChE;AAAA;AAAA;AAMR,IAAO,8BAAQ;",
+  "names": []
+}

package/cjs/plugins/sortable/sortTree.js

@@ -1,51 +1,44 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/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 sortabular = require('sortabular');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+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 });
   }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
-
-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 deepSorting = function (sortConfig) {
-  let rows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
-    children: deepSorting(sortConfig, row.children)
-  }) : row));
+  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 sortTree_exports = {};
+__export(sortTree_exports, {
+  default: () => sortTree_default,
+  sortTree: () => sortTree
+});
+var React = __toESM(require("react"));
+var sort = __toESM(require("sortabular"));
+const deepSorting = (sortConfig, rows = []) => sort.sorter(sortConfig)(rows.map((row) => row.children && row.children.length ? {
+  ...row,
+  children: deepSorting(sortConfig, row.children)
+} : row));
 function sortTree(sortConfig) {
-  return rows => deepSorting(sortConfig, rows);
+  return (rows) => deepSorting(sortConfig, rows);
 }
-
-module.exports = sortTree;
+var sortTree_default = sortTree;
+module.exports = __toCommonJS(sortTree_exports);
+//# sourceMappingURL=sortTree.js.map

package/cjs/plugins/sortable/sortTree.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/plugins/sortable/sortTree.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as sort from 'sortabular';\n\nconst deepSorting = (sortConfig, rows = []) =>\n  sort.sorter(sortConfig)(\n    rows.map(row =>\n      row.children && row.children.length\n        ? {\n            ...row,\n            children: deepSorting(sortConfig, row.children),\n          }\n        : row,\n    ),\n  );\nfunction sortTree(sortConfig) {\n  return rows => deepSorting(sortConfig, rows);\n}\n\nexport { sortTree };\nexport default sortTree;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,WAAsB;AAEtB,MAAM,cAAc,CAAC,YAAY,OAAO,OACtC,KAAK,OAAO,YACV,KAAK,IAAI,SACP,IAAI,YAAY,IAAI,SAAS,SACzB;AAAA,KACK;AAAA,EACH,UAAU,YAAY,YAAY,IAAI;AAAA,IAExC;AAGV,kBAAkB,YAAY;AAC5B,SAAO,UAAQ,YAAY,YAAY;AAAA;AAIzC,IAAO,mBAAQ;",
+  "names": []
+}