@elliemae/ds-data-table 2.2.1 → 2.3.0-alpha.4

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/HoC/withConditionalDnDColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable no-underscore-dangle */\n/* eslint-disable max-params */\nimport React, { createContext, useCallback, useMemo } from 'react';\nimport { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { useHierarchyDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DataTableContext } from '../../DataTableContext';\nimport { Item } from '../../helpers/dndkit/hierarchy/types';\nimport { TypescriptColumn } from '../../types/props';\nimport { HeaderCellGroup } from '../Headers/HeaderCellGroup';\nimport { DATA_TESTID } from '../../configs/constants';\n\ntype DnDGroupContextType = {\n  activeIndex: number;\n};\n\nexport const DnDGroupContext = createContext<DnDGroupContextType>({\n  activeIndex: undefined,\n});\n\nconst flattenColumns = (cols: TypescriptColumn[]) => {\n  const flattened = [];\n  const flatten = (col: TypescriptColumn, index, parentId = null) => {\n    const { id } = col;\n    flattened.push([{ id, parentId, index }, col]);\n    if (col.columns)\n      col.columns.forEach((subColumn: TypescriptColumn, childIndex: number) => flatten(subColumn, childIndex, id));\n  };\n  cols.forEach((col, index) => flatten(col, index));\n  return flattened;\n};\n\n// only wraps in \"DnDContext\" and \"DnDGroupContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDColumnContext: FunctionalHOC = (Component) => (props) => {\n  const {\n    tableProps: { dragAndDropColumns, onColumnsReorder },\n    visibleColumns,\n  } = React.useContext(DataTableContext);\n\n  const flattenedItems = useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);\n\n  const onReorder = useCallback(\n    (movedItem: Item, indexes: { targetIndex: number; fromIndex: number }) => {\n      // Send from index to target index\n      const newFlattenedData = arrayMove(flattenedItems, indexes.fromIndex, indexes.targetIndex);\n      // Pull the cols's data into an object\n      const nodes = {};\n      newFlattenedData.forEach(([dndData, colData]) => {\n        delete colData.columns;\n        nodes[dndData.id] = colData;\n      });\n      const newData = [];\n      newFlattenedData.forEach(([dndData, colData]) => {\n        // If row has parent, insert it to it's subrows\n        // otherwise append it to the new user data\n        if (dndData.parentId) {\n          const parentNode = nodes[dndData.parentId];\n          if (parentNode.columns) parentNode.columns.push(colData);\n          else parentNode.columns = [colData];\n        } else newData.push(colData);\n      });\n      onColumnsReorder(newData, indexes);\n    },\n    [flattenedItems, onColumnsReorder],\n  );\n\n  const onPreviewResetState = useCallback(() => {\n    const el: HTMLDivElement | null = document.body.querySelector(\n      `[data-testid=\"${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\"]`,\n    );\n    if (el) el.onscroll = () => null;\n  }, []);\n\n  const onPreviewDragStart = useCallback(() => {\n    const el: HTMLDivElement | null = document.body.querySelector(\n      `[data-testid=\"${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}\"]`,\n    );\n    if (el) {\n      const y = el.scrollTop;\n      el.onscroll = () => el.scrollTo(0, y);\n    }\n  }, []);\n\n  const { dndContextProps, activeId, activeIndex } = useHierarchyDndkitConfig({\n    flattenedItems,\n    dragOverlayDataTestid: DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,\n    isHorizontalDnD: true,\n    onReorder,\n    onPreviewResetState,\n    onPreviewDragStart,\n  });\n\n  if (dragAndDropColumns)\n    return (\n      <DndContext {...dndContextProps}>\n        <DnDGroupContext.Provider value={{ activeIndex }}>\n          <Component {...props} />\n        </DnDGroupContext.Provider>\n        <DragOverlay>\n          {activeId ? (\n            <HeaderCellGroup header={flattenedItems.find(([item]) => item.id === activeId)[1]} isDragOverlay />\n          ) : null}\n        </DragOverlay>\n      </DndContext>\n    );\n  return <Component {...props} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAA2D;AAC3D,kBAAwC;AACxC,8BAAyC;AACzC,sBAA0B;AAE1B,8BAAiC;AAGjC,6BAAgC;AAChC,uBAA4B;AAMrB,MAAM,kBAAkB,gCAAmC;AAAA,EAChE,aAAa;AAAA;AAGf,MAAM,iBAAiB,CAAC,SAA6B;AACnD,QAAM,YAAY;AAClB,QAAM,UAAU,CAAC,KAAuB,OAAO,WAAW,SAAS;AACjE,UAAM,EAAE,OAAO;AACf,cAAU,KAAK,CAAC,EAAE,IAAI,UAAU,SAAS;AACzC,QAAI,IAAI;AACN,UAAI,QAAQ,QAAQ,CAAC,WAA6B,eAAuB,QAAQ,WAAW,YAAY;AAAA;AAE5G,OAAK,QAAQ,CAAC,KAAK,UAAU,QAAQ,KAAK;AAC1C,SAAO;AAAA;AAIF,MAAM,kCAAiD,CAAC,cAAc,CAAC,UAAU;AACtF,QAAM;AAAA,IACJ,YAAY,EAAE,oBAAoB;AAAA,IAClC;AAAA,MACE,qBAAM,WAAW;AAErB,QAAM,iBAAiB,0BAAQ,MAAM,eAAe,iBAAiB,CAAC;AAEtE,QAAM,YAAY,8BAChB,CAAC,WAAiB,YAAwD;AAExE,UAAM,mBAAmB,+BAAU,gBAAgB,QAAQ,WAAW,QAAQ;AAE9E,UAAM,QAAQ;AACd,qBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa;AAC/C,aAAO,QAAQ;AACf,YAAM,QAAQ,MAAM;AAAA;AAEtB,UAAM,UAAU;AAChB,qBAAiB,QAAQ,CAAC,CAAC,SAAS,aAAa;AAG/C,UAAI,QAAQ,UAAU;AACpB,cAAM,aAAa,MAAM,QAAQ;AACjC,YAAI,WAAW;AAAS,qBAAW,QAAQ,KAAK;AAAA;AAC3C,qBAAW,UAAU,CAAC;AAAA;AACtB,gBAAQ,KAAK;AAAA;AAEtB,qBAAiB,SAAS;AAAA,KAE5B,CAAC,gBAAgB;AAGnB,QAAM,sBAAsB,8BAAY,MAAM;AAC5C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,6BAAY;AAE/B,QAAI;AAAI,SAAG,WAAW,MAAM;AAAA,KAC3B;AAEH,QAAM,qBAAqB,8BAAY,MAAM;AAC3C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,6BAAY;AAE/B,QAAI,IAAI;AACN,YAAM,IAAI,GAAG;AACb,SAAG,WAAW,MAAM,GAAG,SAAS,GAAG;AAAA;AAAA,KAEpC;AAEH,QAAM,EAAE,iBAAiB,UAAU,gBAAgB,sDAAyB;AAAA,IAC1E;AAAA,IACA,uBAAuB,6BAAY;AAAA,IACnC,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI;AACF,WACE,mDAAC,wBAAD;AAAA,SAAgB;AAAA,OACd,mDAAC,gBAAgB,UAAjB;AAAA,MAA0B,OAAO,EAAE;AAAA,OACjC,mDAAC,WAAD;AAAA,SAAe;AAAA,SAEjB,mDAAC,yBAAD,MACG,WACC,mDAAC,wCAAD;AAAA,MAAiB,QAAQ,eAAe,KAAK,CAAC,CAAC,UAAU,KAAK,OAAO,UAAU;AAAA,MAAI,eAAa;AAAA,SAC9F;AAIZ,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/HoC/withConditionalDnDRowContext.js

@@ -1,84 +1,78 @@
-'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/web.dom-collections.iterator.js');
-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/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 sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var dsDragAndDrop = require('@elliemae/ds-drag-and-drop');
-var SortableItemContext = require('./SortableItemContext.js');
-var Row = require('../Row.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 DnDTreeContext = /*#__PURE__*/React.createContext({
-  depth: undefined,
-  activeIndex: undefined,
-  visibleItems: undefined,
-  dropIndicatorPosition: SortableItemContext.DropIndicatorPosition.None,
-  lastActiveId: undefined,
-  setLastActiveId: undefined
-}); // only wraps in "DnDContext" and "DnDTreeContext" if any Drag and Drop functionality is requested
-
-const withConditionalDnDRowContext = Component => props => {
+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 withConditionalDnDRowContext_exports = {};
+__export(withConditionalDnDRowContext_exports, {
+  DnDTreeContext: () => DnDTreeContext,
+  withConditionalDnDRowContext: () => withConditionalDnDRowContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_DataTableContext = require("../../DataTableContext");
+var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
+var import_SortableItemContext = require("./SortableItemContext");
+var import_Row = require("../Row");
+const DnDTreeContext = (0, import_react.createContext)({
+  depth: void 0,
+  activeIndex: void 0,
+  visibleItems: void 0,
+  dropIndicatorPosition: import_SortableItemContext.DropIndicatorPosition.None,
+  lastActiveId: void 0,
+  setLastActiveId: void 0
+});
+const withConditionalDnDRowContext = (Component) => (props) => {
   const {
-    tableProps: {
-      dragAndDropRows,
-      isExpandable,
-      onRowsReorder,
-      maxDragAndDropLevel
-    },
+    tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },
     flattenedData,
     allDataFlattened
-  } = React__default["default"].useContext(DataTableContext["default"]);
-  const [lastActiveId, setLastActiveId] = React__default["default"].useState(null);
-  const onReorder = React.useCallback((newData, indexes, considerExpanding) => {
-    // Pull the row's original data into an object
+  } = import_react.default.useContext(import_DataTableContext.DataTableContext);
+  const [lastActiveId, setLastActiveId] = import_react.default.useState(null);
+  const onReorder = (0, import_react.useCallback)((newData, indexes, considerExpanding) => {
     const nodes = {};
-    newData.forEach(row => {
+    newData.forEach((row) => {
       delete row.original.subRows;
       nodes[row.uid] = row.original;
     });
     const newUserData = [];
-    newData.forEach(row => {
-      // If row has parent, insert it to it's subrows
-      // otherwise append it to the new user data
+    newData.forEach((row) => {
       if (row.parentId) {
         const parentNode = nodes[row.parentId];
-        if (parentNode !== null && parentNode !== void 0 && parentNode.subRows) parentNode.subRows.push(row.original);else parentNode.subRows = [row.original];
-      } else newUserData.push(row.original);
-    }); // Tell the user that the order has change, he can chose to commit it or not
-
+        if (parentNode?.subRows)
+          parentNode.subRows.push(row.original);
+        else
+          parentNode.subRows = [row.original];
+      } else
+        newUserData.push(row.original);
+    });
     onRowsReorder(newUserData, indexes, considerExpanding);
   }, [onRowsReorder]);
-  const {
-    dndContextProps,
-    sortableContextProps,
-    activeId,
-    activeIndex,
-    depth,
-    dropIndicatorPosition,
-    visibleItems
-  } = dsDragAndDrop.useTreeDndkitConfig({
+  const { dndContextProps, sortableContextProps, activeId, activeIndex, depth, dropIndicatorPosition, visibleItems } = (0, import_ds_drag_and_drop.useTreeDndkitConfig)({
     flattenedItems: allDataFlattened,
     visibleItems: flattenedData,
     isHorizontalDnD: false,
@@ -86,30 +80,33 @@ const withConditionalDnDRowContext = Component => props => {
     onReorder,
     maxDragAndDropLevel
   });
-  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
-  if (dragAndDropRows) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx__default["default"](DnDTreeContext.Provider, {
-        value: {
-          activeIndex,
-          depth,
-          visibleItems,
-          dropIndicatorPosition,
-          lastActiveId,
-          setLastActiveId
-        }
-      }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))
-    })), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {
-      style: {
-        width: 'auto'
+  if (lastActiveId !== activeId && activeId)
+    setLastActiveId(activeId);
+  if (dragAndDropRows)
+    return /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, {
+      ...dndContextProps
+    }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, {
+      ...sortableContextProps
+    }, /* @__PURE__ */ import_react.default.createElement(DnDTreeContext.Provider, {
+      value: {
+        activeIndex,
+        depth,
+        visibleItems,
+        dropIndicatorPosition,
+        lastActiveId,
+        setLastActiveId
       }
-    }, void 0, activeId ? /*#__PURE__*/_jsx__default["default"](Row.Row, {
-      row: flattenedData.find(row => row.uid === activeId),
+    }, /* @__PURE__ */ import_react.default.createElement(Component, {
+      ...props
+    }))), /* @__PURE__ */ import_react.default.createElement(import_core.DragOverlay, {
+      style: { width: "auto" }
+    }, activeId ? /* @__PURE__ */ import_react.default.createElement(import_Row.Row, {
+      row: flattenedData.find((row) => row.uid === activeId),
       isDragOverlay: true
-    }) : null)]
-  }));
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
+    }) : null));
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...props
+  });
 };
