@elliemae/ds-data-table 3.4.2 → 3.4.3

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var withConditionalDnDSortableContext_exports = {};
 __export(withConditionalDnDSortableContext_exports, {
@@ -25,21 +28,23 @@ __export(withConditionalDnDSortableContext_exports, {
 });
 module.exports = __toCommonJS(withConditionalDnDSortableContext_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
-var import_react = __toESM(require("react"));
+var import_react = 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_ds_drag_and_drop.SortableContext, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_drag_and_drop.SortableContext, {
       items: items.map((item) => item.id),
-      strategy: import_ds_drag_and_drop.horizontalListSortingStrategy
-    }, /* @__PURE__ */ import_react.default.createElement(Component, {
-      ...props
-    }));
-  return /* @__PURE__ */ import_react.default.createElement(Component, {
+      strategy: import_ds_drag_and_drop.horizontalListSortingStrategy,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+        ...props
+      })
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
     ...props
   });
 };

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/HoC/withConditionalDnDSortableContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { horizontalListSortingStrategy, SortableContext } from '@elliemae/ds-drag-and-drop';\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;AAAA;ACAA,YAAuB;ADAvB,8BAA+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,wCAAgB;AAI/B,MAAI,CAAC,iBAAiB;AACpB,WACE,mDAAC;AAAA,MAAgB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,MAAG,UAAU;AAAA,OAC9D,mDAAC;AAAA,MAAW,GAAG;AAAA,KAAO,CACxB;AAGJ,SAAO,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,8BAA+D;AAC/D,mBAAkC;AAClC,8BAAiC;AAI1B,MAAM,oCACX,CAAC,OAA2B,gBAAgB,UAC5C,CAAC,cACD,CAAC,UAAU;AACT,QAAM;AAAA,IACJ,YAAY,EAAE,mBAAmB;AAAA,EACnC,QAAI,yBAAW,wCAAgB;AAI/B,MAAI,CAAC,iBAAiB;AACpB,WACE,4CAAC;AAAA,MAAgB,OAAO,MAAM,IAAI,CAAC,SAAS,KAAK,EAAE;AAAA,MAAG,UAAU;AAAA,MAC9D,sDAAC;AAAA,QAAW,GAAG;AAAA,OAAO;AAAA,KACxB;AAGJ,SAAO,4CAAC;AAAA,IAAW,GAAG;AAAA,GAAO;AAC/B;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var withDnDSortableColumnContext_exports = {};
 __export(withDnDSortableColumnContext_exports, {
@@ -25,7 +28,8 @@ __export(withDnDSortableColumnContext_exports, {
 });
 module.exports = __toCommonJS(withDnDSortableColumnContext_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
 var import_DataTableContext = require("../../DataTableContext");
 var import_props = require("../../types/props");
@@ -36,9 +40,12 @@ const withDnDSortableColumnContext = (Component) => (props) => {
     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 draggableOptions = (0, import_react.useMemo)(
+    () => ({
+      id: props.header.id
+    }),
+    [props.header.id]
+  );
   const useSortableHelpers = (0, import_ds_drag_and_drop.useSortable)(draggableOptions);
   const draggableProps = (0, import_react.useMemo)(() => {
     if (!dragAndDropColumns)
@@ -50,13 +57,17 @@ const withDnDSortableColumnContext = (Component) => (props) => {
       dropIndicatorPosition: index > activeIndex ? import_props.DropIndicatorPosition.After : import_props.DropIndicatorPosition.Before
     };
   }, [useSortableHelpers, dragAndDropColumns, activeIndex]);
-  const ctx = (0, import_react.useMemo)(() => ({
-    draggableProps
-  }), [draggableProps]);
-  return /* @__PURE__ */ import_react.default.createElement(import_SortableItemContext.SortableItemContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...props
-  }));
+  const ctx = (0, import_react.useMemo)(
+    () => ({
+      draggableProps
+    }),
+    [draggableProps]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SortableItemContext.SortableItemContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ...props
+    })
+  });
 };
 //# sourceMappingURL=withDnDSortableColumnContext.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/HoC/withDnDSortableColumnContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\nimport { DataTableContext } from '../../DataTableContext';\nimport { FunctionalHOC } from '../../types/FunctionalHoC';\nimport { DropIndicatorPosition } from '../../types/props';\nimport { DnDGroupContext } from './withConditionalDnDColumnContext';\nimport { SortableItemContext, 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;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,8BAA4B;AAC5B,8BAAiC;AAEjC,mBAAsC;AACtC,6CAAgC;AAChC,iCAA6D;AAEtD,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW,wCAAgB;AAC/B,QAAM,EAAE,gBAAgB,6BAAW,sDAAe;AAGlD,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,OAAO;AAAA,EACnB,IACA,CAAC,MAAM,OAAO,EAAE,CAClB;AAEA,QAAM,qBAAqB,yCAAY,gBAAgB;AAGvD,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,mCAAsB,QAAQ,mCAAsB;AAAA,IACnG;AAAA,EACF,GAAG,CAAC,oBAAoB,oBAAoB,WAAW,CAAC;AAIxD,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,EACF,IACA,CAAC,cAAc,CACjB;AAEA,SACE,mDAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KACnC,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO,CACxB;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA2C;AAC3C,8BAA4B;AAC5B,8BAAiC;AAEjC,mBAAsC;AACtC,6CAAgC;AAChC,iCAA6D;AAEtD,MAAM,+BAA8C,CAAC,cAAc,CAAC,UAAe;AACxF,QAAM;AAAA,IACJ,YAAY,EAAE,mBAAmB;AAAA,EACnC,QAAI,yBAAW,wCAAgB;AAC/B,QAAM,EAAE,YAAY,QAAI,yBAAW,sDAAe;AAGlD,QAAM,uBAAmB;AAAA,IACvB,OAAO;AAAA,MACL,IAAI,MAAM,OAAO;AAAA,IACnB;AAAA,IACA,CAAC,MAAM,OAAO,EAAE;AAAA,EAClB;AAEA,QAAM,yBAAqB,qCAAY,gBAAgB;AAGvD,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,CAAC;AAAoB,aAAO;AAEhC,UAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc,SAAS,cAAc;AAAA,MACtE,uBAAuB,QAAQ,cAAc,mCAAsB,QAAQ,mCAAsB;AAAA,IACnG;AAAA,EACF,GAAG,CAAC,oBAAoB,oBAAoB,WAAW,CAAC;AAIxD,QAAM,UAA+B;AAAA,IACnC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SACE,4CAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IACnC,sDAAC;AAAA,MAAW,GAAG;AAAA,KAAO;AAAA,GACxB;AAEJ;",
   "names": []
 }

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var withDnDSortableRowContext_exports = {};
 __export(withDnDSortableRowContext_exports, {
@@ -25,7 +28,8 @@ __export(withDnDSortableRowContext_exports, {
 });
 module.exports = __toCommonJS(withDnDSortableRowContext_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_drag_and_drop = require("@elliemae/ds-drag-and-drop");
 var import_DataTableContext = require("../../DataTableContext");
 var import_withConditionalDnDRowContext = require("./withConditionalDnDRowContext");
@@ -35,9 +39,12 @@ const withDnDSortableRowContext = (Component) => (props) => {
     tableProps: { dragAndDropRows }
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const { dropIndicatorPosition, lastActiveId, setLastActiveId } = (0, import_react.useContext)(import_withConditionalDnDRowContext.DnDTreeContext);
-  const draggableOptions = (0, import_react.useMemo)(() => ({
-    id: props.row.uid
-  }), [props.row]);
+  const draggableOptions = (0, import_react.useMemo)(
+    () => ({
+      id: props.row.uid
+    }),
+    [props.row]
+  );
   const useSortableHelpers = (0, import_ds_drag_and_drop.useSortable)(draggableOptions);
   const draggableProps = (0, import_react.useMemo)(() => {
     if (!dragAndDropRows)
@@ -51,13 +58,17 @@ const withDnDSortableRowContext = (Component) => (props) => {
       setLastActiveId
     };
   }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
-  const ctx = (0, import_react.useMemo)(() => ({
-    draggableProps
-  }), [draggableProps]);
-  return /* @__PURE__ */ import_react.default.createElement(import_SortableItemContext.SortableItemContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ import_react.default.createElement(Component, {
-    ...props
-  }));
+  const ctx = (0, import_react.useMemo)(
+    () => ({
+      draggableProps
+    }),
+    [draggableProps]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SortableItemContext.SortableItemContext.Provider, {
+    value: ctx,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+      ...props
+    })
+  });
 };
 //# sourceMappingURL=withDnDSortableRowContext.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/HoC/withDnDSortableRowContext.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { cloneElement, useContext, useEffect, useMemo } from 'react';\nimport { useSortable } from '@elliemae/ds-drag-and-drop';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,8BAA4B;AAC5B,8BAAiC;AACjC,0CAA+B;AAE/B,iCAA6D;AAEtD,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW,wCAAgB;AAC/B,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,6BAAW,kDAAc;AAG1F,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,EAChB,IACA,CAAC,MAAM,GAAG,CACZ;AAEA,QAAM,qBAAqB,yCAAY,gBAAgB;AAGvD,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,CAAC;AAAiB,aAAO;AAE7B,UAAM,EAAE,OAAO,cAAc;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,oBAAoB,uBAAuB,cAAc,eAAe,CAAC;AAK9F,QAAM,MAA+B,0BACnC,MAAO;AAAA,IACL;AAAA,EACF,IACA,CAAC,cAAc,CACjB;AAEA,SACE,mDAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,KACnC,mDAAC;AAAA,IAAW,GAAG;AAAA,GAAO,CACxB;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAoE;AACpE,8BAA4B;AAC5B,8BAAiC;AACjC,0CAA+B;AAE/B,iCAA6D;AAEtD,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,EAChC,QAAI,yBAAW,wCAAgB;AAC/B,QAAM,EAAE,uBAAuB,cAAc,gBAAgB,QAAI,yBAAW,kDAAc;AAG1F,QAAM,uBAAmB;AAAA,IACvB,OAAO;AAAA,MACL,IAAI,MAAM,IAAI;AAAA,IAChB;AAAA,IACA,CAAC,MAAM,GAAG;AAAA,EACZ;AAEA,QAAM,yBAAqB,qCAAY,gBAAgB;AAGvD,QAAM,qBAAiB,sBAAQ,MAAM;AACnC,QAAI,CAAC;AAAiB,aAAO;AAE7B,UAAM,EAAE,OAAO,UAAU,IAAI;AAE7B,WAAO;AAAA,MACL,GAAG;AAAA,MACH,iCAAiC,cAAc;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,GAAG,CAAC,iBAAiB,oBAAoB,uBAAuB,cAAc,eAAe,CAAC;AAK9F,QAAM,UAA+B;AAAA,IACnC,OAAO;AAAA,MACL;AAAA,IACF;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,SACE,4CAAC,+CAAoB,UAApB;AAAA,IAA6B,OAAO;AAAA,IACnC,sDAAC;AAAA,MAAW,GAAG;AAAA,KAAO;AAAA,GACxB;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/Loader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Loader_exports = {};
 __export(Loader_exports, {
@@ -26,7 +29,8 @@ __export(Loader_exports, {
 });
 module.exports = __toCommonJS(Loader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
 var import_ds_system = require("@elliemae/ds-system");
@@ -35,16 +39,17 @@ const StyledLoaderWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   z-index: 0;
   background-color: white;
 `;
-const Loader = () => /* @__PURE__ */ import_react.default.createElement(StyledLoaderWrapper, {
+const Loader = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledLoaderWrapper, {
   style: { height: "100%", maxHeight: "500px" },
-  "aria-live": "polite"
-}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
-  size: "xl",
-  loading: true,
-  showLabel: true,
-  waiting: false,
-  showTooltip: false
-}));
+  "aria-live": "polite",
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
+    size: "xl",
+    loading: true,
+    showLabel: true,
+    waiting: false,
+    showTooltip: false
+  })
+});
 const MemoizedLoader = (0, import_react.memo)(Loader);
 var Loader_default = MemoizedLoader;
 //# sourceMappingURL=Loader.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Loader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { memo } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { styled } from '@elliemae/ds-system';\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAqB;AACrB,4CAA4C;AAC5C,uBAAuB;AAEvB,MAAM,sBAAsB,6BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,SAAS,MACb,mDAAC;AAAA,EAAoB,OAAO,EAAE,QAAQ,QAAQ,WAAW,QAAQ;AAAA,EAAG,aAAU;AAAA,GAC5E,mDAAC;AAAA,EAA4B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA,CAAO,CAC/F;AAGK,MAAM,iBAAiB,uBAAK,MAAM;AACzC,IAAO,iBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA4B;AAC5B,qBAAqB;AACrB,4CAA4C;AAC5C,uBAAuB;AAEvB,MAAM,0BAAsB,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAMvC,MAAM,SAAS,MACb,4CAAC;AAAA,EAAoB,OAAO,EAAE,QAAQ,QAAQ,WAAW,QAAQ;AAAA,EAAG,aAAU;AAAA,EAC5E,sDAAC;AAAA,IAA4B,MAAK;AAAA,IAAK,SAAO;AAAA,IAAC,WAAS;AAAA,IAAC,SAAS;AAAA,IAAO,aAAa;AAAA,GAAO;AAAA,CAC/F;AAGK,MAAM,qBAAiB,mBAAK,MAAM;AACzC,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/parts/Row.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Row_exports = {};
 __export(Row_exports, {
@@ -27,7 +30,8 @@ __export(Row_exports, {
 });
 module.exports = __toCommonJS(Row_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_system = require("@elliemae/ds-system");
 var import_DataTableContext = __toESM(require("../DataTableContext"));
 var import_helpers = require("../helpers");
@@ -55,18 +59,19 @@ const Row = (props) => {
   } = ctx;
   const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
   const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /* @__PURE__ */ import_react.default.createElement(StyledRow, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledRow, {
     disabled: disabledRows[row.uid],
     style: !isDragOverlay ? itemWrapperStyle : {},
-    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
-  }, /* @__PURE__ */ import_react.default.createElement(import_RowVariants.RowVariantMapItem, {
-    row,
-    itemIndex: row.realIndex,
-    isDragOverlay,
-    ctx,
-    focusedRowId,
-    drilldownRowId
-  }));
+    ref: (ref) => setItemRefs(measureRef, draggableRef, ref),
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowVariants.RowVariantMapItem, {
+      row,
+      itemIndex: row.realIndex,
+      isDragOverlay,
+      ctx,
+      focusedRowId,
+      drilldownRowId
+    })
+  });
 };
 const RowWithContext = (0, import_withDnDSortableRowContext.withDnDSortableRowContext)(Row);
 var Row_default = RowWithContext;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Row.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } from 'react';\nimport { styled } from '@elliemae/ds-system';\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 StyledRow = styled('div')`\n  cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'normal')};\n`;\n\nexport const Row = (props) => {\n  const { row, measureRef, itemWrapperStyle, isDragOverlay } = props;\n\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { disabledRows },\n    focusedRowId,\n    drilldownRowId,\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n  const draggableRef = draggableProps && draggableProps.setNodeRef;\n  return (\n    <StyledRow\n      disabled={disabledRows[row.uid]}\n      style={!isDragOverlay ? itemWrapperStyle : {}}\n      ref={(ref) => setItemRefs(measureRef, draggableRef, ref)}\n    >\n      <RowVariantMapItem\n        row={row}\n        itemIndex={row.realIndex}\n        isDragOverlay={isDragOverlay}\n        ctx={ctx}\n        focusedRowId={focusedRowId}\n        drilldownRowId={drilldownRowId}\n      />\n    </StyledRow>\n  );\n};\n\nconst RowWithContext = withDnDSortableRowContext(Row);\nexport { RowWithContext };\nexport default RowWithContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,uBAAuB;AACvB,8BAA6B;AAC7B,qBAAgC;AAChC,iCAAoC;AACpC,uCAA0C;AAC1C,yBAAkC;AAKlC,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY,CAAC;AACnB,MAAI;AAAY,cAAU,KAAK,UAAU;AACzC,MAAI;AAAc,cAAU,KAAK,YAAY;AAC7C,sCAAgB,GAAG,SAAS,EAAE,GAAG;AACnC;AAEA,MAAM,YAAY,6BAAO,KAAK;AAAA,YAClB,CAAC,EAAE,eAAgB,WAAW,gBAAgB;AAAA;AAGnD,MAAM,MAAM,CAAC,UAAU;AAC5B,QAAM,EAAE,KAAK,YAAY,kBAAkB,kBAAkB;AAE7D,QAAM,MAAM,6BAAW,+BAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,IACd;AAAA,IACA;AAAA,MACE;AACJ,QAAM,EAAE,mBAAmB,6BAAW,8CAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE,mDAAC;AAAA,IACC,UAAU,aAAa,IAAI;AAAA,IAC3B,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,IAC5C,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc,GAAG;AAAA,KAEvD,mDAAC;AAAA,IACC;AAAA,IACA,WAAW,IAAI;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,CACF;AAEJ;AAEA,MAAM,iBAAiB,gEAA0B,GAAG;AAEpD,IAAO,cAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,uBAAuB;AACvB,8BAA6B;AAC7B,qBAAgC;AAChC,iCAAoC;AACpC,uCAA0C;AAC1C,yBAAkC;AAKlC,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY,CAAC;AACnB,MAAI;AAAY,cAAU,KAAK,UAAU;AACzC,MAAI;AAAc,cAAU,KAAK,YAAY;AAC7C,sCAAgB,GAAG,SAAS,EAAE,GAAG;AACnC;AAEA,MAAM,gBAAY,yBAAO,KAAK;AAAA,YAClB,CAAC,EAAE,SAAS,MAAO,WAAW,gBAAgB;AAAA;AAGnD,MAAM,MAAM,CAAC,UAAU;AAC5B,QAAM,EAAE,KAAK,YAAY,kBAAkB,cAAc,IAAI;AAE7D,QAAM,UAAM,yBAAW,wBAAAA,OAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE,aAAa;AAAA,IAC3B;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,EAAE,eAAe,QAAI,yBAAW,8CAAmB;AACzD,QAAM,eAAe,kBAAkB,eAAe;AACtD,SACE,4CAAC;AAAA,IACC,UAAU,aAAa,IAAI;AAAA,IAC3B,OAAO,CAAC,gBAAgB,mBAAmB,CAAC;AAAA,IAC5C,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc,GAAG;AAAA,IAEvD,sDAAC;AAAA,MACC;AAAA,MACA,WAAW,IAAI;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,MAAM,qBAAiB,4DAA0B,GAAG;AAEpD,IAAO,cAAQ;",
+  "names": ["DataTableContext"]
 }

package/dist/cjs/parts/RowVariants/RowVariantHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowVariantHeader_exports = {};
 __export(RowVariantHeader_exports, {
@@ -25,7 +28,8 @@ __export(RowVariantHeader_exports, {
 });
 module.exports = __toCommonJS(RowVariantHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_RowRenderer = require("../../exported-related/RowRenderer");
 var import_styled = require("../../styled");
@@ -43,7 +47,10 @@ const RowContent = (props) => {
     drilldownRowId
   } = props;
   const rowRef = (0, import_react.useRef)(null);
-  const hasExpandCell = (0, import_react.useMemo)(() => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"), [row]);
+  const hasExpandCell = (0, import_react.useMemo)(
+    () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === "expandRowColumn"),
+    [row]
+  );
   const titleContent = (0, import_react.useMemo)(() => {
     if (typeof groupedRowsRenderHeader === "function") {
       return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);
@@ -55,25 +62,32 @@ const RowContent = (props) => {
       rowRef.current.focus();
     }
   }, [focusedRowId, row.uid]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledCellContainer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCellContainer, {
     ref: rowRef,
     minHeight: "0px",
     tabIndex: 0,
     backgroundColor,
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT
-  }, /* @__PURE__ */ import_react.default.createElement(import_styled.GroupHeaderContainer, {
-    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
-    cols: hasExpandCell ? ["min-content", "auto"] : ["auto"],
-    padding: hasExpandCell ? "4px" : "16px"
-  }, hasExpandCell ? /* @__PURE__ */ import_react.default.createElement(import_Columns.expandRowColumn.Cell, {
-    row,
-    cell: row.cells[0],
-    isRowSelected: drilldownRowId === row.uid,
-    ctx,
-    draggableProps: {}
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    width: "16px"
-  }), /* @__PURE__ */ import_react.default.createElement(import_styled.GroupHeaderTitle, null, titleContent)));
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.GroupHeaderContainer, {
+      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
+      cols: hasExpandCell ? ["min-content", "auto"] : ["auto"],
+      padding: hasExpandCell ? "4px" : "16px",
+      children: [
+        hasExpandCell ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Columns.expandRowColumn.Cell, {
+          row,
+          cell: row.cells[0],
+          isRowSelected: drilldownRowId === row.uid,
+          ctx,
+          draggableProps: {}
+        }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
+          width: "16px"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.GroupHeaderTitle, {
+          children: titleContent
+        })
+      ]
+    })
+  });
 };
 const RowVariantHeader = ({
   row,
@@ -81,7 +95,7 @@ const RowVariantHeader = ({
   isDragOverlay,
   focusedRowId,
   drilldownRowId
-}) => /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowRenderer.RowRenderer, {
   row,
   itemIndex,
   isDragOverlay,

package/dist/cjs/parts/RowVariants/RowVariantHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useLayoutEffect, useMemo, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { GroupHeaderContainer, GroupHeaderTitle, StyledCellContainer } from '../../styled';\nimport { RowVariantProps } from './types';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst RowContent: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx,\n    ctx: {\n      tableProps: { groupedRowsRenderHeader },\n    },\n    backgroundColor = 'white',\n    focusedRowId,\n    drilldownRowId,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n\n  const hasExpandCell = useMemo(\n    () => row.original.subRows && row.cells.find((cell) => cell.column.accessor === 'expandRowColumn'),\n    [row],\n  );\n\n  const titleContent = useMemo(() => {\n    if (typeof groupedRowsRenderHeader === 'function') {\n      return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);\n    }\n    return row.original.dimsumHeaderValue;\n  }, [groupedRowsRenderHeader, row]);\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  return (\n    <StyledCellContainer\n      ref={rowRef}\n      minHeight=\"0px\"\n      tabIndex={0}\n      backgroundColor={backgroundColor}\n      data-testid={DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT}\n    >\n      <GroupHeaderContainer\n        data-testid={DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER}\n        cols={hasExpandCell ? ['min-content', 'auto'] : ['auto']}\n        padding={hasExpandCell ? '4px' : '16px'}\n      >\n        {hasExpandCell ? (\n          <expandRowColumn.Cell\n            row={row}\n            cell={row.cells[0]}\n            isRowSelected={drilldownRowId === row.uid}\n            ctx={ctx}\n            draggableProps={{}}\n          />\n        ) : (\n          <Grid width=\"16px\" />\n        )}\n        <GroupHeaderTitle>{titleContent}</GroupHeaderTitle>\n      </GroupHeaderContainer>\n    </StyledCellContainer>\n  );\n};\n\nexport const RowVariantHeader: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => (\n  <RowRenderer\n    row={row}\n    itemIndex={itemIndex}\n    isDragOverlay={isDragOverlay}\n    minHeight=\"0px\"\n    height=\"24px\"\n    CustomRowContentRenderer={RowContent}\n    focusedRowId={focusedRowId}\n    drilldownRowId={drilldownRowId}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwD;AACxD,qBAAqB;AACrB,yBAA4B;AAC5B,oBAA4E;AAE5E,qBAAgC;AAChC,uBAA4B;AAE5B,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE;AAAA;AAAA,IAEhB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,MACE;AAEJ,QAAM,SAAS,yBAAuB,IAAI;AAE1C,QAAM,gBAAgB,0BACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,iBAAiB,GACjG,CAAC,GAAG,CACN;AAEA,QAAM,eAAe,0BAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS,OAAO;AAAA,IACrF;AACA,WAAO,IAAI,SAAS;AAAA,EACtB,GAAG,CAAC,yBAAyB,GAAG,CAAC;AAEjC,oCAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,GAAG,CAAC;AAE1B,SACE,mDAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,6BAAY;AAAA,KAEzB,mDAAC;AAAA,IACC,eAAa,6BAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,IACvD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,mDAAC,+BAAgB,MAAhB;AAAA,IACC;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,mBAAmB,IAAI;AAAA,IACtC;AAAA,IACA,gBAAgB,CAAC;AAAA,GACnB,IAEA,mDAAC;AAAA,IAAK,OAAM;AAAA,GAAO,GAErB,mDAAC,sCAAkB,YAAa,CAClC,CACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAwD;AACxD,qBAAqB;AACrB,yBAA4B;AAC5B,oBAA4E;AAE5E,qBAAgC;AAChC,uBAA4B;AAE5B,MAAM,aAAmD,CAAC,UAAU;AAClE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,YAAY,EAAE,wBAAwB;AAAA,IACxC;AAAA,IACA,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,aAAS,qBAAuB,IAAI;AAE1C,QAAM,oBAAgB;AAAA,IACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,iBAAiB;AAAA,IACjG,CAAC,GAAG;AAAA,EACN;AAEA,QAAM,mBAAe,sBAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS,OAAO;AAAA,IACrF;AACA,WAAO,IAAI,SAAS;AAAA,EACtB,GAAG,CAAC,yBAAyB,GAAG,CAAC;AAEjC,oCAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ,MAAM;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,cAAc,IAAI,GAAG,CAAC;AAE1B,SACE,4CAAC;AAAA,IACC,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,6BAAY;AAAA,IAEzB,uDAAC;AAAA,MACC,eAAa,6BAAY;AAAA,MACzB,MAAM,gBAAgB,CAAC,eAAe,MAAM,IAAI,CAAC,MAAM;AAAA,MACvD,SAAS,gBAAgB,QAAQ;AAAA,MAEhC;AAAA,wBACC,4CAAC,+BAAgB,MAAhB;AAAA,UACC;AAAA,UACA,MAAM,IAAI,MAAM;AAAA,UAChB,eAAe,mBAAmB,IAAI;AAAA,UACtC;AAAA,UACA,gBAAgB,CAAC;AAAA,SACnB,IAEA,4CAAC;AAAA,UAAK,OAAM;AAAA,SAAO;AAAA,QAErB,4CAAC;AAAA,UAAkB;AAAA,SAAa;AAAA;AAAA,KAClC;AAAA,GACF;AAEJ;AAEO,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,4CAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA,CACF;",
   "names": []
 }

package/dist/cjs/parts/RowVariants/RowVariantPrimary.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowVariantPrimary_exports = {};
 __export(RowVariantPrimary_exports, {
@@ -25,7 +28,7 @@ __export(RowVariantPrimary_exports, {
 });
 module.exports = __toCommonJS(RowVariantPrimary_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_RowRenderer = require("../../exported-related/RowRenderer");
 const RowVariantPrimary = ({
   row,
@@ -39,7 +42,7 @@ const RowVariantPrimary = ({
   const {
     layoutHelpers: { gridLayout }
   } = ctx;
-  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowRenderer.RowRenderer, {
     row,
     itemIndex,
     isDragOverlay,

package/dist/cjs/parts/RowVariants/RowVariantPrimary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantPrimary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantPrimary: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  ctx,\n  focusedRowId,\n  drilldownRowId,\n  compact,\n}) => {\n  const {\n    layoutHelpers: { gridLayout },\n  } = ctx;\n\n  return (\n    <RowRenderer\n      row={row}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      compact={compact}\n      height={compact ? '24px' : 'auto'}\n      minHeight={compact ? '24px' : '36px'}\n      colsLayout={row.isExpanded ? undefined : gridLayout}\n      rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,yBAA4B;AAErB,MAAM,oBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,yBAA4B;AAErB,MAAM,oBAA0D,CAAC;AAAA,EACtE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE,WAAW;AAAA,EAC9B,IAAI;AAEJ,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/RowVariants/RowVariantSecondary.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowVariantSecondary_exports = {};
 __export(RowVariantSecondary_exports, {
@@ -25,7 +28,7 @@ __export(RowVariantSecondary_exports, {
 });
 module.exports = __toCommonJS(RowVariantSecondary_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_RowRenderer = require("../../exported-related/RowRenderer");
 const RowVariantSecondary = ({
   row,
@@ -39,7 +42,7 @@ const RowVariantSecondary = ({
   const {
     layoutHelpers: { gridLayout }
   } = ctx;
-  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowRenderer.RowRenderer, {
     row,
     itemIndex,
     isDragOverlay,

package/dist/cjs/parts/RowVariants/RowVariantSecondary.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantSecondary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { RowVariantProps } from './types';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\n\nexport const RowVariantSecondary: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  ctx,\n  focusedRowId,\n  drilldownRowId,\n  compact,\n}) => {\n  const {\n    layoutHelpers: { gridLayout },\n  } = ctx;\n\n  return (\n    <RowRenderer\n      row={row}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      compact={compact}\n      height={compact ? '24px' : 'auto'}\n      minHeight={compact ? '24px' : '36px'}\n      colsLayout={row.isExpanded ? undefined : gridLayout}\n      rowsLayout={row.isExpanded ? ['auto', 'auto'] : [1]}\n      backgroundColor=\"#F6F7F9\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,yBAA4B;AAErB,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE;AAAA,MACf;AAEJ,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,yBAA4B;AAErB,MAAM,sBAA4D,CAAC;AAAA,EACxE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM;AAAA,IACJ,eAAe,EAAE,WAAW;AAAA,EAC9B,IAAI;AAEJ,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ,UAAU,SAAS;AAAA,IAC3B,WAAW,UAAU,SAAS;AAAA,IAC9B,YAAY,IAAI,aAAa,SAAY;AAAA,IACzC,YAAY,IAAI,aAAa,CAAC,QAAQ,MAAM,IAAI,CAAC,CAAC;AAAA,IAClD,iBAAgB;AAAA,IAChB;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }

package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var RowVariantSkeleton_exports = {};
 __export(RowVariantSkeleton_exports, {
@@ -25,12 +28,13 @@ __export(RowVariantSkeleton_exports, {
 });
 module.exports = __toCommonJS(RowVariantSkeleton_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_skeleton = require("@elliemae/ds-skeleton");
 var import_RowRenderer = require("../../exported-related/RowRenderer");
 const RandomSkeleton = () => {
   const randomPercentage = (0, import_react.useMemo)(() => Math.floor(Math.random() * 70 + 30), []);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_skeleton.DSSkeleton, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, {
     w: `${randomPercentage}%`,
     h: "90%"
   });
@@ -46,7 +50,7 @@ const RowVariantSkeleton = ({
     ...cell,
     render: RandomSkeleton
   }));
-  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RowRenderer.RowRenderer, {
     row: { ...row, cells: newCells },
     itemIndex,
     isDragOverlay,

package/dist/cjs/parts/RowVariants/RowVariantSkeleton.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/RowVariants/RowVariantSkeleton.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { RowRenderer } from '../../exported-related/RowRenderer';\nimport { RowVariantProps } from './types';\n\nconst RandomSkeleton = () => {\n  const randomPercentage = useMemo(() => Math.floor(Math.random() * 70 + 30), []);\n  return <DSSkeleton w={`${randomPercentage}%`} h=\"90%\" />;\n};\n\nexport const RowVariantSkeleton: React.ComponentType<RowVariantProps> = ({\n  row,\n  itemIndex,\n  isDragOverlay,\n  focusedRowId,\n  drilldownRowId,\n}) => {\n  const newCells = row.cells.map((cell) => ({\n    ...cell,\n    render: RandomSkeleton,\n  }));\n\n  return (\n    <RowRenderer\n      row={{ ...row, cells: newCells }}\n      itemIndex={itemIndex}\n      isDragOverlay={isDragOverlay}\n      minHeight=\"0px\"\n      height=\"36px\"\n      focusedRowId={focusedRowId}\n      drilldownRowId={drilldownRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,yBAA2B;AAC3B,yBAA4B;AAG5B,MAAM,iBAAiB,MAAM;AAC3B,QAAM,mBAAmB,0BAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,mDAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,SAAU;AAAA,IACxC,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,mDAAC;AAAA,IACC,KAAK,EAAE,GAAG,KAAK,OAAO,SAAS;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IACV,QAAO;AAAA,IACP;AAAA,IACA;AAAA,GACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA+B;AAC/B,yBAA2B;AAC3B,yBAA4B;AAG5B,MAAM,iBAAiB,MAAM;AAC3B,QAAM,uBAAmB,sBAAQ,MAAM,KAAK,MAAM,KAAK,OAAO,IAAI,KAAK,EAAE,GAAG,CAAC,CAAC;AAC9E,SAAO,4CAAC;AAAA,IAAW,GAAG,GAAG;AAAA,IAAqB,GAAE;AAAA,GAAM;AACxD;AAEO,MAAM,qBAA2D,CAAC;AAAA,EACvE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,WAAW,IAAI,MAAM,IAAI,CAAC,UAAU;AAAA,IACxC,GAAG;AAAA,IACH,QAAQ;AAAA,EACV,EAAE;AAEF,SACE,4CAAC;AAAA,IACC,KAAK,EAAE,GAAG,KAAK,OAAO,SAAS;AAAA,IAC/B;AAAA,IACA;AAAA,IACA,WAAU;AAAA,IACV,QAAO;AAAA,IACP;AAAA,IACA;AAAA,GACF;AAEJ;",
   "names": []
 }