@elliemae/ds-data-table 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/parts/Headers/useHeaderCellHandlers.js

@@ -1,87 +0,0 @@
-import * as React from "react";
-import { useCallback } from "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 = useCallback(() => {
-    patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
-  }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
-  const onMouseLeave = useCallback(() => {
-    if (!headerRef?.current?.contains(document.activeElement)) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
-    }
-  }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onClick = useCallback(() => {
-    if (column.canSort) {
-      onColumnSortChange({
-        column: column.id,
-        direction: column.isSortedDesc ? "ASC" : "DESC"
-      });
-    }
-  }, [column.canSort, column.id, column.isSortedDesc, onColumnSortChange]);
-  const onKeyDown = useCallback((e) => {
-    if (e.code === "ArrowDown" && column.canSort) {
-      e.preventDefault();
-      onColumnSortChange({
-        column: column.id,
-        direction: "DESC"
-      });
-    } else if (e.code === "ArrowUp" && column.canSort) {
-      e.preventDefault();
-      onColumnSortChange({
-        column: column.id,
-        direction: "ASC"
-      });
-    } 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();
-      });
-    }
-  }, [
-    column.canSort,
-    column.id,
-    onColumnSortChange,
-    patchHeader,
-    reduxHeader,
-    hasFilter,
-    hasDnD,
-    dragHandleRef,
-    filterIconRef
-  ]);
-  const onFocus = useCallback((e) => {
-    if (e.target === headerRef?.current) {
-      patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
-    }
-  }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
-  const onBlur = 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 };
-};
-export {
-  useHeaderCellHandlers
-};
-//# sourceMappingURL=useHeaderCellHandlers.js.map

package/dist/esm/parts/Headers/useHeaderCellHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/useHeaderCellHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AAsBA,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,YAAY,MAAM;AAC9D,gBAAY,OAAO,IAAI,gBAAgB,aAAa,MAAM,WAAW;AAAA,KACpE,CAAC,OAAO,IAAI,QAAQ,WAAW,aAAa;AAE/C,QAAM,eAAwC,YAAY,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,YAAY,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,YAC5C,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,YACvC,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,YACtC,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/dist/esm/parts/HoC/SortableItemContext.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { createContext } from "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 = createContext({
-  draggableProps: false
-});
-export {
-  DropIndicatorPosition,
-  SortableItemContext
-};
-//# sourceMappingURL=SortableItemContext.js.map

package/dist/esm/parts/HoC/SortableItemContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/SortableItemContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACCA;AAEO,IAAK,wBAAL,kBAAK,2BAAL;AACL,0DAAO,KAAP;AACA,4DAAS,KAAT;AACA,2DAAQ,KAAR;AACA,4DAAS,KAAT;AAJU;AAAA;AAmBL,MAAM,sBAAsB,cAAuC;AAAA,EACxE,gBAAgB;AAAA;",
-  "names": []
-}

package/dist/esm/parts/HoC/withConditionalDnDColumnContext.js

