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

package/dist/esm/addons/Filters/Components/SingleDateFilter/index.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useRef, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useRef, useEffect, useState } from "react";
 import { DatePicker2 } from "@elliemae/ds-icons";
 import { Grid } from "@elliemae/ds-grid";
 import { DSControlledDateTimePicker } from "@elliemae/ds-controlled-form";
@@ -43,30 +44,36 @@ const SingleDateFilter = (props) => {
       shouldFocus.current = true;
     }
   }, [reduxHeader?.hideFilterMenu]);
-  return /* @__PURE__ */ React2.createElement(FilterPopover, {
+  return /* @__PURE__ */ jsx(FilterPopover, {
     reduxHeader,
     column,
     columnId: column.id,
-    menuContent: /* @__PURE__ */ React2.createElement(Grid, {
+    menuContent: /* @__PURE__ */ jsxs(Grid, {
       "data-testid": DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER,
-      width: "260px"
-    }, /* @__PURE__ */ React2.createElement(Grid, {
-      p: "xxs",
-      style: { background: "white" }
-    }, /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-      date,
-      onDateChange: setDate,
-      type: "date-inputs",
-      isClearable: true,
-      innerRef: handleRef
-    })), /* @__PURE__ */ React2.createElement(Grid, {
-      onKeyDown: (e) => e.code === "Enter" && setTimeout(commitDateChange, 0)
-    }, /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-      date,
-      onDateChange: setDate,
-      type: "date-picker-controller-only"
-    }))),
-    triggerIcon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+      width: "260px",
+      children: [
+        /* @__PURE__ */ jsx(Grid, {
+          p: "xxs",
+          style: { background: "white" },
+          children: /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
+            date,
+            onDateChange: setDate,
+            type: "date-inputs",
+            isClearable: true,
+            innerRef: handleRef
+          })
+        }),
+        /* @__PURE__ */ jsx(Grid, {
+          onKeyDown: (e) => e.code === "Enter" && setTimeout(commitDateChange, 0),
+          children: /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
+            date,
+            onDateChange: setDate,
+            type: "date-picker-controller-only"
+          })
+        })
+      ]
+    }),
+    triggerIcon: /* @__PURE__ */ jsx(DatePicker2, {}),
     innerRef,
     ariaLabel: "Open Single Date Filter"
   });

