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

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": []
 }

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

@@ -28,7 +28,8 @@ __export(MultiSelectPill_exports, {
 });
 module.exports = __toCommonJS(MultiSelectPill_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 MultiSelectPill = ({
   columnHeader,
@@ -57,15 +58,19 @@ const MultiSelectPill = ({
     },
     [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]
   );
-  return multiSelectedValue?.length ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    type: "label",
-    label: columnHeader
-  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    key: val.dsId,
-    type: "removable",
-    label: val.label,
-    onRemove: () => handleOnRemove(val),
-    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-  }))) : null;
+  return multiSelectedValue?.length ? /* @__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
+      }),
+      multiSelectedValue.map((val, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_pills.DSPillV2, {
+        type: "removable",
+        label: val.label,
+        onRemove: () => handleOnRemove(val),
+        innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+      }, val.dsId))
+    ]
+  }) : null;
 };
 //# sourceMappingURL=MultiSelectPill.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent, FilterOptionT } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<FilterOptionT[]> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const multiSelectedValue = value as FilterOptionT[];\n  const handleOnRemove = useCallback(\n    (valToRemove) => {\n      const newFilters = [...filters];\n      const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n      newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);\n      if (newFilters[filterIndex].value.length === 0) {\n        if (prevRef?.current) prevRef.current.focus();\n        else nextRef.current?.focus();\n        newFilters.splice(filterIndex, 1);\n      }\n      onFiltersChange(newFilters);\n    },\n    [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef],\n  );\n  return multiSelectedValue?.length ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      {multiSelectedValue.map((val, index) => (\n        <DSPillV2\n          key={val.dsId}\n          type=\"removable\"\n          label={val.label}\n          onRemove={() => handleOnRemove(val)}\n          innerRef={index === multiSelectedValue.length - 1 ? innerRef : {}}\n        />\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;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB;AAC3B,QAAM,qBAAiB;AAAA,IACrB,CAAC,gBAAgB;AACf,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,YAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO,MAAM;AACzE,iBAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI;AAChG,UAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,YAAI,SAAS;AAAS,kBAAQ,QAAQ,MAAM;AAAA;AACvC,kBAAQ,SAAS,MAAM;AAC5B,mBAAW,OAAO,aAAa,CAAC;AAAA,MAClC;AACA,sBAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS,OAAO;AAAA,EACzE;AACA,SAAO,oBAAoB,SACzB,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC3C,mBAAmB,IAAI,CAAC,KAAK,UAC5B,6BAAAA,QAAA,cAAC;AAAA,IACC,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe,GAAG;AAAA,IAClC,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW,CAAC;AAAA,GAClE,CACD,CACH,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB;AAC3B,QAAM,qBAAiB;AAAA,IACrB,CAAC,gBAAgB;AACf,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,YAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO,MAAM;AACzE,iBAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI;AAChG,UAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,YAAI,SAAS;AAAS,kBAAQ,QAAQ,MAAM;AAAA;AACvC,kBAAQ,SAAS,MAAM;AAC5B,mBAAW,OAAO,aAAa,CAAC;AAAA,MAClC;AACA,sBAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS,OAAO;AAAA,EACzE;AACA,SAAO,oBAAoB,SACzB,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC3C,mBAAmB,IAAI,CAAC,KAAK,UAC5B,4CAAC;AAAA,QAEC,MAAK;AAAA,QACL,OAAO,IAAI;AAAA,QACX,UAAU,MAAM,eAAe,GAAG;AAAA,QAClC,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW,CAAC;AAAA,SAJ3D,IAAI,IAKX,CACD;AAAA;AAAA,GACH,IACE;AACN;",
+  "names": []
 }

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

@@ -28,7 +28,8 @@ __export(NumberRangePill_exports, {
 });
 module.exports = __toCommonJS(NumberRangePill_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 NumberRangePill = ({
   columnHeader,
@@ -47,14 +48,19 @@ const NumberRangePill = ({
       nextRef.current?.focus();
     onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__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.from} - ${value.to}`,
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
+  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__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.from} - ${value.to}`,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=NumberRangePill.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/NumberRangePill.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\nexport const NumberRangePill: FilterPillComponent<{ from: string; to: 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, column, prevRef, nextRef]);\n\n  return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={`${value.from} - ${value.to}`} onRemove={handleOnRemove} innerRef={innerRef} />\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;AAGjC,MAAM,kBAAqE,CAAC;AAAA,EACjF;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,QAAQ,SAAS,OAAO,CAAC;AAEvD,UAAQ,OAAO,QAAQ,QAAQ,OAAO,OAAO,MAAM,QAAQ,KACzD,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,GAAoB,CACjH,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,kBAAqE,CAAC;AAAA,EACjF;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,QAAQ,SAAS,OAAO,CAAC;AAEvD,UAAQ,OAAO,QAAQ,QAAQ,OAAO,OAAO,MAAM,QAAQ,KACzD,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,4CAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,QAAM,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GACjH,IACE;AACN;",
+  "names": []
 }

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

@@ -28,7 +28,8 @@ __export(SelectPill_exports, {
 });
 module.exports = __toCommonJS(SelectPill_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 SelectPill = ({
   columnHeader,
@@ -47,14 +48,19 @@ const SelectPill = ({
       nextRef.current?.focus();
     onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /* @__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.label,
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
+  return value ? /* @__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.label,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=SelectPill.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/SelectPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterOptionT, FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<FilterOptionT> = ({\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 ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.label} onRemove={handleOnRemove} innerRef={innerRef} />\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;AAGjC,MAAM,aAAiD,CAAC;AAAA,EAC7D;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,QACL,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,GAAoB,CAC/F,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,aAAiD,CAAC;AAAA,EAC7D;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,QACL,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,4CAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,MAAM;AAAA,QAAO,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GAC/F,IACE;AACN;",
+  "names": []
 }

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

@@ -28,7 +28,8 @@ __export(SingleDatePill_exports, {
 });
 module.exports = __toCommonJS(SingleDatePill_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 SingleDatePill = ({
   columnHeader,
@@ -47,14 +48,19 @@ const SingleDatePill = ({
       nextRef.current?.focus();
     onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /* @__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.replace(/-/g, "/"),
-    onRemove: handleOnRemove,
-    innerRef
-  })) : null;
+  return value ? /* @__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.replace(/-/g, "/"),
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 //# sourceMappingURL=SingleDatePill.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../src/parts/FilterBar/components/SingleDatePill.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\nexport const SingleDatePill: FilterPillComponent<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 ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.replace(/-/g, '/')} onRemove={handleOnRemove} innerRef={innerRef} />\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;AAGjC,MAAM,iBAA8C,CAAC;AAAA,EAC1D;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,QACL,6BAAAA,QAAA,cAAC,qCACC,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,6BAAAA,QAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM,GAAG;AAAA,IAAG,UAAU;AAAA,IAAgB;AAAA,GAAoB,CAC5G,IACE;AACN;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,iBAA8C,CAAC;AAAA,EAC1D;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,QACL,6CAAC;AAAA,IACC;AAAA,kDAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,4CAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,MAAM,QAAQ,MAAM,GAAG;AAAA,QAAG,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GAC5G,IACE;AACN;",
+  "names": []
 }

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

@@ -28,7 +28,8 @@ __export(Filters_exports, {
 });
 module.exports = __toCommonJS(Filters_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_Filters = require("../../addons/Filters");
 var import_exported_related = require("../../exported-related");
 var import_DataTableContext = __toESM(require("../../DataTableContext"));
@@ -76,7 +77,7 @@ const FilterMapItem = (props) => {
       throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);
     }
     const FilterComp = FilterMapper[column.filter];
-    return /* @__PURE__ */ import_react.default.createElement(FilterComp, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterComp, {
       ...filterProps
     });
   }