@@ -1,88 +0,0 @@
-import * as React from "react";
-import React2, { createContext, useCallback, useMemo } from "react";
-import { DndContext, DragOverlay } from "@dnd-kit/core";
-import { useHierarchyDndkitConfig } from "@elliemae/ds-drag-and-drop";
-import { arrayMove } from "@dnd-kit/sortable";
-import { DataTableContext } from "../../DataTableContext";
-import { HeaderCellGroup } from "../Headers/HeaderCellGroup";
-import { DATA_TESTID } from "../../configs/constants";
-const DnDGroupContext = createContext({
-  activeIndex: void 0
-});
-const flattenColumns = (cols) => {
-  const flattened = [];
-  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;
-};
-const withConditionalDnDColumnContext = (Component) => (props) => {
-  const {
-    tableProps: { dragAndDropColumns, onColumnsReorder },
-    visibleColumns
-  } = React2.useContext(DataTableContext);
-  const flattenedItems = useMemo(() => flattenColumns(visibleColumns), [visibleColumns]);
-  const onReorder = useCallback((movedItem, indexes) => {
-    const newFlattenedData = arrayMove(flattenedItems, indexes.fromIndex, indexes.targetIndex);
-    const nodes = {};
-    newFlattenedData.forEach(([dndData, colData]) => {
-      delete colData.columns;
-      nodes[dndData.id] = colData;
-    });
-    const newData = [];
-    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);
-    });
-    onColumnsReorder(newData, indexes);
-  }, [flattenedItems, onColumnsReorder]);
-  const onPreviewResetState = useCallback(() => {
-    const el = document.body.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
-    if (el)
-      el.onscroll = () => null;
-  }, []);
-  const onPreviewDragStart = useCallback(() => {
-    const el = document.body.querySelector(`[data-testid="${DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER}"]`);
-    if (el) {
-      const y = el.scrollTop;
-      el.onscroll = () => el.scrollTo(0, y);
-    }
-  }, []);
-  const { dndContextProps, activeId, activeIndex } = useHierarchyDndkitConfig({
-    flattenedItems,
-    dragOverlayDataTestid: DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY,
-    isHorizontalDnD: true,
-    onReorder,
-    onPreviewResetState,
-    onPreviewDragStart
-  });
-  if (dragAndDropColumns)
-    return /* @__PURE__ */ React2.createElement(DndContext, {
-      ...dndContextProps
-    }, /* @__PURE__ */ React2.createElement(DnDGroupContext.Provider, {
-      value: { activeIndex }
-    }, /* @__PURE__ */ React2.createElement(Component, {
-      ...props
-    })), /* @__PURE__ */ React2.createElement(DragOverlay, null, activeId ? /* @__PURE__ */ React2.createElement(HeaderCellGroup, {
-      header: flattenedItems.find(([item]) => item.id === activeId)[1],
-      isDragOverlay: true
-    }) : null));
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  });
-};
-export {
-  DnDGroupContext,
-  withConditionalDnDColumnContext
-};
-//# sourceMappingURL=withConditionalDnDColumnContext.js.map

package/dist/esm/parts/HoC/withConditionalDnDColumnContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDColumnContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA;AAGA;AACA;AAMO,MAAM,kBAAkB,cAAmC;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,OAAM,WAAW;AAErB,QAAM,iBAAiB,QAAQ,MAAM,eAAe,iBAAiB,CAAC;AAEtE,QAAM,YAAY,YAChB,CAAC,WAAiB,YAAwD;AAExE,UAAM,mBAAmB,UAAU,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,YAAY,MAAM;AAC5C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,YAAY;AAE/B,QAAI;AAAI,SAAG,WAAW,MAAM;AAAA,KAC3B;AAEH,QAAM,qBAAqB,YAAY,MAAM;AAC3C,UAAM,KAA4B,SAAS,KAAK,cAC9C,iBAAiB,YAAY;AAE/B,QAAI,IAAI;AACN,YAAM,IAAI,GAAG;AACb,SAAG,WAAW,MAAM,GAAG,SAAS,GAAG;AAAA;AAAA,KAEpC;AAEH,QAAM,EAAE,iBAAiB,UAAU,gBAAgB,yBAAyB;AAAA,IAC1E;AAAA,IACA,uBAAuB,YAAY;AAAA,IACnC,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA;AAGF,MAAI;AACF,WACE,qCAAC,YAAD;AAAA,SAAgB;AAAA,OACd,qCAAC,gBAAgB,UAAjB;AAAA,MAA0B,OAAO,EAAE;AAAA,OACjC,qCAAC,WAAD;AAAA,SAAe;AAAA,SAEjB,qCAAC,aAAD,MACG,WACC,qCAAC,iBAAD;AAAA,MAAiB,QAAQ,eAAe,KAAK,CAAC,CAAC,UAAU,KAAK,OAAO,UAAU;AAAA,MAAI,eAAa;AAAA,SAC9F;AAIZ,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/HoC/withConditionalDnDRowContext.js