package/dist/esm/addons/Filters/Components/SingleDateFilter/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/addons/Filters/Components/SingleDateFilter/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useMemo, useRef, useEffect, useState } from 'react';\nimport { DatePicker2 } from '@elliemae/ds-icons';\n\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';\nimport { FilterPopover, FILTER_TYPES } from '../../../../exported-related';\nimport { FilterProps } from '../../../../types/props';\nimport { DATA_TESTID } from '../../../../configs/constants';\n\nexport const SingleDateFilter: React.ComponentType<FilterProps> = (props) => {\n  const {\n    column,\n    column: { id },\n    filterValue,\n    reduxHeader,\n    onValueChange,\n    patchHeaderFilterButtonAndMenu,\n    innerRef,\n  } = props;\n\n  const [date, setDate] = useState(filterValue || '');\n\n  useEffect(() => {\n    setDate(filterValue || '');\n  }, [filterValue]);\n\n  useEffect(() => {\n    if (!date.includes('_')) onValueChange(FILTER_TYPES.SINGLE_DATE, date || undefined);\n    // We are missing onValueChange on purpose, this is an internal function and won't cause any problems\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [date]);\n\n  const commitDateChange = useCallback(() => {\n    patchHeaderFilterButtonAndMenu(id, true);\n  }, [id, patchHeaderFilterButtonAndMenu]);\n\n  const ref = useRef();\n  const shouldFocus = useRef(true);\n  const handleRef = useCallback((newRef) => {\n    if (ref.current) ref.current = newRef;\n    if (shouldFocus.current) {\n      setTimeout(() => {\n        newRef?.focus();\n        shouldFocus.current = false;\n      });\n    }\n  }, []);\n\n  useEffect(() => {\n    if (reduxHeader?.hideFilterMenu) {\n      shouldFocus.current = true;\n    }\n  }, [reduxHeader?.hideFilterMenu]);\n\n  return (\n    <FilterPopover\n      reduxHeader={reduxHeader}\n      column={column}\n      columnId={column.id}\n      menuContent={\n        <Grid data-testid={DATA_TESTID.DATA_TABLE_SINGLE_DATE_CONTROLLER} width=\"260px\">\n          <Grid p=\"xxs\" style={{ background: 'white' }}>\n            <DSControlledDateTimePicker\n              date={date}\n              onDateChange={setDate}\n              type=\"date-inputs\"\n              isClearable\n              innerRef={handleRef}\n            />\n          </Grid>\n          <Grid onKeyDown={(e) => e.code === 'Enter' && setTimeout(commitDateChange, 0)}>\n            <DSControlledDateTimePicker date={date} onDateChange={setDate} type=\"date-picker-controller-only\" />\n          </Grid>\n        </Grid>\n      }\n      triggerIcon={<DatePicker2 />}\n      innerRef={innerRef}\n      ariaLabel=\"Open Single Date Filter\"\n    />\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,aAAsB,QAAQ,WAAW,gBAAgB;AACzE,SAAS,mBAAmB;AAE5B,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAC3C,SAAS,eAAe,oBAAoB;AAE5C,SAAS,mBAAmB;AAErB,MAAM,mBAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,eAAe,EAAE;AAElD,YAAU,MAAM;AACd,YAAQ,eAAe,EAAE;AAAA,EAC3B,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,CAAC,KAAK,SAAS,GAAG;AAAG,oBAAc,aAAa,aAAa,QAAQ,MAAS;AAAA,EAGpF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,mBAAmB,YAAY,MAAM;AACzC,mCAA+B,IAAI,IAAI;AAAA,EACzC,GAAG,CAAC,IAAI,8BAA8B,CAAC;AAEvC,QAAM,MAAM,OAAO;AACnB,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,YAAY,YAAY,CAAC,WAAW;AACxC,QAAI,IAAI;AAAS,UAAI,UAAU;AAC/B,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,gBAAAA,OAAA,cAAC;AAAA,MAAK,eAAa,YAAY;AAAA,MAAmC,OAAM;AAAA,OACtE,gBAAAA,OAAA,cAAC;AAAA,MAAK,GAAE;AAAA,MAAM,OAAO,EAAE,YAAY,QAAQ;AAAA,OACzC,gBAAAA,OAAA,cAAC;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,MAAK;AAAA,MACL,aAAW;AAAA,MACX,UAAU;AAAA,KACZ,CACF,GACA,gBAAAA,OAAA,cAAC;AAAA,MAAK,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,WAAW,kBAAkB,CAAC;AAAA,OAC1E,gBAAAA,OAAA,cAAC;AAAA,MAA2B;AAAA,MAAY,cAAc;AAAA,MAAS,MAAK;AAAA,KAA8B,CACpG,CACF;AAAA,IAEF,aAAa,gBAAAA,OAAA,cAAC,iBAAY;AAAA,IAC1B;AAAA,IACA,WAAU;AAAA,GACZ;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,aAAsB,QAAQ,WAAW,gBAAgB;AACzE,SAAS,mBAAmB;AAE5B,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAC3C,SAAS,eAAe,oBAAoB;AAE5C,SAAS,mBAAmB;AAErB,MAAM,mBAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ,EAAE,GAAG;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,eAAe,EAAE;AAElD,YAAU,MAAM;AACd,YAAQ,eAAe,EAAE;AAAA,EAC3B,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACd,QAAI,CAAC,KAAK,SAAS,GAAG;AAAG,oBAAc,aAAa,aAAa,QAAQ,MAAS;AAAA,EAGpF,GAAG,CAAC,IAAI,CAAC;AAET,QAAM,mBAAmB,YAAY,MAAM;AACzC,mCAA+B,IAAI,IAAI;AAAA,EACzC,GAAG,CAAC,IAAI,8BAA8B,CAAC;AAEvC,QAAM,MAAM,OAAO;AACnB,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,YAAY,YAAY,CAAC,WAAW;AACxC,QAAI,IAAI;AAAS,UAAI,UAAU;AAC/B,QAAI,YAAY,SAAS;AACvB,iBAAW,MAAM;AACf,gBAAQ,MAAM;AACd,oBAAY,UAAU;AAAA,MACxB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,QAAI,aAAa,gBAAgB;AAC/B,kBAAY,UAAU;AAAA,IACxB;AAAA,EACF,GAAG,CAAC,aAAa,cAAc,CAAC;AAEhC,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,UAAU,OAAO;AAAA,IACjB,aACE,qBAAC;AAAA,MAAK,eAAa,YAAY;AAAA,MAAmC,OAAM;AAAA,MACtE;AAAA,4BAAC;AAAA,UAAK,GAAE;AAAA,UAAM,OAAO,EAAE,YAAY,QAAQ;AAAA,UACzC,8BAAC;AAAA,YACC;AAAA,YACA,cAAc;AAAA,YACd,MAAK;AAAA,YACL,aAAW;AAAA,YACX,UAAU;AAAA,WACZ;AAAA,SACF;AAAA,QACA,oBAAC;AAAA,UAAK,WAAW,CAAC,MAAM,EAAE,SAAS,WAAW,WAAW,kBAAkB,CAAC;AAAA,UAC1E,8BAAC;AAAA,YAA2B;AAAA,YAAY,cAAc;AAAA,YAAS,MAAK;AAAA,WAA8B;AAAA,SACpG;AAAA;AAAA,KACF;AAAA,IAEF,aAAa,oBAAC,eAAY;AAAA,IAC1B;AAAA,IACA,WAAU;AAAA,GACZ;AAEJ;",
+  "names": []
 }

package/dist/esm/addons/Pagination/Pagination.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useContext, useEffect, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useEffect, useMemo } from "react";
 import { DSPagination } from "@elliemae/ds-pagination";
 import { DataTableContext } from "../../DataTableContext";
 const Pagination = () => {
@@ -13,7 +14,7 @@ const Pagination = () => {
   useEffect(() => {
     onPageChanged(originalPage);
   }, [onPageChanged, originalPage]);
-  return /* @__PURE__ */ React2.createElement(DSPagination, {
+  return /* @__PURE__ */ jsx(DSPagination, {
     ...paginationHelpers,
     width: totalColumnsWidth
   });

package/dist/esm/addons/Pagination/Pagination.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/addons/Pagination/Pagination.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useEffect, useMemo } from 'react';\nimport { DSPagination } from '@elliemae/ds-pagination';\nimport { DataTableContext } from '../../DataTableContext';\n\nexport const Pagination: React.ComponentType<Record<string, never>> = () => {\n  const {\n    tableProps: { onPageChanged },\n    paginationHelpers,\n    flattenedData: page,\n    layoutHelpers: { totalColumnsWidth },\n  } = useContext(DataTableContext);\n\n  const originalPage = useMemo(() => page.map((row) => row.original), [page]);\n\n  useEffect(() => {\n    onPageChanged(originalPage);\n  }, [onPageChanged, originalPage]);\n\n  return <DSPagination {...paginationHelpers} width={totalColumnsWidth} />;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,YAAY,WAAW,eAAe;AACtD,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAE1B,MAAM,aAAyD,MAAM;AAC1E,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B;AAAA,IACA,eAAe;AAAA,IACf,eAAe,EAAE,kBAAkB;AAAA,EACrC,IAAI,WAAW,gBAAgB;AAE/B,QAAM,eAAe,QAAQ,MAAM,KAAK,IAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC;AAE1E,YAAU,MAAM;AACd,kBAAc,YAAY;AAAA,EAC5B,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,gBAAAA,OAAA,cAAC;AAAA,IAAc,GAAG;AAAA,IAAmB,OAAO;AAAA,GAAmB;AACxE;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,YAAY,WAAW,eAAe;AACtD,SAAS,oBAAoB;AAC7B,SAAS,wBAAwB;AAE1B,MAAM,aAAyD,MAAM;AAC1E,QAAM;AAAA,IACJ,YAAY,EAAE,cAAc;AAAA,IAC5B;AAAA,IACA,eAAe;AAAA,IACf,eAAe,EAAE,kBAAkB;AAAA,EACrC,IAAI,WAAW,gBAAgB;AAE/B,QAAM,eAAe,QAAQ,MAAM,KAAK,IAAI,CAAC,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,CAAC;AAE1E,YAAU,MAAM;AACd,kBAAc,YAAY;AAAA,EAC5B,GAAG,CAAC,eAAe,YAAY,CAAC;AAEhC,SAAO,oBAAC;AAAA,IAAc,GAAG;AAAA,IAAmB,OAAO;AAAA,GAAmB;AACxE;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useCallback, useContext, useLayoutEffect } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useContext, useLayoutEffect } from "react";
 import { StyledPencilIcon, StyledEditableContainer } from "../styled";
 import { DataTableContext } from "../DataTableContext";
 const EditableCell = (props) => {
@@ -44,7 +45,7 @@ const EditableCell = (props) => {
     [isEditing]
   );
   const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
-  return /* @__PURE__ */ React2.createElement(StyledEditableContainer, {
+  return /* @__PURE__ */ jsxs(StyledEditableContainer, {
     cols,
     tabIndex: isRowSelected && !isEditing ? 0 : -1,
     ref: cell.ref,
@@ -53,12 +54,21 @@ const EditableCell = (props) => {
     onBlur: handleOnBlur,
     shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
     role: "cell",
-    "aria-labelledby": isEditing ? void 0 : cell.id
-  }, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ React2.createElement(StyledPencilIcon, null), /* @__PURE__ */ React2.createElement("span", {
-    id: cell.id,
-    style: { display: "none" },
-    "aria-hidden": "true"
-  }, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
+    "aria-labelledby": isEditing ? void 0 : cell.id,
+    children: [
+      !isEditing ? StandardRender : EditableRenderer,
+      !isEditing && /* @__PURE__ */ jsx(StyledPencilIcon, {}),
+      /* @__PURE__ */ jsxs("span", {
+        id: cell.id,
+        style: { display: "none" },
+        "aria-hidden": "true",
+        children: [
+          cell.value,
+          ", editable cell. To edit the content's of this cell, press the Enter key"
+        ]
+      })
+    ]
+  });
 };
 export {
   EditableCell

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/EditableCell.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\n\nexport const EditableCell: React.ComponentType<any> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected } = props;\n  const { virtualListHelpers } = useContext(DataTableContext);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isEditing) {\n        e.stopPropagation();\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: EventTarget) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      ref={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"cell\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={cell.id} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,UAAU,aAAa,YAAY,uBAAuB;AAC1E,SAAS,kBAAkB,+BAA+B;AAC1D,SAAS,wBAAwB;AAE1B,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,EAAE,mBAAmB,IAAI,WAAW,gBAAgB;AAE1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,CAAC,WAAW;AACd,UAAE,gBAAgB;AAClB,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,UAAuB;AACtB,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,KAE7C,CAAC,YAAY,iBAAiB,kBAC9B,CAAC,aAAa,gBAAAA,OAAA,cAAC,sBAAiB,GACjC,gBAAAA,OAAA,cAAC;AAAA,IAAK,IAAI,KAAK;AAAA,IAAI,OAAO,EAAE,SAAS,OAAO;AAAA,IAAG,eAAY;AAAA,KACxD,KAAK,OAAM,0EACd,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,UAAU,aAAa,YAAY,uBAAuB;AAC1E,SAAS,kBAAkB,+BAA+B;AAC1D,SAAS,wBAAwB;AAE1B,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,cAAc,IAAI;AAClE,QAAM,EAAE,mBAAmB,IAAI,WAAW,gBAAgB;AAE1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,KAAK;AAExD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB,QAAQ;AAC3B,uBAAiB,SAAS;AAAA,IAC5B;AAAA,EAEF,GAAG,CAAC,SAAS,CAAC;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,CAAC,WAAW;AACd,UAAE,gBAAgB;AAClB,qBAAa,IAAI;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,WAAW;AACb,UAAE,gBAAgB;AAClB,YAAI,CAAC,SAAS,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG;AACxC,uBAAa,KAAK;AAAA,QACpB;AAAA,MACF,WAAW,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI,GAAG;AAC9C,wBAAgB,CAAC;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,WAAW,iBAAiB,YAAY;AAAA,EAC3C;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,UAAuB;AACtB,UAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,aAAa,GAAG;AAEpE,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AACA,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,aAAa,IAAI,CAAC,MAAM;AAC3D,SACE,qBAAC;AAAA,IACC;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,IAE7C;AAAA,OAAC,YAAY,iBAAiB;AAAA,MAC9B,CAAC,aAAa,oBAAC,oBAAiB;AAAA,MACjC,qBAAC;AAAA,QAAK,IAAI,KAAK;AAAA,QAAI,OAAO,EAAE,SAAS,OAAO;AAAA,QAAG,eAAY;AAAA,QACxD;AAAA,eAAK;AAAA,UAAM;AAAA;AAAA,OACd;AAAA;AAAA,GACF;AAEJ;",
+  "names": []
 }

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useState, useContext, useCallback, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useState, useContext, useCallback, useMemo } from "react";
 import { DSDropdownMenuV2 } from "@elliemae/ds-dropdownmenu";
 import { DSButtonV2, BUTTON_TYPES } from "@elliemae/ds-button";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
@@ -31,25 +32,28 @@ const FilterBarDropdownMenu = (props) => {
     ],
     [extraOptions, removeFilters]
   );
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: { marginLeft: "auto" }
-  }, /* @__PURE__ */ React2.createElement(DSDropdownMenuV2, {
-    isOpened,
-    startPlacementPreference: "bottom-end",
-    options,
-    onClickOutside: () => {
-      setIsOpened(false);
-    },
-    onKeyDown: (e) => {
-      if (e.code === "Escape")
-        innerRef?.current?.focus?.();
-    }
-  }, /* @__PURE__ */ React2.createElement(DSButtonV2, {
-    buttonType: BUTTON_TYPES.ICON,
-    onClick: () => setIsOpened((prevOpened) => !prevOpened),
-    innerRef,
-    ...restProps
-  }, /* @__PURE__ */ React2.createElement(MoreOptionsVert, null))));
+  return /* @__PURE__ */ jsx("div", {
+    style: { marginLeft: "auto" },
+    children: /* @__PURE__ */ jsx(DSDropdownMenuV2, {
+      isOpened,
+      startPlacementPreference: "bottom-end",
+      options,
+      onClickOutside: () => {
+        setIsOpened(false);
+      },
+      onKeyDown: (e) => {
+        if (e.code === "Escape")
+          innerRef?.current?.focus?.();
+      },
+      children: /* @__PURE__ */ jsx(DSButtonV2, {
+        buttonType: BUTTON_TYPES.ICON,
+        onClick: () => setIsOpened((prevOpened) => !prevOpened),
+        innerRef,
+        ...restProps,
+        children: /* @__PURE__ */ jsx(MoreOptionsVert, {})
+      })
+    })
+  });
 };
 export {
   FilterBarDropdownMenu

package/dist/esm/exported-related/FilterBar/FilterBarDropdownMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/FilterBar/FilterBarDropdownMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useContext, useRef, useCallback, useMemo } from 'react';\nimport { DSDropdownMenuV2 } from '@elliemae/ds-dropdownmenu';\nimport { DSButtonV2, BUTTON_TYPES } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { DataTableContext } from '../../DataTableContext';\n\nexport const FilterBarDropdownMenu = (props) => {\n  const {\n    tableProps: { onFiltersChange },\n  } = useContext(DataTableContext);\n  const [isOpened, setIsOpened] = useState(false);\n\n  const { options: extraOptions, innerRef, ...restProps } = props;\n  const removeFilters = useCallback(() => {\n    onFiltersChange([]);\n    setIsOpened(false);\n    innerRef?.current?.focus?.();\n  }, [innerRef, onFiltersChange]);\n\n  const options = useMemo(\n    () => [\n      {\n        dsId: '__internal__option__clear__filters',\n        label: 'Clear Filters',\n        type: 'single',\n        onClick: removeFilters,\n        onKeyDown: (e: React.KeyboardEvent) => {\n          if (['Enter', 'Space'].includes(e.code)) removeFilters();\n        },\n      },\n      ...extraOptions,\n    ],\n    [extraOptions, removeFilters],\n  );\n\n  return (\n    <div style={{ marginLeft: 'auto' }}>\n      <DSDropdownMenuV2\n        isOpened={isOpened}\n        startPlacementPreference=\"bottom-end\"\n        options={options}\n        onClickOutside={() => {\n          setIsOpened(false);\n        }}\n        onKeyDown={(e: React.KeyboardEvent) => {\n          if (e.code === 'Escape') innerRef?.current?.focus?.();\n        }}\n      >\n        <DSButtonV2\n          buttonType={BUTTON_TYPES.ICON}\n          onClick={() => setIsOpened((prevOpened) => !prevOpened)}\n          innerRef={innerRef}\n          {...restProps}\n        >\n          <MoreOptionsVert />\n        </DSButtonV2>\n      </DSDropdownMenuV2>\n    </div>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,UAAU,YAAoB,aAAa,eAAe;AAC1E,SAAS,wBAAwB;AACjC,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,wBAAwB,CAAC,UAAU;AAC9C,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,EAChC,IAAI,WAAW,gBAAgB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,cAAc,aAAa,UAAU,IAAI;AAC1D,QAAM,gBAAgB,YAAY,MAAM;AACtC,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI;AAAG,0BAAc;AAAA,QACzD;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,KAC/B,gBAAAA,OAAA,cAAC;AAAA,IACC;AAAA,IACA,0BAAyB;AAAA,IACzB;AAAA,IACA,gBAAgB,MAAM;AACpB,kBAAY,KAAK;AAAA,IACnB;AAAA,IACA,WAAW,CAAC,MAA2B;AACrC,UAAI,EAAE,SAAS;AAAU,kBAAU,SAAS,QAAQ;AAAA,IACtD;AAAA,KAEA,gBAAAA,OAAA,cAAC;AAAA,IACC,YAAY,aAAa;AAAA,IACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,IACtD;AAAA,IACC,GAAG;AAAA,KAEJ,gBAAAA,OAAA,cAAC,qBAAgB,CACnB,CACF,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,UAAU,YAAoB,aAAa,eAAe;AAC1E,SAAS,wBAAwB;AACjC,SAAS,YAAY,oBAAoB;AACzC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,wBAAwB,CAAC,UAAU;AAC9C,QAAM;AAAA,IACJ,YAAY,EAAE,gBAAgB;AAAA,EAChC,IAAI,WAAW,gBAAgB;AAC/B,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,SAAS,cAAc,aAAa,UAAU,IAAI;AAC1D,QAAM,gBAAgB,YAAY,MAAM;AACtC,oBAAgB,CAAC,CAAC;AAClB,gBAAY,KAAK;AACjB,cAAU,SAAS,QAAQ;AAAA,EAC7B,GAAG,CAAC,UAAU,eAAe,CAAC;AAE9B,QAAM,UAAU;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,WAAW,CAAC,MAA2B;AACrC,cAAI,CAAC,SAAS,OAAO,EAAE,SAAS,EAAE,IAAI;AAAG,0BAAc;AAAA,QACzD;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,cAAc,aAAa;AAAA,EAC9B;AAEA,SACE,oBAAC;AAAA,IAAI,OAAO,EAAE,YAAY,OAAO;AAAA,IAC/B,8BAAC;AAAA,MACC;AAAA,MACA,0BAAyB;AAAA,MACzB;AAAA,MACA,gBAAgB,MAAM;AACpB,oBAAY,KAAK;AAAA,MACnB;AAAA,MACA,WAAW,CAAC,MAA2B;AACrC,YAAI,EAAE,SAAS;AAAU,oBAAU,SAAS,QAAQ;AAAA,MACtD;AAAA,MAEA,8BAAC;AAAA,QACC,YAAY,aAAa;AAAA,QACzB,SAAS,MAAM,YAAY,CAAC,eAAe,CAAC,UAAU;AAAA,QACtD;AAAA,QACC,GAAG;AAAA,QAEJ,8BAAC,mBAAgB;AAAA,OACnB;AAAA,KACF;AAAA,GACF;AAEJ;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useContext, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useContext, useEffect, useState } from "react";
 import { DSButton } from "@elliemae/ds-button";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
 import { styled } from "@elliemae/ds-system";
@@ -16,7 +17,7 @@ const Button = styled(DSButton)`
 const PopperContent = styled.div`
   background-color: #fff;
 `;
-const ButtonTrap = ({ cb }) => /* @__PURE__ */ React2.createElement("span", {
+const ButtonTrap = ({ cb }) => /* @__PURE__ */ jsx("span", {
   "aria-hidden": "true",
   tabIndex: 0,
   onFocus: (e) => {
@@ -70,7 +71,7 @@ const FilterPopover = ({
     patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
     referenceElement?.focus();
   }, [columnId, patchHeader, referenceElement]);
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /* @__PURE__ */ jsxs("div", {
     onClick: (e) => e.stopPropagation(),
     onKeyDown: (e) => {
       e.stopPropagation();
@@ -82,42 +83,54 @@ const FilterPopover = ({
         e.preventDefault();
       }
     },
-    style: { display: "flex" }
-  }, /* @__PURE__ */ React2.createElement(FilterButton, {
-    hide: !isIconVisible,
-    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    onClick: handleTriggerClick,
-    buttonType: "text",
-    "aria-label": ariaLabel,
-    "aria-hidden": "true",
-    size: "s",
-    leftIcon: triggerIcon,
-    innerRef: (_ref) => {
-      if (isIconVisible)
-        setReferenceElement(_ref);
-      innerRef.current = _ref;
-    },
-    tabIndex: reduxHeader?.withTabStops ? 0 : -1
-  })), referenceElement && /* @__PURE__ */ React2.createElement(DSPopperJS, {
-    referenceElement,
-    showPopover: isMenuOpen,
-    closeContextMenu: handleClickOutsideMenu,
-    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
-    startPlacementPreference: "bottom-end",
-    customOffset: [5, 4],
-    withoutArrow: true,
-    withoutAnimation: true,
-    extraPopperStyles: {
-      ...customStyles,
-      minWidth: column.ref?.current?.offsetWidth ?? "0px"
-    },
-    placementOrderPreference: ["bottom-end"]
-  }, /* @__PURE__ */ React2.createElement(PopperContent, null, /* @__PURE__ */ React2.createElement(ButtonTrap, {
-    cb: buttonTrapCallback
-  }), menuContent, /* @__PURE__ */ React2.createElement(ButtonTrap, {
-    cb: buttonTrapCallback
-  }))));
+    style: { display: "flex" },
+    children: [
+      /* @__PURE__ */ jsx(FilterButton, {
+        hide: !isIconVisible,
+        "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON,
+        children: /* @__PURE__ */ jsx(Button, {
+          onClick: handleTriggerClick,
+          buttonType: "text",
+          "aria-label": ariaLabel,
+          "aria-hidden": "true",
+          size: "s",
+          leftIcon: triggerIcon,
+          innerRef: (_ref) => {
+            if (isIconVisible)
+              setReferenceElement(_ref);
+            innerRef.current = _ref;
+          },
+          tabIndex: reduxHeader?.withTabStops ? 0 : -1
+        })
+      }),
+      referenceElement && /* @__PURE__ */ jsx(DSPopperJS, {
+        referenceElement,
+        showPopover: isMenuOpen,
+        closeContextMenu: handleClickOutsideMenu,
+        "data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
+        startPlacementPreference: "bottom-end",
+        customOffset: [5, 4],
+        withoutArrow: true,
+        withoutAnimation: true,
+        extraPopperStyles: {
+          ...customStyles,
+          minWidth: column.ref?.current?.offsetWidth ?? "0px"
+        },
+        placementOrderPreference: ["bottom-end"],
+        children: /* @__PURE__ */ jsxs(PopperContent, {
+          children: [
+            /* @__PURE__ */ jsx(ButtonTrap, {
+              cb: buttonTrapCallback
+            }),
+            menuContent,
+            /* @__PURE__ */ jsx(ButtonTrap, {
+              cb: buttonTrapCallback
+            })
+          ]
+        })
+      })
+    ]
+  });
 };
 export {
   FilterPopover

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterPopover.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { MutableRefObject, useCallback, useContext, useEffect, useState } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { styled } from '@elliemae/ds-system';\nimport DataTableContext from '../DataTableContext';\nimport { DATA_TESTID } from '../configs/constants';\nimport { ReduxHeader, TypescriptColumn } from '../types/props';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst Button = styled(DSButton)`\n  position: relative;\n  justify-self: flex-end;\n`;\n\nconst PopperContent = styled.div`\n  background-color: #fff;\n`;\ninterface FilterPopoverProps {\n  column: TypescriptColumn;\n  columnId: string;\n  triggerIcon: JSX.Element;\n  menuContent: JSX.Element;\n  onTriggerClick?: (id: string, e: UIEvent) => void;\n  onClickOutsideMenu?: (id: string, e: UIEvent) => void;\n  reduxHeader: ReduxHeader;\n  innerRef: MutableRefObject<HTMLDivElement>;\n  ariaLabel: string;\n  customStyles?: React.CSSProperties;\n}\n\nconst ButtonTrap = ({ cb }) => (\n  <span\n    aria-hidden=\"true\"\n    tabIndex={0}\n    onFocus={(e) => {\n      e.stopPropagation();\n      cb();\n    }}\n  />\n);\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = ({\n  column,\n  columnId,\n  triggerIcon,\n  menuContent,\n  onTriggerClick = () => null,\n  onClickOutsideMenu = () => null,\n  reduxHeader,\n  innerRef,\n  ariaLabel,\n  customStyles,\n}) => {\n  const { hideFilterButton, hideFilterMenu } = reduxHeader || {\n    hideFilterButton: true,\n    hideFilterMenu: true,\n  };\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n  const isIconVisible = !hideFilterButton || !hideFilterMenu;\n  const isMenuOpen = !hideFilterMenu;\n\n  const handleClickOutsideMenu = (e) => {\n    onClickOutsideMenu(columnId, e);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  };\n\n  useEffect(() => {\n    const closeMenu = () => {\n      patchHeaderFilterButtonAndMenu(columnId, true);\n    };\n    window.addEventListener('blur', closeMenu);\n\n    return () => {\n      window.removeEventListener('blur', closeMenu);\n    };\n  }, [columnId, patchHeaderFilterButtonAndMenu]);\n\n  const handleTriggerClick = useCallback(\n    (e) => {\n      onTriggerClick(columnId, e);\n      patchHeader(columnId, { hideFilterMenu: isMenuOpen, hideFilterButton: false });\n      e.stopPropagation();\n    },\n    [columnId, isMenuOpen, onTriggerClick, patchHeader],\n  );\n\n  const [referenceElement, setReferenceElement] = useState(null);\n\n  const buttonTrapCallback = useCallback(() => {\n    patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n    referenceElement?.focus();\n  }, [columnId, patchHeader, referenceElement]);\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        e.stopPropagation();\n        if (e.code === 'Escape') {\n          patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n          referenceElement.focus();\n        }\n        // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n        // so we just prevent default behaviour in this case\n        if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n          e.preventDefault();\n        }\n      }}\n      style={{ display: 'flex' }}\n    >\n      <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n        <Button\n          onClick={handleTriggerClick}\n          buttonType=\"text\"\n          aria-label={ariaLabel}\n          aria-hidden=\"true\"\n          size=\"s\"\n          leftIcon={triggerIcon}\n          // implement treeview mergerefs\n          innerRef={(_ref) => {\n            if (isIconVisible) setReferenceElement(_ref);\n            innerRef.current = _ref;\n          }}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n        />\n      </FilterButton>\n      {referenceElement && (\n        <DSPopperJS\n          referenceElement={referenceElement}\n          showPopover={isMenuOpen}\n          closeContextMenu={handleClickOutsideMenu}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          startPlacementPreference=\"bottom-end\"\n          customOffset={[5, 4]}\n          withoutArrow\n          withoutAnimation\n          extraPopperStyles={{\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          placementOrderPreference={['bottom-end']}\n        >\n          <PopperContent>\n            <ButtonTrap cb={buttonTrapCallback} />\n            {menuContent}\n            <ButtonTrap cb={buttonTrapCallback} />\n          </PopperContent>\n        </DSPopperJS>\n      )}\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }

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

@@ -1,19 +1,21 @@
 import * as React from "react";
-import React2, { useMemo, useCallback, useLayoutEffect, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useCallback, useLayoutEffect, useRef } from "react";
 import { INTERNAL_COLUMNS } from "../../addons/Columns";
 import { DATA_TESTID } from "../../configs/constants";
 import { Cells } from "../../parts/Cells";
 import { StyledCellContainer } from "../../styled";
 import { DropIndicatorPosition } from "../../types/props";
-const DetailsWrapper = (props) => /* @__PURE__ */ React2.createElement("div", {
+const DetailsWrapper = (props) => /* @__PURE__ */ jsx("div", {
   "data-role": "detail-view",
   style: {
     borderTop: "1px solid #EBEDF0",
     borderBottom: "1px solid #EBEDF0"
   },
   onClick: (e) => e.stopPropagation(),
-  onKeyDown: (e) => e.stopPropagation()
-}, props.children);
+  onKeyDown: (e) => e.stopPropagation(),
+  children: props.children
+});
 const ariaLabelMessage = (row, selected) => `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ""}. ${selected ? "Selected. " : ""}To interact with the cells press enter`;
 const DefaultRowContentRenderer = (props) => {
   const {
@@ -70,37 +72,43 @@ const DefaultRowContentRenderer = (props) => {
   );
   const PureRowContent = useMemo(() => {
     const DetailsView = row.original.tableRowDetails;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledCellContainer, {
-      ref: rowRef,
-      key: row.uid,
-      tabIndex: disabledRows[row.uid] ? -1 : 0,
-      role: "row",
-      "aria-rowindex": row.realIndex + 1,
-      "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
-      "aria-selected": selection?.[row.uid] === true,
-      "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
-      "aria-disabled": disabledRows[row.uid],
-      ...gridTemplateColProps,
-      backgroundColor,
-      height: compact ? "24px" : "auto",
-      minHeight: compact ? "24px" : "36px",
-      isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
-      shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
-      isDragOverlay,
-      isDragging,
-      selected: noSelectionColumn && selection?.[row.uid] === true,
-      disabled: disabledRows[row.uid],
-      "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT,
-      onMouseDown: handleSelectDisableRow
-    }, /* @__PURE__ */ React2.createElement(Cells, {
-      row,
-      isRowSelected: drilldownRowId === row.uid,
-      isDragOverlay,
-      key: row.uid
-    })), !isDragOverlay && isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ React2.createElement(DetailsWrapper, null, /* @__PURE__ */ React2.createElement(DetailsView, {
-      row,
-      detailsIndent
-    })));
+    return /* @__PURE__ */ jsxs(Fragment, {
+      children: [
+        /* @__PURE__ */ jsx(StyledCellContainer, {
+          ref: rowRef,
+          tabIndex: disabledRows[row.uid] ? -1 : 0,
+          role: "row",
+          "aria-rowindex": row.realIndex + 1,
+          "aria-label": ariaLabelMessage(row, selection?.[row.uid] === true),
+          "aria-selected": selection?.[row.uid] === true,
+          "aria-expanded": isExpandable ? expandedRows[row.uid] === true : void 0,
+          "aria-disabled": disabledRows[row.uid],
+          ...gridTemplateColProps,
+          backgroundColor,
+          height: compact ? "24px" : "auto",
+          minHeight: compact ? "24px" : "36px",
+          isDropIndicatorPositionInside: dropIndicatorPosition === DropIndicatorPosition.Inside,
+          shouldDisplayHover: !isDndActive && !isDragging && !isDragOverlay,
+          isDragOverlay,
+          isDragging,
+          selected: noSelectionColumn && selection?.[row.uid] === true,
+          disabled: disabledRows[row.uid],
+          "data-testid": DATA_TESTID.DATA_TABLE_ROW_CONTENT,
+          onMouseDown: handleSelectDisableRow,
+          children: /* @__PURE__ */ jsx(Cells, {
+            row,
+            isRowSelected: drilldownRowId === row.uid,
+            isDragOverlay
+          }, row.uid)
+        }, row.uid),
+        !isDragOverlay && isExpandable && row.isExpanded && DetailsView && /* @__PURE__ */ jsx(DetailsWrapper, {
+          children: /* @__PURE__ */ jsx(DetailsView, {
+            row,
+            detailsIndent
+          })
+        })
+      ]
+    });
   }, [
     row,
     disabledRows,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/RowRenderer/DefaultRowContentRenderer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { useMemo, useCallback, useLayoutEffect, useRef } from 'react';\nimport { INTERNAL_COLUMNS } from '../../addons/Columns';\nimport { DATA_TESTID } from '../../configs/constants';\nimport { Cells } from '../../parts/Cells';\nimport { RowVariantProps } from '../../parts/RowVariants/types';\nimport { StyledCellContainer } from '../../styled';\nimport { DropIndicatorPosition, TypescriptRow } from '../../types/props';\n\nconst DetailsWrapper = (props) => (\n  // This can be further customized\n  // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n  <div\n    data-role=\"detail-view\"\n    style={{\n      borderTop: '1px solid #EBEDF0',\n      borderBottom: '1px solid #EBEDF0',\n    }}\n    onClick={(e) => e.stopPropagation()}\n    onKeyDown={(e) => e.stopPropagation()}\n  >\n    {props.children}\n  </div>\n);\n\nconst ariaLabelMessage = (row: TypescriptRow, selected: boolean) =>\n  `Row number ${row.realIndex + 1}${row.parentIndex !== null ? `, child of row number ${row.parentIndex + 1}` : ''}. ${\n    selected ? 'Selected. ' : ''\n  }To interact with the cells press enter`;\n\nexport const DefaultRowContentRenderer: React.ComponentType<RowVariantProps> = (props) => {\n  const {\n    row,\n    ctx: {\n      tableProps: { isExpandable, colsLayoutStyle, selection, noSelectionColumn, expandedRows, disabledRows },\n      layoutHelpers: { gridLayout },\n      visibleColumns,\n    },\n    draggableProps,\n    isDragOverlay,\n    backgroundColor = 'white',\n    dropIndicatorPosition,\n    focusedRowId,\n    drilldownRowId,\n    compact,\n  } = props;\n\n  const rowRef = useRef<HTMLDivElement>(null);\n  const isDndActive = draggableProps && draggableProps.active;\n  const isDragging = draggableProps && draggableProps.isDragging;\n\n  useLayoutEffect(() => {\n    if (row.uid === focusedRowId) {\n      rowRef.current?.focus();\n    }\n  }, [focusedRowId, row.uid]);\n\n  const gridTemplateColProps = useMemo(\n    () => ({\n      cols: isDragOverlay ? ['24px', 'auto'] : gridLayout,\n      isExpandable,\n      colLayoutStyle: colsLayoutStyle,\n    }),\n    [isDragOverlay, gridLayout, colsLayoutStyle, isExpandable],\n  );\n\n  const detailsIndent = useMemo(() => {\n    let padding = 0;\n    for (let i = 0; i < visibleColumns.length; i += 1) {\n      if (INTERNAL_COLUMNS.includes(visibleColumns[i].id)) {\n        padding += visibleColumns[i].width;\n      } else {\n        padding += row.depth * 32 + 15;\n        break;\n      }\n    }\n    return padding;\n  }, [row.depth, visibleColumns]);\n\n  const handleSelectDisableRow = useCallback(\n    (e) => {\n      if (disabledRows[row.uid]) {\n        e.preventDefault();\n        e.stopPropagation();\n      }\n    },\n    [disabledRows, row.uid],\n  );\n  const PureRowContent = useMemo(() => {\n    const DetailsView = row.original.tableRowDetails;\n    return (\n      <>\n        <StyledCellContainer\n          ref={rowRef}\n          key={row.uid}\n          tabIndex={disabledRows[row.uid] ? -1 : 0}\n          role=\"row\"\n          aria-rowindex={row.realIndex + 1}\n          aria-label={ariaLabelMessage(row, selection?.[row.uid] === true)}\n          aria-selected={selection?.[row.uid] === true}\n          aria-expanded={isExpandable ? expandedRows[row.uid] === true : undefined}\n          aria-disabled={disabledRows[row.uid]}\n          {...gridTemplateColProps}\n          backgroundColor={backgroundColor}\n          height={compact ? '24px' : 'auto'}\n          minHeight={compact ? '24px' : '36px'}\n          isDropIndicatorPositionInside={dropIndicatorPosition === DropIndicatorPosition.Inside}\n          shouldDisplayHover={!isDndActive && !isDragging && !isDragOverlay}\n          isDragOverlay={isDragOverlay}\n          isDragging={isDragging}\n          selected={noSelectionColumn && selection?.[row.uid] === true}\n          disabled={disabledRows[row.uid]}\n          data-testid={DATA_TESTID.DATA_TABLE_ROW_CONTENT}\n          onMouseDown={handleSelectDisableRow}\n        >\n          <Cells row={row} isRowSelected={drilldownRowId === row.uid} isDragOverlay={isDragOverlay} key={row.uid} />\n        </StyledCellContainer>\n        {!isDragOverlay && isExpandable && row.isExpanded && DetailsView && (\n          <DetailsWrapper>\n            <DetailsView row={row} detailsIndent={detailsIndent} />\n          </DetailsWrapper>\n        )}\n      </>\n    );\n  }, [\n    row,\n    disabledRows,\n    selection,\n    isExpandable,\n    expandedRows,\n    gridTemplateColProps,\n    backgroundColor,\n    compact,\n    dropIndicatorPosition,\n    isDndActive,\n    isDragging,\n    isDragOverlay,\n    noSelectionColumn,\n    handleSelectDisableRow,\n    drilldownRowId,\n    detailsIndent,\n  ]);\n\n  return PureRowContent;\n};\n"],
-  "mappings": "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",
-  "names": ["React"]
+  "mappings": "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",
+  "names": []
 }