@elliemae/ds-data-table 3.5.0-rc.7 → 3.5.1-next.0

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

@@ -29,7 +29,8 @@ __export(Cells_exports, {
 });
 module.exports = __toCommonJS(Cells_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_Columns = require("../../addons/Columns");
 var import_styled = require("../../styled");
 var import_Cell = require("./Cell");
@@ -40,45 +41,46 @@ const Cells = (props) => {
   if (row.depth <= 1) {
     let shouldAddExpandCell = false;
     let userCellsProcessed = 0;
-    return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, row.cells.map((cell) => {
-      const { column } = cell;
-      const isUserCell = !import_Columns.INTERNAL_COLUMNS.includes(column.id);
-      let jsx = null;
-      if (column.id === "rowActions") {
-        const ActionComponent = cell.render;
-        jsx = /* @__PURE__ */ import_react.default.createElement(import_styled.StyledActionCell, {
-          role: "cell",
-          key: cell.id
-        }, /* @__PURE__ */ import_react.default.createElement(ActionComponent, {
-          row,
-          cell,
-          column,
-          isRowSelected,
-          ctx
-        }));
-      } else if (column.id === "expander") {
-        shouldAddExpandCell = !isDragOverlay;
-      } else {
-        jsx = /* @__PURE__ */ import_react.default.createElement(import_Cell.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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+      children: row.cells.map((cell) => {
+        const { column } = cell;
+        const isUserCell = !import_Columns.INTERNAL_COLUMNS.includes(column.id);
+        let jsx2 = null;
+        if (column.id === "rowActions") {
+          const ActionComponent = cell.render;
+          jsx2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledActionCell, {
+            role: "cell",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionComponent, {
+              row,
+              cell,
+              column,
+              isRowSelected,
+              ctx
+            })
+          }, cell.id);
+        } else if (column.id === "expander") {
+          shouldAddExpandCell = !isDragOverlay;
+        } else {
+          jsx2 = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Cell.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/cjs/parts/Cells/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/Cells/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAiC;AACjC,oBAAiC;AAEjC,kBAAqB;AACrB,8BAAiC;AAEjC,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,UAAM,yBAAW,wCAAgB;AAEvC,MAAI,IAAI,SAAS,GAAG;AAClB,QAAI,sBAAsB;AAC1B,QAAI,qBAAqB;AACzB,WACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,IAAI,MAAM,IAAI,CAAC,SAAc;AAC5B,YAAM,EAAE,OAAO,IAAI;AAEnB,YAAM,aAAa,CAAC,gCAAiB,SAAS,OAAO,EAAE;AAEvD,UAAI,MAAM;AAEV,UAAI,OAAO,OAAO,cAAc;AAC9B,cAAM,kBAAkB,KAAK;AAC7B,cACE,6BAAAA,QAAA,cAAC;AAAA,UAAiB,MAAK;AAAA,UAAO,KAAK,KAAK;AAAA,WACtC,6BAAAA,QAAA,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,6BAAAA,QAAA,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;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,qBAAiC;AACjC,oBAAiC;AAEjC,kBAAqB;AACrB,8BAAiC;AAEjC,MAAM,QAID,CAAC,UAAU;AACd,QAAM,EAAE,KAAK,eAAe,cAAc,IAAI;AAC9C,QAAM,UAAM,yBAAW,wCAAgB;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,gCAAiB,SAAS,OAAO,EAAE;AAEvD,YAAIA,OAAM;AAEV,YAAI,OAAO,OAAO,cAAc;AAC9B,gBAAM,kBAAkB,KAAK;AAC7B,UAAAA,OACE,4CAAC;AAAA,YAAiB,MAAK;AAAA,YACrB,sDAAC;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,4CAAC;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/cjs/parts/DnDHandle.js

@@ -28,7 +28,9 @@ __export(DnDHandle_exports, {
 });
 module.exports = __toCommonJS(DnDHandle_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react = require("react");
 var import_ds_icons = require("@elliemae/ds-icons");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_utilities = require("@elliemae/ds-utilities");
@@ -45,7 +47,7 @@ const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
   const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
   const isActive = draggableProps && !!draggableProps.active;
   const isDragging = draggableProps && draggableProps.isDragging;
-  return /* @__PURE__ */ import_react.default.createElement(StyledGripperButton, {
+  return /* @__PURE__ */ (0, import_react.createElement)(StyledGripperButton, {
     role: "button",
     ...draggableProps && {
       ...draggableProps.listeners,
@@ -58,7 +60,7 @@ const DragHandle = ({ id, isReachable, isDragOverlay, innerRef }) => {
     "data-testid": import_constants.DATA_TESTID.DATA_TABLE_DRAG_HANDLE,
     id: `${id}-drag-handle`,
     key: `${id}-drag-handle`
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.GripperVertical, {
+  }, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.GripperVertical, {
     size: "s",
     color: isDragging ? ["neutral", "500"] : ["brand-primary", "800"]
   }));

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/DnDHandle.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,sBAAgC;AAChC,uBAAuB;AACvB,0BAA0B;AAC1B,iCAAoC;AACpC,uBAA4B;AAE5B,MAAM,sBAAsB,wBAAO;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,QAAI,yBAAW,8CAAmB;AACzD,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACJ,GAAI,kBAAkB;AAAA,MACrB,GAAG,eAAe;AAAA,MAClB,GAAG,eAAe;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAK,+BAAU,UAAU,eAAe,mBAAmB;AAAA,IAC3D,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,6BAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,6BAAAA,QAAA,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;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA;AAAA,mBAAkC;AAClC,sBAAgC;AAChC,uBAAuB;AACvB,0BAA0B;AAC1B,iCAAoC;AACpC,uBAA4B;AAE5B,MAAM,sBAAsB,wBAAO;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,QAAI,yBAAW,8CAAmB;AACzD,QAAM,WAAW,kBAAkB,CAAC,CAAC,eAAe;AACpD,QAAM,aAAa,kBAAkB,eAAe;AAEpD,SACE,gDAAC;AAAA,IACC,MAAK;AAAA,IACJ,GAAI,kBAAkB;AAAA,MACrB,GAAG,eAAe;AAAA,MAClB,GAAG,eAAe;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAK,+BAAU,UAAU,eAAe,mBAAmB;AAAA,IAC3D,UAAU,cAAc,IAAI;AAAA,IAC5B,eAAa,6BAAY;AAAA,IACzB,IAAI,GAAG;AAAA,IACP,KAAK,GAAG;AAAA,KAER,4CAAC;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/cjs/parts/DropIndicator.js

@@ -29,7 +29,7 @@ __export(DropIndicator_exports, {
 });
 module.exports = __toCommonJS(DropIndicator_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_zIndexInternalConfig = require("../configs/zIndexInternalConfig");
 var import_props = require("../types/props");
@@ -63,25 +63,31 @@ const StyledIndicator = import_ds_system.styled.div`
   background-color: ${(props) => props.theme.colors.brand[600]};
   z-index: ${import_zIndexInternalConfig.ZIndexDataTable.DROP_INDICATOR};
 `;
-const CircleIndicator = (style) => /* @__PURE__ */ import_react.default.createElement("svg", {
+const CircleIndicator = (style) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
   height: "6",
   width: "6",
-  style
-}, /* @__PURE__ */ import_react.default.createElement("circle", {
-  cx: "3",
-  cy: "3",
-  r: "3",
-  strokeWidth: "0",
-  fill: "#1E79C2"
-}));
+  style,
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", {
+    cx: "3",
+    cy: "3",
+    r: "3",
+    strokeWidth: "0",
+    fill: "#1E79C2"
+  })
+});
 const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
   if (![import_props.DropIndicatorPosition.After, import_props.DropIndicatorPosition.Before].includes(dropIndicatorPosition))
     return null;
   const safeDropIndicatorPosition = isLast ? import_props.DropIndicatorPosition.Before : dropIndicatorPosition;
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ import_react.default.createElement(StyledIndicator, {
-    vertical,
-    dropIndicatorPosition: safeDropIndicatorPosition
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledIndicator, {
+        vertical,
+        dropIndicatorPosition: safeDropIndicatorPosition
+      })
+    ]
+  });
 };
 var DropIndicator_default = DropIndicator;
 //# sourceMappingURL=DropIndicator.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/DropIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,kCAAgC;AAChC,mBAAsC;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,SAAS,MAA0B;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,SAAS,OAA2B;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,4CAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,wBAAO;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,4CAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,6BAAAA,QAAA,cAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,6BAAAA,QAAA,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,mCAAsB,OAAO,mCAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,mCAAsB,SAAS;AAE1E,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC,GAChG,6BAAAA,QAAA,cAAC;AAAA,IAAgB;AAAA,IAAoB,uBAAuB;AAAA,GAA2B,CACzF;AAEJ;AAGA,IAAO,wBAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,kCAAgC;AAChC,mBAAsC;AAQtC,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,SAAS,MAA0B;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAAA,EAE3E;AACA,SAAO;AAAA,aACI,0BAA0B,mCAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,mCAAsB,QAAQ,MAAM;AAAA;AAE9E;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,SAAS,OAA2B;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,4CAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,mCAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,mCAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AACX;AAEA,MAAM,kBAAkB,wBAAO;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,4CAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,4CAAC;AAAA,EAAI,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,EACxB,sDAAC;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,mCAAsB,OAAO,mCAAsB,MAAM,EAAE,SAAS,qBAAqB;AAAG,WAAO;AAEzG,QAAM,4BAA4B,SAAS,mCAAsB,SAAS;AAE1E,SACE;AAAA,IACG;AAAA,sBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,0BAA0B,CAAC,CAAC;AAAA,MAChG,4CAAC;AAAA,QAAgB;AAAA,QAAoB,uBAAuB;AAAA,OAA2B;AAAA;AAAA,GACzF;AAEJ;AAGA,IAAO,wBAAQ;",
+  "names": []
 }

package/dist/cjs/parts/EmptyContent.js

@@ -29,6 +29,7 @@ __export(EmptyContent_exports, {
 });
 module.exports = __toCommonJS(EmptyContent_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -84,23 +85,35 @@ const EmptyContent = ({ width }) => {
     virtualListRef
   } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   if (import_react.default.isValidElement(noResultsPlaceholder))
-    return /* @__PURE__ */ import_react.default.createElement(CenterContentFlexWrapper, {
-      width
-    }, noResultsPlaceholder);
-  return /* @__PURE__ */ import_react.default.createElement(CenterContentFlexWrapper, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CenterContentFlexWrapper, {
+      width,
+      children: noResultsPlaceholder
+    });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CenterContentFlexWrapper, {
     width,
     "aria-live": "assertive",
-    role: "status"
-  }, /* @__PURE__ */ import_react.default.createElement(EmptyStateWrapper, {
-    width: virtualListRef.current?.clientWidth,
-    justifyContent: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(Icon, {
-    size: "xxl"
-  }), /* @__PURE__ */ import_react.default.createElement(PrimaryMessage, null, noResultsMessage), noResultsSecondaryMessage ? /* @__PURE__ */ import_react.default.createElement(SecondaryMessage, null, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ import_react.default.createElement(Button, {
-    buttonType: "secondary",
-    labelText: noResultsButtonLabel,
-    onClick: onNoResultsButtonClick
-  }) : null));
+    role: "status",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EmptyStateWrapper, {
+      width: virtualListRef.current?.clientWidth,
+      justifyContent: "center",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+          size: "xxl"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PrimaryMessage, {
+          children: noResultsMessage
+        }),
+        noResultsSecondaryMessage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SecondaryMessage, {
+          children: noResultsSecondaryMessage
+        }) : null,
+        noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Button, {
+          buttonType: "secondary",
+          labelText: noResultsButtonLabel,
+          onClick: onNoResultsButtonClick
+        }) : null
+      ]
+    })
+  });
 };
 var EmptyContent_default = EmptyContent;
 //# sourceMappingURL=EmptyContent.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/EmptyContent.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useContext } 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\nimport { DataTableContext } from '../DataTableContext';\n\nconst EmptyStateWrapper = styled(Grid)`\n  position: sticky;\n  height: fit-content;\n  top: 0;\n  left: 0;\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`;\nconst CenterContentFlexWrapper = styled.div<{ width: number | string }>`\n  width: ${({ width }) => width}px;\n  height: calc(100% - 48px);\n  display: flex;\n  align-items: center;\n`;\n\nconst EmptyContent: React.ComponentType<{ width: string | number }> = ({ width }) => {\n  const {\n    tableProps: {\n      noResultsPlaceholder,\n      noResultsMessage,\n      noResultsSecondaryMessage,\n      noResultsButtonLabel,\n      onNoResultsButtonClick,\n    },\n    virtualListRef,\n  } = useContext(DataTableContext);\n\n  if (React.isValidElement(noResultsPlaceholder))\n    return <CenterContentFlexWrapper width={width}>{noResultsPlaceholder}</CenterContentFlexWrapper>;\n\n  return (\n    <CenterContentFlexWrapper width={width} aria-live=\"assertive\" role=\"status\">\n      <EmptyStateWrapper width={virtualListRef.current?.clientWidth} justifyContent=\"center\">\n        <Icon size=\"xxl\" />\n        <PrimaryMessage>{noResultsMessage}</PrimaryMessage>\n        {noResultsSecondaryMessage ? <SecondaryMessage>{noResultsSecondaryMessage}</SecondaryMessage> : null}\n        {noResultsButtonLabel && onNoResultsButtonClick ? (\n          <Button buttonType=\"secondary\" labelText={noResultsButtonLabel} onClick={onNoResultsButtonClick} />\n        ) : null}\n      </EmptyStateWrapper>\n    </CenterContentFlexWrapper>\n  );\n};\n\nexport { EmptyContent };\nexport default EmptyContent;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,IAAAA,oBAAuB;AAEvB,8BAAiC;AAEjC,MAAM,wBAAoB,0BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,WAAO,0BAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,yBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,yBAAO;AAAA;AAAA,eAEjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,aAAS,0BAAO,yBAAQ;AAAA,gBACd,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAIvE,MAAM,2BAA2B,yBAAO;AAAA,WAC7B,CAAC,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,MAAM,MAAM;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAE/B,MAAI,aAAAC,QAAM,eAAe,oBAAoB;AAC3C,WAAO,6BAAAA,QAAA,cAAC;AAAA,MAAyB;AAAA,OAAe,oBAAqB;AAEvE,SACE,6BAAAA,QAAA,cAAC;AAAA,IAAyB;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,KACjE,6BAAAA,QAAA,cAAC;AAAA,IAAkB,OAAO,eAAe,SAAS;AAAA,IAAa,gBAAe;AAAA,KAC5E,6BAAAA,QAAA,cAAC;AAAA,IAAK,MAAK;AAAA,GAAM,GACjB,6BAAAA,QAAA,cAAC,sBAAgB,gBAAiB,GACjC,4BAA4B,6BAAAA,QAAA,cAAC,wBAAkB,yBAA0B,IAAsB,MAC/F,wBAAwB,yBACvB,6BAAAA,QAAA,cAAC;AAAA,IAAO,YAAW;AAAA,IAAY,WAAW;AAAA,IAAsB,SAAS;AAAA,GAAwB,IAC/F,IACN,CACF;AAEJ;AAGA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,qBAAqB;AACrB,sBAAgC;AAChC,uBAAmD;AACnD,uBAAyB;AACzB,IAAAA,oBAAuB;AAEvB,8BAAiC;AAEjC,MAAM,wBAAoB,0BAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,WAAO,0BAAO,+BAAe;AAAA,UACzB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,yBAAO;AAAA;AAAA;AAAA,eAGf,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,yBAAO;AAAA;AAAA,eAEjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,aAAS,0BAAO,yBAAQ;AAAA,gBACd,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAIvE,MAAM,2BAA2B,yBAAO;AAAA,WAC7B,CAAC,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,MAAM,MAAM;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,wCAAgB;AAE/B,MAAI,aAAAC,QAAM,eAAe,oBAAoB;AAC3C,WAAO,4CAAC;AAAA,MAAyB;AAAA,MAAe;AAAA,KAAqB;AAEvE,SACE,4CAAC;AAAA,IAAyB;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,IACjE,uDAAC;AAAA,MAAkB,OAAO,eAAe,SAAS;AAAA,MAAa,gBAAe;AAAA,MAC5E;AAAA,oDAAC;AAAA,UAAK,MAAK;AAAA,SAAM;AAAA,QACjB,4CAAC;AAAA,UAAgB;AAAA,SAAiB;AAAA,QACjC,4BAA4B,4CAAC;AAAA,UAAkB;AAAA,SAA0B,IAAsB;AAAA,QAC/F,wBAAwB,yBACvB,4CAAC;AAAA,UAAO,YAAW;AAAA,UAAY,WAAW;AAAA,UAAsB,SAAS;AAAA,SAAwB,IAC/F;AAAA;AAAA,KACN;AAAA,GACF;AAEJ;AAGA,IAAO,uBAAQ;",
   "names": ["import_ds_system", "React"]
 }