-
-exports.DnDTreeContext = DnDTreeContext;
-exports.withConditionalDnDRowContext = withConditionalDnDRowContext;
+module.exports = __toCommonJS(withConditionalDnDRowContext_exports);
+//# sourceMappingURL=withConditionalDnDRowContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/HoC/withConditionalDnDRowContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { createContext, useCallback } from 'react';\nimport { DndContext, DragOverlay } from '@dnd-kit/core';\nimport { SortableContext } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { useTreeDndkitConfig } from '@elliemae/ds-drag-and-drop';\nimport { Item } from '../../helpers/dndkit/tree/types';\nimport { DropIndicatorPosition } from './SortableItemContext';\nimport { Row } from '../Row';\n\ntype DnDTreeContextType = {\n  depth: number;\n  activeIndex: number;\n  visibleItems: unknown[];\n  dropIndicatorPosition: DropIndicatorPosition;\n  lastActiveId: string;\n  setLastActiveId: React.Dispatch<React.SetStateAction<string>>;\n};\n\nexport const DnDTreeContext = createContext<DnDTreeContextType>({\n  depth: undefined,\n  activeIndex: undefined,\n  visibleItems: undefined,\n  dropIndicatorPosition: DropIndicatorPosition.None,\n  lastActiveId: undefined,\n  setLastActiveId: undefined,\n});\n\n// only wraps in \"DnDContext\" and \"DnDTreeContext\" if any Drag and Drop functionality is requested\nexport const withConditionalDnDRowContext: FunctionalHOC = (Component) => (props) => {\n  const {\n    tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },\n    flattenedData,\n    allDataFlattened,\n  } = React.useContext(DataTableContext);\n\n  const [lastActiveId, setLastActiveId] = React.useState<string>(null);\n\n  const onReorder = useCallback(\n    (newData: Item[], indexes: { targetIndex: number; fromIndex: number }, considerExpanding: string) => {\n      // Pull the row's original data into an object\n      const nodes = {};\n      newData.forEach((row) => {\n        delete row.original.subRows;\n        nodes[row.uid] = row.original;\n      });\n      const newUserData = [];\n      newData.forEach((row) => {\n        // If row has parent, insert it to it's subrows\n        // otherwise append it to the new user data\n        if (row.parentId) {\n          const parentNode = nodes[row.parentId];\n          if (parentNode?.subRows) parentNode.subRows.push(row.original);\n          else parentNode.subRows = [row.original];\n        } else newUserData.push(row.original);\n      });\n      // Tell the user that the order has change, he can chose to commit it or not\n      onRowsReorder(newUserData, indexes, considerExpanding);\n    },\n    [onRowsReorder],\n  );\n\n  const { dndContextProps, sortableContextProps, activeId, activeIndex, depth, dropIndicatorPosition, visibleItems } =\n    useTreeDndkitConfig({\n      flattenedItems: allDataFlattened,\n      visibleItems: flattenedData,\n      isHorizontalDnD: false,\n      isExpandable,\n      onReorder,\n      maxDragAndDropLevel,\n    });\n\n  if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);\n\n  if (dragAndDropRows)\n    return (\n      <DndContext {...dndContextProps}>\n        <SortableContext {...sortableContextProps}>\n          <DnDTreeContext.Provider\n            value={{\n              activeIndex,\n              depth,\n              visibleItems,\n              dropIndicatorPosition,\n              lastActiveId,\n              setLastActiveId,\n            }}\n          >\n            <Component {...props} />\n          </DnDTreeContext.Provider>\n        </SortableContext>\n        <DragOverlay style={{ width: 'auto' }}>\n          {activeId ? <Row row={flattenedData.find((row) => row.uid === activeId)} isDragOverlay /> : null}\n        </DragOverlay>\n      </DndContext>\n    );\n  return <Component {...props} />;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkD;AAClD,kBAAwC;AACxC,sBAAgC;AAChC,8BAAiC;AAEjC,8BAAoC;AAEpC,iCAAsC;AACtC,iBAAoB;AAWb,MAAM,iBAAiB,gCAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,iDAAsB;AAAA,EAC7C,cAAc;AAAA,EACd,iBAAiB;AAAA;AAIZ,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAU;AACnF,QAAM;AAAA,IACJ,YAAY,EAAE,iBAAiB,cAAc,eAAe;AAAA,IAC5D;AAAA,IACA;AAAA,MACE,qBAAM,WAAW;AAErB,QAAM,CAAC,cAAc,mBAAmB,qBAAM,SAAiB;AAE/D,QAAM,YAAY,8BAChB,CAAC,SAAiB,SAAqD,sBAA8B;AAEnG,UAAM,QAAQ;AACd,YAAQ,QAAQ,CAAC,QAAQ;AACvB,aAAO,IAAI,SAAS;AACpB,YAAM,IAAI,OAAO,IAAI;AAAA;AAEvB,UAAM,cAAc;AACpB,YAAQ,QAAQ,CAAC,QAAQ;AAGvB,UAAI,IAAI,UAAU;AAChB,cAAM,aAAa,MAAM,IAAI;AAC7B,YAAI,YAAY;AAAS,qBAAW,QAAQ,KAAK,IAAI;AAAA;AAChD,qBAAW,UAAU,CAAC,IAAI;AAAA;AAC1B,oBAAY,KAAK,IAAI;AAAA;AAG9B,kBAAc,aAAa,SAAS;AAAA,KAEtC,CAAC;AAGH,QAAM,EAAE,iBAAiB,sBAAsB,UAAU,aAAa,OAAO,uBAAuB,iBAClG,iDAAoB;AAAA,IAClB,gBAAgB;AAAA,IAChB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGJ,MAAI,iBAAiB,YAAY;AAAU,oBAAgB;AAE3D,MAAI;AACF,WACE,mDAAC,wBAAD;AAAA,SAAgB;AAAA,OACd,mDAAC,iCAAD;AAAA,SAAqB;AAAA,OACnB,mDAAC,eAAe,UAAhB;AAAA,MACE,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAGF,mDAAC,WAAD;AAAA,SAAe;AAAA,UAGnB,mDAAC,yBAAD;AAAA,MAAa,OAAO,EAAE,OAAO;AAAA,OAC1B,WAAW,mDAAC,gBAAD;AAAA,MAAK,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ;AAAA,MAAW,eAAa;AAAA,SAAM;AAIpG,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/HoC/withConditionalDnDSortableContext.js