@@ -1,83 +0,0 @@
-import * as React from "react";
-import React2, { createContext, useCallback } from "react";
-import { DndContext, DragOverlay } from "@dnd-kit/core";
-import { SortableContext } from "@dnd-kit/sortable";
-import { DataTableContext } from "../../DataTableContext";
-import { useTreeDndkitConfig } from "@elliemae/ds-drag-and-drop";
-import { DropIndicatorPosition } from "./SortableItemContext";
-import { Row } from "../Row";
-const DnDTreeContext = createContext({
-  depth: void 0,
-  activeIndex: void 0,
-  visibleItems: void 0,
-  dropIndicatorPosition: DropIndicatorPosition.None,
-  lastActiveId: void 0,
-  setLastActiveId: void 0
-});
-const withConditionalDnDRowContext = (Component) => (props) => {
-  const {
-    tableProps: { dragAndDropRows, isExpandable, onRowsReorder, maxDragAndDropLevel },
-    flattenedData,
-    allDataFlattened
-  } = React2.useContext(DataTableContext);
-  const [lastActiveId, setLastActiveId] = React2.useState(null);
-  const onReorder = useCallback((newData, indexes, considerExpanding) => {
-    const nodes = {};
-    newData.forEach((row) => {
-      delete row.original.subRows;
-      nodes[row.uid] = row.original;
-    });
-    const newUserData = [];
-    newData.forEach((row) => {
-      if (row.parentId) {
-        const parentNode = nodes[row.parentId];
-        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 } = useTreeDndkitConfig({
-    flattenedItems: allDataFlattened,
-    visibleItems: flattenedData,
-    isHorizontalDnD: false,
-    isExpandable,
-    onReorder,
-    maxDragAndDropLevel
-  });
-  if (lastActiveId !== activeId && activeId)
-    setLastActiveId(activeId);
-  if (dragAndDropRows)
-    return /* @__PURE__ */ React2.createElement(DndContext, {
-      ...dndContextProps
-    }, /* @__PURE__ */ React2.createElement(SortableContext, {
-      ...sortableContextProps
-    }, /* @__PURE__ */ React2.createElement(DnDTreeContext.Provider, {
-      value: {
-        activeIndex,
-        depth,
-        visibleItems,
-        dropIndicatorPosition,
-        lastActiveId,
-        setLastActiveId
-      }
-    }, /* @__PURE__ */ React2.createElement(Component, {
-      ...props
-    }))), /* @__PURE__ */ React2.createElement(DragOverlay, {
-      style: { width: "auto" }
-    }, activeId ? /* @__PURE__ */ React2.createElement(Row, {
-      row: flattenedData.find((row) => row.uid === activeId),
-      isDragOverlay: true
-    }) : null));
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  });
-};
-export {
-  DnDTreeContext,
-  withConditionalDnDRowContext
-};
-//# sourceMappingURL=withConditionalDnDRowContext.js.map

package/dist/esm/parts/HoC/withConditionalDnDRowContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDRowContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEA;AACA;AAWO,MAAM,iBAAiB,cAAkC;AAAA,EAC9D,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,uBAAuB,sBAAsB;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,OAAM,WAAW;AAErB,QAAM,CAAC,cAAc,mBAAmB,OAAM,SAAiB;AAE/D,QAAM,YAAY,YAChB,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,oBAAoB;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,qCAAC,YAAD;AAAA,SAAgB;AAAA,OACd,qCAAC,iBAAD;AAAA,SAAqB;AAAA,OACnB,qCAAC,eAAe,UAAhB;AAAA,MACE,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,OAGF,qCAAC,WAAD;AAAA,SAAe;AAAA,UAGnB,qCAAC,aAAD;AAAA,MAAa,OAAO,EAAE,OAAO;AAAA,OAC1B,WAAW,qCAAC,KAAD;AAAA,MAAK,KAAK,cAAc,KAAK,CAAC,QAAQ,IAAI,QAAQ;AAAA,MAAW,eAAa;AAAA,SAAM;AAIpG,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/HoC/withConditionalDnDSortableContext.js

@@ -1,23 +0,0 @@
-import * as React from "react";
-import { horizontalListSortingStrategy, SortableContext } from "@dnd-kit/sortable";
-import React2, { useContext } from "react";
-import { DataTableContext } from "../../DataTableContext";
-const withConditionalDnDSortableContext = (items, isDragOverlay = false) => (Component) => (props) => {
-  const {
-    tableProps: { dragAndDropColumns }
-  } = useContext(DataTableContext);
-  if (!isDragOverlay && dragAndDropColumns)
-    return /* @__PURE__ */ React2.createElement(SortableContext, {
-      items: items.map((item) => item.id),
-      strategy: horizontalListSortingStrategy
-    }, /* @__PURE__ */ React2.createElement(Component, {
-      ...props
-    }));
-  return /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  });
-};
-export {
-  withConditionalDnDSortableContext
-};
-//# sourceMappingURL=withConditionalDnDSortableContext.js.map

