@elliemae/ds-datagrids 2.2.1 → 2.3.0-alpha.4

package/cjs/columns/IconColumn.js

@@ -1,95 +1,111 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var DSButton = require('@elliemae/ds-button');
-var dsClassnames = require('@elliemae/ds-classnames');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
+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 IconColumn_exports = {};
+__export(IconColumn_exports, {
+  IconColumn: () => IconColumn,
+  default: () => IconColumn_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_classnames = require("@elliemae/ds-classnames");
 const Intents = {
-  SUCCESS: 'success',
-  INFO: 'info',
-  DANGER: 'danger',
-  WARNING: 'warning'
+  SUCCESS: "success",
+  INFO: "info",
+  DANGER: "danger",
+  WARNING: "warning"
 };
 const IntentIconColors = {
-  [Intents.SUCCESS]: ['success', 900],
-  [Intents.INFO]: ['brand-primary', 600],
-  [Intents.DANGER]: ['danger', 900],
-  [Intents.WARNING]: ['warning', 900]
+  [Intents.SUCCESS]: ["success", 900],
+  [Intents.INFO]: ["brand-primary", 600],
+  [Intents.DANGER]: ["danger", 900],
+  [Intents.WARNING]: ["warning", 900]
 };
-const ValueWrapper = dsClassnames.aggregatedClasses('span')('icon-column-cell');
-
+const ValueWrapper = (0, import_ds_classnames.aggregatedClasses)("span")("icon-column-cell");
 const addColorToIcon = (icon, intentColor) => {
   if (icon.props.color) {
     return icon;
   }
-
-  return /*#__PURE__*/React__default["default"].cloneElement(icon, {
-    color: intentColor
-  });
+  return import_react.default.cloneElement(icon, { color: intentColor });
 };
-
-function createColumn(_ref) {
-  let {
-    property,
-    label,
-    headerIcon,
-    getRowIcon = () => null,
-    isVisited = () => null,
-    intent = Intents.SUCCESS,
-    width = 60,
-    onClick,
-    visible,
-    resizable,
-    sortable,
-    searchable
-  } = _ref;
-
+const IconColumn = ({
+  property,
+  label,
+  headerIcon,
+  getRowIcon = () => null,
+  isVisited = () => null,
+  intent = Intents.SUCCESS,
+  width = 60,
+  onClick,
+  visible,
+  resizable,
+  sortable,
+  searchable
+}) => {
   const formatter = (value, extraParams) => {
     const icon = getRowIcon(value, extraParams);
-
-    const onClickHandler = e => onClick(e, extraParams);
-
-    return /*#__PURE__*/_jsx__default["default"](ValueWrapper, {
-      className: dsUtilities.cx("icc-".concat(intent), isVisited(value, extraParams))
-    }, void 0, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== 'undefined' ? /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    const onClickHandler = (e) => onClick(e, extraParams);
+    return /* @__PURE__ */ import_react.default.createElement(ValueWrapper, {
+      className: (0, import_ds_utilities.cx)(`icc-${intent}`, isVisited(value, extraParams))
+    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== "undefined" ? /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
       buttonType: "text",
-      intent: intent,
+      intent,
       labelText: value,
       onClick: onClickHandler
     }) : value);
   };
-
   return {
     property,
     label,
     headerStyle: {
-      justifyContent: 'center'
+      justifyContent: "center"
     },
     header: {
-      formatters: [() => /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, /*#__PURE__*/React__default["default"].cloneElement(headerIcon, {
-        color: IntentIconColors[intent]
-      }))]
+      formatters: [
+        () => /* @__PURE__ */ import_react.default.createElement("span", null, import_react.default.cloneElement(headerIcon, {
+          color: IntentIconColors[intent]
+        }))
+      ]
     },
     cell: {
       formatters: [formatter]
     },
     cellStyle: {
-      justifyContent: 'center'
+      justifyContent: "center"
     },
     width,
-    visible: typeof visible === 'undefined' || visible,
+    visible: typeof visible === "undefined" || visible,
     resizable,
     sortable,
     searchable
   };
-}
-
-module.exports = createColumn;
+};
+var IconColumn_default = IconColumn;
+module.exports = __toCommonJS(IconColumn_exports);
+//# sourceMappingURL=IconColumn.js.map

package/cjs/columns/IconColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/columns/IconColumn.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/display-name */\nimport React from 'react';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst Intents = {\n  SUCCESS: 'success',\n  INFO: 'info',\n  DANGER: 'danger',\n  WARNING: 'warning',\n};\n\nconst IntentIconColors = {\n  [Intents.SUCCESS]: ['success', 900],\n  [Intents.INFO]: ['brand-primary', 600],\n  [Intents.DANGER]: ['danger', 900],\n  [Intents.WARNING]: ['warning', 900],\n};\n\nconst ValueWrapper = aggregatedClasses('span')('icon-column-cell');\n\nconst addColorToIcon = (icon, intentColor) => {\n  if (icon.props.color) {\n    return icon;\n  }\n  return React.cloneElement(icon, { color: intentColor });\n};\n\nexport const IconColumn = ({\n  property,\n  label,\n  headerIcon,\n  getRowIcon = () => null,\n  isVisited = () => null,\n  intent = Intents.SUCCESS,\n  width = 60,\n  onClick,\n  visible,\n  resizable,\n  sortable,\n  searchable,\n}) => {\n  const formatter = (value, extraParams) => {\n    const icon = getRowIcon(value, extraParams);\n    const onClickHandler = (e) => onClick(e, extraParams);\n    return (\n      <ValueWrapper className={cx(`icc-${intent}`, isVisited(value, extraParams))}>\n        {icon && addColorToIcon(icon, IntentIconColors[intent])}\n        {onClick && typeof value !== 'undefined' ? (\n          <DSButton buttonType=\"text\" intent={intent} labelText={value} onClick={onClickHandler} />\n        ) : (\n          value\n        )}\n      </ValueWrapper>\n    );\n  };\n  return {\n    property,\n    label,\n    headerStyle: {\n      justifyContent: 'center',\n    },\n    header: {\n      formatters: [\n        () => (\n          <span>\n            {React.cloneElement(headerIcon, {\n              color: IntentIconColors[intent],\n            })}\n          </span>\n        ),\n      ],\n    },\n    cell: {\n      formatters: [formatter],\n    },\n    cellStyle: {\n      justifyContent: 'center',\n    },\n    width,\n    visible: typeof visible === 'undefined' || visible,\n    resizable,\n    sortable,\n    searchable,\n  };\n};\n\nexport default IconColumn;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAmB;AACnB,uBAAyB;AACzB,2BAAkC;AAElC,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA;AAGX,MAAM,mBAAmB;AAAA,GACtB,QAAQ,UAAU,CAAC,WAAW;AAAA,GAC9B,QAAQ,OAAO,CAAC,iBAAiB;AAAA,GACjC,QAAQ,SAAS,CAAC,UAAU;AAAA,GAC5B,QAAQ,UAAU,CAAC,WAAW;AAAA;AAGjC,MAAM,eAAe,4CAAkB,QAAQ;AAE/C,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA;AAET,SAAO,qBAAM,aAAa,MAAM,EAAE,OAAO;AAAA;AAGpC,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa,MAAM;AAAA,EACnB,YAAY,MAAM;AAAA,EAClB,SAAS,QAAQ;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO;AAC/B,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG;AACzC,WACE,mDAAC,cAAD;AAAA,MAAc,WAAW,4BAAG,OAAO,UAAU,UAAU,OAAO;AAAA,OAC3D,QAAQ,eAAe,MAAM,iBAAiB,UAC9C,WAAW,OAAO,UAAU,cAC3B,mDAAC,2BAAD;AAAA,MAAU,YAAW;AAAA,MAAO;AAAA,MAAgB,WAAW;AAAA,MAAO,SAAS;AAAA,SAEvE;AAAA;AAKR,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA;AAAA,IAElB,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,mDAAC,QAAD,MACG,qBAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB;AAAA;AAAA;AAAA;AAAA,IAMlC,MAAM;AAAA,MACJ,YAAY,CAAC;AAAA;AAAA,IAEf,WAAW;AAAA,MACT,gBAAgB;AAAA;AAAA,IAElB;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAIJ,IAAO,qBAAQ;",
+  "names": []
+}

package/cjs/columns/NumberColumn.js

@@ -1,6 +1,36 @@
-'use strict';
-
-function createNumberColumn(_ref) {
+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 NumberColumn_exports = {};
+__export(NumberColumn_exports, {
+  default: () => createNumberColumn
+});
+var React = __toESM(require("react"));
+function createNumberColumn({ label, property }) {
 }
-
-module.exports = createNumberColumn;
+module.exports = __toCommonJS(NumberColumn_exports);
+//# sourceMappingURL=NumberColumn.js.map

package/cjs/columns/NumberColumn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/columns/NumberColumn.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export default function createNumberColumn({ label, property }) {}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAR,4BAA4B,EAAE,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/cjs/components/BodyCell.js

@@ -1,76 +1,60 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
-var utils = require('@elliemae/ds-shared/createDataInstance/utils');
-var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
-
-const _excluded = ["rowData", "rowKey", "isScrolling"];
-
-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; }
-
-function BodyCell(_ref) {
-  let {
-    component: Component,
-    classProps,
-    rowProps,
-    column,
-    columnIndex,
-    rowIndex,
-    grid
-  } = _ref;
-
-  const {
-    rowData,
-    rowKey,
-    isScrolling
-  } = rowProps,
-        extraRowProps = _objectWithoutProperties__default["default"](rowProps, _excluded);
-
-  const {
-    property,
-    cell,
-    props
-  } = column;
+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 BodyCell_exports = {};
+__export(BodyCell_exports, {
+  BodyCell: () => BodyCell,
+  default: () => BodyCell_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_FocusGrid = require("@elliemae/ds-shared/FocusGroup/FocusGrid");
+var import_utils = require("@elliemae/ds-shared/createDataInstance/utils");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+const BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {
+  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;
+  const { property, cell, props } = column;
   const evaluatedProperty = property || cell && cell.property;
-  const ref = React.useRef(null);
-  const {
-    register
-  } = React.useContext(FocusGridManager.FocusGridContext);
-  const registerFocus = React.useCallback(node => {
+  const ref = (0, import_react.useRef)(null);
+  const { register } = (0, import_react.useContext)(import_FocusGrid.FocusGridContext);
+  const registerFocus = (0, import_react.useCallback)((node) => {
     register(node, rowIndex, columnIndex);
   }, []);
-  React.useEffect(() => {
+  (0, import_react.useEffect)(() => {
     registerFocus(ref.current);
   }, [ref.current]);
   const {
     transforms = [],
     formatters = [],
     fixedFormatters = [],
-    // useful for the toolbar trigger at the last column
     scrollingFormatters = []
   } = cell || {};
-
-  const extraParameters = _objectSpread({
+  const extraParameters = {
     columnIndex,
     property: evaluatedProperty,
     column,
@@ -78,24 +62,43 @@ function BodyCell(_ref) {
     rowIndex,
     rowKey,
     isScrolling,
-    // improve performance on scroll rendering a lightweight component instead
-    registerFocus
-  }, extraRowProps);
-
-  const withTooltip = v => classProps && classProps.wrapText ? v : /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
+    registerFocus,
+    ...extraRowProps
+  };
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
     value: v
   });
-
-  const value = rowData["_".concat(evaluatedProperty)] || rowData[evaluatedProperty];
-  const transformed = utils.evaluateTransforms(transforms, value, extraParameters);
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-    ref: ref,
-    "data-testid": "column-".concat(property),
+  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
+  const transformed = (0, import_utils.evaluateTransforms)(transforms, value, extraParameters);
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ref,
+    "data-testid": `column-${property}`,
     tabIndex: -1,
-    classProps: classProps
-  }, props), cell && cell.props), transformed), {}, {
-    children: transformed.children || utils.evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid)
-  }));
-}
-
-module.exports = BodyCell;
+    classProps,
+    ...props,
+    ...cell && cell.props,
+    ...transformed
+  }, transformed.children || (0, import_utils.evaluateFormatters)(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+};
+BodyCell.propTypes = {
+  component: import_prop_types.default.element,
+  classProps: import_prop_types.default.shape({
+    wrapText: import_prop_types.default.bool
+  }),
+  rowProps: import_prop_types.default.shape({
+    rowData: import_prop_types.default.shape({}),
+    rowKey: import_prop_types.default.string,
+    isScrolling: import_prop_types.default.bool
+  }),
+  column: import_prop_types.default.shape({
+    property: import_prop_types.default.string,
+    cell: import_prop_types.default.any,
+    props: import_prop_types.default.shape({})
+  }),
+  columnIndex: import_prop_types.default.number,
+  rowIndex: import_prop_types.default.number,
+  grid: import_prop_types.default.any
+};
+var BodyCell_default = BodyCell;
+module.exports = __toCommonJS(BodyCell_exports);
+//# sourceMappingURL=BodyCell.js.map

package/cjs/components/BodyCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BodyCell.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext } from '@elliemae/ds-shared/FocusGroup/FocusGrid';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared/createDataInstance/utils';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nconst BodyCell = ({ component: Component, classProps, rowProps, column, columnIndex, rowIndex, grid }) => {\n  const { rowData, rowKey, isScrolling, ...extraRowProps } = rowProps;\n  const { property, cell, props } = column;\n  const evaluatedProperty = property || (cell && cell.property);\n\n  const ref = useRef(null);\n  const { register } = useContext(FocusGridContext);\n\n  const registerFocus = useCallback((node) => {\n    register(node, rowIndex, columnIndex);\n  }, []);\n\n  useEffect(() => {\n    registerFocus(ref.current);\n  }, [ref.current]);\n\n  const {\n    transforms = [],\n    formatters = [],\n    fixedFormatters = [], // useful for the toolbar trigger at the last column\n    scrollingFormatters = [],\n  } = cell || {};\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    rowData,\n    rowIndex,\n    rowKey,\n    isScrolling, // improve performance on scroll rendering a lightweight component instead\n    registerFocus,\n    ...extraRowProps,\n  };\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];\n  const transformed = evaluateTransforms(transforms, value, extraParameters);\n  return (\n    <Component\n      ref={ref}\n      data-testid={`column-${property}`}\n      tabIndex={-1}\n      classProps={classProps}\n      {...props}\n      {...(cell && cell.props)}\n      {...transformed}\n    >\n      {transformed.children ||\n        evaluateFormatters(\n          !isScrolling\n            ? [withTooltip, ...formatters, ...fixedFormatters]\n            : [...scrollingFormatters, ...fixedFormatters],\n          value,\n          extraParameters,\n          grid,\n        )}\n    </Component>\n  );\n};\n\nBodyCell.propTypes = {\n  component: PropTypes.element,\n  classProps: PropTypes.shape({\n    wrapText: PropTypes.bool,\n  }),\n  rowProps: PropTypes.shape({\n    rowData: PropTypes.shape({}),\n    rowKey: PropTypes.string,\n    isScrolling: PropTypes.bool,\n  }),\n  column: PropTypes.shape({\n    property: PropTypes.string,\n    cell: PropTypes.any,\n    props: PropTypes.shape({}),\n  }),\n  columnIndex: PropTypes.number,\n  rowIndex: PropTypes.number,\n  grid: PropTypes.any,\n};\n\nexport { BodyCell };\nexport default BodyCell;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAAsB;AACtB,uBAAiC;AACjC,mBAAuD;AACvD,uCAAuC;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,WAAW;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,kBAAkB;AAC3D,QAAM,EAAE,UAAU,MAAM,UAAU;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,aAAa,6BAAW;AAEhC,QAAM,gBAAgB,8BAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU;AAAA,KACxB;AAEH,8BAAU,MAAM;AACd,kBAAc,IAAI;AAAA,KACjB,CAAC,IAAI;AAER,QAAM;AAAA,IACJ,aAAa;AAAA,IACb,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,sBAAsB;AAAA,MACpB,QAAQ;AAEZ,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA;AAEL,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,mDAAC,yDAAD;AAAA,IAAwB,OAAO;AAAA;AACnG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,qCAAmB,YAAY,OAAO;AAC1D,SACE,mDAAC,WAAD;AAAA,IACE;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,OACI;AAAA,OACC,QAAQ,KAAK;AAAA,OACd;AAAA,KAEH,YAAY,YACX,qCACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,mBAChC,CAAC,GAAG,qBAAqB,GAAG,kBAChC,OACA,iBACA;AAAA;AAMV,SAAS,YAAY;AAAA,EACnB,WAAW,0BAAU;AAAA,EACrB,YAAY,0BAAU,MAAM;AAAA,IAC1B,UAAU,0BAAU;AAAA;AAAA,EAEtB,UAAU,0BAAU,MAAM;AAAA,IACxB,SAAS,0BAAU,MAAM;AAAA,IACzB,QAAQ,0BAAU;AAAA,IAClB,aAAa,0BAAU;AAAA;AAAA,EAEzB,QAAQ,0BAAU,MAAM;AAAA,IACtB,UAAU,0BAAU;AAAA,IACpB,MAAM,0BAAU;AAAA,IAChB,OAAO,0BAAU,MAAM;AAAA;AAAA,EAEzB,aAAa,0BAAU;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,MAAM,0BAAU;AAAA;AAIlB,IAAO,mBAAQ;",
+  "names": []
+}

package/cjs/components/BodyList.js

@@ -1,54 +1,54 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var NoResults = require('./NoResults.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const _excluded = ["component", "rows", "rowRenderer", "noResultsPlaceholder", "innerRef", "innerBodyRef"];
-
-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; }
-
-function BodyWrapperDefaultRenderer(_ref) {
-  let {
-    component: Component,
-    rows,
-    rowRenderer,
-    noResultsPlaceholder,
+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 BodyList_exports = {};
+__export(BodyList_exports, {
+  default: () => BodyList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_NoResults = require("./NoResults");
+function BodyWrapperDefaultRenderer({
+  component: Component,
+  rows,
+  rowRenderer,
+  noResultsPlaceholder,
+  innerRef,
+  innerBodyRef,
+  ...otherBodyProps
+}) {
+  return /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...otherBodyProps,
+    innerRef
+  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ import_react.default.createElement(import_NoResults.NoResults, {
     innerRef,
-    innerBodyRef
-  } = _ref,
-      otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
-    innerRef: innerRef,
-    children: rows.length ? rows.map((row, index) => rowRenderer(row, {
-      index
-    }, {})) : /*#__PURE__*/_jsx__default["default"](NoResults, {
-      innerRef: innerRef,
-      rowRenderer: rowRenderer
-    }, void 0, noResultsPlaceholder)
-  }));
+    rowRenderer
+  }, noResultsPlaceholder));
 }