@@ -1,45 +1,52 @@
-'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.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 sortable = require('@dnd-kit/sortable');
-var React = require('react');
-var DataTableContext = require('../../DataTableContext.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);
-
-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 withConditionalDnDSortableContext = function (items) {
-  let isDragOverlay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return Component => props => {
-    const {
-      tableProps: {
-        dragAndDropColumns
-      }
-    } = React.useContext(DataTableContext["default"]); // Only add the context if it's not a dragOverlay and dnd for cols was requested
-    // It's important that drag overlays DO NOT have any sortable functionality!
-
-    if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx__default["default"](sortable.SortableContext, {
-      items: items.map(item => item.id),
-      strategy: sortable.horizontalListSortingStrategy
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
-    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
+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 withConditionalDnDSortableContext_exports = {};
+__export(withConditionalDnDSortableContext_exports, {
+  withConditionalDnDSortableContext: () => withConditionalDnDSortableContext
+});
+var React = __toESM(require("react"));
+var import_sortable = require("@dnd-kit/sortable");
+var import_react = __toESM(require("react"));
+var import_DataTableContext = require("../../DataTableContext");
+const withConditionalDnDSortableContext = (items, isDragOverlay = false) => (Component) => (props) => {
+  const {
+    tableProps: { dragAndDropColumns }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  if (!isDragOverlay && dragAndDropColumns)
+    return /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, {
+      items: items.map((item) => item.id),
+      strategy: import_sortable.horizontalListSortingStrategy
+    }, /* @__PURE__ */ import_react.default.createElement(Component, {
+      ...props
+    }));
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...props
+  });
 };
-
-exports.withConditionalDnDSortableContext = withConditionalDnDSortableContext;
+module.exports = __toCommonJS(withConditionalDnDSortableContext_exports);
+//# sourceMappingURL=withConditionalDnDSortableContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { horizontalListSortingStrategy, SortableContext } from '@dnd-kit/sortable';\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { TypescriptColumn } from '../../types/props';\n\nexport const withConditionalDnDSortableContext =\n  (items: TypescriptColumn[], isDragOverlay = false): FunctionalHOC =>\n  (Component) =>\n  (props) => {\n    const {\n      tableProps: { dragAndDropColumns },\n    } = useContext(DataTableContext);\n\n    // Only add the context if it's not a dragOverlay and dnd for cols was requested\n    // It's important that drag overlays DO NOT have any sortable functionality!\n    if (!isDragOverlay && dragAndDropColumns)\n      return (\n        <SortableContext items={items.map((item) => item.id)} strategy={horizontalListSortingStrategy}>\n          <Component {...props} />\n        </SortableContext>\n      );\n\n    return <Component {...props} />;\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAA+D;AAC/D,mBAAkC;AAClC,8BAAiC;AAI1B,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AAIf,MAAI,CAAC,iBAAiB;AACpB,WACE,mDAAC,iCAAD;AAAA,MAAiB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK;AAAA,MAAK,UAAU;AAAA,OAC9D,mDAAC,WAAD;AAAA,SAAe;AAAA;AAIrB,SAAO,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
+  "names": []
+}

package/cjs/parts/HoC/withDnDSortableColumnContext.js

@@ -1,65 +1,67 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var withConditionalDnDColumnContext = require('./withConditionalDnDColumnContext.js');
-var SortableItemContext = require('./SortableItemContext.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);
-
-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 withDnDSortableColumnContext = Component => props => {
-  const {
-    tableProps: {
-      dragAndDropColumns
-    }
-  } = React.useContext(DataTableContext["default"]);
+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 withDnDSortableColumnContext_exports = {};
+__export(withDnDSortableColumnContext_exports, {
+  withDnDSortableColumnContext: () => withDnDSortableColumnContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_sortable = require("@dnd-kit/sortable");
+var import_DataTableContext = require("../../DataTableContext");
+var import_withConditionalDnDColumnContext = require("./withConditionalDnDColumnContext");
+var import_SortableItemContext = require("./SortableItemContext");
+const withDnDSortableColumnContext = (Component) => (props) => {
   const {
-    activeIndex
-  } = React.useContext(withConditionalDnDColumnContext.DnDGroupContext); // onMount generate unique options, so everyting is only ran once
-
-  const draggableOptions = React.useMemo(() => ({
+    tableProps: { dragAndDropColumns }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const { activeIndex } = (0, import_react.useContext)(import_withConditionalDnDColumnContext.DnDGroupContext);
+  const draggableOptions = (0, import_react.useMemo)(() => ({
     id: props.header.id
   }), [props.header.id]);
-  const useSortableHelpers = sortable.useSortable(draggableOptions); // calculate all the "useSortable" values as per required
-
-  const draggableProps = React.useMemo(() => {
-    if (!dragAndDropColumns) return false;
-    const {
-      index,
-      overIndex
-    } = useSortableHelpers;
-    return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
+  const useSortableHelpers = (0, import_sortable.useSortable)(draggableOptions);
+  const draggableProps = (0, import_react.useMemo)(() => {
+    if (!dragAndDropColumns)
+      return false;
+    const { index, overIndex } = useSortableHelpers;
+    return {
+      ...useSortableHelpers,
       shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
-      dropIndicatorPosition: index > activeIndex ? SortableItemContext.DropIndicatorPosition.After : SortableItemContext.DropIndicatorPosition.Before
-    });
-  }, [useSortableHelpers, dragAndDropColumns, activeIndex]); // we use a context so we can easly access information wherever without bubbling down
-  // this context is all Memoized so as long as component is not re-mounted,
-  // the context won't trigger un-required renders per-se...
-
-  const ctx = React.useMemo(() => ({
+      dropIndicatorPosition: index > activeIndex ? import_SortableItemContext.DropIndicatorPosition.After : import_SortableItemContext.DropIndicatorPosition.Before
+    };
+  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);
+  const ctx = (0, import_react.useMemo)(() => ({
     draggableProps
-  }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
-
-  return /*#__PURE__*/_jsx__default["default"](SortableItemContext.SortableItemContext.Provider, {
+  }), [draggableProps]);
+  return /* @__PURE__ */ import_react.default.createElement(import_SortableItemContext.SortableItemContext.Provider, {
     value: ctx
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
+  }, /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...props
+  }));
 };
-
-exports.withDnDSortableColumnContext = withDnDSortableColumnContext;
+module.exports = __toCommonJS(withDnDSortableColumnContext_exports);
+//# sourceMappingURL=withDnDSortableColumnContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/HoC/withDnDSortableColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, DropIndicatorPosition, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableColumnContext: FunctionalHOC = (Component) => (props: any) => {\n  const {\n    tableProps: { dragAndDropColumns },\n  } = useContext(DataTableContext);\n  const { activeIndex } = useContext(DnDGroupContext);\n\n  // onMount generate unique options, so everyting is only ran once\n  const draggableOptions = useMemo(\n    () => ({\n      id: props.header.id,\n    }),\n    [props.header.id],\n  );\n\n  const useSortableHelpers = useSortable(draggableOptions);\n\n  // calculate all the \"useSortable\" values as per required\n  const draggableProps = useMemo(() => {\n    if (!dragAndDropColumns) return false;\n\n    const { index, overIndex } = useSortableHelpers;\n\n    return {\n      ...useSortableHelpers,\n      shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,\n      dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before,\n    };\n  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);\n  // we use a context so we can easly access information wherever without bubbling down\n  // this context is all Memoized so as long as component is not re-mounted,\n  // the context won't trigger un-required renders per-se...\n  const ctx: SortableItemContextType = useMemo(\n    () => ({\n      draggableProps,\n    }),\n    [draggableProps],\n  );\n  // we always add the context, if draggableProps===false we don't have the DnD enabled.\n  return (\n    <SortableItemContext.Provider value={ctx}>\n      <Component {...props} />\n    </SortableItemContext.Provider>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,sBAA4B;AAC5B,8BAAiC;AAEjC,6CAAgC;AAChC,iCAAoF;AAE7E,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AACf,QAAM,EAAE,gBAAgB,6BAAW;AAGnC,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,MAEnB,CAAC,MAAM,OAAO;AAGhB,QAAM,qBAAqB,iCAAY;AAGvC,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,iDAAsB,QAAQ,iDAAsB;AAAA;AAAA,KAElG,CAAC,oBAAoB,oBAAoB;AAI5C,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
+  "names": []
+}