package/dist/cjs/parts/FilterBar/FiltersBar.js

@@ -28,6 +28,7 @@ __export(FiltersBar_exports, {
 });
 module.exports = __toCommonJS(FiltersBar_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_button = require("@elliemae/ds-button");
 var import_ds_icons = require("@elliemae/ds-icons");
@@ -87,54 +88,58 @@ const FiltersBar = () => {
       return filterBarProps.isDropdownMenuOpen;
     return isOpen;
   }, [filterBarProps?.isDropdownMenuOpen, isOpen]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledWrapper, {
     width,
     "aria-live": "polite",
     "aria-relevant": "additions removals",
-    gutter: "xs"
-  }, filters.map(({ id: column, type, value }, index) => {
-    const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;
-    let Component = () => null;
-    const filterType = type;
-    if (filterType in pillRenderMapper) {
-      Component = pillRenderMapper[filterType];
-    } else if (filterBarProps?.customPillRenderer) {
-      Component = filterBarProps.customPillRenderer;
-    }
-    return /* @__PURE__ */ import_react.default.createElement(Component, {
-      key: column,
-      columnHeader: typeof columnHeader === "string" ? columnHeader : column,
-      column,
-      value,
-      filters,
-      onFiltersChange,
-      prevRef: pillGroupRefs[index - 1],
-      innerRef: pillGroupRefs[index],
-      nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
-    });
-  }), filterBarAddonRenderer ? filterBarAddonRenderer({ innerRef: dropdownMenuRef }) : /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDropdownMenu, {
-    preventOverflow: "scrollParent",
-    isOpen: finalIsOpen,
-    onClose: onFilterBarClose,
-    onClickOutsideMenu: onFilterBarOnClickOutside,
-    options: [
-      {
-        id: "__internal__option__clear__filters",
-        label: "Clear Filters",
-        onClick: removeAllFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code))
-            removeAllFilters();
+    gutter: "xs",
+    children: [
+      filters.map(({ id: column, type, value }, index) => {
+        const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;
+        let Component = () => null;
+        const filterType = type;
+        if (filterType in pillRenderMapper) {
+          Component = pillRenderMapper[filterType];
+        } else if (filterBarProps?.customPillRenderer) {
+          Component = filterBarProps.customPillRenderer;
         }
-      },
-      ...filterBarProps?.extraOptions || []
-    ],
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButtonV2, {
-      "data-testid": import_constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-      buttonType: "icon",
-      innerRef: dropdownMenuRef,
-      onClick: onTriggerClick
-    }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null))
-  }));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
+          columnHeader: typeof columnHeader === "string" ? columnHeader : column,
+          column,
+          value,
+          filters,
+          onFiltersChange,
+          prevRef: pillGroupRefs[index - 1],
+          innerRef: pillGroupRefs[index],
+          nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
+        }, column);
+      }),
+      filterBarAddonRenderer ? filterBarAddonRenderer({ innerRef: dropdownMenuRef }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledDropdownMenu, {
+        preventOverflow: "scrollParent",
+        isOpen: finalIsOpen,
+        onClose: onFilterBarClose,
+        onClickOutsideMenu: onFilterBarOnClickOutside,
+        options: [
+          {
+            id: "__internal__option__clear__filters",
+            label: "Clear Filters",
+            onClick: removeAllFilters,
+            onKeyDown: (e) => {
+              if (["Enter", "Space"].includes(e.code))
+                removeAllFilters();
+            }
+          },
+          ...filterBarProps?.extraOptions || []
+        ],
+        triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButtonV2, {
+          "data-testid": import_constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
+          buttonType: "icon",
+          innerRef: dropdownMenuRef,
+          onClick: onTriggerClick,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {})
+        })
+      })
+    ]
+  });
 };
 //# sourceMappingURL=FiltersBar.js.map