@@ -85,7 +86,7 @@ const FilterMapItem = (props) => {
       throw new Error(`column.Filter must be a component`);
     }
     const FilterComp = column.Filter;
-    return /* @__PURE__ */ import_react.default.createElement(FilterComp, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FilterComp, {
       ...filterProps
     });
   }

package/dist/cjs/parts/Filters/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/Filters/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable @typescript-eslint/indent */\nimport React, { useCallback, useContext } from 'react';\nimport {\n  DateRangeFilter,\n  DateSwitcherFilter,\n  NumberRangeFilter,\n  SingleSelectFilter,\n  SingleCreatableFilter,\n  MultiSelectFilter,\n  MultiCreatableFilter,\n  SingleDateFilter,\n  CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport DataTableContext from '../../DataTableContext';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n  [FILTER_TYPES.SELECT]: SingleSelectFilter,\n  [FILTER_TYPES.CREATABLE_SELECT]: SingleCreatableFilter,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n  [FILTER_TYPES.CREATABLE_MULTI_SELECT]: MultiCreatableFilter,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n  Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n  const { column, filterValue: filters, onFiltersChange } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  const filterValue = filters.find((filter) => filter.id === column.id);\n\n  const onValueChange = useCallback(\n    (type: string, newValue: any) => {\n      const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n      if (newValue === undefined) {\n        const newFilters = filters.filter((filter) => filter.id !== column.id);\n        onFiltersChange(newFilters);\n      } else if (filterIndex === -1) {\n        onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n      } else {\n        const newFilters = [...filters];\n        newFilters[filterIndex].type = type;\n        newFilters[filterIndex].value = newValue;\n        onFiltersChange(newFilters);\n      }\n    },\n    [column.id, filters, onFiltersChange],\n  );\n\n  const filterProps = {\n    ...props,\n    filterValue: filterValue?.value,\n    onValueChange,\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n\n  if (typeof column.filter === 'string') {\n    if (!(column.filter in FilterMapper)) {\n      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n    }\n    const FilterComp = FilterMapper[column.filter];\n    return <FilterComp {...filterProps} />;\n  }\n\n  if (column.Filter) {\n    if (typeof column.Filter !== 'function') {\n      throw new Error(`column.Filter must be a component`);\n    }\n    const FilterComp = column.Filter;\n    return <FilterComp {...filterProps} />;\n  }\n\n  // Column doesn't have any filters\n  return null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+C;AAC/C,qBAUO;AACP,8BAA6B;AAC7B,8BAA6B;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,qCAAa,SAAS;AAAA,EACvB,CAAC,qCAAa,mBAAmB;AAAA,EACjC,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,yBAAyB;AAAA,EACvC,CAAC,qCAAa,cAAc;AAAA,EAC5B,CAAC,qCAAa,aAAa;AAAA,EAC3B,CAAC,qCAAa,gBAAgB;AAAA,EAC9B,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,gBAAgB,IAAI;AAE1D,QAAM,EAAE,gCAAgC,YAAY,QAAI,yBAAW,wBAAAA,OAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAc,aAAkB;AAC/B,YAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,UAAI,aAAa,QAAW;AAC1B,cAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,wBAAgB,UAAU;AAAA,MAC5B,WAAW,gBAAgB,IAAI;AAC7B,wBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,MACxE,OAAO;AACL,cAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,mBAAW,aAAa,OAAO;AAC/B,mBAAW,aAAa,QAAQ;AAChC,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,OAAO,IAAI,SAAS,eAAe;AAAA,EACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,EAAE,OAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,6BAAAC,QAAA,cAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,6BAAAA,QAAA,cAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
-  "names": ["DataTableContext", "React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAA+C;AAC/C,qBAUO;AACP,8BAA6B;AAC7B,8BAA6B;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,qCAAa,SAAS;AAAA,EACvB,CAAC,qCAAa,mBAAmB;AAAA,EACjC,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,yBAAyB;AAAA,EACvC,CAAC,qCAAa,cAAc;AAAA,EAC5B,CAAC,qCAAa,aAAa;AAAA,EAC3B,CAAC,qCAAa,gBAAgB;AAAA,EAC9B,CAAC,qCAAa,eAAe;AAAA,EAC7B,CAAC,qCAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,gBAAgB,IAAI;AAE1D,QAAM,EAAE,gCAAgC,YAAY,QAAI,yBAAW,wBAAAA,OAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAAc,aAAkB;AAC/B,YAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,UAAI,aAAa,QAAW;AAC1B,cAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,wBAAgB,UAAU;AAAA,MAC5B,WAAW,gBAAgB,IAAI;AAC7B,wBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,MACxE,OAAO;AACL,cAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,mBAAW,aAAa,OAAO;AAC/B,mBAAW,aAAa,QAAQ;AAChC,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,OAAO,IAAI,SAAS,eAAe;AAAA,EACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,EAAE,OAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,4CAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,4CAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
+  "names": ["DataTableContext"]
 }

package/dist/cjs/parts/Footer.js

@@ -29,7 +29,9 @@ __export(Footer_exports, {
 });
 module.exports = __toCommonJS(Footer_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-const Footer = ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children);
+var import_jsx_runtime = require("react/jsx-runtime");
+const Footer = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+  children
+});
 var Footer_default = Footer;
 //# sourceMappingURL=Footer.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/parts/Footer.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\n\nconst Footer: React.ComponentType = ({ children }) => <>{children}</>;\n\nexport { Footer };\nexport default Footer;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAElB,MAAM,SAA8B,CAAC,EAAE,SAAS,MAAM,6BAAAA,QAAA,2BAAAA,QAAA,gBAAG,QAAS;AAGlE,IAAO,iBAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,MAAM,SAA8B,CAAC,EAAE,SAAS,MAAM;AAAA,EAAG;AAAA,CAAS;AAGlE,IAAO,iBAAQ;",
