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

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

@@ -0,0 +1,67 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var withDnDSortableColumnContext_exports = {};
+__export(withDnDSortableColumnContext_exports, {
+  withDnDSortableColumnContext: () => withDnDSortableColumnContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_sortable = require("@dnd-kit/sortable");
+var import_DataTableContext = require("../../DataTableContext");
+var import_withConditionalDnDColumnContext = require("./withConditionalDnDColumnContext");
+var import_SortableItemContext = require("./SortableItemContext");
+const withDnDSortableColumnContext = (Component) => (props) => {
+  const {
+    tableProps: { dragAndDropColumns }
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const { activeIndex } = (0, import_react.useContext)(import_withConditionalDnDColumnContext.DnDGroupContext);
+  const draggableOptions = (0, import_react.useMemo)(() => ({
+    id: props.header.id
+  }), [props.header.id]);
+  const useSortableHelpers = (0, import_sortable.useSortable)(draggableOptions);
+  const draggableProps = (0, import_react.useMemo)(() => {
+    if (!dragAndDropColumns)
+      return false;
+    const { index, overIndex } = useSortableHelpers;
+    return {
+      ...useSortableHelpers,
+      shouldShowDropIndicatorPosition: overIndex === index && overIndex !== -1,
+      dropIndicatorPosition: index > activeIndex ? import_SortableItemContext.DropIndicatorPosition.After : import_SortableItemContext.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
+  }));
+};
+module.exports = __toCommonJS(withDnDSortableColumnContext_exports);
+//# sourceMappingURL=withDnDSortableColumnContext.js.map

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

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

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

@@ -0,0 +1,69 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var withDnDSortableRowContext_exports = {};
+__export(withDnDSortableRowContext_exports, {
+  withDnDSortableRowContext: () => withDnDSortableRowContext
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_sortable = require("@dnd-kit/sortable");
+var import_DataTableContext = require("../../DataTableContext");
+var import_withConditionalDnDRowContext = require("./withConditionalDnDRowContext");
+var import_SortableItemContext = require("./SortableItemContext");
+const withDnDSortableRowContext = (Component) => (props) => {
+  const {
+    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 useSortableHelpers = (0, import_sortable.useSortable)(draggableOptions);
+  const draggableProps = (0, import_react.useMemo)(() => {
+    if (!dragAndDropRows)
+      return false;
+    const { index, overIndex } = useSortableHelpers;
+    return {
+      ...useSortableHelpers,
+      shouldShowDropIndicatorPosition: overIndex === index,
+      dropIndicatorPosition,
+      lastActiveId,
+      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
+  }));
+};
+module.exports = __toCommonJS(withDnDSortableRowContext_exports);
+//# sourceMappingURL=withDnDSortableRowContext.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 '@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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoE;AACpE,sBAA4B;AAC5B,8BAAiC;AACjC,0CAA+B;AAE/B,iCAA6D;AAEtD,MAAM,4BAA2C,CAAC,cAAc,CAAC,UAAe;AACrF,QAAM;AAAA,IACJ,YAAY,EAAE;AAAA,MACZ,6BAAW;AACf,QAAM,EAAE,uBAAuB,cAAc,oBAAoB,6BAAW;AAG5E,QAAM,mBAAmB,0BACvB,MAAO;AAAA,IACL,IAAI,MAAM,IAAI;AAAA,MAEhB,CAAC,MAAM;AAGT,QAAM,qBAAqB,iCAAY;AAGvC,QAAM,iBAAiB,0BAAQ,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,0BACnC,MAAO;AAAA,IACL;AAAA,MAEF,CAAC;AAGH,SACE,mDAAC,+CAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,mDAAC,WAAD;AAAA,OAAe;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/parts/Loader.js

@@ -0,0 +1,56 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Loader_exports = {};
+__export(Loader_exports, {
+  MemoizedLoader: () => MemoizedLoader,
+  default: () => Loader_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
+var import_styled_components = __toESM(require("styled-components"));
+const StyledLoaderWrapper = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  place-items: center;
+  z-index: 0;
+  background-color: white;
+`;
+const Loader = () => /* @__PURE__ */ import_react.default.createElement(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
+}));
+const MemoizedLoader = (0, import_react.memo)(Loader);
+var Loader_default = MemoizedLoader;
+module.exports = __toCommonJS(Loader_exports);
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 '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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4B;AAC5B,qBAAqB;AACrB,4CAA4C;AAC5C,+BAAmB;AAEnB,MAAM,sBAAsB,sCAAO;AAAA;AAAA;AAAA;AAAA;AAMnC,MAAM,SAAS,MACb,mDAAC,qBAAD;AAAA,EAAqB,OAAO,EAAE,QAAQ,QAAQ,WAAW;AAAA,EAAW,aAAU;AAAA,GAC5E,mDAAC,mEAAD;AAAA,EAA6B,MAAK;AAAA,EAAK,SAAO;AAAA,EAAC,WAAS;AAAA,EAAC,SAAS;AAAA,EAAO,aAAa;AAAA;AAInF,MAAM,iBAAiB,uBAAK;AACnC,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/parts/Row.js

@@ -0,0 +1,75 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var Row_exports = {};
+__export(Row_exports, {
+  Row: () => Row,
+  RowWithContext: () => RowWithContext,
+  default: () => Row_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_redux = require("react-redux");
+var import_DataTableContext = require("../DataTableContext");
+var import_helpers = require("../helpers");
+var import_SortableItemContext = require("./HoC/SortableItemContext");
+var import_withDnDSortableRowContext = require("./HoC/withDnDSortableRowContext");
+var import_RowVariants = require("./RowVariants");
+const setItemRefs = (measureRef, draggableRef, ref) => {
+  const refsToSet = [];
+  if (measureRef)
+    refsToSet.push(measureRef);
+  if (draggableRef)
+    refsToSet.push(draggableRef);
+  (0, import_helpers.setMultipleRefs)(...refsToSet)(ref);
+};
+const RowComp = (props) => {
+  const { row, measureRef, itemWrapperStyle, isDragOverlay, focusedRowId, selectedRowId } = props;
+  const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
+  const draggableRef = draggableProps && draggableProps.setNodeRef;
+  return /* @__PURE__ */ import_react.default.createElement("div", {
+    style: !isDragOverlay ? itemWrapperStyle : {},
+    ref: (ref) => setItemRefs(measureRef, draggableRef, ref)
+  }, /* @__PURE__ */ import_react.default.createElement(import_RowVariants.RowVariantMapItem, {
+    row,
+    itemIndex: row.realIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId
+  }));
+};
+const mapStateToProps = (state) => ({
+  focusedRowId: state.rows.focusedRowId,
+  selectedRowId: state.rows.selectedRowId
+});
+const Row = (0, import_react_redux.connect)(mapStateToProps)(RowComp);
+const RowWithContext = (0, import_withDnDSortableRowContext.withDnDSortableRowContext)(Row);
+var Row_default = RowWithContext;
+module.exports = __toCommonJS(Row_exports);
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/Row.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkC;AAClC,yBAAwB;AACxB,8BAAiC;AACjC,qBAAgC;AAChC,iCAAoC;AACpC,uCAA0C;AAC1C,yBAAkC;AAKlC,MAAM,cAAc,CAAC,YAAY,cAAc,QAAQ;AACrD,QAAM,YAAY;AAClB,MAAI;AAAY,cAAU,KAAK;AAC/B,MAAI;AAAc,cAAU,KAAK;AACjC,sCAAgB,GAAG,WAAW;AAAA;AAGhC,MAAM,UAAU,CAAC,UAAU;AACzB,QAAM,EAAE,KAAK,YAAY,kBAAkB,eAAe,cAAc,kBAAkB;AAE1F,QAAM,MAAM,6BAAW;AACvB,QAAM,EAAE,mBAAmB,6BAAW;AACtC,QAAM,eAAe,kBAAkB,eAAe;AAEtD,SACE,mDAAC,OAAD;AAAA,IAAK,OAAO,CAAC,gBAAgB,mBAAmB;AAAA,IAAI,KAAK,CAAC,QAAQ,YAAY,YAAY,cAAc;AAAA,KACtG,mDAAC,sCAAD;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,gCAAQ,iBAAiB;AAE5C,MAAM,iBAAiB,gEAA0B;AAEjD,IAAO,cAAQ;",
+  "names": []
+}

package/dist/cjs/parts/RowLoading.js

@@ -0,0 +1,59 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowLoading_exports = {};
+__export(RowLoading_exports, {
+  RowLoading: () => RowLoading,
+  default: () => RowLoading_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_indeterminate_progress_indicator = require("@elliemae/ds-indeterminate-progress-indicator");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_styled_components = __toESM(require("styled-components"));
+var import_constants = require("../configs/constants");
+const StyledRowLoadingContainer = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  position: absolute;
+  bottom: -40px;
+  left: 0;
+  width: 100%;
+  place-items: center;
+  background-color: white;
+`;
+const RowLoading = () => {
+  const PureLoading = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(StyledRowLoadingContainer, {
+    role: "row",
+    "data-testid": import_constants.DATA_TESTID.DATA_TABLE_ROW
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_indeterminate_progress_indicator.DSIndeterminateProgressIndicator, {
+    processing: true,
+    title: "Loading"
+  })), []);
+  return PureLoading;
+};
+var RowLoading_default = RowLoading;
+module.exports = __toCommonJS(RowLoading_exports);
+//# sourceMappingURL=RowLoading.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/parts/RowLoading.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+B;AAC/B,iDAAiD;AACjD,qBAAqB;AACrB,+BAAmB;AACnB,uBAA4B;AAE5B,MAAM,4BAA4B,sCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzC,MAAM,aAAkC,MAAM;AAC5C,QAAM,cAAc,0BAClB,MACE,mDAAC,2BAAD;AAAA,IAA2B,MAAK;AAAA,IAAM,eAAa,6BAAY;AAAA,KAC7D,mDAAC,6EAAD;AAAA,IAAkC,YAAU;AAAA,IAAC,OAAM;AAAA,OAGvD;AAGF,SAAO;AAAA;AAIT,IAAO,qBAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,100 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowVariantHeader_exports = {};
+__export(RowVariantHeader_exports, {
+  RowVariantHeader: () => RowVariantHeader
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_RowRenderer = require("../../exported-related/RowRenderer");
+var import_styled = require("../../styled");
+var import_Columns = require("../../addons/Columns");
+var import_constants = require("../../configs/constants");
+const RowContent = (props) => {
+  const {
+    row,
+    ctx,
+    ctx: {
+      tableProps: { groupedRowsRenderHeader }
+    },
+    backgroundColor = "white",
+    focusedRowId,
+    selectedRowId
+  } = 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 titleContent = (0, import_react.useMemo)(() => {
+    if (typeof groupedRowsRenderHeader === "function") {
+      return groupedRowsRenderHeader(row.original.dimsumHeaderValue, row.original.subRows);
+    }
+    return row.original.dimsumHeaderValue;
+  }, [groupedRowsRenderHeader, row]);
+  (0, import_react.useLayoutEffect)(() => {
+    if (row.uid === focusedRowId) {
+      rowRef.current.focus();
+    }
+  }, [focusedRowId, row.uid]);
+  return /* @__PURE__ */ import_react.default.createElement(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: selectedRowId === 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)));
+};
+const RowVariantHeader = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  focusedRowId,
+  selectedRowId
+}) => /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+  row,
+  itemIndex,
+  isDragOverlay,
+  minHeight: "0px",
+  height: "24px",
+  CustomRowContentRenderer: RowContent,
+  focusedRowId,
+  selectedRowId
+});
+module.exports = __toCommonJS(RowVariantHeader_exports);
+//# sourceMappingURL=RowVariantHeader.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/RowVariants/RowVariantHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport 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    selectedRowId,\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={selectedRowId === 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  selectedRowId,\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    selectedRowId={selectedRowId}\n  />\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,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;AAEtC,QAAM,gBAAgB,0BACpB,MAAM,IAAI,SAAS,WAAW,IAAI,MAAM,KAAK,CAAC,SAAS,KAAK,OAAO,aAAa,oBAChF,CAAC;AAGH,QAAM,eAAe,0BAAQ,MAAM;AACjC,QAAI,OAAO,4BAA4B,YAAY;AACjD,aAAO,wBAAwB,IAAI,SAAS,mBAAmB,IAAI,SAAS;AAAA;AAE9E,WAAO,IAAI,SAAS;AAAA,KACnB,CAAC,yBAAyB;AAE7B,oCAAgB,MAAM;AACpB,QAAI,IAAI,QAAQ,cAAc;AAC5B,aAAO,QAAQ;AAAA;AAAA,KAEhB,CAAC,cAAc,IAAI;AAEtB,SACE,mDAAC,mCAAD;AAAA,IACE,KAAK;AAAA,IACL,WAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA,eAAa,6BAAY;AAAA,KAEzB,mDAAC,oCAAD;AAAA,IACE,eAAa,6BAAY;AAAA,IACzB,MAAM,gBAAgB,CAAC,eAAe,UAAU,CAAC;AAAA,IACjD,SAAS,gBAAgB,QAAQ;AAAA,KAEhC,gBACC,mDAAC,+BAAgB,MAAjB;AAAA,IACE;AAAA,IACA,MAAM,IAAI,MAAM;AAAA,IAChB,eAAe,kBAAkB,IAAI;AAAA,IACrC;AAAA,IACA,gBAAgB;AAAA,OAGlB,mDAAC,qBAAD;AAAA,IAAM,OAAM;AAAA,MAEd,mDAAC,gCAAD,MAAmB;AAAA;AAMpB,MAAM,mBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,gCAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAU;AAAA,EACV,QAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B;AAAA,EACA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowVariantPrimary_exports = {};
+__export(RowVariantPrimary_exports, {
+  RowVariantPrimary: () => RowVariantPrimary
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_RowRenderer = require("../../exported-related/RowRenderer");
+const RowVariantPrimary = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  ctx,
+  focusedRowId,
+  selectedRowId,
+  compact
+}) => {
+  const {
+    layoutHelpers: { gridLayout }
+  } = ctx;
+  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+    row,
+    itemIndex,
+    isDragOverlay,
+    compact,
+    height: compact ? "24px" : "auto",
+    minHeight: compact ? "24px" : "36px",
+    colsLayout: row.isExpanded ? void 0 : gridLayout,
+    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
+    focusedRowId,
+    selectedRowId
+  });
+};
+module.exports = __toCommonJS(RowVariantPrimary_exports);
+//# sourceMappingURL=RowVariantPrimary.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/RowVariants/RowVariantPrimary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport 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  selectedRowId,\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      selectedRowId={selectedRowId}\n    />\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,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,gCAAD;AAAA,IACE;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,UAAU,CAAC;AAAA,IACjD;AAAA,IACA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,62 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RowVariantSecondary_exports = {};
+__export(RowVariantSecondary_exports, {
+  RowVariantSecondary: () => RowVariantSecondary
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_RowRenderer = require("../../exported-related/RowRenderer");
+const RowVariantSecondary = ({
+  row,
+  itemIndex,
+  isDragOverlay,
+  ctx,
+  focusedRowId,
+  selectedRowId,
+  compact
+}) => {
+  const {
+    layoutHelpers: { gridLayout }
+  } = ctx;
+  return /* @__PURE__ */ import_react.default.createElement(import_RowRenderer.RowRenderer, {
+    row,
+    itemIndex,
+    isDragOverlay,
+    compact,
+    height: compact ? "24px" : "auto",
+    minHeight: compact ? "24px" : "36px",
+    colsLayout: row.isExpanded ? void 0 : gridLayout,
+    rowsLayout: row.isExpanded ? ["auto", "auto"] : [1],
+    backgroundColor: "#F6F7F9",
+    focusedRowId,
+    selectedRowId
+  });
+};
+module.exports = __toCommonJS(RowVariantSecondary_exports);
+//# sourceMappingURL=RowVariantSecondary.js.map