@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/esm/parts/FilterBar/components/DateSwitcherPill.js

@@ -1,39 +1,35 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/es.string.replace.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
-
-const DateSwitcherPill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const format = (value) => value?.replace(/-/g, "/");
+const DateSwitcherPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const handleOnRemove = useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
+    if (prevRef?.current)
+      prevRef.current.focus();
+    else
+      nextRef.current?.focus();
+    onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx(DSPillV2, {
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "removable",
-    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-export { DateSwitcherPill };
+export {
+  DateSwitcherPill
+};
+//# sourceMappingURL=DateSwitcherPill.js.map

package/esm/parts/FilterBar/components/DateSwitcherPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGA,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM;AAEhD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,OAAO,aAAa,OAAO,UAChC,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM,aAAa,OAAO,MAAM;AAAA,IAClG,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/components/MultiSelectPill.js

@@ -1,48 +1,42 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const MultiSelectPill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const MultiSelectPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const multiSelectedValue = value;
-  const handleOnRemove = useCallback(valToRemove => {
+  const handleOnRemove = useCallback((valToRemove) => {
     const newFilters = [...filters];
-    const filterIndex = newFilters.findIndex(filter => filter.id === column);
-    newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
-
+    const filterIndex = newFilters.findIndex((filter) => filter.id === column);
+    newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);
     if (newFilters[filterIndex].value.length === 0) {
-      var _nextRef$current;
-
-      if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+      if (prevRef?.current)
+        prevRef.current.focus();
+      else
+        nextRef.current?.focus();
       newFilters.splice(filterIndex, 1);
     }
-
     onFiltersChange(newFilters);
   }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
-  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return multiSelectedValue?.length ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx(DSPillV2, {
+  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ React2.createElement(DSPillV2, {
+    key: val.dsId,
     type: "removable",
     label: val.label,
     onRemove: () => handleOnRemove(val),
     innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-  }, val.dsId))) : null;
+  }))) : null;
 };
-
-export { MultiSelectPill };
+export {
+  MultiSelectPill
+};
+//# sourceMappingURL=MultiSelectPill.js.map

package/esm/parts/FilterBar/components/MultiSelectPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB,YACrB,CAAC,gBAAgB;AACf,UAAM,aAAa,CAAC,GAAG;AACvB,UAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO;AACnE,eAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY;AAC5F,QAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,UAAI,SAAS;AAAS,gBAAQ,QAAQ;AAAA;AACjC,gBAAQ,SAAS;AACtB,iBAAW,OAAO,aAAa;AAAA;AAEjC,oBAAgB;AAAA,KAElB,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS;AAElE,SAAO,oBAAoB,SACzB,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC7B,mBAAmB,IAAI,CAAC,KAAK,UAC5B,qCAAC,UAAD;AAAA,IACE,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe;AAAA,IAC/B,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW;AAAA,SAInE;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/components/NumberRangePill.js