package/dist/cjs/parts/FilterBar/FiltersBar.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/FilterBar/FiltersBar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { FILTER_TYPES } from '../../exported-related';\nimport {\n  SelectPill,\n  MultiSelectPill,\n  SingleDatePill,\n  DateRangePill,\n  NumberRangePill,\n  DateSwitcherPill,\n} from './components';\nimport { DataTableContext } from '../../DataTableContext';\nimport { StyledDropdownMenu, StyledWrapper } from './styled';\nimport { FilterPillComponent } from './types';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst pillRenderMapper: Record<string, FilterPillComponent<any>> = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n};\n\nexport const FiltersBar: React.ComponentType = () => {\n  const {\n    tableProps: { width, filterBarProps, onFiltersChange, filters },\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const pillGroupRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n\n  const dropdownMenuRef = useRef(null);\n\n  const { filterBarAddonRenderer } = filterBarProps || {};\n\n  const removeAllFilters = useCallback(() => {\n    onFiltersChange([]);\n    filterBarProps?.onClearAllFiltersClick?.();\n    setIsOpen(false);\n  }, [onFiltersChange, filterBarProps?.onClearAllFiltersClick]);\n\n  const onFilterBarClose = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(false, 'onClose');\n    dropdownMenuRef.current.focus();\n    setIsOpen(false);\n  }, [filterBarProps?.onDropdownMenuToggle]);\n\n  const onFilterBarOpen = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(true, 'onOpen');\n    setIsOpen(true);\n  }, [filterBarProps?.onDropdownMenuToggle]);\n\n  const onFilterBarOnClickOutside = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(false, 'onClickOutside');\n    filterBarProps?.onDropdownMenuClickOutside?.();\n    setIsOpen(false);\n  }, [filterBarProps?.onDropdownMenuToggle, filterBarProps?.onDropdownMenuClickOutside]);\n\n  const onTriggerClick = useCallback(() => {\n    filterBarProps?.onDropdownMenuTriggerClick?.();\n    onFilterBarOpen();\n  }, [filterBarProps?.onDropdownMenuTriggerClick]);\n\n  const finalIsOpen = useMemo(() => {\n    if (typeof filterBarProps?.isDropdownMenuOpen === 'boolean') return filterBarProps.isDropdownMenuOpen;\n    return isOpen;\n  }, [filterBarProps?.isDropdownMenuOpen, isOpen]);\n\n  return (\n    <StyledWrapper width={width} aria-live=\"polite\" aria-relevant=\"additions removals\" gutter=\"xs\">\n      {filters.map(({ id: column, type, value }, index) => {\n        const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;\n        let Component: FilterPillComponent<unknown> = () => null;\n\n        const filterType = type;\n        if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType];\n        } else if (filterBarProps?.customPillRenderer) {\n          Component = filterBarProps.customPillRenderer;\n        }\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            value={value}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            prevRef={pillGroupRefs[index - 1]}\n            innerRef={pillGroupRefs[index]}\n            nextRef={pillGroupRefs[index + 1] ?? dropdownMenuRef}\n          />\n        );\n      })}\n      {filterBarAddonRenderer ? (\n        filterBarAddonRenderer({ innerRef: dropdownMenuRef })\n      ) : (\n        <StyledDropdownMenu\n          preventOverflow=\"scrollParent\"\n          isOpen={finalIsOpen}\n          onClose={onFilterBarClose}\n          onClickOutsideMenu={onFilterBarOnClickOutside}\n          options={[\n            {\n              id: '__internal__option__clear__filters',\n              label: 'Clear Filters',\n              onClick: removeAllFilters,\n              onKeyDown: (e: React.KeyboardEvent) => {\n                if (['Enter', 'Space'].includes(e.code)) removeAllFilters();\n              },\n            },\n            ...(filterBarProps?.extraOptions || []),\n          ]}\n          triggerComponent={\n            <DSButtonV2\n              data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n              buttonType=\"icon\"\n              innerRef={dropdownMenuRef}\n              onClick={onTriggerClick}\n            >\n              <MoreOptionsVert />\n            </DSButtonV2>\n          }\n        />\n      )}\n    </StyledWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/cjs/parts/FilterBar/components/DateRangePill.js

@@ -28,7 +28,8 @@ __export(DateRangePill_exports, {
 });
 module.exports = __toCommonJS(DateRangePill_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_pills = require("@elliemae/ds-pills");
 const format = (value) => value?.replace(/-/g, "/");
 const DateRangePill = ({
@@ -48,14 +49,19 @@ const DateRangePill = ({
       nextRef.current?.focus();
     onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    type: "removable",
-    label: `${format(value.startDate)} - ${format(value.endDate)}`,
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_pills.DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills.DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills.DSPillV2, {
+        type: "removable",
+        label: `${format(value.startDate)} - ${format(value.endDate)}`,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=DateRangePill.js.map

package/dist/cjs/parts/FilterBar/components/DateRangePill.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/DateRangePill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateRangePill: FilterPillComponent<{ startDate: string; endDate: string }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={`${format(value.startDate)} - ${format(value.endDate)}`}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,gBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAiB,0BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACL,OAAO,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO;AAAA,IAC3D,UAAU;AAAA,IACV;AAAA,GACF,CACF,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,gBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAiB,0BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,4CAAC;AAAA,QACC,MAAK;AAAA,QACL,OAAO,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO;AAAA,QAC3D,UAAU;AAAA,QACV;AAAA,OACF;AAAA;AAAA,GACF,IACE;AACN;",
+  "names": []
 }

package/dist/cjs/parts/FilterBar/components/DateSwitcherPill.js

@@ -28,7 +28,8 @@ __export(DateSwitcherPill_exports, {
 });
 module.exports = __toCommonJS(DateSwitcherPill_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_pills = require("@elliemae/ds-pills");
 const format = (value) => value?.replace(/-/g, "/");
 const DateSwitcherPill = ({
@@ -48,14 +49,19 @@ const DateSwitcherPill = ({
       nextRef.current?.focus();
     onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    type: "removable",
-    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_pills.DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills.DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills.DSPillV2, {
+        type: "removable",
+        label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=DateSwitcherPill.js.map

package/dist/cjs/parts/FilterBar/components/DateSwitcherPill.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateSwitcherPill: FilterPillComponent<{ startDate: string; endDate: string; isDateRange: boolean }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate)}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAiB,0BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM,SAAS;AAAA,IAC3G,UAAU;AAAA,IACV;AAAA,GACF,CACF,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAiB,0BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,4CAAC;AAAA,QACC,MAAK;AAAA,QACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM,SAAS;AAAA,QAC3G,UAAU;AAAA,QACV;AAAA,OACF;AAAA;AAAA,GACF,IACE;AACN;",
+  "names": []
 }