package/dist/esm/parts/HoC/withConditionalDnDSortableContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAIO,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AAIf,MAAI,CAAC,iBAAiB;AACpB,WACE,qCAAC,iBAAD;AAAA,MAAiB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK;AAAA,MAAK,UAAU;AAAA,OAC9D,qCAAC,WAAD;AAAA,SAAe;AAAA;AAIrB,SAAO,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/HoC/withDnDSortableColumnContext.js

@@ -1,38 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { useSortable } from "@dnd-kit/sortable";
-import { DataTableContext } from "../../DataTableContext";
-import { DnDGroupContext } from "./withConditionalDnDColumnContext";
-import { SortableItemContext, DropIndicatorPosition } from "./SortableItemContext";
-const withDnDSortableColumnContext = (Component) => (props) => {
-  const {
-    tableProps: { dragAndDropColumns }
-  } = useContext(DataTableContext);
-  const { activeIndex } = useContext(DnDGroupContext);
-  const draggableOptions = useMemo(() => ({
-    id: props.header.id
-  }), [props.header.id]);
-  const useSortableHelpers = useSortable(draggableOptions);
-  const draggableProps = useMemo(() => {
-    if (!dragAndDropColumns)
-      return false;
-    const { index, overIndex } = useSortableHelpers;
-    return {
-      ...useSortableHelpers,
-      shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
-      dropIndicatorPosition: index > activeIndex ? DropIndicatorPosition.After : DropIndicatorPosition.Before
-    };
-  }, [useSortableHelpers, dragAndDropColumns, activeIndex]);
-  const ctx = useMemo(() => ({
-    draggableProps
-  }), [draggableProps]);
-  return /* @__PURE__ */ React2.createElement(SortableItemContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  }));
-};
-export {
-  withDnDSortableColumnContext
-};
-//# sourceMappingURL=withDnDSortableColumnContext.js.map

