@elliemae/ds-data-table 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/parts/Headers/useHeaderCellConfig.js

@@ -1,30 +1,53 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-
-/* eslint-disable complexity */
-const useHeaderCellConfig = _ref => {
-  let {
-    column,
-    dragAndDropColumns,
-    draggableProps,
-    reduxHeader,
-    isDragOverlay
-  } = _ref;
+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 useHeaderCellConfig_exports = {};
+__export(useHeaderCellConfig_exports, {
+  useHeaderCellConfig: () => useHeaderCellConfig
+});
+var React = __toESM(require("react"));
+const useHeaderCellConfig = ({
+  column,
+  dragAndDropColumns,
+  draggableProps,
+  reduxHeader,
+  isDragOverlay
+}) => {
   const hasFilter = !!(column.filter || column.Filter);
   const hasDnD = dragAndDropColumns && !column.disableDnD;
-  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';
+  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === "boolean";
   const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);
   const isDragging = draggableProps && draggableProps.isDragging;
-  const shouldShowDnD = hasDnD && ((reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.showDnDHandle) && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay); // Column definition
-
-  const hCols = ['auto'];
-  if (hasRightIcons) hCols.push('min-content');
-  if (shouldShowDnD) hCols.unshift('min-content');
+  const shouldShowDnD = hasDnD && (reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active || draggableProps && draggableProps.isDragging || isDragOverlay);
+  const hCols = ["auto"];
+  if (hasRightIcons)
+    hCols.push("min-content");
+  if (shouldShowDnD)
+    hCols.unshift("min-content");
   return {
     hasFilter,
     hasDnD,
@@ -35,5 +58,5 @@ const useHeaderCellConfig = _ref => {
     shouldShowDnD
   };
 };
-
-exports.useHeaderCellConfig = useHeaderCellConfig;
+module.exports = __toCommonJS(useHeaderCellConfig_exports);
+//# sourceMappingURL=useHeaderCellConfig.js.map

package/cjs/parts/Headers/useHeaderCellConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/useHeaderCellConfig.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\nimport { TypescriptColumn } from '../../types/props';\nimport { SortableItemContextType } from '../HoC/SortableItemContext';\n\ntype useHeaderCellConfigType = (\n  args: {\n    column: TypescriptColumn;\n    dragAndDropColumns: boolean;\n    reduxHeader: { showDnDHandle: boolean };\n    isDragOverlay: boolean;\n  } & SortableItemContextType,\n) => {\n  hasFilter: boolean;\n  hasDnD: boolean;\n  hasSortingCaret: boolean;\n  hasRightIcons: boolean;\n  isDragging: boolean;\n  shouldShowDnD: boolean;\n  hCols: string[];\n};\n\nexport const useHeaderCellConfig: useHeaderCellConfigType = ({\n  column,\n  dragAndDropColumns,\n  draggableProps,\n  reduxHeader,\n  isDragOverlay,\n}) => {\n  const hasFilter = !!(column.filter || column.Filter);\n\n  const hasDnD = dragAndDropColumns && !column.disableDnD;\n\n  const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';\n\n  const hasRightIcons = !isDragOverlay && (hasSortingCaret || hasFilter);\n\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  const shouldShowDnD =\n    hasDnD &&\n    ((reduxHeader?.showDnDHandle && draggableProps && !draggableProps.active) ||\n      (draggableProps && draggableProps.isDragging) ||\n      isDragOverlay);\n\n  // Column definition\n  const hCols = ['auto'];\n  if (hasRightIcons) hCols.push('min-content');\n  if (shouldShowDnD) hCols.unshift('min-content');\n\n  return {\n    hasFilter,\n    hasDnD,\n    hasSortingCaret,\n    hasRightIcons,\n    isDragging,\n    hCols,\n    shouldShowDnD,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBhB,MAAM,sBAA+C,CAAC;AAAA,EAC3D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,CAAE,QAAO,UAAU,OAAO;AAE7C,QAAM,SAAS,sBAAsB,CAAC,OAAO;AAE7C,QAAM,kBAAkB,OAAO,WAAW,OAAO,OAAO,iBAAiB;AAEzE,QAAM,gBAAgB,CAAC,iBAAkB,oBAAmB;AAE5D,QAAM,aAAa,kBAAkB,eAAe;AAEpD,QAAM,gBACJ,UACE,cAAa,iBAAiB,kBAAkB,CAAC,eAAe,UAC/D,kBAAkB,eAAe,cAClC;AAGJ,QAAM,QAAQ,CAAC;AACf,MAAI;AAAe,UAAM,KAAK;AAC9B,MAAI;AAAe,UAAM,QAAQ;AAEjC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/Headers/useHeaderCellHandlers.js

@@ -1,105 +1,116 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-
-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; }
-
-const buildNextHeader = function (reduxHeader, value, hasFilter, hasDnD) {
-  let withTabStops = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
-  return _objectSpread(_objectSpread({
-    hideFilterMenu: true
-  }, reduxHeader), {}, {
-    hideFilterButton: !(hasFilter && value),
-    showDnDHandle: hasDnD && value,
-    withTabStops
-  });
+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 });
 };
