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

package/cjs/plugins/selectable/useSelectableState.js

@@ -1,107 +1,134 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var useSelectableState_exports = {};
-__export(useSelectableState_exports, {
-  useSelectableState: () => useSelectableState
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_utilities2 = require("@elliemae/ds-utilities");
-var import_helper = require("./helper");
+'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.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+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; }
+
 function deriveSelectedStateFromPropsOnUpdate(rows) {
-  return (nextProp = {}, prevProp = {}) => {
+  return function () {
+    let nextProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let prevProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     if (nextProp.selectAll !== prevProp.selectAll) {
-      const nextSelectedRows = nextProp.selectAll ? (0, import_helper.toggleSelectAll)(rows, true) : (0, import_ds_utilities2.hashArray)(nextProp.selectedRows || []);
+      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
       return {
         selectedRows: nextSelectedRows,
-        selectAll: (0, import_helper.checkAllRowsSelected)(rows, Object.keys(nextSelectedRows))
+        selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
       };
     }
+
     return {
-      selectedRows: (0, import_ds_utilities2.hashArray)(nextProp.selectedRows || []),
-      selectAll: (0, import_helper.checkAllRowsSelected)(rows, Object.keys(nextProp.selectedRows))
+      selectedRows: dsUtilities.hashArray(nextProp.selectedRows || []),
+      selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
     };
   };
 }
+
 function useSelectableState(grid) {
   const {
-    props: { rowKey = "id", selectedRows, selectAll, selectable, onSelectRow, onSelectAll },
+    props: {
+      rowKey = 'id',
+      selectedRows,
+      selectAll,
+      selectable,
+      onSelectRow,
+      onSelectAll
+    },
     rows,
     setLastSelectedRow
   } = grid.getInstance();
-  const multiple = selectable === "multi";
-  const [selection, setSelectedRowsState] = (0, import_ds_utilities.useDerivedStateFromProps)({ selectedRows, selectAll }, { onUpdate: deriveSelectedStateFromPropsOnUpdate(rows) });
-  const handleSelectRow = (id, index, shift = false, lastSelectedRow = null) => {
-    setSelectedRowsState((prevState) => {
-      const { rows: nextRows } = grid.getInstance();
-      const wasSelected = Object.keys(prevState.selectedRows).some((elem) => elem == id);
-      let nextSelectedRows = multiple ? (0, import_ds_utilities2.toggleInObject)(prevState.selectedRows, id, true) : (0, import_helper.toggleSingleSelectable)(prevState.selectedRows, id);
-      setLastSelectedRow({ index, mode: wasSelected ? "deselect" : "select" });
+  const multiple = selectable === 'multi';
+  const [selection, setSelectedRowsState] = dsUtilities.useDerivedStateFromProps({
+    selectedRows,
+    selectAll
+  }, {
+    onUpdate: deriveSelectedStateFromPropsOnUpdate(rows)
+  }); // ACTIONS
+
+  const handleSelectRow = function (id, index) {
+    let shift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let lastSelectedRow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+    setSelectedRowsState(prevState => {
+      const {
+        rows: nextRows
+      } = grid.getInstance();
+      const wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
+      // eslint-disable-next-line eqeqeq
+      elem => elem == id);
+      let nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
+      setLastSelectedRow({
+        index,
+        mode: wasSelected ? 'deselect' : 'select'
+      });
+
       if (shift && lastSelectedRow) {
         const prevSmallest = lastSelectedRow.index < index + 1;
         const sliceStart = prevSmallest ? lastSelectedRow.index : index;
         const sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;
-        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map((row) => row[rowKey]);
-        if (lastSelectedRow.mode === "deselect") {
-          nextSelectedRows = (0, import_ds_utilities2.omit)(prevState.selectedRows, rowSegment);
+        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map(row => row[rowKey]);
+
+        if (lastSelectedRow.mode === 'deselect') {
+          nextSelectedRows = dsUtilities.omit(prevState.selectedRows, rowSegment);
         } else {
-          const selectedSegment = rowSegment.reduce((o, key) => ({ ...o, [key]: true }), {});
-          nextSelectedRows = {
-            ...prevState.selectedRows,
-            ...selectedSegment
-          };
+          const selectedSegment = rowSegment.reduce((o, key) => _objectSpread(_objectSpread({}, o), {}, {
+            [key]: true
+          }), {});
+          nextSelectedRows = _objectSpread(_objectSpread({}, prevState.selectedRows), selectedSegment);
         }
       }
+
       const nextState = {
         selectedRows: nextSelectedRows,
-        selectAll: (0, import_helper.checkAllRowsSelected)(nextRows, Object.keys(nextSelectedRows))
+        selectAll: helper.checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows))
       };
-      if (index !== null && index !== void 0) {
-        onSelectRow(nextRows.filter((row) => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
+
+      if (index !== null && index !== undefined) {
+        onSelectRow(nextRows.filter(row => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
       }
+
       return nextState;
     });
   };
-  const handleSelectAll = (checked) => {
-    if (!multiple)
-      return;
+
+  const handleSelectAll = checked => {
+    if (!multiple) return;
     setLastSelectedRow(null);
     setSelectedRowsState(() => {
-      const { composedRows: nextRows } = grid.getInstance();
+      const {
+        composedRows: nextRows
+      } = grid.getInstance();
       const nextState = {
         selectAll: checked,
-        selectedRows: (0, import_helper.toggleSelectAll)(nextRows, checked)
+        selectedRows: helper.toggleSelectAll(nextRows, checked)
       };
       onSelectAll(nextState.selectAll);
       onSelectRow(checked ? nextRows : [], nextState.selectAll);
       return nextState;
     });
   };
+
   return {
     actions: {
       selectRow: handleSelectRow,
@@ -112,5 +139,5 @@ function useSelectableState(grid) {
     }
   };
 }
-module.exports = __toCommonJS(useSelectableState_exports);
-//# sourceMappingURL=useSelectableState.js.map
+
+exports.useSelectableState = useSelectableState;

package/cjs/plugins/sortable/SortablePlugin.js

@@ -1,95 +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 });
+'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]; }
+        });
+      }
+    });
   }
-  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");
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
+var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
+
 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 = (0, import_sortHeaderFormatter.sortHeaderFormatter)(sortabular.sort({
+  if (groupedRows) return column;
+  if (!isSortableColumnActive(column)) return column;
+  const formatter = sortHeaderFormatter(sortabular__namespace.sort({
     getSortingColumns: () => grid.getState().sortingColumns || [],
     onSort: grid.actions.sort,
-    strategy: sortabular.strategies.byProperty
+    strategy: sortabular__namespace.strategies.byProperty
   }), grid);
-  return (0, import_ds_utilities.compose)((0, import_initColumnDefinition.appendHeaderFormatter)(formatter), (0, import_initColumnDefinition.mergeClassNameToColumnHeader)("with-sortable"))(column);
+  return dsUtilities.compose(initColumnDefinition.appendHeaderFormatter(formatter), 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: !(0, import_ds_utilities.isEmpty)(sortingColumns) && sortingColumns,
-    sort: import_ds_utilities.orderBy,
+    sortingColumns: !dsUtilities.isEmpty(sortingColumns) && sortingColumns,
+    sort: dsUtilities.orderBy,
     emptyLast: sortEmptyLast
-  };
+  }; // TODO: 1572 FIX
+
   if (groupedRows && !groupedBy) {
-    return !isDataSorted ? (0, import_sorter.sorterGroups)(sortingConfig)(composedRows, rowsData, groupedBy) : rows;
+    return !isDataSorted ? sorter.sorterGroups(sortingConfig)(composedRows, rowsData, groupedBy) : rows;
   }
-  return !isDataSorted ? (0, import_sorter.sorter)(sortingConfig)(rows) : rows;
+
+  return !isDataSorted ? sorter.sorter(sortingConfig)(rows) : rows;
 };
-const SortablePlugin = (0, import_createInstancePlugin.createInstancePlugin)("sortable", {
-  registerStateHook: import_useSortableState.useSortableState,
+
+const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
+  registerStateHook: useSortableState.useSortableState,
   decorateColumn,
   composeRows,
+
   registerHotKeys(grid) {
     return {
-      key: "ctrl+s",
-      handler: ({ cellIndex }) => {
+      key: 'ctrl+s',
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
-          actions: { sort },
+          actions: {
+            sort
+          },
           decoratedColumns
         } = grid.getInstance();
         const column = decoratedColumns[cellIndex];
-        if (!column)
-          return;
+        if (!column) return;
         sort(column.property);
       }
     };
   }
+
 });
-module.exports = __toCommonJS(SortablePlugin_exports);
-//# sourceMappingURL=SortablePlugin.js.map
+
+exports.SortablePlugin = SortablePlugin;

package/cjs/plugins/sortable/checkIfSortable.js

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

package/cjs/plugins/sortable/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 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
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var SortablePlugin = require('./SortablePlugin.js');
+
+
+
+exports.SortablePlugin = SortablePlugin.SortablePlugin;

package/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -1,66 +1,60 @@
-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, {
+'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, {
     color: iconColor
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ArrowheadDown, {
+  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
     color: iconColor
-  });
-  return /* @__PURE__ */ import_react.default.createElement(SortHeaderContainer, {
-    onClick
-  }, /* @__PURE__ */ import_react.default.createElement("span", {
+  }));
+  return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
+    onClick: onClick
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
     className: "header-value"
-  }, value), sortState && sortIndicator);
+  }, void 0, value), sortState && sortIndicator);
 });
-const sortHeaderFormatter = (sortable, grid) => (value, { columnIndex, property }) => {
+
+const sortHeaderFormatter = (sortable, grid) => (value, _ref2) => {
+  let {
+    columnIndex,
+    property
+  } = _ref2;
   const {
-    state: { sortingColumns }
+    state: {
+      sortingColumns
+    }
   } = grid.getInstance();
-  const { onClick, className } = sortable(value, { columnIndex, property });
-  return /* @__PURE__ */ import_react.default.createElement(SortHeader, {
-    className,
+  const {
     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
   });
 };
-var sortHeaderFormatter_default = sortHeaderFormatter;
-module.exports = __toCommonJS(sortHeaderFormatter_exports);
-//# sourceMappingURL=sortHeaderFormatter.js.map
+
+module.exports = sortHeaderFormatter;