@elliemae/ds-datagrids 3.4.2 → 3.4.3

package/dist/esm/PaginatedDataGrid.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useDataGrid } from "@elliemae/ds-shared";
 import { Table } from "./components/Table";
 import { defaultRenderers, renderRowsLoader } from "./components/renderers";
@@ -28,18 +28,28 @@ function PaginatedDataGrid({
     renderers: defaultRenderers,
     plugins
   });
-  return /* @__PURE__ */ React2.createElement(DatagridWrapper, null, addOptionalHeaderComponents({ grid }), /* @__PURE__ */ React2.createElement(Table, {
-    ...grid
-  }, /* @__PURE__ */ React2.createElement(Table.Header, null), showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ React2.createElement(Table.Body, {
-    rows: grid.composedRows.rows || grid.composedRows
-  })), /* @__PURE__ */ React2.createElement(Pagination, {
-    maxPerPage,
-    minPerPage,
-    onPageSelect,
-    onPerPage,
-    paginated: rows,
-    pagination
-  }));
+  return /* @__PURE__ */ jsxs(DatagridWrapper, {
+    children: [
+      addOptionalHeaderComponents({ grid }),
+      /* @__PURE__ */ jsxs(Table, {
+        ...grid,
+        children: [
+          /* @__PURE__ */ jsx(Table.Header, {}),
+          showRowsLoader ? rowsLoaderRenderer() : /* @__PURE__ */ jsx(Table.Body, {
+            rows: grid.composedRows.rows || grid.composedRows
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(Pagination, {
+        maxPerPage,
+        minPerPage,
+        onPageSelect,
+        onPerPage,
+        paginated: rows,
+        pagination
+      })
+    ]
+  });
 }
 var PaginatedDataGrid_default = PaginatedDataGrid;
 export {

package/dist/esm/PaginatedDataGrid.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/PaginatedDataGrid.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useDataGrid } from '@elliemae/ds-shared';\nimport { Table } from './components/Table';\nimport { defaultRenderers, renderRowsLoader } from './components/renderers';\nimport { DatagridWrapper } from './components/renderers/defaultClassedRenderers';\nimport { addOptionalHeaderComponents } from './components/header/addOptionalHeaderComponents';\nimport { getPluginsFromProps } from './utilities/getPluginsFromProps';\nimport { Pagination } from './plugins/pagination/components/Pagination';\n\nfunction PaginatedDataGrid({\n  columns,\n  rows,\n  showRowsLoader,\n  noResultsPlaceholder,\n  rowsLoaderRenderer = renderRowsLoader,\n  maxPerPage,\n  minPerPage,\n  onPageSelect,\n  onPerPage,\n  pagination,\n  ...otherProps\n}) {\n  const plugins = getPluginsFromProps(otherProps, { infiniteScrolling: true });\n  const grid = useDataGrid({\n    ...otherProps,\n    columns,\n    rows,\n    renderers: defaultRenderers,\n    plugins,\n  });\n\n  return (\n    <DatagridWrapper>\n      {addOptionalHeaderComponents({ grid })}\n      <Table {...grid}>\n        <Table.Header />\n        {showRowsLoader ? rowsLoaderRenderer() : <Table.Body rows={grid.composedRows.rows || grid.composedRows} />}\n      </Table>\n      <Pagination\n        maxPerPage={maxPerPage}\n        minPerPage={minPerPage}\n        onPageSelect={onPageSelect}\n        onPerPage={onPerPage}\n        paginated={rows}\n        pagination={pagination}\n      />\n    </DatagridWrapper>\n  );\n}\n\nexport default PaginatedDataGrid;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,2BAA2B;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,OAAO,YAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,qCAAC,uBACE,4BAA4B,EAAE,KAAK,CAAC,GACrC,qCAAC;AAAA,IAAO,GAAG;AAAA,KACT,qCAAC,MAAM,QAAN,IAAa,GACb,iBAAiB,mBAAmB,IAAI,qCAAC,MAAM,MAAN;AAAA,IAAW,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,GAAc,CAC1G,GACA,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,GACF,CACF;AAEJ;AAEA,IAAO,4BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AACtB,SAAS,kBAAkB,wBAAwB;AACnD,SAAS,uBAAuB;AAChC,SAAS,mCAAmC;AAC5C,SAAS,2BAA2B;AACpC,SAAS,kBAAkB;AAE3B,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AACD,QAAM,UAAU,oBAAoB,YAAY,EAAE,mBAAmB,KAAK,CAAC;AAC3E,QAAM,OAAO,YAAY;AAAA,IACvB,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,qBAAC;AAAA,IACE;AAAA,kCAA4B,EAAE,KAAK,CAAC;AAAA,MACrC,qBAAC;AAAA,QAAO,GAAG;AAAA,QACT;AAAA,8BAAC,MAAM,QAAN,EAAa;AAAA,UACb,iBAAiB,mBAAmB,IAAI,oBAAC,MAAM,MAAN;AAAA,YAAW,MAAM,KAAK,aAAa,QAAQ,KAAK;AAAA,WAAc;AAAA;AAAA,OAC1G;AAAA,MACA,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/blockNames.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/blockNames.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const dataGridBlockName = 'data-grid';\nconst headerBlockName = `${dataGridBlockName}-header`;\nconst bodyBlockName = `${dataGridBlockName}-body`;\n\nexport { dataGridBlockName, headerBlockName, bodyBlockName };\n"],
-  "mappings": "AAAA;ACAA,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,oBAAoB;AAC1B,MAAM,kBAAkB,GAAG;AAC3B,MAAM,gBAAgB,GAAG;",
   "names": []
 }

package/dist/esm/columns/IconColumn.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { cx } from "@elliemae/ds-utilities";
 import { DSButton } from "@elliemae/ds-button";
@@ -39,14 +40,18 @@ const IconColumn = ({
   const formatter = (value, extraParams) => {
     const icon = getRowIcon(value, extraParams);
     const onClickHandler = (e) => onClick(e, extraParams);
-    return /* @__PURE__ */ React2.createElement(ValueWrapper, {
-      className: cx(`icc-${intent}`, isVisited(value, extraParams))
-    }, icon && addColorToIcon(icon, IntentIconColors[intent]), onClick && typeof value !== "undefined" ? /* @__PURE__ */ React2.createElement(DSButton, {
-      buttonType: "text",
-      intent,
-      labelText: value,
-      onClick: onClickHandler
-    }) : value);
+    return /* @__PURE__ */ jsxs(ValueWrapper, {
+      className: cx(`icc-${intent}`, isVisited(value, extraParams)),
+      children: [
+        icon && addColorToIcon(icon, IntentIconColors[intent]),
+        onClick && typeof value !== "undefined" ? /* @__PURE__ */ jsx(DSButton, {
+          buttonType: "text",
+          intent,
+          labelText: value,
+          onClick: onClickHandler
+        }) : value
+      ]
+    });
   };
   return {
     property,
@@ -56,9 +61,11 @@ const IconColumn = ({
     },
     header: {
       formatters: [
-        () => /* @__PURE__ */ React2.createElement("span", null, React2.cloneElement(headerIcon, {
-          color: IntentIconColors[intent]
-        }))
+        () => /* @__PURE__ */ jsx("span", {
+          children: React2.cloneElement(headerIcon, {
+            color: IntentIconColors[intent]
+          })
+        })
       ]
     },
     cell: {

package/dist/esm/columns/IconColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/IconColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEA,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,mBAAmB;AAAA,EACvB,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AAAA,EAClC,CAAC,QAAQ,OAAO,CAAC,iBAAiB,GAAG;AAAA,EACrC,CAAC,QAAQ,SAAS,CAAC,UAAU,GAAG;AAAA,EAChC,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AACpC;AAEA,MAAM,eAAe,kBAAkB,MAAM,EAAE,kBAAkB;AAEjE,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA,EACT;AACA,SAAO,OAAM,aAAa,MAAM,EAAE,OAAO,YAAY,CAAC;AACxD;AAEO,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,WAAW;AAC1C,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG,WAAW;AACpD,WACE,qCAAC;AAAA,MAAa,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO,WAAW,CAAC;AAAA,OACvE,QAAQ,eAAe,MAAM,iBAAiB,OAAO,GACrD,WAAW,OAAO,UAAU,cAC3B,qCAAC;AAAA,MAAS,YAAW;AAAA,MAAO;AAAA,MAAgB,WAAW;AAAA,MAAO,SAAS;AAAA,KAAgB,IAEvF,KAEJ;AAAA,EAEJ;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,qCAAC,cACE,OAAM,aAAa,YAAY;AAAA,UAC9B,OAAO,iBAAiB;AAAA,QAC1B,CAAC,CACH;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,CAAC,SAAS;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAOA,YAAW;AAClB,SAAS,UAAU;AACnB,SAAS,gBAAgB;AACzB,SAAS,yBAAyB;AAElC,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AACX;AAEA,MAAM,mBAAmB;AAAA,EACvB,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AAAA,EAClC,CAAC,QAAQ,OAAO,CAAC,iBAAiB,GAAG;AAAA,EACrC,CAAC,QAAQ,SAAS,CAAC,UAAU,GAAG;AAAA,EAChC,CAAC,QAAQ,UAAU,CAAC,WAAW,GAAG;AACpC;AAEA,MAAM,eAAe,kBAAkB,MAAM,EAAE,kBAAkB;AAEjE,MAAM,iBAAiB,CAAC,MAAM,gBAAgB;AAC5C,MAAI,KAAK,MAAM,OAAO;AACpB,WAAO;AAAA,EACT;AACA,SAAOA,OAAM,aAAa,MAAM,EAAE,OAAO,YAAY,CAAC;AACxD;AAEO,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;AACF,MAAM;AACJ,QAAM,YAAY,CAAC,OAAO,gBAAgB;AACxC,UAAM,OAAO,WAAW,OAAO,WAAW;AAC1C,UAAM,iBAAiB,CAAC,MAAM,QAAQ,GAAG,WAAW;AACpD,WACE,qBAAC;AAAA,MAAa,WAAW,GAAG,OAAO,UAAU,UAAU,OAAO,WAAW,CAAC;AAAA,MACvE;AAAA,gBAAQ,eAAe,MAAM,iBAAiB,OAAO;AAAA,QACrD,WAAW,OAAO,UAAU,cAC3B,oBAAC;AAAA,UAAS,YAAW;AAAA,UAAO;AAAA,UAAgB,WAAW;AAAA,UAAO,SAAS;AAAA,SAAgB,IAEvF;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,aAAa;AAAA,MACX,gBAAgB;AAAA,IAClB;AAAA,IACA,QAAQ;AAAA,MACN,YAAY;AAAA,QACV,MACE,oBAAC;AAAA,UACE,UAAAA,OAAM,aAAa,YAAY;AAAA,YAC9B,OAAO,iBAAiB;AAAA,UAC1B,CAAC;AAAA,SACH;AAAA,MAEJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,YAAY,CAAC,SAAS;AAAA,IACxB;AAAA,IACA,WAAW;AAAA,MACT,gBAAgB;AAAA,IAClB;AAAA,IACA;AAAA,IACA,SAAS,OAAO,YAAY,eAAe;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,IAAO,qBAAQ;",
+  "names": ["React"]
 }

package/dist/esm/columns/NumberColumn.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/columns/NumberColumn.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export default function createNumberColumn({ label, property }) {}\n"],
-  "mappings": "AAAA;ACAe,4BAA4B,EAAE,OAAO,YAAY;AAAC;",
+  "mappings": "AAAA,YAAY,WAAW;ACAR,SAAR,mBAAoC,EAAE,OAAO,SAAS,GAAG;AAAC;",
   "names": []
 }

package/dist/esm/components/BodyCell.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useEffect, useContext, useRef, useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useContext, useRef, useCallback } from "react";
 import PropTypes from "prop-types";
 import { FocusGridContext, evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
@@ -32,20 +33,26 @@ const BodyCell = ({ component: Component, classProps, rowProps, column, columnIn
     registerFocus,
     ...extraRowProps
   };
-  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
     value: v
   });
   const value = rowData[`_${evaluatedProperty}`] || rowData[evaluatedProperty];
   const transformed = evaluateTransforms(transforms, value, extraParameters);
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ jsx(Component, {
     ref,
     "data-testid": `column-${property}`,
     tabIndex: -1,
     classProps,
     ...props,
     ...cell && cell.props,
-    ...transformed
-  }, transformed.children || evaluateFormatters(!isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters], value, extraParameters, grid));
+    ...transformed,
+    children: transformed.children || evaluateFormatters(
+      !isScrolling ? [withTooltip, ...formatters, ...fixedFormatters] : [...scrollingFormatters, ...fixedFormatters],
+      value,
+      extraParameters,
+      grid
+    )
+  });
 };
 BodyCell.propTypes = {
   component: PropTypes.element,

package/dist/esm/components/BodyCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useContext, useRef, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport { FocusGridContext, evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\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"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,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,OAAO,IAAI;AACvB,QAAM,EAAE,aAAa,WAAW,gBAAgB;AAEhD,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,kBAAc,IAAI,OAAO;AAAA,EAC3B,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM;AAAA,IACJ,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,kBAAkB,CAAC;AAAA,IACnB,sBAAsB,CAAC;AAAA,MACrB,QAAQ,CAAC;AAEb,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO,eAAe;AACzE,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACC,GAAG;AAAA,IACH,GAAI,QAAQ,KAAK;AAAA,IACjB,GAAG;AAAA,KAEH,YAAY,YACX,mBACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,eAAe,IAC/C,CAAC,GAAG,qBAAqB,GAAG,eAAe,GAC/C,OACA,iBACA,IACF,CACJ;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA,EACtB,CAAC;AAAA,EACD,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3B,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,EACzB,CAAC;AAAA,EACD,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAC3B,CAAC;AAAA,EACD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAClB;AAGA,IAAO,mBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,WAAW,YAAY,QAAQ,mBAAmB;AAClE,OAAO,eAAe;AACtB,SAAS,kBAAkB,oBAAoB,0BAA0B;AACzE,SAAS,8BAA8B;AAEvC,MAAM,WAAW,CAAC,EAAE,WAAW,WAAW,YAAY,UAAU,QAAQ,aAAa,UAAU,KAAK,MAAM;AACxG,QAAM,EAAE,SAAS,QAAQ,gBAAgB,cAAc,IAAI;AAC3D,QAAM,EAAE,UAAU,MAAM,MAAM,IAAI;AAClC,QAAM,oBAAoB,YAAa,QAAQ,KAAK;AAEpD,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,EAAE,SAAS,IAAI,WAAW,gBAAgB;AAEhD,QAAM,gBAAgB,YAAY,CAAC,SAAS;AAC1C,aAAS,MAAM,UAAU,WAAW;AAAA,EACtC,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,kBAAc,IAAI,OAAO;AAAA,EAC3B,GAAG,CAAC,IAAI,OAAO,CAAC;AAEhB,QAAM;AAAA,IACJ,aAAa,CAAC;AAAA,IACd,aAAa,CAAC;AAAA,IACd,kBAAkB,CAAC;AAAA,IACnB,sBAAsB,CAAC;AAAA,EACzB,IAAI,QAAQ,CAAC;AAEb,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL;AACA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,oBAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,QAAQ,IAAI,wBAAwB,QAAQ;AAC1D,QAAM,cAAc,mBAAmB,YAAY,OAAO,eAAe;AACzE,SACE,oBAAC;AAAA,IACC;AAAA,IACA,eAAa,UAAU;AAAA,IACvB,UAAU;AAAA,IACV;AAAA,IACC,GAAG;AAAA,IACH,GAAI,QAAQ,KAAK;AAAA,IACjB,GAAG;AAAA,IAEH,sBAAY,YACX;AAAA,MACE,CAAC,cACG,CAAC,aAAa,GAAG,YAAY,GAAG,eAAe,IAC/C,CAAC,GAAG,qBAAqB,GAAG,eAAe;AAAA,MAC/C;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,GACJ;AAEJ;AAEA,SAAS,YAAY;AAAA,EACnB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU,MAAM;AAAA,IAC1B,UAAU,UAAU;AAAA,EACtB,CAAC;AAAA,EACD,UAAU,UAAU,MAAM;AAAA,IACxB,SAAS,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3B,QAAQ,UAAU;AAAA,IAClB,aAAa,UAAU;AAAA,EACzB,CAAC;AAAA,EACD,QAAQ,UAAU,MAAM;AAAA,IACtB,UAAU,UAAU;AAAA,IACpB,MAAM,UAAU;AAAA,IAChB,OAAO,UAAU,MAAM,CAAC,CAAC;AAAA,EAC3B,CAAC;AAAA,EACD,aAAa,UAAU;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,MAAM,UAAU;AAClB;AAGA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/BodyList.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2 from "react";
 import { NoResults } from "./NoResults";
 function BodyWrapperDefaultRenderer({
@@ -10,13 +11,15 @@ function BodyWrapperDefaultRenderer({
   innerBodyRef,
   ...otherBodyProps
 }) {
-  return /* @__PURE__ */ React2.createElement(Component, {
+  return /* @__PURE__ */ jsx(Component, {
     ...otherBodyProps,
-    innerRef
-  }, rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ React2.createElement(NoResults, {
     innerRef,
-    rowRenderer
-  }, noResultsPlaceholder));
+    children: rows.length ? rows.map((row, index) => rowRenderer(row, { index }, {})) : /* @__PURE__ */ jsx(NoResults, {
+      innerRef,
+      rowRenderer,
+      children: noResultsPlaceholder
+    })
+  });
 }
 var BodyList_default = React2.memo(BodyWrapperDefaultRenderer);
 export {

package/dist/esm/components/BodyList.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/BodyList.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,oCAAoC;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,SACE,qCAAC;AAAA,IAAW,GAAG;AAAA,IAAgB;AAAA,KAC5B,KAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,qCAAC;AAAA,IAAU;AAAA,IAAoB;AAAA,KAC5B,oBACH,CAEJ;AAEJ;AAEA,IAAO,mBAAQ,OAAM,KAAK,0BAA0B;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,iBAAiB;AAE1B,SAAS,2BAA2B;AAAA,EAClC,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AACD,SACE,oBAAC;AAAA,IAAW,GAAG;AAAA,IAAgB;AAAA,IAC5B,eAAK,SACJ,KAAK,IAAI,CAAC,KAAK,UAAU,YAAY,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC,CAAC,IAExD,oBAAC;AAAA,MAAU;AAAA,MAAoB;AAAA,MAC5B;AAAA,KACH;AAAA,GAEJ;AAEJ;AAEA,IAAO,mBAAQA,OAAM,KAAK,0BAA0B;",
+  "names": ["React"]
 }

package/dist/esm/components/ColumnVisibilityMenuOption.js

@@ -5,21 +5,24 @@ const getColumnVisibilityMenuOption = ({
   searchable,
   height
 }) => {
-  const { items, active } = columns.reduce((result, column, index) => ({
-    items: [
-      ...result.items,
-      {
-        id: column.property,
-        label: column.label,
-        checked: column.visible,
-        onClick: () => onColumnVisibilityChange(column, index)
-      }
-    ],
-    active: !column.visible ? result.active : [...result.active, column.property]
-  }), {
-    items: [],
-    active: []
-  });
+  const { items, active } = columns.reduce(
+    (result, column, index) => ({
+      items: [
+        ...result.items,
+        {
+          id: column.property,
+          label: column.label,
+          checked: column.visible,
+          onClick: () => onColumnVisibilityChange(column, index)
+        }
+      ],
+      active: !column.visible ? result.active : [...result.active, column.property]
+    }),
+    {
+      items: [],
+      active: []
+    }
+  );
   return {
     type: "SelectionGroup",
     id: "column-visibility-option",

package/dist/esm/components/ColumnVisibilityMenuOption.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnVisibilityMenuOption.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const getColumnVisibilityMenuOption = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable,\n  height,\n}) => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active: !column.visible\n        ? result.active\n        : [...result.active, column.property],\n    }),\n    {\n      items: [],\n      active: [],\n    },\n  );\n\n  return {\n    type: 'SelectionGroup',\n    id: 'column-visibility-option',\n    multi: true,\n    searchable,\n    closeOnClick: false,\n    active,\n    items,\n    height,\n  };\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,MACvD;AAAA,IACF;AAAA,IACA,QAAQ,CAAC,OAAO,UACZ,OAAO,SACP,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ;AAAA,EACxC,IACA;AAAA,IACE,OAAO,CAAC;AAAA,IACR,QAAQ,CAAC;AAAA,EACX,CACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gCAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QAAQ,CAAC,OAAO,UACZ,OAAO,SACP,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ;AAAA,IACxC;AAAA,IACA;AAAA,MACE,OAAO,CAAC;AAAA,MACR,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AAEA,SAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,OAAO;AAAA,IACP;AAAA,IACA,cAAc;AAAA,IACd;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/esm/components/ColumnsOptionsMenuSection.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { Menu } from "@elliemae/ds-menu";
 const ColumnsOptionsMenuSection = ({
   columns,
@@ -7,19 +7,22 @@ const ColumnsOptionsMenuSection = ({
   searchable = false,
   height
 }) => () => {
-  const { items, active } = columns.reduce((result, column, index) => ({
-    items: [
-      ...result.items,
-      {
-        id: column.property,
-        label: column.label,
-        checked: column.visible,
-        onClick: () => onColumnVisibilityChange(column, index)
-      }
-    ],
-    active: typeof column.visible === "undefined" || column.visible ? [...result.active, column.property] : result.active
-  }), { items: [], active: [] });
-  return /* @__PURE__ */ React2.createElement(Menu.SelectionGroup, {
+  const { items, active } = columns.reduce(
+    (result, column, index) => ({
+      items: [
+        ...result.items,
+        {
+          id: column.property,
+          label: column.label,
+          checked: column.visible,
+          onClick: () => onColumnVisibilityChange(column, index)
+        }
+      ],
+      active: typeof column.visible === "undefined" || column.visible ? [...result.active, column.property] : result.active
+    }),
+    { items: [], active: [] }
+  );
+  return /* @__PURE__ */ jsx(Menu.SelectionGroup, {
     active,
     height,
     items,

package/dist/esm/components/ColumnsOptionsMenuSection.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ColumnsOptionsMenuSection.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Menu } from '@elliemae/ds-menu';\n\nconst ColumnsOptionsMenuSection = ({\n  columns,\n  onColumnVisibilityChange,\n  searchable = false,\n  height,\n  // eslint-disable-next-line react/display-name\n}) => () => {\n  const { items, active } = columns.reduce(\n    (result, column, index) => ({\n      items: [\n        ...result.items,\n        {\n          id: column.property,\n          label: column.label,\n          checked: column.visible,\n          onClick: () => onColumnVisibilityChange(column, index),\n        },\n      ],\n      active:\n        typeof column.visible === 'undefined' || column.visible\n          ? [...result.active, column.property]\n          : result.active,\n    }),\n    { items: [], active: [] },\n  );\n  return (\n    <Menu.SelectionGroup\n      active={active}\n      height={height}\n      items={items}\n      multi\n      searchable={searchable}\n    />\n  );\n};\n\nexport { ColumnsOptionsMenuSection };\nexport default ColumnsOptionsMenuSection;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,MAEI,MAAM;AACV,QAAM,EAAE,OAAO,WAAW,QAAQ,OAChC,CAAC,QAAQ,QAAQ,UAAW;AAAA,IAC1B,OAAO;AAAA,MACL,GAAG,OAAO;AAAA,MACV;AAAA,QACE,IAAI,OAAO;AAAA,QACX,OAAO,OAAO;AAAA,QACd,SAAS,OAAO;AAAA,QAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,MACvD;AAAA,IACF;AAAA,IACA,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ,IAClC,OAAO;AAAA,EACf,IACA,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAC1B;AACA,SACE,qCAAC,KAAK,gBAAL;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAK;AAAA,IACL;AAAA,GACF;AAEJ;AAGA,IAAO,oCAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,YAAY;AAErB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAEF,MAAM,MAAM;AACV,QAAM,EAAE,OAAO,OAAO,IAAI,QAAQ;AAAA,IAChC,CAAC,QAAQ,QAAQ,WAAW;AAAA,MAC1B,OAAO;AAAA,QACL,GAAG,OAAO;AAAA,QACV;AAAA,UACE,IAAI,OAAO;AAAA,UACX,OAAO,OAAO;AAAA,UACd,SAAS,OAAO;AAAA,UAChB,SAAS,MAAM,yBAAyB,QAAQ,KAAK;AAAA,QACvD;AAAA,MACF;AAAA,MACA,QACE,OAAO,OAAO,YAAY,eAAe,OAAO,UAC5C,CAAC,GAAG,OAAO,QAAQ,OAAO,QAAQ,IAClC,OAAO;AAAA,IACf;AAAA,IACA,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE;AAAA,EAC1B;AACA,SACE,oBAAC,KAAK,gBAAL;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAK;AAAA,IACL;AAAA,GACF;AAEJ;AAGA,IAAO,oCAAQ;",
   "names": []
 }

package/dist/esm/components/EmptyState.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { Grid } from "@elliemae/ds-grid";
 import { WarningTriangle } from "@elliemae/ds-icons";
 import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
@@ -40,13 +40,24 @@ const EmptyState = ({
   buttonLabel,
   onButtonClick = () => {
   }
-}) => /* @__PURE__ */ React2.createElement(EmptyStateWrapper, null, /* @__PURE__ */ React2.createElement(Icon, {
-  size: "xxl"
-}), primaryMessage && /* @__PURE__ */ React2.createElement(PrimaryMessage, null, primaryMessage), secondaryMessage && /* @__PURE__ */ React2.createElement(SecondaryMessage, null, secondaryMessage), buttonLabel && /* @__PURE__ */ React2.createElement(Button, {
-  buttonType: "secondary",
-  labelText: buttonLabel,
-  onClick: onButtonClick
-}));
+}) => /* @__PURE__ */ jsxs(EmptyStateWrapper, {
+  children: [
+    /* @__PURE__ */ jsx(Icon, {
+      size: "xxl"
+    }),
+    primaryMessage && /* @__PURE__ */ jsx(PrimaryMessage, {
+      children: primaryMessage
+    }),
+    secondaryMessage && /* @__PURE__ */ jsx(SecondaryMessage, {
+      children: secondaryMessage
+    }),
+    buttonLabel && /* @__PURE__ */ jsx(Button, {
+      buttonType: "secondary",
+      labelText: buttonLabel,
+      onClick: onButtonClick
+    })
+  ]
+});
 export {
   EmptyState
 };

package/dist/esm/components/EmptyState.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/EmptyState.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport { styled } from '@elliemae/ds-system';\n\nconst EmptyStateWrapper = styled(Grid)`\n  min-width: 132px; /* fixed size in px according to specs */\n  max-width: 384px; /* fixed size in px according to specs */\n  height: fit-content;\n`;\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: bold;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\n\nexport const EmptyState = ({\n  primaryMessage = 'No Results Found',\n  secondaryMessage,\n  buttonLabel,\n  onButtonClick = () => {},\n}) => (\n  <EmptyStateWrapper>\n    <Icon size=\"xxl\" />\n    {primaryMessage && <PrimaryMessage>{primaryMessage}</PrimaryMessage>}\n    {secondaryMessage && <SecondaryMessage>{secondaryMessage}</SecondaryMessage>}\n    {buttonLabel && <Button buttonType=\"secondary\" labelText={buttonLabel} onClick={onButtonClick} />}\n  </EmptyStateWrapper>\n);\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AAAA,MAEvB,qCAAC,yBACC,qCAAC;AAAA,EAAK,MAAK;AAAA,CAAM,GAChB,kBAAkB,qCAAC,sBAAgB,cAAe,GAClD,oBAAoB,qCAAC,wBAAkB,gBAAiB,GACxD,eAAe,qCAAC;AAAA,EAAO,YAAW;AAAA,EAAY,WAAW;AAAA,EAAa,SAAS;AAAA,CAAe,CACjG;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAKrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAKhE,MAAM,aAAa,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AACzB,MACE,qBAAC;AAAA,EACC;AAAA,wBAAC;AAAA,MAAK,MAAK;AAAA,KAAM;AAAA,IAChB,kBAAkB,oBAAC;AAAA,MAAgB;AAAA,KAAe;AAAA,IAClD,oBAAoB,oBAAC;AAAA,MAAkB;AAAA,KAAiB;AAAA,IACxD,eAAe,oBAAC;AAAA,MAAO,YAAW;AAAA,MAAY,WAAW;AAAA,MAAa,SAAS;AAAA,KAAe;AAAA;AAAA,CACjG;",
   "names": []
 }

package/dist/esm/components/HeaderCell.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { evaluateFormatters, evaluateTransforms } from "@elliemae/ds-shared";
 import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
@@ -15,22 +15,22 @@ const HeaderCell = ({ column, columnIndex, component: Component, classProps, gri
     column,
     grid
   };
-  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
+  const withTooltip = (v) => classProps && classProps.wrapText ? v : /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
     value: v
   });
   const value = withTooltip(label);
   const transformedProps = evaluateTransforms(transforms, value, extraParameters);
   const formattedValue = evaluateFormatters(formatters, value, extraParameters);
   const testId = column.headerDataId || "data-grid-header__cell";
-  return /* @__PURE__ */ React2.createElement(Component, {
-    key: `${evaluatedProperty}-header`,
+  return /* @__PURE__ */ jsx(Component, {
     "data-testid": testId,
     index: columnIndex,
     classProps,
     ...props,
     ...header && header.props,
-    ...transformedProps
-  }, transformedProps.children || formattedValue);
+    ...transformedProps,
+    children: transformedProps.children || formattedValue
+  }, `${evaluatedProperty}-header`);
 };
 HeaderCell.propTypes = {
   column: PropTypes.any,

package/dist/esm/components/HeaderCell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/HeaderCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { evaluateFormatters, evaluateTransforms } from '@elliemae/ds-shared';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nexport const HeaderCell = ({ column, columnIndex, component: Component, classProps, grid }) => {\n  const { property, header = {}, props = {} } = column;\n\n  const evaluatedProperty = property || (header && header.property);\n\n  const { label, transforms = [], formatters = [] } = header;\n\n  // subscribe hook effects into header cell\n  if (column.headerHookEffects) column.headerHookEffects.forEach((hook) => hook());\n\n  const extraParameters = {\n    columnIndex,\n    property: evaluatedProperty,\n    column,\n    grid,\n  };\n\n  const withTooltip = (v) => (classProps && classProps.wrapText ? v : <DSTruncatedTooltipText value={v} />);\n  const value = withTooltip(label);\n  const transformedProps = evaluateTransforms(transforms, value, extraParameters);\n  const formattedValue = evaluateFormatters(formatters, value, extraParameters);\n\n  const testId = column.headerDataId || 'data-grid-header__cell';\n\n  return (\n    <Component\n      key={`${evaluatedProperty}-header`}\n      data-testid={testId}\n      index={columnIndex}\n      classProps={classProps}\n      {...props}\n      {...(header && header.props)}\n      {...transformedProps}\n    >\n      {transformedProps.children || formattedValue}\n    </Component>\n  );\n};\n\nHeaderCell.propTypes = {\n  column: PropTypes.any,\n  columnIndex: PropTypes.number,\n  component: PropTypes.any,\n  classProps: PropTypes.any,\n  grid: PropTypes.any,\n};\n\nexport default HeaderCell;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,WAAW;AAC7F,QAAM,EAAE,UAAU,SAAS,CAAC,GAAG,QAAQ,CAAC,MAAM;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,CAAC,GAAG,aAAa,CAAC,MAAM;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS,KAAK,CAAC;AAE/E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,YAAY,KAAK;AAC/B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO,eAAe;AAC9E,QAAM,iBAAiB,mBAAmB,YAAY,OAAO,eAAe;AAE5E,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,qCAAC;AAAA,IACC,KAAK,GAAG;AAAA,IACR,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,IACC,GAAG;AAAA,IACH,GAAI,UAAU,OAAO;AAAA,IACrB,GAAG;AAAA,KAEH,iBAAiB,YAAY,cAChC;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAClB;AAEA,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,oBAAoB,0BAA0B;AACvD,SAAS,8BAA8B;AAEhC,MAAM,aAAa,CAAC,EAAE,QAAQ,aAAa,WAAW,WAAW,YAAY,KAAK,MAAM;AAC7F,QAAM,EAAE,UAAU,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI;AAE9C,QAAM,oBAAoB,YAAa,UAAU,OAAO;AAExD,QAAM,EAAE,OAAO,aAAa,CAAC,GAAG,aAAa,CAAC,EAAE,IAAI;AAGpD,MAAI,OAAO;AAAmB,WAAO,kBAAkB,QAAQ,CAAC,SAAS,KAAK,CAAC;AAE/E,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AAEA,QAAM,cAAc,CAAC,MAAO,cAAc,WAAW,WAAW,IAAI,oBAAC;AAAA,IAAuB,OAAO;AAAA,GAAG;AACtG,QAAM,QAAQ,YAAY,KAAK;AAC/B,QAAM,mBAAmB,mBAAmB,YAAY,OAAO,eAAe;AAC9E,QAAM,iBAAiB,mBAAmB,YAAY,OAAO,eAAe;AAE5E,QAAM,SAAS,OAAO,gBAAgB;AAEtC,SACE,oBAAC;AAAA,IAEC,eAAa;AAAA,IACb,OAAO;AAAA,IACP;AAAA,IACC,GAAG;AAAA,IACH,GAAI,UAAU,OAAO;AAAA,IACrB,GAAG;AAAA,IAEH,2BAAiB,YAAY;AAAA,KARzB,GAAG,0BASV;AAEJ;AAEA,WAAW,YAAY;AAAA,EACrB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,WAAW,UAAU;AAAA,EACrB,YAAY,UAAU;AAAA,EACtB,MAAM,UAAU;AAClB;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/components/List.js

@@ -1,10 +1,10 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 function List(props, instance) {
   const { renderers, getListProps } = instance.getInstance();
   const ListComponent = renderers.list;
   const mixedProps = getListProps(props);
-  return /* @__PURE__ */ React2.createElement(ListComponent, {
+  return /* @__PURE__ */ jsx(ListComponent, {
     ...mixedProps
   });
 }

package/dist/esm/components/List.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/List.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction List(props, instance) {\n  // todo: add should list update to memoize this\n  const { renderers, getListProps } = instance.getInstance();\n  const ListComponent = renderers.list;\n\n  // props from component props and plugins\n  const mixedProps = getListProps(props);\n  return <ListComponent {...mixedProps} />;\n}\n\nexport default List;\n"],
-  "mappings": "AAAA;ACAA;AAEA,cAAc,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,iBAAiB,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,qCAAC;AAAA,IAAe,GAAG;AAAA,GAAY;AACxC;AAEA,IAAO,eAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,KAAK,OAAO,UAAU;AAE7B,QAAM,EAAE,WAAW,aAAa,IAAI,SAAS,YAAY;AACzD,QAAM,gBAAgB,UAAU;AAGhC,QAAM,aAAa,aAAa,KAAK;AACrC,SAAO,oBAAC;AAAA,IAAe,GAAG;AAAA,GAAY;AACxC;AAEA,IAAO,eAAQ;",
   "names": []
 }

package/dist/esm/components/ListItem.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 function ListItem(props, instance) {
   const { record } = props;
   const {
@@ -8,12 +8,16 @@ function ListItem(props, instance) {
     decorators: { itemRenderer }
   } = instance.getInstance();
   const mixedProps = getItemProps(props);
-  const children = itemRenderer.reduce((result, formatter) => formatter(result, record, instance), record.data.name);
+  const children = itemRenderer.reduce(
+    (result, formatter) => formatter(result, record, instance),
+    record.data.name
+  );
   const ItemComponent = renderers.list;
-  return /* @__PURE__ */ React2.createElement(ItemComponent, {
+  return /* @__PURE__ */ jsx(ItemComponent, {
     record,
-    ...mixedProps
-  }, children);
+    ...mixedProps,
+    children
+  });
 }
 var ListItem_default = ListItem;
 export {

package/dist/esm/components/ListItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/ListItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nfunction ListItem(props, instance) {\n  const { record } = props;\n  const {\n    renderers,\n    getItemProps,\n    decorators: { itemRenderer },\n  } = instance.getInstance();\n\n  // props from component props and plugins\n  const mixedProps = getItemProps(props);\n\n  const children = itemRenderer.reduce(\n    (result, formatter) => formatter(result, record, instance),\n    record.data.name,\n  );\n\n  const ItemComponent = renderers.list;\n  return (\n    <ItemComponent record={record} {...mixedProps}>\n      {children}\n    </ItemComponent>\n  );\n}\n\nexport default ListItem;\n"],
-  "mappings": "AAAA;ACAA;AAEA,kBAAkB,OAAO,UAAU;AACjC,QAAM,EAAE,WAAW;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE;AAAA,MACZ,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa,OAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ,GACzD,OAAO,KAAK,IACd;AAEA,QAAM,gBAAgB,UAAU;AAChC,SACE,qCAAC;AAAA,IAAc;AAAA,IAAiB,GAAG;AAAA,KAChC,QACH;AAEJ;AAEA,IAAO,mBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,SAAS,OAAO,UAAU;AACjC,QAAM,EAAE,OAAO,IAAI;AACnB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY,EAAE,aAAa;AAAA,EAC7B,IAAI,SAAS,YAAY;AAGzB,QAAM,aAAa,aAAa,KAAK;AAErC,QAAM,WAAW,aAAa;AAAA,IAC5B,CAAC,QAAQ,cAAc,UAAU,QAAQ,QAAQ,QAAQ;AAAA,IACzD,OAAO,KAAK;AAAA,EACd;AAEA,QAAM,gBAAgB,UAAU;AAChC,SACE,oBAAC;AAAA,IAAc;AAAA,IAAiB,GAAG;AAAA,IAChC;AAAA,GACH;AAEJ;AAEA,IAAO,mBAAQ;",
   "names": []
 }

package/dist/esm/components/NoResults.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { styled, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 const NoResultsContainer = styled.div`
   display: flex;
@@ -12,10 +12,20 @@ const NoResultsContainer = styled.div`
   overflow: auto;
 `;
 const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(NoResultsContainer, {
-    ...rest,
-    innerRef
-  }, children), rowRenderer({}, { style: { visibility: "hidden", marginBottom: 0 } }, {}));
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      /* @__PURE__ */ jsx(NoResultsContainer, {
+        ...rest,
+        innerRef,
+        children
+      }),
+      rowRenderer(
+        {},
+        { style: { visibility: "hidden", marginBottom: 0 } },
+        {}
+      )
+    ]
+  });
 };
 var NoResults_default = NoResults;
 export {

package/dist/esm/components/NoResults.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/NoResults.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst NoResultsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: ${props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  padding-bottom: 0;\n  height: calc(100% - 36px);\n  overflow: auto;\n`;\n\nexport const NoResults = ({ innerRef, rowRenderer, children, ...rest }) => {\n  return (\n    <>\n      <NoResultsContainer {...rest} innerRef={innerRef}>\n        {children}\n      </NoResultsContainer>\n      {/* Hack to expand to the width of the row so we can scroll\n      if the columns are bigger than the grid */}\n      {rowRenderer(\n        {},\n        { style: { visibility: 'hidden', marginBottom: 0 } },\n        {},\n      )}\n    </>\n  );\n}\n\nexport default NoResults;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,WAAW;AACzE,SACE,4DACE,qCAAC;AAAA,IAAoB,GAAG;AAAA,IAAM;AAAA,KAC3B,QACH,GAGC,YACC,CAAC,GACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE,GACnD,CAAC,CACH,CACF;AAEJ;AAEA,IAAO,oBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,QAAQ,gCAAgC;AAEjD,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,aAKrB,WAAS,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAM3D,MAAM,YAAY,CAAC,EAAE,UAAU,aAAa,aAAa,KAAK,MAAM;AACzE,SACE;AAAA,IACE;AAAA,0BAAC;AAAA,QAAoB,GAAG;AAAA,QAAM;AAAA,QAC3B;AAAA,OACH;AAAA,MAGC;AAAA,QACC,CAAC;AAAA,QACD,EAAE,OAAO,EAAE,YAAY,UAAU,cAAc,EAAE,EAAE;AAAA,QACnD,CAAC;AAAA,MACH;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,oBAAQ;",
   "names": []
 }

package/dist/esm/components/RowsLoader.js

@@ -1,10 +1,12 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { DSSpinner } from "@elliemae/ds-spinner";
 import { SpinnerContainer } from "./renderers/defaultClassedRenderers";
-const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ React2.createElement(SpinnerContainer, null, /* @__PURE__ */ React2.createElement(DSSpinner, {
-  size
-}));
+const RowsLoader = ({ size = "m" }) => /* @__PURE__ */ jsx(SpinnerContainer, {
+  children: /* @__PURE__ */ jsx(DSSpinner, {
+    size
+  })
+});
 var RowsLoader_default = RowsLoader;
 export {
   RowsLoader,

package/dist/esm/components/RowsLoader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/RowsLoader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSSpinner } from '@elliemae/ds-spinner';\nimport { SpinnerContainer } from './renderers/defaultClassedRenderers';\n\nexport const RowsLoader = ({ size = 'm' }) => (\n  <SpinnerContainer>\n    <DSSpinner size={size} />\n  </SpinnerContainer>\n);\n\nexport default RowsLoader;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,aAAa,CAAC,EAAE,OAAO,UAClC,qCAAC,wBACC,qCAAC;AAAA,EAAU;AAAA,CAAY,CACzB;AAGF,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,iBAAiB;AAC1B,SAAS,wBAAwB;AAE1B,MAAM,aAAa,CAAC,EAAE,OAAO,IAAI,MACtC,oBAAC;AAAA,EACC,8BAAC;AAAA,IAAU;AAAA,GAAY;AAAA,CACzB;AAGF,IAAO,qBAAQ;",
   "names": []
 }