package/dist/esm/parts/HoC/withDnDSortableColumnContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableColumnContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AAEO,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,gBAAgB,WAAW;AAGnC,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,MAEnB,CAAC,MAAM,OAAO;AAGhB,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,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,sBAAsB,QAAQ,sBAAsB;AAAA;AAAA,KAElG,CAAC,oBAAoB,oBAAoB;AAI5C,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/HoC/withDnDSortableRowContext.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { useSortable } from "@dnd-kit/sortable";
-import { DataTableContext } from "../../DataTableContext";
-import { DnDTreeContext } from "./withConditionalDnDRowContext";
-import { SortableItemContext } from "./SortableItemContext";
-const withDnDSortableRowContext = (Component) => (props) => {
-  const {
-    tableProps: { dragAndDropRows }
-  } = useContext(DataTableContext);
-  const { dropIndicatorPosition, lastActiveId, setLastActiveId } = useContext(DnDTreeContext);
-  const draggableOptions = useMemo(() => ({
-    id: props.row.uid
-  }), [props.row]);
-  const useSortableHelpers = useSortable(draggableOptions);
-  const draggableProps = useMemo(() => {
-    if (!dragAndDropRows)
-      return false;
-    const { index, overIndex } = useSortableHelpers;
-    return {
-      ...useSortableHelpers,
-      shouldShowDropIndicatorPosition: overIndex === index,
-      dropIndicatorPosition,
-      lastActiveId,
-      setLastActiveId
-    };
-  }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
-  const ctx = useMemo(() => ({
-    draggableProps
-  }), [draggableProps]);
-  return /* @__PURE__ */ React2.createElement(SortableItemContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(Component, {
-    ...props
-  }));
-};
-export {
-  withDnDSortableRowContext
-};
-//# sourceMappingURL=withDnDSortableRowContext.js.map

package/dist/esm/parts/HoC/withDnDSortableRowContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/HoC/withDnDSortableRowContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { cloneElement, useContext, useEffect, useMemo } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { DataTableContext } from '../../DataTableContext';\nimport { DnDTreeContext } from './withConditionalDnDRowContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { SortableItemContext, SortableItemContextType } from './SortableItemContext';\n\nexport const withDnDSortableRowContext: FunctionalHOC = (Component) => (props: any) => {\n  const {\n    tableProps: { dragAndDropRows },\n  } = useContext(DataTableContext);\n  const { dropIndicatorPosition, lastActiveId, setLastActiveId } = useContext(DnDTreeContext);\n\n  // onMount generate unique options, so everyting is only ran once\n  const draggableOptions = useMemo(\n    () => ({\n      id: props.row.uid,\n    }),\n    [props.row],\n  );\n\n  const useSortableHelpers = useSortable(draggableOptions);\n\n  // calculate all the \"useSortable\" values as per required\n  const draggableProps = useMemo(() => {\n    if (!dragAndDropRows) return false;\n\n    const { index, overIndex } = useSortableHelpers;\n\n    return {\n      ...useSortableHelpers,\n      shouldShowDropIndicatorPosition: overIndex === index,\n      dropIndicatorPosition,\n      lastActiveId,\n      setLastActiveId,\n    };\n  }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);\n\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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;AAEO,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,WAAW;AACf,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,WAAW;AAG5E,QAAM,mBAAmB,QACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,MAEhB,CAAC,MAAM;AAGT,QAAM,qBAAqB,YAAY;AAGvC,QAAM,iBAAiB,QAAQ,MAAM;AACnC,QAAI,CAAC;AAAiB,aAAO;AAE7B,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,SACF;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA;AAAA,KAED,CAAC,iBAAiB,oBAAoB,uBAAuB,cAAc;AAK9E,QAAM,MAA+B,QACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/parts/Loader.js

@@ -1,27 +0,0 @@
-import * as React from "react";
-import React2, { memo } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
-import styled from "styled-components";
-const StyledLoaderWrapper = styled(Grid)`
-  place-items: center;
-  z-index: 0;
-  background-color: white;
-`;
-const Loader = () => /* @__PURE__ */ React2.createElement(StyledLoaderWrapper, {
-  style: { height: "100%", maxHeight: "500px" },
-  "aria-live": "polite"
-}, /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, {
-  size: "xl",
-  loading: true,
-  showLabel: true,
-  waiting: false,
-  showTooltip: false
-}));
-const MemoizedLoader = memo(Loader);
-var Loader_default = MemoizedLoader;
-export {
-  MemoizedLoader,
-  Loader_default as default
-};
-//# sourceMappingURL=Loader.js.map

package/dist/esm/parts/Loader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Loader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport styled from 'styled-components';\n\nconst StyledLoaderWrapper = styled(Grid)`\n  place-items: center;\n  z-index: 0;\n  background-color: white;\n`;\n\nconst Loader = () => (\n  <StyledLoaderWrapper style={{ height: '100%', maxHeight: '500px' }} aria-live=\"polite\">\n    <DSCircularProgressIndicator size=\"xl\" loading showLabel waiting={false} showTooltip={false} />\n  </StyledLoaderWrapper>\n);\n\nexport const MemoizedLoader = memo(Loader);\nexport default MemoizedLoader;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,qCAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,qCAAC,6BAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,KAAK;AACnC,IAAO,iBAAQ;",
-  "names": []
-}

package/dist/esm/parts/Row.js

@@ -1,46 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { connect } from "react-redux";
-import { DataTableContext } from "../DataTableContext";
-import { setMultipleRefs } from "../helpers";
-import { SortableItemContext } from "./HoC/SortableItemContext";
-import { withDnDSortableRowContext } from "./HoC/withDnDSortableRowContext";
-import { RowVariantMapItem } from "./RowVariants";
-const setItemRefs = (measureRef, draggableRef, ref) => {
-  const refsToSet = [];
-  if (measureRef)
-    refsToSet.push(measureRef);
-  if (draggableRef)
-    refsToSet.push(draggableRef);
-  setMultipleRefs(...refsToSet)(ref);
-};
-const RowComp = (props) => {
-  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
-  const ctx = useContext(DataTableContext);
-  const { draggableProps } = useContext(SortableItemContext);
-  const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: !isDragOverlay ? itemWrapperStyle : {},
-    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
-  }, /* @__PURE__ */ React2.createElement(RowVariantMapItem, {
-    row,
-    itemIndex: row.realIndex,
-    isDragOverlay,
-    ctx,
-    focusedRowId,
-    selectedRowId
-  }));
-};
-const mapStateToProps = (state) => ({
-  focusedRowId: state.rows.focusedRowId,
-  selectedRowId: state.rows.selectedRowId
-});
-const Row = connect(mapStateToProps)(RowComp);
-const RowWithContext = withDnDSortableRowContext(Row);
-var Row_default = RowWithContext;
-export {
-  Row,
-  RowWithContext,
-  Row_default as default
-};
-//# sourceMappingURL=Row.js.map

