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

package/cjs/parts/HoC/withDnDSortableRowContext.js

@@ -1,69 +1,69 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
-var sortable = require('@dnd-kit/sortable');
-var DataTableContext = require('../../DataTableContext.js');
-var withConditionalDnDRowContext = require('./withConditionalDnDRowContext.js');
-var SortableItemContext = require('./SortableItemContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const withDnDSortableRowContext = Component => props => {
-  const {
-    tableProps: {
-      dragAndDropRows
-    }
-  } = React.useContext(DataTableContext["default"]);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var 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 {
-    dropIndicatorPosition,
-    lastActiveId,
-    setLastActiveId
-  } = React.useContext(withConditionalDnDRowContext.DnDTreeContext); // onMount generate unique options, so everyting is only ran once
-
-  const draggableOptions = React.useMemo(() => ({
+    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 = sortable.useSortable(draggableOptions); // calculate all the "useSortable" values as per required
-
-  const draggableProps = React.useMemo(() => {
-    if (!dragAndDropRows) return false;
-    const {
-      index,
-      overIndex
-    } = useSortableHelpers;
-    return _objectSpread(_objectSpread({}, useSortableHelpers), {}, {
+  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]); // we use a context so we can easly access information wherever without bubbling down
-  // this context is all Memoized so as long as component is not re-mounted,
-  // the context won't trigger un-required renders per-se...
-
-  const ctx = React.useMemo(() => ({
+    };
+  }, [dragAndDropRows, useSortableHelpers, dropIndicatorPosition, lastActiveId, setLastActiveId]);
+  const ctx = (0, import_react.useMemo)(() => ({
     draggableProps
-  }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
-
-  return /*#__PURE__*/_jsx__default["default"](SortableItemContext.SortableItemContext.Provider, {
+  }), [draggableProps]);
+  return /* @__PURE__ */ import_react.default.createElement(import_SortableItemContext.SortableItemContext.Provider, {
     value: ctx
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));
+  }, /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...props
+  }));
 };
-
-exports.withDnDSortableRowContext = withDnDSortableRowContext;
+module.exports = __toCommonJS(withDnDSortableRowContext_exports);
+//# sourceMappingURL=withDnDSortableRowContext.js.map

package/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/cjs/parts/Loader.js

@@ -1,36 +1,56 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var Grid = require('@elliemae/ds-grid');
-var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _DSCircularProgressIn;
-const StyledLoaderWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-pol5j9-0"
-})(["place-items:center;z-index:0;background-color:white;"]);
-
-const Loader = () => /*#__PURE__*/_jsx__default["default"](StyledLoaderWrapper, {
-  style: {
-    height: '100%',
-    maxHeight: '500px'
-  },
+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"
-}, void 0, _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
   size: "xl",
   loading: true,
   showLabel: true,
   waiting: false,
   showTooltip: false
-})));
-
-var Loader$1 = /*#__PURE__*/React.memo(Loader);
-
-module.exports = Loader$1;
+}));
+const MemoizedLoader = (0, import_react.memo)(Loader);
+var Loader_default = MemoizedLoader;
+module.exports = __toCommonJS(Loader_exports);
+//# sourceMappingURL=Loader.js.map

package/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/cjs/parts/Row.js

@@ -1,70 +1,75 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var reactRedux = require('react-redux');
-var DataTableContext = require('../DataTableContext.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../configs/constants.js');
-var refsHelpers = require('../helpers/refs-helpers.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var SortableItemContext = require('./HoC/SortableItemContext.js');
-var withDnDSortableRowContext = require('./HoC/withDnDSortableRowContext.js');
-var index = require('./RowVariants/index.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+var __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);
-  refsHelpers.setMultipleRefs(...refsToSet)(ref);
+  if (measureRef)
+    refsToSet.push(measureRef);
+  if (draggableRef)
+    refsToSet.push(draggableRef);
+  (0, import_helpers.setMultipleRefs)(...refsToSet)(ref);
 };
-
-const RowComp = props => {
-  const {
+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,
-    measureRef,
-    itemWrapperStyle,
+    itemIndex: row.realIndex,
     isDragOverlay,
+    ctx,
     focusedRowId,
     selectedRowId
-  } = props;
-  const ctx = React.useContext(DataTableContext["default"]);
-  const {
-    draggableProps
-  } = React.useContext(SortableItemContext.SortableItemContext);
-  const draggableRef = draggableProps && draggableProps.setNodeRef;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    style: !isDragOverlay ? itemWrapperStyle : {},
-    ref: ref => setItemRefs(measureRef, draggableRef, ref),
-    children: /*#__PURE__*/_jsx__default["default"](index.RowVariantMapItem, {
-      row: row,
-      itemIndex: row.realIndex,
-      isDragOverlay: isDragOverlay,
-      ctx: ctx,
-      focusedRowId: focusedRowId,
-      selectedRowId: selectedRowId
-    })
-  });
+  }));
 };
-
-const mapStateToProps = state => ({
+const mapStateToProps = (state) => ({
   focusedRowId: state.rows.focusedRowId,
   selectedRowId: state.rows.selectedRowId
 });
-
-const Row = reactRedux.connect(mapStateToProps)(RowComp);
-var Row$1 = withDnDSortableRowContext.withDnDSortableRowContext(Row);
-
-exports.Row = Row;
-exports["default"] = Row$1;
+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/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/cjs/parts/RowLoading.js

@@ -1,58 +1,59 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progress-indicator');
-var Grid = require('@elliemae/ds-grid');
-var styled = require('styled-components');
-var constants = require('../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('../configs/useRowFlattenization.js');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('@elliemae/ds-icons');
-require('../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('./TableContent.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-require('@elliemae/ds-button');
-require('../DataTableContext.js');
-require('./Row.js');
-require('./Footer.js');
-require('./HoC/SortableItemContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSIndeterminateProgressIndicator__default = /*#__PURE__*/_interopDefaultLegacy(DSIndeterminateProgressIndicator);
-var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _DSIndeterminateProgr;
-const StyledRowLoadingContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
-  componentId: "sc-1jmutz9-0"
-})(["position:absolute;bottom:-40px;left:0;width:100%;place-items:center;background-color:white;"]);
-
+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 = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](StyledRowLoadingContainer, {
+  const PureLoading = (0, import_react.useMemo)(() => /* @__PURE__ */ import_react.default.createElement(StyledRowLoadingContainer, {
     role: "row",
-    "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW
-  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
+    "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;
 };
-
-module.exports = RowLoading;
+var RowLoading_default = RowLoading;
+module.exports = __toCommonJS(RowLoading_exports);
+//# sourceMappingURL=RowLoading.js.map

package/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": []
+}