@@ -1,38 +1,34 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const NumberRangePill = _ref => {
-  var _value$from, _value$to;
-
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const NumberRangePill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const handleOnRemove = useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
+    if (prevRef?.current)
+      prevRef.current.focus();
+    else
+      nextRef.current?.focus();
+    onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx(DSPillV2, {
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "removable",
-    label: "".concat(value.from, " - ").concat(value.to),
+    label: `${value.from} - ${value.to}`,
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-export { NumberRangePill };
+export {
+  NumberRangePill
+};
+//# sourceMappingURL=NumberRangePill.js.map

package/esm/parts/FilterBar/components/NumberRangePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/NumberRangePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,QAAQ,SAAS;AAE/C,SAAQ,QAAO,QAAQ,QAAQ,MAAO,QAAO,MAAM,QAAQ,KACzD,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAE3F;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/components/SelectPill.js

@@ -1,36 +1,34 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const SelectPill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const SelectPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const handleOnRemove = useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
+    if (prevRef?.current)
+      prevRef.current.focus();
+    else
+      nextRef.current?.focus();
+    onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return value ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx(DSPillV2, {
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "removable",
     label: value.label,
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-export { SelectPill };
+export {
+  SelectPill
+};
+//# sourceMappingURL=SelectPill.js.map

package/esm/parts/FilterBar/components/SelectPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SelectPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,QAEzE;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/components/SingleDatePill.js

@@ -1,37 +1,34 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/es.string.replace.js';
-import { useCallback } from 'react';
-import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
-
-const SingleDatePill = _ref => {
-  let {
-    columnHeader,
-    column,
-    value,
-    filters,
-    onFiltersChange,
-    prevRef,
-    innerRef,
-    nextRef
-  } = _ref;
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const SingleDatePill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const handleOnRemove = useCallback(() => {
-    var _nextRef$current;
-
-    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
-    onFiltersChange(filters.filter(filter => filter.id !== column));
+    if (prevRef?.current)
+      prevRef.current.focus();
+    else
+      nextRef.current?.focus();
+    onFiltersChange(filters.filter((filter) => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /*#__PURE__*/_jsx(DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx(DSPillV2, {
+  return value ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx(DSPillV2, {
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
     type: "removable",
-    label: value.replace(/-/g, '/'),
+    label: value.replace(/-/g, "/"),
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-export { SingleDatePill };
+export {
+  SingleDatePill
+};
+//# sourceMappingURL=SingleDatePill.js.map

package/esm/parts/FilterBar/components/SingleDatePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SingleDatePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAEtF;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/components/index.js

@@ -1,6 +1,8 @@
-export { DateRangePill } from './DateRangePill.js';
-export { DateSwitcherPill } from './DateSwitcherPill.js';
-export { MultiSelectPill } from './MultiSelectPill.js';
-export { NumberRangePill } from './NumberRangePill.js';
-export { SelectPill } from './SelectPill.js';
-export { SingleDatePill } from './SingleDatePill.js';
+import * as React from "react";
+export * from "./DateRangePill";
+export * from "./DateSwitcherPill";
+export * from "./MultiSelectPill";
+export * from "./NumberRangePill";
+export * from "./SelectPill";
+export * from "./SingleDatePill";
+//# sourceMappingURL=index.js.map

package/esm/parts/FilterBar/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DateRangePill';\nexport * from './DateSwitcherPill';\nexport * from './MultiSelectPill';\nexport * from './NumberRangePill';\nexport * from './SelectPill';\nexport * from './SingleDatePill';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/esm/parts/FilterBar/index.js

@@ -1 +1,6 @@
-export { FiltersBar } from './FiltersBar.js';
+import * as React from "react";
+import { FiltersBar } from "./FiltersBar";
+export {
+  FiltersBar
+};
+//# sourceMappingURL=index.js.map

package/esm/parts/FilterBar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FiltersBar } from './FiltersBar';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/esm/parts/FilterBar/styled.js

@@ -1,12 +1,20 @@
-import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
-import Grid from '@elliemae/ds-grid';
-import styled from 'styled-components';
-
-const StyledWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-10txld7-0"
-})(["display:flex;flex-wrap:wrap;width:", ";align-items:center;min-height:33px;padding:0 ", ";"], props => props.width, props => props.theme.space.xxxs);
-const StyledDropdownMenu = /*#__PURE__*/styled(DSDropdownMenu).withConfig({
-  componentId: "sc-10txld7-1"
-})(["margin-left:auto;"]);
-
-export { StyledDropdownMenu, StyledWrapper };
+import * as React from "react";
+import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+const StyledWrapper = styled(Grid)`
+  display: flex;
+  flex-wrap: wrap;
+  width: ${(props) => props.width};
+  align-items: center;
+  min-height: 33px; // height of the pills
+  padding: 0 ${(props) => props.theme.space.xxxs};
+`;
+const StyledDropdownMenu = styled(DSDropdownMenu)`
+  margin-left: auto;
+`;
+export {
+  StyledDropdownMenu,
+  StyledWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/parts/FilterBar/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledWrapper = styled(Grid)`\n  display: flex;\n  flex-wrap: wrap;\n  width: ${(props) => props.width};\n  align-items: center;\n  min-height: 33px; // height of the pills\n  padding: 0 ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledDropdownMenu = styled(DSDropdownMenu)`\n  margin-left: auto;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,WAGzB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGrC,MAAM,qBAAqB,OAAO;AAAA;AAAA;",
+  "names": []
+}

package/esm/parts/FilterBar/types.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/esm/parts/FilterBar/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}