-
-const useHeaderCellHandlers = _ref => {
-  let {
-    hasFilter,
-    patchHeader,
-    column,
-    reduxHeader,
-    hasDnD,
-    onColumnSortChange,
-    dragHandleRef,
-    filterIconRef,
-    headerRef
-  } = _ref;
-  const onMouseEnter = React.useCallback(() => {
+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 useHeaderCellHandlers_exports = {};
+__export(useHeaderCellHandlers_exports, {
+  useHeaderCellHandlers: () => useHeaderCellHandlers
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+const buildNextHeader = (reduxHeader, value, hasFilter, hasDnD, withTabStops = false) => ({
+  hideFilterMenu: true,
+  ...reduxHeader,
+  hideFilterButton: !(hasFilter && value),
+  showDnDHandle: hasDnD && value,
+  withTabStops
+});
+const useHeaderCellHandlers = ({
+  hasFilter,
+  patchHeader,
+  column,
+  reduxHeader,
+  hasDnD,
+  onColumnSortChange,
+  dragHandleRef,
+  filterIconRef,
+  headerRef
+}) => {
+  const onMouseEnter = (0, import_react.useCallback)(() => {
     patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
   }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
-  const onMouseLeave = React.useCallback(() => {
-    var _headerRef$current;
-
-    if (!(headerRef !== null && headerRef !== void 0 && (_headerRef$current = headerRef.current) !== null && _headerRef$current !== void 0 && _headerRef$current.contains(document.activeElement))) {
+  const onMouseLeave = (0, import_react.useCallback)(() => {
+    if (!headerRef?.current?.contains(document.activeElement)) {
       patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onClick = React.useCallback(() => {
+  const onClick = (0, import_react.useCallback)(() => {
     if (column.canSort) {
       onColumnSortChange({
         column: column.id,
-        direction: column.isSortedDesc ? 'ASC' : 'DESC'
+        direction: column.isSortedDesc ? "ASC" : "DESC"
       });
     }
   }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);
-  const onKeyDown = React.useCallback(e => {
-    if (e.code === 'ArrowDown' && column.canSort) {
+  const onKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.code === "ArrowDown" && column.canSort) {
       e.preventDefault();
       onColumnSortChange({
         column: column.id,
-        direction: 'DESC'
+        direction: "DESC"
       });
-    } else if (e.code === 'ArrowUp' && column.canSort) {
+    } else if (e.code === "ArrowUp" && column.canSort) {
       e.preventDefault();
       onColumnSortChange({
         column: column.id,
-        direction: 'ASC'
+        direction: "ASC"
       });
-    } else if (['Enter', 'Space'].includes(e.code)) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD, true)); // Elements don't not yet exist
-
+    } else if (["Enter", "Space"].includes(e.code)) {
+      patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD, true));
       setTimeout(() => {
-        if (dragHandleRef.current) dragHandleRef.current.focus();else if (filterIconRef.current) filterIconRef.current.focus();
+        if (dragHandleRef.current)
+          dragHandleRef.current.focus();
+        else if (filterIconRef.current)
+          filterIconRef.current.focus();
       });
     }
-  }, [column.canSort, column.id, onColumnSortChange, patchHeader, reduxHeader, hasFilter, hasDnD, dragHandleRef, filterIconRef]);
-  const onFocus = React.useCallback(e => {
-    // Don't do anything if focus wasn't placed in the element (bubling issues)
-    if (e.target === (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current)) {
+  }, [
+    column.canSort,
+    column.id,
+    onColumnSortChange,
+    patchHeader,
+    reduxHeader,
+    hasFilter,
+    hasDnD,
+    dragHandleRef,
+    filterIconRef
+  ]);
+  const onFocus = (0, import_react.useCallback)((e) => {
+    if (e.target === headerRef?.current) {
       patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onBlur = React.useCallback(e => {
-    // Don't do anything if blur was caused by going to a child
-    if (e.relatedTarget === dragHandleRef.current) return;
-    if (e.relatedTarget === filterIconRef.current) return;
+  const onBlur = (0, import_react.useCallback)((e) => {
+    if (e.relatedTarget === dragHandleRef.current)
+      return;
+    if (e.relatedTarget === filterIconRef.current)
+      return;
     patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
   }, [dragHandleRef, filterIconRef, patchHeader, column.id, reduxHeader, hasFilter, hasDnD]);
-  return {
-    onMouseEnter,
-    onMouseLeave,
-    onClick,
-    onKeyDown,
-    onBlur,
-    onFocus
-  };
+  return { onMouseEnter, onMouseLeave, onClick, onKeyDown, onBlur, onFocus };
 };
-
-exports.useHeaderCellHandlers = useHeaderCellHandlers;
+module.exports = __toCommonJS(useHeaderCellHandlers_exports);
+//# sourceMappingURL=useHeaderCellHandlers.js.map

package/cjs/parts/Headers/useHeaderCellHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/Headers/useHeaderCellHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-params */\nimport { useCallback } from 'react';\nimport { TypescriptColumn } from '../../types/props';\n\ntype useHeaderCellHandlersType = (args: {\n  hasFilter: boolean;\n  patchHeader: (headerId: string, newHeader: Record<string, unknown>) => void;\n  column: TypescriptColumn;\n  reduxHeader: Record<string, unknown>;\n  hasDnD: boolean;\n  onColumnSortChange: (newSort: { column: string; direction: 'ASC' | 'DESC' }) => void;\n  dragHandleRef: React.MutableRefObject<HTMLDivElement>;\n  filterIconRef: React.MutableRefObject<HTMLDivElement>;\n  headerRef: React.MutableRefObject<HTMLTableColElement>;\n}) => {\n  onMouseEnter: React.MouseEventHandler;\n  onMouseLeave: React.MouseEventHandler;\n  onClick: React.MouseEventHandler;\n  onKeyDown: React.KeyboardEventHandler;\n  onFocus: React.FocusEventHandler;\n  onBlur: React.FocusEventHandler;\n};\n\nconst buildNextHeader = (\n  reduxHeader: Record<string, unknown>,\n  value: boolean,\n  hasFilter: boolean,\n  hasDnD: boolean,\n  withTabStops = false,\n) => ({\n  hideFilterMenu: true, // Do this to overwrite it if it exists\n  ...reduxHeader,\n  hideFilterButton: !(hasFilter && value),\n  showDnDHandle: hasDnD && value,\n  withTabStops,\n});\n\nexport const useHeaderCellHandlers: useHeaderCellHandlersType = ({\n  hasFilter,\n  patchHeader,\n  column,\n  reduxHeader,\n  hasDnD,\n  onColumnSortChange,\n  dragHandleRef,\n  filterIconRef,\n  headerRef,\n}) => {\n  const onMouseEnter: React.MouseEventHandler = useCallback(() => {\n    patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));\n  }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);\n\n  const onMouseLeave: React.MouseEventHandler = useCallback(() => {\n    if (!headerRef?.current?.contains(document.activeElement)) {\n      patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));\n    }\n  }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);\n\n  const onClick: React.MouseEventHandler = useCallback(() => {\n    if (column.canSort) {\n      onColumnSortChange({\n        column: column.id,\n        direction: column.isSortedDesc ? 'ASC' : 'DESC',\n      });\n    }\n  }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);\n\n  const onKeyDown: React.KeyboardEventHandler = useCallback(\n    (e) => {\n      if (e.code === 'ArrowDown' && column.canSort) {\n        e.preventDefault();\n        onColumnSortChange({\n          column: column.id,\n          direction: 'DESC',\n        });\n      } else if (e.code === 'ArrowUp' && column.canSort) {\n        e.preventDefault();\n        onColumnSortChange({\n          column: column.id,\n          direction: 'ASC',\n        });\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD, true));\n        // Elements don't not yet exist\n        setTimeout(() => {\n          if (dragHandleRef.current) dragHandleRef.current.focus();\n          else if (filterIconRef.current) filterIconRef.current.focus();\n        });\n      }\n    },\n    [\n      column.canSort,\n      column.id,\n      onColumnSortChange,\n      patchHeader,\n      reduxHeader,\n      hasFilter,\n      hasDnD,\n      dragHandleRef,\n      filterIconRef,\n    ],\n  );\n\n  const onFocus: React.FocusEventHandler = useCallback(\n    (e) => {\n      // Don't do anything if focus wasn't placed in the element (bubling issues)\n      if (e.target === headerRef?.current) {\n        patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));\n      }\n    },\n    [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader],\n  );\n\n  const onBlur: React.FocusEventHandler = useCallback(\n    (e) => {\n      // Don't do anything if blur was caused by going to a child\n      if (e.relatedTarget === dragHandleRef.current) return;\n      if (e.relatedTarget === filterIconRef.current) return;\n      patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));\n    },\n    [dragHandleRef, filterIconRef, patchHeader, column.id, reduxHeader, hasFilter, hasDnD],\n  );\n\n  return { onMouseEnter, onMouseLeave, onClick, onKeyDown, onBlur, onFocus };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA4B;AAsB5B,MAAM,kBAAkB,CACtB,aACA,OACA,WACA,QACA,eAAe,UACX;AAAA,EACJ,gBAAgB;AAAA,KACb;AAAA,EACH,kBAAkB,CAAE,cAAa;AAAA,EACjC,eAAe,UAAU;AAAA,EACzB;AAAA;AAGK,MAAM,wBAAmD,CAAC;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,eAAwC,8BAAY,MAAM;AAC9D,gBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA,KACpE,CAAC,OAAO,IAAI,QAAQ,WAAW,aAAa;AAE/C,QAAM,eAAwC,8BAAY,MAAM;AAC9D,QAAI,CAAC,WAAW,SAAS,SAAS,SAAS,gBAAgB;AACzD,kBAAY,OAAO,IAAI,gBAAgB,aAAa,OAAO,WAAW;AAAA;AAAA,KAEvE,CAAC,OAAO,IAAI,QAAQ,WAAW,WAAW,aAAa;AAE1D,QAAM,UAAmC,8BAAY,MAAM;AACzD,QAAI,OAAO,SAAS;AAClB,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW,OAAO,eAAe,QAAQ;AAAA;AAAA;AAAA,KAG5C,CAAC,OAAO,SAAS,OAAO,IAAI,OAAO,cAAc;AAEpD,QAAM,YAAwC,8BAC5C,CAAC,MAAM;AACL,QAAI,EAAE,SAAS,eAAe,OAAO,SAAS;AAC5C,QAAE;AACF,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW;AAAA;AAAA,eAEJ,EAAE,SAAS,aAAa,OAAO,SAAS;AACjD,QAAE;AACF,yBAAmB;AAAA,QACjB,QAAQ,OAAO;AAAA,QACf,WAAW;AAAA;AAAA,eAEJ,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AAC9C,kBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW,QAAQ;AAE7E,iBAAW,MAAM;AACf,YAAI,cAAc;AAAS,wBAAc,QAAQ;AAAA,iBACxC,cAAc;AAAS,wBAAc,QAAQ;AAAA;AAAA;AAAA,KAI5D;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,QAAM,UAAmC,8BACvC,CAAC,MAAM;AAEL,QAAI,EAAE,WAAW,WAAW,SAAS;AACnC,kBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA;AAAA,KAGzE,CAAC,OAAO,IAAI,QAAQ,WAAW,WAAW,aAAa;AAGzD,QAAM,SAAkC,8BACtC,CAAC,MAAM;AAEL,QAAI,EAAE,kBAAkB,cAAc;AAAS;AAC/C,QAAI,EAAE,kBAAkB,cAAc;AAAS;AAC/C,gBAAY,OAAO,IAAI,gBAAgB,aAAa,OAAO,WAAW;AAAA,KAExE,CAAC,eAAe,eAAe,aAAa,OAAO,IAAI,aAAa,WAAW;AAGjF,SAAO,EAAE,cAAc,cAAc,SAAS,WAAW,QAAQ;AAAA;",
+  "names": []
+}

package/cjs/parts/HoC/SortableItemContext.js

@@ -1,21 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-exports.DropIndicatorPosition = void 0;
-
-(function (DropIndicatorPosition) {
-  DropIndicatorPosition[DropIndicatorPosition["None"] = 0] = "None";
-  DropIndicatorPosition[DropIndicatorPosition["Before"] = 1] = "Before";
-  DropIndicatorPosition[DropIndicatorPosition["After"] = 2] = "After";
-  DropIndicatorPosition[DropIndicatorPosition["Inside"] = 3] = "Inside";
-})(exports.DropIndicatorPosition || (exports.DropIndicatorPosition = {}));
-
-/** Context for cross component communication */
-const SortableItemContext = /*#__PURE__*/React.createContext({
+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 SortableItemContext_exports = {};
+__export(SortableItemContext_exports, {
+  DropIndicatorPosition: () => DropIndicatorPosition,
+  SortableItemContext: () => SortableItemContext
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var DropIndicatorPosition = /* @__PURE__ */ ((DropIndicatorPosition2) => {
+  DropIndicatorPosition2[DropIndicatorPosition2["None"] = 0] = "None";
+  DropIndicatorPosition2[DropIndicatorPosition2["Before"] = 1] = "Before";
+  DropIndicatorPosition2[DropIndicatorPosition2["After"] = 2] = "After";
+  DropIndicatorPosition2[DropIndicatorPosition2["Inside"] = 3] = "Inside";
+  return DropIndicatorPosition2;
+})(DropIndicatorPosition || {});
+const SortableItemContext = (0, import_react.createContext)({
   draggableProps: false
 });
-
-exports.SortableItemContext = SortableItemContext;
+module.exports = __toCommonJS(SortableItemContext_exports);
+//# sourceMappingURL=SortableItemContext.js.map

package/cjs/parts/HoC/SortableItemContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/HoC/SortableItemContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useSortable } from '@dnd-kit/sortable';\nimport { createContext } from 'react';\n\nexport enum DropIndicatorPosition {\n  None = 0,\n  Before = 1,\n  After = 2,\n  Inside = 3,\n}\n\nexport type SortableItemContextType = {\n  draggableProps:\n    | false\n    | (ReturnType<typeof useSortable> & {\n        dropIndicatorPosition: DropIndicatorPosition;\n        shouldShowDropIndicatorPosition: boolean;\n        lastActiveId?: string;\n        setLastActiveId?: React.Dispatch<React.SetStateAction<string>>;\n      });\n};\n\n/** Context for cross component communication */\nexport const SortableItemContext = createContext<SortableItemContextType>({\n  draggableProps: false,\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8B;AAEvB,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;AAmBL,MAAM,sBAAsB,gCAAuC;AAAA,EACxE,gBAAgB;AAAA;",
+  "names": []
+}

package/cjs/parts/HoC/withConditionalDnDColumnContext.js

@@ -1,132 +1,117 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var core = require('@dnd-kit/core');
-var dsDragAndDrop = require('@elliemae/ds-drag-and-drop');
-var sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var HeaderCellGroup = require('../Headers/HeaderCellGroup.js');
-var constants = require('../../configs/constants.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 DnDGroupContext = /*#__PURE__*/React.createContext({
-  activeIndex: undefined
+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 withConditionalDnDColumnContext_exports = {};
+__export(withConditionalDnDColumnContext_exports, {
+  DnDGroupContext: () => DnDGroupContext,
+  withConditionalDnDColumnContext: () => withConditionalDnDColumnContext
 });
-
-const flattenColumns = cols => {
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_core = require("@dnd-kit/core");
+var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
+var import_sortable = require("@dnd-kit/sortable");
+var import_DataTableContext = require("../../DataTableContext");
+var import_HeaderCellGroup = require("../Headers/HeaderCellGroup");
+var import_constants = require("../../configs/constants");
+const DnDGroupContext = (0, import_react.createContext)({
+  activeIndex: void 0
+});
+const flattenColumns = (cols) => {
   const flattened = [];
-
-  const flatten = function (col, index) {
-    let parentId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-    const {
-      id
-    } = col;
-    flattened.push([{
-      id,
-      parentId,
-      index
-    }, col]);
-    if (col.columns) col.columns.forEach((subColumn, childIndex) => flatten(subColumn, childIndex, id));
+  const flatten = (col, index, parentId = null) => {
+    const { id } = col;
+    flattened.push([{ id, parentId, index }, col]);
+    if (col.columns)
+      col.columns.forEach((subColumn, childIndex) => flatten(subColumn, childIndex, id));
   };
-
   cols.forEach((col, index) => flatten(col, index));
   return flattened;
-}; // only wraps in "DnDContext" and "DnDGroupContext" if any Drag and Drop functionality is requested
-
-
-const withConditionalDnDColumnContext = Component => props => {
+};
+const withConditionalDnDColumnContext = (Component) => (props) => {
   const {
-    tableProps: {
-      dragAndDropColumns,
-      onColumnsReorder
-    },
+    tableProps: { dragAndDropColumns, onColumnsReorder },
     visibleColumns
-  } = React__default["default"].useContext(DataTableContext["default"]);
-  const flattenedItems = React.useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);
-  const onReorder = React.useCallback((movedItem, indexes) => {
-    // Send from index to target index
-    const newFlattenedData = sortable.arrayMove(flattenedItems, indexes.fromIndex, indexes.targetIndex); // Pull the cols's data into an object
-
+  } = import_react.default.useContext(import_DataTableContext.DataTableContext);
+  const flattenedItems = (0, import_react.useMemo)(() => flattenColumns(visibleColumns), [visibleColumns]);
+  const onReorder = (0, import_react.useCallback)((movedItem, indexes) => {
+    const newFlattenedData = (0, import_sortable.arrayMove)(flattenedItems, indexes.fromIndex, indexes.targetIndex);
     const nodes = {};
-    newFlattenedData.forEach(_ref => {
-      let [dndData, colData] = _ref;
+    newFlattenedData.forEach(([dndData, colData]) => {
       delete colData.columns;
       nodes[dndData.id] = colData;
     });
     const newData = [];
-    newFlattenedData.forEach(_ref2 => {
-      let [dndData, colData] = _ref2;
-
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
+    newFlattenedData.forEach(([dndData, colData]) => {
       if (dndData.parentId) {
         const parentNode = nodes[dndData.parentId];
-        if (parentNode.columns) parentNode.columns.push(colData);else parentNode.columns = [colData];
-      } else newData.push(colData);
+        if (parentNode.columns)
+          parentNode.columns.push(colData);
+        else
+          parentNode.columns = [colData];
+      } else
+        newData.push(colData);
     });
     onColumnsReorder(newData, indexes);
   }, [flattenedItems, onColumnsReorder]);
-  const onPreviewResetState = React.useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-    if (el) el.onscroll = () => null;
+  const onPreviewResetState = (0, import_react.useCallback)(() => {
+    const el = document.body.querySelector(`[data-testid="${import_constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
+    if (el)
+      el.onscroll = () => null;
   }, []);
-  const onPreviewDragStart = React.useCallback(() => {
-    const el = document.body.querySelector("[data-testid=\"".concat(constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER, "\"]"));
-
+  const onPreviewDragStart = (0, import_react.useCallback)(() => {
+    const el = document.body.querySelector(`[data-testid="${import_constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
     if (el) {
       const y = el.scrollTop;
-
       el.onscroll = () => el.scrollTo(0, y);
     }
   }, []);
-  const {
-    dndContextProps,
-    activeId,
-    activeIndex
-  } = dsDragAndDrop.useHierarchyDndkitConfig({
+  const { dndContextProps, activeId, activeIndex } = (0, import_ds_drag_and_drop.useHierarchyDndkitConfig)({
     flattenedItems,
-    dragOverlayDataTestid: constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,
+    dragOverlayDataTestid: import_constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,
     isHorizontalDnD: true,
     onReorder,
     onPreviewResetState,
     onPreviewDragStart
   });
-  if (dragAndDropColumns) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/_jsx__default["default"](DnDGroupContext.Provider, {
-      value: {
-        activeIndex
-      }
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props))), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {}, void 0, activeId ? /*#__PURE__*/_jsx__default["default"](HeaderCellGroup.HeaderCellGroup, {
-      header: flattenedItems.find(_ref3 => {
-        let [item] = _ref3;
-        return item.id === activeId;
-      })[1],
+  if (dragAndDropColumns)
+    return /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, {
+      ...dndContextProps
+    }, /* @__PURE__ */ import_react.default.createElement(DnDGroupContext.Provider, {
+      value: { activeIndex }
+    }, /* @__PURE__ */ import_react.default.createElement(Component, {
+      ...props
+    })), /* @__PURE__ */ import_react.default.createElement(import_core.DragOverlay, null, activeId ? /* @__PURE__ */ import_react.default.createElement(import_HeaderCellGroup.HeaderCellGroup, {
+      header: flattenedItems.find(([item]) => item.id === activeId)[1],
       isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
+    }) : null));
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...props
+  });
 };
-
-exports.DnDGroupContext = DnDGroupContext;
-exports.withConditionalDnDColumnContext = withConditionalDnDColumnContext;
+module.exports = __toCommonJS(withConditionalDnDColumnContext_exports);
+//# sourceMappingURL=withConditionalDnDColumnContext.js.map