@elliemae/ds-data-table 3.5.0-rc.9 → 3.5.1-rc.2

package/dist/esm/exported-related/RowRenderer/index.js

@@ -1,5 +1,7 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createElement } from "react";
+import { useContext } from "react";
 import { DataTableContext } from "../../DataTableContext";
 import { StyledFullsizeGrid } from "../../styled";
 import { DefaultRowContentRenderer } from "./DefaultRowContentRenderer";
@@ -8,20 +10,21 @@ import { useRowRendererProperties } from "./useRowRendererProperties";
 import { DropIndicator } from "../../parts/DropIndicator";
 import { SortableItemContext } from "../../parts/HoC/SortableItemContext";
 import { DATA_TESTID } from "../../configs/constants";
-const magicDottedBorder = /* @__PURE__ */ React2.createElement("svg", {
+const magicDottedBorder = /* @__PURE__ */ jsx("svg", {
   width: "100%",
-  height: "1px"
-}, /* @__PURE__ */ React2.createElement("line", {
-  x1: "0",
-  y1: "0",
-  x2: "100%",
-  y2: "0",
-  stroke: "#B0B9C8FF",
-  strokeWidth: "1.5",
-  strokeDasharray: "0, 5",
-  strokeDashoffset: "0",
-  strokeLinecap: "round"
-}));
+  height: "1px",
+  children: /* @__PURE__ */ jsx("line", {
+    x1: "0",
+    y1: "0",
+    x2: "100%",
+    y2: "0",
+    stroke: "#B0B9C8FF",
+    strokeWidth: "1.5",
+    strokeDasharray: "0, 5",
+    strokeDashoffset: "0",
+    strokeLinecap: "round"
+  })
+});
 const RowRenderer = (props) => {
   const {
     row,
@@ -63,9 +66,8 @@ const RowRenderer = (props) => {
     draggableProps,
     dropIndicatorPosition
   };
-  return /* @__PURE__ */ React2.createElement(StyledFullsizeGrid, {
+  return /* @__PURE__ */ jsxs(StyledFullsizeGrid, {
     "data-testid": DATA_TESTID.DATA_TABLE_ROW,
-    key: row.uid,
     colsLayoutStyle,
     ...userDataProperties,
     totalColumnsWidth,
@@ -78,17 +80,22 @@ const RowRenderer = (props) => {
     "data-is-row-expanded": row.isExpanded,
     rows: rowsLayout,
     minHeight,
-    height
-  }, CustomRowContentRenderer ? /* @__PURE__ */ React2.createElement(CustomRowContentRenderer, {
-    ...rowContentProps
-  }) : /* @__PURE__ */ React2.createElement(DefaultRowContentRenderer, {
-    ...rowContentProps,
-    key: row.uid
-  }), shouldAppendDottedBorder && magicDottedBorder, /* @__PURE__ */ React2.createElement(DropIndicator, {
-    vertical: false,
-    dropIndicatorPosition,
-    isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
-  }));
+    height,
+    children: [
+      CustomRowContentRenderer ? /* @__PURE__ */ jsx(CustomRowContentRenderer, {
+        ...rowContentProps
+      }) : /* @__PURE__ */ createElement(DefaultRowContentRenderer, {
+        ...rowContentProps,
+        key: row.uid
+      }),
+      shouldAppendDottedBorder && magicDottedBorder,
+      /* @__PURE__ */ jsx(DropIndicator, {
+        vertical: false,
+        dropIndicatorPosition,
+        isLast: row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging
+      })
+    ]
+  }, row.uid);
 };
 var RowRenderer_default = RowRenderer;
 export {

package/dist/esm/exported-related/RowRenderer/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext } from 'react';\nimport { DataTableContext } from '../../DataTableContext';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledFullsizeGrid } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { DefaultRowContentRenderer } from './DefaultRowContentRenderer';\nimport { useRowRendererHandlers } from './useRowRendererHandlers';\nimport { useRowRendererProperties } from './useRowRendererProperties';\nimport { DropIndicator } from '../../parts/DropIndicator';\nimport { SortableItemContext } from '../../parts/HoC/SortableItemContext';\nimport { DATA_TESTID } from '../../configs/constants';\n\ninterface RowRendererProps {\n  row: TypescriptRow;\n  compact?: boolean;\n  itemIndex: number;\n  isDragOverlay: boolean;\n  minHeight: string;\n  height: string;\n  rowsLayout?: (string | number)[];\n  colsLayout?: (string | number)[];\n  CustomRowContentRenderer?: React.ComponentType<RowVariantProps>;\n  focusedRowId: string | null;\n  drilldownRowId: string | null;\n  backgroundColor?: string;\n}\n\n// CSS don't let us modify the spacing between the dots, so one solution is to use SVG\nconst magicDottedBorder = (\n  <svg width=\"100%\" height=\"1px\">\n    <line\n      x1=\"0\"\n      y1=\"0\"\n      x2=\"100%\"\n      y2=\"0\"\n      stroke=\"#B0B9C8FF\"\n      strokeWidth=\"1.5\"\n      strokeDasharray=\"0, 5\"\n      strokeDashoffset=\"0\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nconst RowRenderer: React.ComponentType<RowRendererProps> = (props) => {\n  const {\n    row,\n    itemIndex,\n    minHeight = '36px',\n    height = 'auto',\n    rowsLayout = [1],\n    CustomRowContentRenderer,\n    focusedRowId,\n    drilldownRowId,\n    isDragOverlay,\n  } = props;\n\n  const ctx = useContext(DataTableContext);\n  const { draggableProps } = useContext(SortableItemContext);\n  const { flattenedData } = ctx;\n\n  // ===========================================================================\n  // Properties for the row\n  // ===========================================================================\n\n  const {\n    userDataProperties,\n    colsLayoutStyle,\n    totalColumnsWidth,\n    rowStyle,\n    shouldAppendDottedBorder,\n    dropIndicatorPosition,\n  } = useRowRendererProperties({\n    row,\n  });\n\n  // ===========================================================================\n  // Handlers\n  // ===========================================================================\n\n  const { handleItemClick, handleKeyDown, handleOnBlur, handleOnFocus } = useRowRendererHandlers({\n    row,\n    itemIndex,\n    items: flattenedData,\n    draggableProps,\n    isDragOverlay,\n    drilldownRowId,\n  });\n\n  const rowContentProps: RowVariantProps = {\n    ...props,\n    ctx,\n    focusedRowId,\n    drilldownRowId,\n    draggableProps,\n    dropIndicatorPosition,\n  };\n\n  return (\n    <StyledFullsizeGrid\n      data-testid={DATA_TESTID.DATA_TABLE_ROW}\n      key={row.uid}\n      colsLayoutStyle={colsLayoutStyle}\n      {...userDataProperties}\n      totalColumnsWidth={totalColumnsWidth}\n      style={rowStyle}\n      onClick={handleItemClick}\n      onKeyDown={handleKeyDown}\n      onBlur={handleOnBlur}\n      onFocus={handleOnFocus}\n      data-expandable={Boolean(row.original.tableRowDetails)}\n      data-is-row-expanded={row.isExpanded}\n      rows={rowsLayout}\n      minHeight={minHeight}\n      height={height}\n    >\n      {CustomRowContentRenderer ? (\n        <CustomRowContentRenderer {...rowContentProps} />\n      ) : (\n        <DefaultRowContentRenderer {...rowContentProps} key={row.uid} />\n      )}\n      {shouldAppendDottedBorder && magicDottedBorder}\n      <DropIndicator\n        vertical={false}\n        dropIndicatorPosition={dropIndicatorPosition}\n        isLast={row.index === flattenedData.length - 1 && draggableProps && draggableProps.isDragging}\n      />\n    </StyledFullsizeGrid>\n  );\n};\n\nexport { RowRenderer };\nexport default RowRenderer;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAEnC,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAkB5B,MAAM,oBACJ,gBAAAA,OAAA,cAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,GACvB,gBAAAA,OAAA,cAAC;AAAA,EACC,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,IAAG;AAAA,EACH,QAAO;AAAA,EACP,aAAY;AAAA,EACZ,iBAAgB;AAAA,EAChB,kBAAiB;AAAA,EACjB,eAAc;AAAA,CAChB,CACF;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,EAAE,cAAc,IAAI;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,IAAI,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,eAAa,YAAY;AAAA,IACzB,KAAK,IAAI;AAAA,IACT;AAAA,IACC,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,IACrD,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,KAEC,2BACC,gBAAAA,OAAA,cAAC;AAAA,IAA0B,GAAG;AAAA,GAAiB,IAE/C,gBAAAA,OAAA,cAAC;AAAA,IAA2B,GAAG;AAAA,IAAiB,KAAK,IAAI;AAAA,GAAK,GAE/D,4BAA4B,mBAC7B,gBAAAA,OAAA,cAAC;AAAA,IACC,UAAU;AAAA,IACV;AAAA,IACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA,GACrF,CACF;AAEJ;AAGA,IAAO,sBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA;AACA,SAAgB,kBAAkB;AAClC,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAEnC,SAAS,iCAAiC;AAC1C,SAAS,8BAA8B;AACvC,SAAS,gCAAgC;AACzC,SAAS,qBAAqB;AAC9B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAkB5B,MAAM,oBACJ,oBAAC;AAAA,EAAI,OAAM;AAAA,EAAO,QAAO;AAAA,EACvB,8BAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,QAAO;AAAA,IACP,aAAY;AAAA,IACZ,iBAAgB;AAAA,IAChB,kBAAiB;AAAA,IACjB,eAAc;AAAA,GAChB;AAAA,CACF;AAGF,MAAM,cAAqD,CAAC,UAAU;AACpE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa,CAAC,CAAC;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,EAAE,cAAc,IAAI;AAM1B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAAA,IAC3B;AAAA,EACF,CAAC;AAMD,QAAM,EAAE,iBAAiB,eAAe,cAAc,cAAc,IAAI,uBAAuB;AAAA,IAC7F;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,kBAAmC;AAAA,IACvC,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,qBAAC;AAAA,IACC,eAAa,YAAY;AAAA,IAEzB;AAAA,IACC,GAAG;AAAA,IACJ;AAAA,IACA,OAAO;AAAA,IACP,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,mBAAiB,QAAQ,IAAI,SAAS,eAAe;AAAA,IACrD,wBAAsB,IAAI;AAAA,IAC1B,MAAM;AAAA,IACN;AAAA,IACA;AAAA,IAEC;AAAA,iCACC,oBAAC;AAAA,QAA0B,GAAG;AAAA,OAAiB,IAE/C,8BAAC;AAAA,QAA2B,GAAG;AAAA,QAAiB,KAAK,IAAI;AAAA,OAAK;AAAA,MAE/D,4BAA4B;AAAA,MAC7B,oBAAC;AAAA,QACC,UAAU;AAAA,QACV;AAAA,QACA,QAAQ,IAAI,UAAU,cAAc,SAAS,KAAK,kBAAkB,eAAe;AAAA,OACrF;AAAA;AAAA,KAzBK,IAAI,GA0BX;AAEJ;AAGA,IAAO,sBAAQ;",
+  "names": []
 }