package/dist/esm/parts/Row.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Row.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { connect } from 'react-redux';\nimport { DataTableContext } from '../DataTableContext';\nimport { setMultipleRefs } from '../helpers';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { withDnDSortableRowContext } from './HoC/withDnDSortableRowContext';\nimport { RowVariantMapItem } from './RowVariants';\n\n// Sortable Items needs to update\n//   - the virtual list ref (for react-virtual requirement)\n//   - (conditionally) draggableProps.setNodeRef for drag and drop of rows\nconst setItemRefs = (measureRef, draggableRef, ref) => {\n  const refsToSet = [];\n  if (measureRef) refsToSet.push(measureRef);\n  if (draggableRef) refsToSet.push(draggableRef);\n  setMultipleRefs(...refsToSet)(ref);\n};\n\nconst RowComp = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n\n  return (\n    <div style={!isDragOverlay ? itemWrapperStyle : {}} ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}>\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        ctx={ctx}\n        focusedRowId={focusedRowId}\n        selectedRowId={selectedRowId}\n      />\n    </div>\n  );\n};\n\nconst mapStateToProps = (state) => ({\n  focusedRowId: state.rows.focusedRowId,\n  selectedRowId: state.rows.selectedRowId,\n});\n\nexport const Row = connect(mapStateToProps)(RowComp);\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,kBAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,WAAW;AACvB,QAAM,EAAE,mBAAmB,WAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,qCAAC,mBAAD;AAAA,IACE;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,kBAAkB,CAAC,UAAW;AAAA,EAClC,cAAc,MAAM,KAAK;AAAA,EACzB,eAAe,MAAM,KAAK;AAAA;AAGrB,MAAM,MAAM,QAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,0BAA0B;AAEjD,IAAO,cAAQ;",
-  "names": []
-}

package/dist/esm/parts/RowLoading.js

@@ -1,30 +0,0 @@
-import * as React from "react";
-import React2, { useMemo } from "react";
-import { DSIndeterminateProgressIndicator } from "@elliemae/ds-indeterminate-progress-indicator";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import { DATA_TESTID } from "../configs/constants";
-const StyledRowLoadingContainer = styled(Grid)`
-  position: absolute;
-  bottom: -40px;
-  left: 0;
-  width: 100%;
-  place-items: center;
-  background-color: white;
-`;
-const RowLoading = () => {
-  const PureLoading = useMemo(() => /* @__PURE__ */ React2.createElement(StyledRowLoadingContainer, {
-    role: "row",
-    "data-testid": DATA_TESTID.DATA_TABLE_ROW
-  }, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
-    processing: true,
-    title: "Loading"
-  })), []);
-  return PureLoading;
-};
-var RowLoading_default = RowLoading;
-export {
-  RowLoading,
-  RowLoading_default as default
-};
-//# sourceMappingURL=RowLoading.js.map

package/dist/esm/parts/RowLoading.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/RowLoading.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSIndeterminateProgressIndicator } from '@elliemae/ds-indeterminate-progress-indicator';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledRowLoadingContainer = styled(Grid)`\n  position: absolute;\n  bottom: -40px;\n  left: 0;\n  width: 100%;\n  place-items: center;\n  background-color: white;\n`;\n\nconst RowLoading: React.ComponentType = () => {\n  const PureLoading = useMemo(\n    () => (\n      <StyledRowLoadingContainer role=\"row\" data-testid={DATA_TESTID.DATA_TABLE_ROW}>\n        <DSIndeterminateProgressIndicator processing title=\"Loading\" />\n      </StyledRowLoadingContainer>\n    ),\n    [],\n  );\n\n  return PureLoading;\n};\n\nexport { RowLoading };\nexport default RowLoading;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,QAClB,MACE,qCAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,YAAY;AAAA,KAC7D,qCAAC,kCAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,OAGvD;AAGF,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
-  "names": []
-}