-
-var BodyList = /*#__PURE__*/React__default["default"].memo(BodyWrapperDefaultRenderer);
-
-module.exports = BodyList;
+var BodyList_default = import_react.default.memo(BodyWrapperDefaultRenderer);
+module.exports = __toCommonJS(BodyList_exports);
+//# sourceMappingURL=BodyList.js.map

package/cjs/components/BodyList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/BodyList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { NoResults } from './NoResults';\n\nfunction BodyWrapperDefaultRenderer({\n  component: Component,\n  rows,\n  rowRenderer,\n  noResultsPlaceholder,\n  innerRef,\n  innerBodyRef,\n  ...otherBodyProps\n}) {\n  return (\n    <Component {...otherBodyProps} innerRef={innerRef}>\n      {rows.length ? (\n        rows.map((row, index) => rowRenderer(row, { index }, {}))\n      ) : (\n        <NoResults innerRef={innerRef} rowRenderer={rowRenderer}>\n          {noResultsPlaceholder}\n        </NoResults>\n      )}\n    </Component>\n  );\n}\n\nexport default React.memo(BodyWrapperDefaultRenderer);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAA0B;AAE1B,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,mDAAC,WAAD;AAAA,OAAe;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,SAAS,OAErD,mDAAC,4BAAD;AAAA,IAAW;AAAA,IAAoB;AAAA,KAC5B;AAAA;AAOX,IAAO,mBAAQ,qBAAM,KAAK;",
+  "names": []
+}