+  "names": []
 }

package/dist/cjs/parts/Headers/EmptyChildrenGroup.js

@@ -28,12 +28,12 @@ __export(EmptyChildrenGroup_exports, {
 });
 module.exports = __toCommonJS(EmptyChildrenGroup_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");
 const StyledBox = import_ds_system.styled.div`
   height: 24px;
   margin: 0 ${(props) => props.theme.space.xxs};
   border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};
 `;
-const EmptyChildrenGroup = () => /* @__PURE__ */ import_react.default.createElement(StyledBox, null);
+const EmptyChildrenGroup = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledBox, {});
 //# sourceMappingURL=EmptyChildrenGroup.js.map

package/dist/cjs/parts/Headers/EmptyChildrenGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/parts/Headers/EmptyChildrenGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledBox = styled.div`\n  height: 24px;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};\n`;\n\nexport const EmptyChildrenGroup: React.ComponentType<Record<string, never>> = () => <StyledBox />;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AAEvB,MAAM,YAAY,wBAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,6BAAAA,QAAA,cAAC,eAAU;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AAEvB,MAAM,YAAY,wBAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,4CAAC,aAAU;",
+  "names": []
 }

package/dist/cjs/parts/Headers/HeaderCell.js

@@ -28,7 +28,8 @@ __export(HeaderCell_exports, {
 });
 module.exports = __toCommonJS(HeaderCell_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_grid = require("@elliemae/ds-grid");
 var import_styled = require("../../styled");
 var import_DataTableContext = require("../../DataTableContext");
@@ -57,64 +58,59 @@ const HeaderCell = (props) => {
   const { column, isDragOverlay, colSpan } = props;
   const ctx = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
   const {
-    tableProps: { isResizeable, onColumnSortChange, dragAndDropColumns, onFiltersChange, filters, textWrap },
+    tableProps: { isResizeable, dragAndDropColumns, onFiltersChange, filters, textWrap },
     flattenedData,
-    reduxHeaders,
-    patchHeader
+    reduxHeaders
   } = ctx;
   const reduxHeader = (0, import_react.useMemo)(() => reduxHeaders[column.id], [reduxHeaders, column]);
   const dragHandleRef = (0, import_react.useRef)(null);
   const filterIconRef = (0, import_react.useRef)(null);
   const { draggableProps } = (0, import_react.useContext)(import_SortableItemContext.SortableItemContext);
-  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = (0, import_useHeaderCellConfig.useHeaderCellConfig)({
-    column,
-    dragAndDropColumns,
-    draggableProps,
-    reduxHeader,
-    isDragOverlay
-  });
+  const { hasFilter, hasDnD, hasSortingCaret, hasRightIcons, shouldShowDnD, hCols, isDragging } = (0, import_useHeaderCellConfig.useHeaderCellConfig)(props);
   const rightIcons = (0, import_react.useMemo)(() => {
     if (!hasRightIcons)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeaderRightIconsWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_Filters.FilterMapItem, {
-      column,
-      ctx,
-      onFiltersChange,
-      reduxHeader,
-      filterValue: filters,
-      innerRef: filterIconRef
-    }), hasSortingCaret && /* @__PURE__ */ import_react.default.createElement(import_SortByCaret.SortByCaret, {
-      isSortedDesc: column.isSortedDesc
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledHeaderRightIconsWrapper, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Filters.FilterMapItem, {
+          column,
+          ctx,
+          onFiltersChange,
+          reduxHeader,
+          filterValue: filters,
+          innerRef: filterIconRef
+        }),
+        hasSortingCaret && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SortByCaret.SortByCaret, {
+          isSortedDesc: column.isSortedDesc
+        })
+      ]
+    });
   }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);
   const DnDHandleComponent = (0, import_react.useMemo)(
-    () => /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
       mr: "2px",
       alignItems: "center",
-      style: { position: "relative" }
-    }, /* @__PURE__ */ import_react.default.createElement(import_styled.StyledFocusWithin, {
-      hideFocus: isDragging
-    }, /* @__PURE__ */ import_react.default.createElement(import__.DnDHandle, {
-      key: column.id,
-      innerRef: dragHandleRef,
-      isReachable: reduxHeader?.withTabStops,
-      id: column.id,
-      isDragOverlay
-    }))),
+      style: { position: "relative" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFocusWithin, {
+        hideFocus: isDragging,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DnDHandle, {
+          innerRef: dragHandleRef,
+          isReachable: reduxHeader?.withTabStops,
+          id: column.id,
+          isDragOverlay
+        }, column.id)
+      })
+    }),
     [column.id, isDragOverlay, isDragging, reduxHeader?.withTabStops]
   );
   const handlers = (0, import_useHeaderCellHandlers.useHeaderCellHandlers)({
     hasFilter,
-    patchHeader,
     column,
-    reduxHeader,
     hasDnD,
-    onColumnSortChange,
     dragHandleRef,
-    filterIconRef,
-    headerRef: column.ref
+    filterIconRef
   });
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledHeadTh, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledHeadTh, {
     column,
     ...handlers,
     role: colSpan === 1 ? "columnheader" : "group",
@@ -127,26 +123,37 @@ const HeaderCell = (props) => {
     isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
     shouldShowDnD,
-    ref: column.ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    width: "100%",
-    cols: hCols
-  }, shouldShowDnD && DnDHandleComponent, /* @__PURE__ */ import_react.default.createElement(import_HeaderCellTitle.HeaderCellTitle, {
-    column,
-    ctx,
-    draggableProps,
-    textWrap
-  }), rightIcons, isResizeable && column.canResize !== false && !column.columns && /* @__PURE__ */ import_react.default.createElement(import_HeaderResizer.HeaderResizer, {
-    column
-  })), /* @__PURE__ */ import_react.default.createElement("span", {
-    id: `${column.id}-instructions`,
-    style: { display: "none" },
-    "aria-hidden": "false"
-  }, buildScreenReaderInstructions(
-    colSpan,
-    dragAndDropColumns && column.disableDnD !== true,
-    hasFilter,
-    column.canSort
-  )));
+    ref: column.ref,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
+        width: "100%",
+        cols: hCols,
+        children: [
+          shouldShowDnD && DnDHandleComponent,
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HeaderCellTitle.HeaderCellTitle, {
+            column,
+            ctx,
+            draggableProps,
+            textWrap
+          }),
+          rightIcons,
+          isResizeable && column.canResize !== false && !column.columns && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HeaderResizer.HeaderResizer, {
+            column
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+        id: `${column.id}-instructions`,
+        style: { display: "none" },
+        "aria-hidden": "false",
+        children: buildScreenReaderInstructions(
+          colSpan,
+          dragAndDropColumns && column.disableDnD !== true,
+          hasFilter,
+          column.canSort
+        )
+      })
+    ]
+  });
 };
 //# sourceMappingURL=HeaderCell.js.map