package/dist/esm/exported-related/Toolbar/Toolbar.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useState } from "react";
 import { styled, css } from "@elliemae/ds-system";
 import { DSButtonV2 } from "@elliemae/ds-button";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
@@ -88,23 +89,31 @@ const Toolbar = ({ isRowSelected, cell, children }) => {
       }
     });
   }, []);
-  return /* @__PURE__ */ React2.createElement(ToolbarPosition, {
+  return /* @__PURE__ */ jsx(ToolbarPosition, {
     onBlur: handleOnBlurToolBar,
     ref: toolbarRef,
-    onClick: (e) => e.stopPropagation()
-  }, /* @__PURE__ */ React2.createElement(ToolbarWrapper, {
-    onKeyDown: onToolbarKeyDown,
-    isOpen: show
-  }, show && /* @__PURE__ */ React2.createElement(ToolbarBtns, null, children), /* @__PURE__ */ React2.createElement(StyledButton, {
-    buttonType: "icon",
-    className: "toolbar-trigger",
-    "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
-    innerRef: setTriggerRefs,
-    onClick: handleOnClick,
-    tabIndex: isRowSelected === false ? -1 : 0,
-    "aria-label": "Row actions",
-    onMouseDown: (e) => e.preventDefault()
-  }, /* @__PURE__ */ React2.createElement(MoreOptionsVert, null))));
+    onClick: (e) => e.stopPropagation(),
+    children: /* @__PURE__ */ jsxs(ToolbarWrapper, {
+      onKeyDown: onToolbarKeyDown,
+      isOpen: show,
+      children: [
+        show && /* @__PURE__ */ jsx(ToolbarBtns, {
+          children
+        }),
+        /* @__PURE__ */ jsx(StyledButton, {
+          buttonType: "icon",
+          className: "toolbar-trigger",
+          "data-testid": DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER,
+          innerRef: setTriggerRefs,
+          onClick: handleOnClick,
+          tabIndex: isRowSelected === false ? -1 : 0,
+          "aria-label": "Row actions",
+          onMouseDown: (e) => e.preventDefault(),
+          children: /* @__PURE__ */ jsx(MoreOptionsVert, {})
+        })
+      ]
+    })
+  });
 };
 export {
   Toolbar

package/dist/esm/exported-related/Toolbar/Toolbar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Toolbar/Toolbar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef, useState } from 'react';\nimport { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst ToolbarBtns = styled.div`\n  & > .em-ds-toolbar {\n    box-shadow: none;\n  }\n`;\n\nconst boxShadow = css`\n  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.13), 0 1px 2px 0 rgba(0, 0, 0, 0.2);\n  & > .toolbar-trigger {\n    border: none;\n  }\n`;\nconst ToolbarWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  height: 36px;\n  margin-right: 1px;\n  pointer-events: all;\n\n  ${({ isOpen }) => isOpen && boxShadow}\n\n  & .toolbar-trigger:focus {\n    z-index: 8;\n  }\n`;\n\nconst StyledButton = styled(DSButtonV2)`\n  background-color: transparent;\n`;\n\nconst ToolbarPosition = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  pointer-events: none;\n  background: transparent;\n  height: 28px;\n  margin-top: 4px;\n  width: 100%;\n  padding-left: 4px;\n  &:hover {\n    z-index: 1;\n  }\n  :after {\n    content: '';\n    position: absolute;\n    left: 0px;\n    top: 4px;\n    bottom: 4px;\n    width: 1px;\n    background-color: neutral-080;\n    z-index: 7;\n  }\n`;\n\nexport const Toolbar: React.ComponentType<Record<string, unknown>> = ({ isRowSelected, cell, children }) => {\n  const [show, setShow] = useState(false);\n\n  const toolbarRef = useRef(null);\n  const toolbarTriggerRef = useRef<HTMLButtonElement | null>();\n\n  const handleOnClickOutside = useCallback(() => setShow(false), []);\n\n  const handleOnClick = useCallback(() => setShow((prev) => !prev), []);\n\n  useOnClickOutside(toolbarRef, handleOnClickOutside);\n\n  const setTriggerRefs = useCallback(\n    (_ref: HTMLButtonElement | null) => {\n      if (_ref) {\n        toolbarTriggerRef.current = _ref;\n        if (cell?.ref?.current) {\n          cell.ref.current = _ref;\n        }\n      }\n    },\n    [cell?.ref],\n  );\n\n  const onToolbarKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.code === 'Escape') {\n      setShow(false);\n      toolbarTriggerRef.current?.focus();\n    }\n    e.stopPropagation();\n  }, []);\n\n  const handleOnBlurToolBar = useCallback(() => {\n    setTimeout(() => {\n      if (!toolbarRef?.current?.contains?.(document.activeElement)) {\n        setShow(false);\n      }\n    });\n  }, []);\n\n  return (\n    <ToolbarPosition\n      onBlur={handleOnBlurToolBar}\n      ref={toolbarRef}\n      onClick={(e: React.MouseEvent) => e.stopPropagation()}\n    >\n      <ToolbarWrapper onKeyDown={onToolbarKeyDown} isOpen={show}>\n        {show && <ToolbarBtns>{children}</ToolbarBtns>}\n        <StyledButton\n          buttonType=\"icon\"\n          className=\"toolbar-trigger\"\n          data-testid={DATA_TESTID.DATA_TABLE_TOOLBAR_TRIGGER}\n          innerRef={setTriggerRefs}\n          onClick={handleOnClick}\n          tabIndex={isRowSelected === false ? -1 : 0}\n          aria-label=\"Row actions\"\n          onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        >\n          <MoreOptionsVert />\n        </StyledButton>\n      </ToolbarWrapper>\n    </ToolbarPosition>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,aAAa,QAAQ,gBAAgB;AACrD,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAE5B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO1B,CAAC,EAAE,OAAO,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBxB,MAAM,UAAwD,CAAC,EAAE,eAAe,MAAM,SAAS,MAAM;AAC1G,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,oBAAoB,OAAiC;AAE3D,QAAM,uBAAuB,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,gBAAgB,YAAY,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;AAEpE,oBAAkB,YAAY,oBAAoB;AAElD,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmC;AAClC,UAAI,MAAM;AACR,0BAAkB,UAAU;AAC5B,YAAI,MAAM,KAAK,SAAS;AACtB,eAAK,IAAI,UAAU;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,GAAG;AAAA,EACZ;AAEA,QAAM,mBAAmB,YAAY,CAAC,MAA2B;AAC/D,QAAI,EAAE,SAAS,UAAU;AACvB,cAAQ,KAAK;AACb,wBAAkB,SAAS,MAAM;AAAA,IACnC;AACA,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,eAAW,MAAM;AACf,UAAI,CAAC,YAAY,SAAS,WAAW,SAAS,aAAa,GAAG;AAC5D,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS,CAAC,MAAwB,EAAE,gBAAgB;AAAA,KAEpD,gBAAAA,OAAA,cAAC;AAAA,IAAe,WAAW;AAAA,IAAkB,QAAQ;AAAA,KAClD,QAAQ,gBAAAA,OAAA,cAAC,mBAAa,QAAS,GAChC,gBAAAA,OAAA,cAAC;AAAA,IACC,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAa,YAAY;AAAA,IACzB,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU,kBAAkB,QAAQ,KAAK;AAAA,IACzC,cAAW;AAAA,IACX,aAAa,CAAC,MAAwB,EAAE,eAAe;AAAA,KAEvD,gBAAAA,OAAA,cAAC,qBAAgB,CACnB,CACF,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,aAAa,QAAQ,gBAAgB;AACrD,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,mBAAmB;AAE5B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAM3B,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAMlB,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO1B,CAAC,EAAE,OAAO,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBxB,MAAM,UAAwD,CAAC,EAAE,eAAe,MAAM,SAAS,MAAM;AAC1G,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,aAAa,OAAO,IAAI;AAC9B,QAAM,oBAAoB,OAAiC;AAE3D,QAAM,uBAAuB,YAAY,MAAM,QAAQ,KAAK,GAAG,CAAC,CAAC;AAEjE,QAAM,gBAAgB,YAAY,MAAM,QAAQ,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC;AAEpE,oBAAkB,YAAY,oBAAoB;AAElD,QAAM,iBAAiB;AAAA,IACrB,CAAC,SAAmC;AAClC,UAAI,MAAM;AACR,0BAAkB,UAAU;AAC5B,YAAI,MAAM,KAAK,SAAS;AACtB,eAAK,IAAI,UAAU;AAAA,QACrB;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,MAAM,GAAG;AAAA,EACZ;AAEA,QAAM,mBAAmB,YAAY,CAAC,MAA2B;AAC/D,QAAI,EAAE,SAAS,UAAU;AACvB,cAAQ,KAAK;AACb,wBAAkB,SAAS,MAAM;AAAA,IACnC;AACA,MAAE,gBAAgB;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB,YAAY,MAAM;AAC5C,eAAW,MAAM;AACf,UAAI,CAAC,YAAY,SAAS,WAAW,SAAS,aAAa,GAAG;AAC5D,gBAAQ,KAAK;AAAA,MACf;AAAA,IACF,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC;AAAA,IACC,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,SAAS,CAAC,MAAwB,EAAE,gBAAgB;AAAA,IAEpD,+BAAC;AAAA,MAAe,WAAW;AAAA,MAAkB,QAAQ;AAAA,MAClD;AAAA,gBAAQ,oBAAC;AAAA,UAAa;AAAA,SAAS;AAAA,QAChC,oBAAC;AAAA,UACC,YAAW;AAAA,UACX,WAAU;AAAA,UACV,eAAa,YAAY;AAAA,UACzB,UAAU;AAAA,UACV,SAAS;AAAA,UACT,UAAU,kBAAkB,QAAQ,KAAK;AAAA,UACzC,cAAW;AAAA,UACX,aAAa,CAAC,MAAwB,EAAE,eAAe;AAAA,UAEvD,8BAAC,mBAAgB;AAAA,SACnB;AAAA;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/parts/Cells/Cell.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useMemo, memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext, useMemo, memo } from "react";
 import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
 import { Grid } from "@elliemae/ds-grid";
 import { StyledCell, StyledCellContent } from "../../styled";
@@ -9,12 +10,13 @@ import { SortableItemContext } from "../HoC/SortableItemContext";
 import { expandRowColumn } from "../../addons/Columns";
 import { DATA_TESTID } from "../../configs/constants";
 import { useCellStyle } from "./useCellStyle";
-const PureStandardCell = memo(({ cellStyle, children, column }) => /* @__PURE__ */ React2.createElement(StyledCell, {
+const PureStandardCell = memo(({ cellStyle, children, column }) => /* @__PURE__ */ jsx(StyledCell, {
   column,
   style: cellStyle,
   role: "cell",
-  "data-testid": DATA_TESTID.DATA_TABLE_CELL
-}, children));
+  "data-testid": DATA_TESTID.DATA_TABLE_CELL,
+  children
+}));
 const Cell = ({
   cell,
   column,
@@ -47,31 +49,37 @@ const Cell = ({
   const CellComponent = cell.render;
   const pureCellContent = useMemo(() => {
     if (shouldAddExpandCell) {
-      return /* @__PURE__ */ React2.createElement(Grid, {
+      return /* @__PURE__ */ jsxs(Grid, {
         cols: ["min-content", "auto"],
         alignItems: "center",
-        height: "100%"
-      }, shouldAddExpandCell && /* @__PURE__ */ React2.createElement(expandRowColumn.Cell, {
-        ...cellProps
-      }), /* @__PURE__ */ React2.createElement(CellComponent, {
-        ...cellProps
-      }));
+        height: "100%",
+        children: [
+          shouldAddExpandCell && /* @__PURE__ */ jsx(expandRowColumn.Cell, {
+            ...cellProps
+          }),
+          /* @__PURE__ */ jsx(CellComponent, {
+            ...cellProps
+          })
+        ]
+      });
     }
-    return /* @__PURE__ */ React2.createElement(CellComponent, {
+    return /* @__PURE__ */ jsx(CellComponent, {
       ...cellProps
     });
   }, [CellComponent, cellProps, shouldAddExpandCell]);
   const DefaultCellContentJSX = useMemo(
-    () => /* @__PURE__ */ React2.createElement(StyledCellContent, null, appliedTextWrap === "truncate" ? /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
-      value: pureCellContent
-    }) : pureCellContent),
+    () => /* @__PURE__ */ jsx(StyledCellContent, {
+      children: appliedTextWrap === "truncate" ? /* @__PURE__ */ jsx(SimpleTruncatedTooltipText, {
+        value: pureCellContent
+      }) : pureCellContent
+    }),
     [appliedTextWrap, pureCellContent]
   );
   const EditableContentJSX = useMemo(() => {
     if (typeof column.editable === "string") {
       const { EditableComponent } = outOfTheBoxEditables?.[column.editable];
       if (EditableComponent)
-        return /* @__PURE__ */ React2.createElement(EditableComponent, {
+        return /* @__PURE__ */ jsx(EditableComponent, {
           ...cellProps,
           DefaultCellRender: DefaultCellContentJSX
         });
@@ -83,9 +91,10 @@ const Cell = ({
       });
     return null;
   }, [DefaultCellContentJSX, cellProps, column]);
-  return /* @__PURE__ */ React2.createElement(PureStandardCell, {
-    ...cellProps
-  }, column.editable && !disabledRows[row.uid] ? EditableContentJSX : DefaultCellContentJSX);
+  return /* @__PURE__ */ jsx(PureStandardCell, {
+    ...cellProps,
+    children: column.editable && !disabledRows[row.uid] ? EditableContentJSX : DefaultCellContentJSX
+  });
 };
 var Cell_default = Cell;
 export {

package/dist/esm/parts/Cells/Cell.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Cells/Cell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useContext, useMemo, memo } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { StyledCell, StyledCellContent } from '../../styled';\nimport { outOfTheBoxEditables } from '../../addons/Editables';\nimport { DataTableContext } from '../../DataTableContext';\nimport { TypescriptColumn, TypescriptRow } from '../../types/props';\nimport { SortableItemContext } from '../HoC/SortableItemContext';\nimport { expandRowColumn } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { useCellStyle } from './useCellStyle';\n\nconst PureStandardCell = memo<{ cellStyle: unknown; column: TypescriptColumn }>(({ cellStyle, children, column }) => (\n  <StyledCell column={column} style={cellStyle} role=\"cell\" data-testid={DATA_TESTID.DATA_TABLE_CELL}>\n    {children}\n  </StyledCell>\n));\n\ninterface CellProps {\n  cell: any;\n  column: TypescriptColumn;\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  shouldAddExpandCell: boolean;\n  isDragOverlay: boolean;\n}\n\nconst Cell: React.ComponentType<CellProps> = ({\n  cell,\n  column,\n  row,\n  isRowSelected,\n  shouldAddExpandCell,\n  isDragOverlay,\n}) => {\n  const ctx = useContext(DataTableContext);\n  const {\n    tableProps: { cellRendererProps, disabledRows },\n  } = ctx;\n  const { draggableProps } = useContext(SortableItemContext);\n\n  const [appliedTextWrap, cellStyle] = useCellStyle(column, shouldAddExpandCell);\n\n  const cellProps = useMemo(\n    () => ({\n      ...cellRendererProps,\n      cell,\n      row,\n      isRowSelected,\n      ctx,\n      draggableProps,\n      isDragOverlay,\n      role: 'cell',\n      cellStyle,\n      column,\n    }),\n    [cellRendererProps, cell, row, isRowSelected, ctx, draggableProps, isDragOverlay, cellStyle, column],\n  );\n\n  const CellComponent = cell.render;\n\n  const pureCellContent = useMemo(() => {\n    if (shouldAddExpandCell) {\n      return (\n        <Grid cols={['min-content', 'auto']} alignItems=\"center\" height=\"100%\">\n          {shouldAddExpandCell && <expandRowColumn.Cell {...cellProps} />}\n          <CellComponent {...cellProps} />\n        </Grid>\n      );\n    }\n    return <CellComponent {...cellProps} />;\n  }, [CellComponent, cellProps, shouldAddExpandCell]);\n\n  const DefaultCellContentJSX = useMemo(\n    () => (\n      <StyledCellContent>\n        {appliedTextWrap === 'truncate' ? <SimpleTruncatedTooltipText value={pureCellContent} /> : pureCellContent}\n      </StyledCellContent>\n    ),\n    [appliedTextWrap, pureCellContent],\n  );\n\n  const EditableContentJSX = useMemo(() => {\n    if (typeof column.editable === 'string') {\n      const { EditableComponent } = outOfTheBoxEditables?.[column.editable];\n      if (EditableComponent) return <EditableComponent {...cellProps} DefaultCellRender={DefaultCellContentJSX} />;\n    }\n    if (typeof column.editable === 'function')\n      return column.editable({\n        DefaultCellRender: DefaultCellContentJSX,\n        ...cellProps,\n      }) as JSX.Element;\n\n    return null;\n  }, [DefaultCellContentJSX, cellProps, column]);\n\n  return (\n    <PureStandardCell {...cellProps}>\n      {column.editable && !disabledRows[row.uid] ? EditableContentJSX : DefaultCellContentJSX}\n    </PureStandardCell>\n  );\n};\n\nexport { Cell };\nexport default Cell;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,YAAY,SAAS,YAAY;AACjD,SAAS,kCAAkC;AAC3C,SAAS,YAAY;AACrB,SAAS,YAAY,yBAAyB;AAC9C,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB,KAAuD,CAAC,EAAE,WAAW,UAAU,OAAO,MAC7G,gBAAAA,OAAA,cAAC;AAAA,EAAW;AAAA,EAAgB,OAAO;AAAA,EAAW,MAAK;AAAA,EAAO,eAAa,YAAY;AAAA,GAChF,QACH,CACD;AAWD,MAAM,OAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE,mBAAmB,aAAa;AAAA,EAChD,IAAI;AACJ,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AAEzD,QAAM,CAAC,iBAAiB,SAAS,IAAI,aAAa,QAAQ,mBAAmB;AAE7E,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,MAAM,KAAK,eAAe,KAAK,gBAAgB,eAAe,WAAW,MAAM;AAAA,EACrG;AAEA,QAAM,gBAAgB,KAAK;AAE3B,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,qBAAqB;AACvB,aACE,gBAAAA,OAAA,cAAC;AAAA,QAAK,MAAM,CAAC,eAAe,MAAM;AAAA,QAAG,YAAW;AAAA,QAAS,QAAO;AAAA,SAC7D,uBAAuB,gBAAAA,OAAA,cAAC,gBAAgB,MAAhB;AAAA,QAAsB,GAAG;AAAA,OAAW,GAC7D,gBAAAA,OAAA,cAAC;AAAA,QAAe,GAAG;AAAA,OAAW,CAChC;AAAA,IAEJ;AACA,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAe,GAAG;AAAA,KAAW;AAAA,EACvC,GAAG,CAAC,eAAe,WAAW,mBAAmB,CAAC;AAElD,QAAM,wBAAwB;AAAA,IAC5B,MACE,gBAAAA,OAAA,cAAC,yBACE,oBAAoB,aAAa,gBAAAA,OAAA,cAAC;AAAA,MAA2B,OAAO;AAAA,KAAiB,IAAK,eAC7F;AAAA,IAEF,CAAC,iBAAiB,eAAe;AAAA,EACnC;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,OAAO,OAAO,aAAa,UAAU;AACvC,YAAM,EAAE,kBAAkB,IAAI,uBAAuB,OAAO;AAC5D,UAAI;AAAmB,eAAO,gBAAAA,OAAA,cAAC;AAAA,UAAmB,GAAG;AAAA,UAAW,mBAAmB;AAAA,SAAuB;AAAA,IAC5G;AACA,QAAI,OAAO,OAAO,aAAa;AAC7B,aAAO,OAAO,SAAS;AAAA,QACrB,mBAAmB;AAAA,QACnB,GAAG;AAAA,MACL,CAAC;AAEH,WAAO;AAAA,EACT,GAAG,CAAC,uBAAuB,WAAW,MAAM,CAAC;AAE7C,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAkB,GAAG;AAAA,KACnB,OAAO,YAAY,CAAC,aAAa,IAAI,OAAO,qBAAqB,qBACpE;AAEJ;AAGA,IAAO,eAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,YAAY,SAAS,YAAY;AACjD,SAAS,kCAAkC;AAC3C,SAAS,YAAY;AACrB,SAAS,YAAY,yBAAyB;AAC9C,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AAEjC,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,MAAM,mBAAmB,KAAuD,CAAC,EAAE,WAAW,UAAU,OAAO,MAC7G,oBAAC;AAAA,EAAW;AAAA,EAAgB,OAAO;AAAA,EAAW,MAAK;AAAA,EAAO,eAAa,YAAY;AAAA,EAChF;AAAA,CACH,CACD;AAWD,MAAM,OAAuC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,MAAM,WAAW,gBAAgB;AACvC,QAAM;AAAA,IACJ,YAAY,EAAE,mBAAmB,aAAa;AAAA,EAChD,IAAI;AACJ,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AAEzD,QAAM,CAAC,iBAAiB,SAAS,IAAI,aAAa,QAAQ,mBAAmB;AAE7E,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,mBAAmB,MAAM,KAAK,eAAe,KAAK,gBAAgB,eAAe,WAAW,MAAM;AAAA,EACrG;AAEA,QAAM,gBAAgB,KAAK;AAE3B,QAAM,kBAAkB,QAAQ,MAAM;AACpC,QAAI,qBAAqB;AACvB,aACE,qBAAC;AAAA,QAAK,MAAM,CAAC,eAAe,MAAM;AAAA,QAAG,YAAW;AAAA,QAAS,QAAO;AAAA,QAC7D;AAAA,iCAAuB,oBAAC,gBAAgB,MAAhB;AAAA,YAAsB,GAAG;AAAA,WAAW;AAAA,UAC7D,oBAAC;AAAA,YAAe,GAAG;AAAA,WAAW;AAAA;AAAA,OAChC;AAAA,IAEJ;AACA,WAAO,oBAAC;AAAA,MAAe,GAAG;AAAA,KAAW;AAAA,EACvC,GAAG,CAAC,eAAe,WAAW,mBAAmB,CAAC;AAElD,QAAM,wBAAwB;AAAA,IAC5B,MACE,oBAAC;AAAA,MACE,8BAAoB,aAAa,oBAAC;AAAA,QAA2B,OAAO;AAAA,OAAiB,IAAK;AAAA,KAC7F;AAAA,IAEF,CAAC,iBAAiB,eAAe;AAAA,EACnC;AAEA,QAAM,qBAAqB,QAAQ,MAAM;AACvC,QAAI,OAAO,OAAO,aAAa,UAAU;AACvC,YAAM,EAAE,kBAAkB,IAAI,uBAAuB,OAAO;AAC5D,UAAI;AAAmB,eAAO,oBAAC;AAAA,UAAmB,GAAG;AAAA,UAAW,mBAAmB;AAAA,SAAuB;AAAA,IAC5G;AACA,QAAI,OAAO,OAAO,aAAa;AAC7B,aAAO,OAAO,SAAS;AAAA,QACrB,mBAAmB;AAAA,QACnB,GAAG;AAAA,MACL,CAAC;AAEH,WAAO;AAAA,EACT,GAAG,CAAC,uBAAuB,WAAW,MAAM,CAAC;AAE7C,SACE,oBAAC;AAAA,IAAkB,GAAG;AAAA,IACnB,iBAAO,YAAY,CAAC,aAAa,IAAI,OAAO,qBAAqB;AAAA,GACpE;AAEJ;AAGA,IAAO,eAAQ;",
+  "names": []
 }

package/dist/esm/parts/Cells/index.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext } from "react";
 import { INTERNAL_COLUMNS } from "../../addons/Columns";
 import { StyledActionCell } from "../../styled";
 import { Cell } from "./Cell";
@@ -10,45 +11,46 @@ const Cells = (props) => {
   if (row.depth <= 1) {
     let shouldAddExpandCell = false;
     let userCellsProcessed = 0;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, row.cells.map((cell) => {
-      const { column } = cell;
-      const isUserCell = !INTERNAL_COLUMNS.includes(column.id);
-      let jsx = null;
-      if (column.id === "rowActions") {
-        const ActionComponent = cell.render;
-        jsx = /* @__PURE__ */ React2.createElement(StyledActionCell, {
-          role: "cell",
-          key: cell.id
-        }, /* @__PURE__ */ React2.createElement(ActionComponent, {
-          row,
-          cell,
-          column,
-          isRowSelected,
-          ctx
-        }));
-      } else if (column.id === "expander") {
-        shouldAddExpandCell = !isDragOverlay;
-      } else {
-        jsx = /* @__PURE__ */ React2.createElement(Cell, {
-          cell,
-          column,
-          row,
-          isRowSelected,
-          shouldAddExpandCell: isUserCell && shouldAddExpandCell,
-          isDragOverlay,
-          key: cell.id
-        });
-      }
-      if (isDragOverlay) {
-        if (column.id !== "dragHandleColumn" && (!isUserCell || userCellsProcessed !== 0))
-          jsx = null;
-      }
-      if (isUserCell) {
-        shouldAddExpandCell = false;
-        userCellsProcessed += 1;
-      }
-      return jsx;
-    }));
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: row.cells.map((cell) => {
+        const { column } = cell;
+        const isUserCell = !INTERNAL_COLUMNS.includes(column.id);
+        let jsx2 = null;
+        if (column.id === "rowActions") {
+          const ActionComponent = cell.render;
+          jsx2 = /* @__PURE__ */ jsx(StyledActionCell, {
+            role: "cell",
+            children: /* @__PURE__ */ jsx(ActionComponent, {
+              row,
+              cell,
+              column,
+              isRowSelected,
+              ctx
+            })
+          }, cell.id);
+        } else if (column.id === "expander") {
+          shouldAddExpandCell = !isDragOverlay;
+        } else {
+          jsx2 = /* @__PURE__ */ jsx(Cell, {
+            cell,
+            column,
+            row,
+            isRowSelected,
+            shouldAddExpandCell: isUserCell && shouldAddExpandCell,
+            isDragOverlay
+          }, cell.id);
+        }
+        if (isDragOverlay) {
+          if (column.id !== "dragHandleColumn" && (!isUserCell || userCellsProcessed !== 0))
+            jsx2 = null;
+        }
+        if (isUserCell) {
+          shouldAddExpandCell = false;
+          userCellsProcessed += 1;
+        }
+        return jsx2;
+      })
+    });
   }
   return null;
 };

package/dist/esm/parts/Cells/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Cells/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { StyledActionCell } from '../../styled';\nimport { TypescriptRow } from '../../types/props';\nimport { Cell } from './Cell';\nimport { DataTableContext } from '../../DataTableContext';\n\nconst Cells: React.ComponentType<{\n  row: TypescriptRow;\n  isRowSelected: boolean;\n  isDragOverlay: boolean;\n}> = (props) => {\n  const { row, isRowSelected, isDragOverlay } = props;\n  const ctx = useContext(DataTableContext);\n  // we won't print sub-rows more nested than the first level\n  if (row.depth <= 1) {\n    let shouldAddExpandCell = false;\n    let userCellsProcessed = 0;\n    return (\n      <>\n        {row.cells.map((cell: any) => {\n          const { column } = cell;\n\n          const isUserCell = !INTERNAL_COLUMNS.includes(column.id);\n\n          let jsx = null;\n\n          if (column.id === 'rowActions') {\n            const ActionComponent = cell.render;\n            jsx = (\n              <StyledActionCell role=\"cell\" key={cell.id}>\n                <ActionComponent row={row} cell={cell} column={column} isRowSelected={isRowSelected} ctx={ctx} />\n              </StyledActionCell>\n            );\n          } else if (column.id === 'expander') {\n            // Next user's cell will have the expand cell\n            shouldAddExpandCell = !isDragOverlay; // Don't add it on drag overlay\n          } else {\n            jsx = (\n              <Cell\n                cell={cell}\n                column={column}\n                row={row}\n                isRowSelected={isRowSelected}\n                shouldAddExpandCell={isUserCell && shouldAddExpandCell}\n                isDragOverlay={isDragOverlay}\n                key={cell.id}\n              />\n            );\n          }\n\n          // Drag overlay only need to print the DnD handle and the first user's cell\n          if (isDragOverlay) {\n            if (column.id !== 'dragHandleColumn' && (!isUserCell || userCellsProcessed !== 0)) jsx = null;\n          }\n\n          // Reset expand cell\n          if (isUserCell) {\n            shouldAddExpandCell = false;\n            userCellsProcessed += 1;\n          }\n          return jsx;\n        })}\n      </>\n    );\n  }\n\n  return null;\n};\n\nexport { Cells };\nexport default Cells;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAEjC,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAEjC,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,MAAM,WAAW,gBAAgB;AAEvC,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,sBAAsB;AAC1B,QAAI,qBAAqB;AACzB,WACE,gBAAAA,OAAA,cAAAA,OAAA,gBACG,IAAI,MAAM,IAAI,CAAC,SAAc;AAC5B,YAAM,EAAE,OAAO,IAAI;AAEnB,YAAM,aAAa,CAAC,iBAAiB,SAAS,OAAO,EAAE;AAEvD,UAAI,MAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,cACE,gBAAAA,OAAA,cAAC;AAAA,UAAiB,MAAK;AAAA,UAAO,KAAK,KAAK;AAAA,WACtC,gBAAAA,OAAA,cAAC;AAAA,UAAgB;AAAA,UAAU;AAAA,UAAY;AAAA,UAAgB;AAAA,UAA8B;AAAA,SAAU,CACjG;AAAA,MAEJ,WAAW,OAAO,OAAO,YAAY;AAEnC,8BAAsB,CAAC;AAAA,MACzB,OAAO;AACL,cACE,gBAAAA,OAAA,cAAC;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,qBAAqB,cAAc;AAAA,UACnC;AAAA,UACA,KAAK,KAAK;AAAA,SACZ;AAAA,MAEJ;AAGA,UAAI,eAAe;AACjB,YAAI,OAAO,OAAO,uBAAuB,CAAC,cAAc,uBAAuB;AAAI,gBAAM;AAAA,MAC3F;AAGA,UAAI,YAAY;AACd,8BAAsB;AACtB,8BAAsB;AAAA,MACxB;AACA,aAAO;AAAA,IACT,CAAC,CACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAGA,IAAO,gBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,SAAS,wBAAwB;AACjC,SAAS,wBAAwB;AAEjC,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAEjC,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,MAAM,WAAW,gBAAgB;AAEvC,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,sBAAsB;AAC1B,QAAI,qBAAqB;AACzB,WACE;AAAA,MACG,cAAI,MAAM,IAAI,CAAC,SAAc;AAC5B,cAAM,EAAE,OAAO,IAAI;AAEnB,cAAM,aAAa,CAAC,iBAAiB,SAAS,OAAO,EAAE;AAEvD,YAAIA,OAAM;AAEV,YAAI,OAAO,OAAO,cAAc;AAC9B,gBAAM,kBAAkB,KAAK;AAC7B,UAAAA,OACE,oBAAC;AAAA,YAAiB,MAAK;AAAA,YACrB,8BAAC;AAAA,cAAgB;AAAA,cAAU;AAAA,cAAY;AAAA,cAAgB;AAAA,cAA8B;AAAA,aAAU;AAAA,aAD9D,KAAK,EAExC;AAAA,QAEJ,WAAW,OAAO,OAAO,YAAY;AAEnC,gCAAsB,CAAC;AAAA,QACzB,OAAO;AACL,UAAAA,OACE,oBAAC;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,qBAAqB,cAAc;AAAA,YACnC;AAAA,aACK,KAAK,EACZ;AAAA,QAEJ;AAGA,YAAI,eAAe;AACjB,cAAI,OAAO,OAAO,uBAAuB,CAAC,cAAc,uBAAuB;AAAI,YAAAA,OAAM;AAAA,QAC3F;AAGA,YAAI,YAAY;AACd,gCAAsB;AACtB,gCAAsB;AAAA,QACxB;AACA,eAAOA;AAAA,MACT,CAAC;AAAA,KACH;AAAA,EAEJ;AAEA,SAAO;AACT;AAGA,IAAO,gBAAQ;",
+  "names": ["jsx"]
 }

package/dist/esm/parts/DnDHandle.js

@@ -1,5 +1,7 @@
 import * as React from "react";
-import React2, { useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createElement } from "react";
+import { useContext } from "react";
 import { GripperVertical } from "@elliemae/ds-icons";
 import { styled } from "@elliemae/ds-system";
 import { mergeRefs } from "@elliemae/ds-utilities";
@@ -16,7 +18,7 @@ const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
   const { draggableProps } = useContext(SortableItemContext);
   const isActive = draggableProps && !!draggableProps.active;
   const isDragging = draggableProps && draggableProps.isDragging;
-  return /* @__PURE__ */ React2.createElement(StyledGripperButton, {
+  return /* @__PURE__ */ createElement(StyledGripperButton, {
     role: "button",
     ...draggableProps && {
       ...draggableProps.listeners,
@@ -29,7 +31,7 @@ const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
     "data-testid": DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
     id: `${id}-drag-handle`,
     key: `${id}-drag-handle`
-  }, /* @__PURE__ */ React2.createElement(GripperVertical, {
+  }, /* @__PURE__ */ jsx(GripperVertical, {
     size: "s",
     color: isDragging ? ["neutral", "500"] : ["brand-primary", "800"]
   }));

package/dist/esm/parts/DnDHandle.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DnDHandle.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { GripperVertical } from '@elliemae/ds-icons';\nimport { styled } from '@elliemae/ds-system';\nimport { mergeRefs } from '@elliemae/ds-utilities';\nimport { SortableItemContext } from './HoC/SortableItemContext';\nimport { DATA_TESTID } from '../configs/constants';\n\nconst StyledGripperButton = styled.div<{\n  isActive: boolean;\n  isDragOverlay: boolean;\n}>`\n  cursor: ${({ isActive, isDragOverlay }) => (isActive || isDragOverlay ? 'grabbing' : 'grab')};\n  outline: none;\n  display: flex;\n  align-items: center;\n  touch-action: none;\n`;\n\nconst DragHandle: React.ComponentType<{\n  id: string;\n  isReachable: boolean;\n  isDragOverlay: boolean;\n  innerRef: React.RefObject<HTMLDivElement> | React.RefCallback<HTMLDivElement>;\n}> = ({ id, isReachable, isDragOverlay, innerRef }) => {\n  const { draggableProps } = useContext(SortableItemContext);\n  const isActive = draggableProps && !!draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  return (\n    <StyledGripperButton\n      role=\"button\"\n      {...(draggableProps && {\n        ...draggableProps.listeners,\n        ...draggableProps.attributes,\n      })}\n      isActive={isActive}\n      isDragOverlay={isDragOverlay}\n      ref={mergeRefs(innerRef, draggableProps.setActivatorNodeRef)}\n      tabIndex={isReachable ? 0 : -1}\n      data-testid={DATA_TESTID.DATA_TABLE_DRAG_HANDLE}\n      id={`${id}-drag-handle`}\n      key={`${id}-drag-handle`}\n    >\n      <GripperVertical size=\"s\" color={isDragging ? ['neutral', '500'] : ['brand-primary', '800']} />\n    </StyledGripperButton>\n  );\n};\nexport default DragHandle;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAE5B,MAAM,sBAAsB,OAAO;AAAA,YAIvB,CAAC,EAAE,UAAU,cAAc,MAAO,YAAY,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,aAKD,CAAC,EAAE,IAAI,aAAa,eAAe,SAAS,MAAM;AACrD,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACJ,GAAI,kBAAkB;AAAA,MACrB,GAAG,eAAe;AAAA,MAClB,GAAG,eAAe;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,UAAU,UAAU,eAAe,mBAAmB;AAAA,IAC3D,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,YAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,gBAAAA,OAAA,cAAC;AAAA,IAAgB,MAAK;AAAA,IAAI,OAAO,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAC/F;AAEJ;AACA,IAAO,oBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA;AAAA,SAAgB,kBAAkB;AAClC,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAE5B,MAAM,sBAAsB,OAAO;AAAA,YAIvB,CAAC,EAAE,UAAU,cAAc,MAAO,YAAY,gBAAgB,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAOvF,MAAM,aAKD,CAAC,EAAE,IAAI,aAAa,eAAe,SAAS,MAAM;AACrD,QAAM,EAAE,eAAe,IAAI,WAAW,mBAAmB;AACzD,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,8BAAC;AAAA,IACC,MAAK;AAAA,IACJ,GAAI,kBAAkB;AAAA,MACrB,GAAG,eAAe;AAAA,MAClB,GAAG,eAAe;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,UAAU,UAAU,eAAe,mBAAmB;AAAA,IAC3D,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,YAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,oBAAC;AAAA,IAAgB,MAAK;AAAA,IAAI,OAAO,aAAa,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA,GAAG,CAC/F;AAEJ;AACA,IAAO,oBAAQ;",
+  "names": []
 }

package/dist/esm/parts/DropIndicator.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { ZIndexDataTable } from "../configs/zIndexInternalConfig";
 import { DropIndicatorPosition } from "../types/props";
@@ -33,25 +33,31 @@ const StyledIndicator = styled.div`
   background-color: ${(props) => props.theme.colors.brand[600]};
   z-index: ${ZIndexDataTable.DROP_INDICATOR};
 `;
-const CircleIndicator = (style) => /* @__PURE__ */ React2.createElement("svg", {
+const CircleIndicator = (style) => /* @__PURE__ */ jsx("svg", {
   height: "6",
   width: "6",
-  style
-}, /* @__PURE__ */ React2.createElement("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: "#1E79C2"
-}));
+  style,
+  children: /* @__PURE__ */ jsx("circle", {
+    cx: "3",
+    cy: "3",
+    r: "3",
+    strokeWidth: "0",
+    fill: "#1E79C2"
+  })
+});
 const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
   if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition))
     return null;
   const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ React2.createElement(StyledIndicator, {
-    vertical,
-    dropIndicatorPosition: safeDropIndicatorPosition
-  }));
+  return /* @__PURE__ */ jsxs(Fragment, {
+    children: [
+      CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })),
+      /* @__PURE__ */ jsx(StyledIndicator, {
+        vertical,
+        dropIndicatorPosition: safeDropIndicatorPosition
+      })
+    ]
+  });
 };
 var DropIndicator_default = DropIndicator;
 export {

package/dist/esm/parts/DropIndicator.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DropIndicator.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { ZIndexDataTable } from '../configs/zIndexInternalConfig';\nimport { DropIndicatorPosition } from '../types/props';\n\ninterface DropIndicatorProps {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isLast?: boolean;\n}\n\nconst getPositionStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => ({\n  position: 'absolute',\n  zIndex: ZIndexDataTable.DROP_INDICATOR,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<DropIndicatorProps>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  z-index: ${ZIndexDataTable.DROP_INDICATOR};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill=\"#1E79C2\" />\n  </svg>\n);\n\nconst DropIndicator = ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps): JSX.Element => {\n  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition }))}\n      <StyledIndicator vertical={vertical} dropIndicatorPosition={safeDropIndicatorPosition} />\n    </>\n  );\n};\n\nexport { DropIndicator };\nexport default DropIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,SAAS,MAA0B;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,SAAS,OAA2B;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,gBAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,gBAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,gBAAAA,OAAA,cAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,gBAAAA,OAAA,cAAC;AAAA,EAAO,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,aAAY;AAAA,EAAI,MAAK;AAAA,CAAU,CAC7D;AAGF,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,OAAO,MAAuC;AACtG,MAAI,CAAC,CAAC,sBAAsB,OAAO,sBAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,sBAAsB,SAAS;AAE1E,SACE,gBAAAA,OAAA,cAAAA,OAAA,gBACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC,GAChG,gBAAAA,OAAA,cAAC;AAAA,IAAgB;AAAA,IAAoB,uBAAuB;AAAA,GAA2B,CACzF;AAEJ;AAGA,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc;AACvB,SAAS,uBAAuB;AAChC,SAAS,6BAA6B;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,SAAS,MAA0B;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,SAAS,OAA2B;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,gBAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,OAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,gBAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,oBAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,EACxB,8BAAC;AAAA,IAAO,IAAG;AAAA,IAAI,IAAG;AAAA,IAAI,GAAE;AAAA,IAAI,aAAY;AAAA,IAAI,MAAK;AAAA,GAAU;AAAA,CAC7D;AAGF,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,OAAO,MAAuC;AACtG,MAAI,CAAC,CAAC,sBAAsB,OAAO,sBAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,sBAAsB,SAAS;AAE1E,SACE;AAAA,IACG;AAAA,sBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC;AAAA,MAChG,oBAAC;AAAA,QAAgB;AAAA,QAAoB,uBAAuB;AAAA,OAA2B;AAAA;AAAA,GACzF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "names": []
 }

package/dist/esm/parts/EmptyContent.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useContext } from "react";
 import { Grid } from "@elliemae/ds-grid";
 import { WarningTriangle } from "@elliemae/ds-icons";
@@ -54,23 +55,35 @@ const EmptyContent = ({ width }) => {
     virtualListRef
   } = useContext(DataTableContext);
   if (React2.isValidElement(noResultsPlaceholder))
-    return /* @__PURE__ */ React2.createElement(CenterContentFlexWrapper, {
-      width
-    }, noResultsPlaceholder);
-  return /* @__PURE__ */ React2.createElement(CenterContentFlexWrapper, {
+    return /* @__PURE__ */ jsx(CenterContentFlexWrapper, {
+      width,
+      children: noResultsPlaceholder
+    });
+  return /* @__PURE__ */ jsx(CenterContentFlexWrapper, {
     width,
     "aria-live": "assertive",
-    role: "status"
-  }, /* @__PURE__ */ React2.createElement(EmptyStateWrapper, {
-    width: virtualListRef.current?.clientWidth,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    size: "xxl"
-  }), /* @__PURE__ */ React2.createElement(PrimaryMessage, null, noResultsMessage), noResultsSecondaryMessage ? /* @__PURE__ */ React2.createElement(SecondaryMessage, null, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ React2.createElement(Button, {
-    buttonType: "secondary",
-    labelText: noResultsButtonLabel,
-    onClick: onNoResultsButtonClick
-  }) : null));
+    role: "status",
+    children: /* @__PURE__ */ jsxs(EmptyStateWrapper, {
+      width: virtualListRef.current?.clientWidth,
+      justifyContent: "center",
+      children: [
+        /* @__PURE__ */ jsx(Icon, {
+          size: "xxl"
+        }),
+        /* @__PURE__ */ jsx(PrimaryMessage, {
+          children: noResultsMessage
+        }),
+        noResultsSecondaryMessage ? /* @__PURE__ */ jsx(SecondaryMessage, {
+          children: noResultsSecondaryMessage
+        }) : null,
+        noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ jsx(Button, {
+          buttonType: "secondary",
+          labelText: noResultsButtonLabel,
+          onClick: onNoResultsButtonClick
+        }) : null
+      ]
+    })
+  });
 };
 var EmptyContent_default = EmptyContent;
 export {