@elliemae/ds-datagrids 3.4.3-rc.1 → 3.4.3

package/dist/esm/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/SingleDateFilterMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSControlledDateTimePicker } from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport moment from 'moment';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {\n  const [date, setDate] = useState('');\n\n  const handleDateChange = useCallback(\n    (data) => {\n      if (!data.includes('_')) onChange(moment(data));\n      setDate(data);\n    },\n    [onChange],\n  );\n\n  return (\n    <div style={{ boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)' }}>\n      {showHeader && (\n        <Grid p=\"xxs\">\n          <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-inputs\" isClearable />\n        </Grid>\n      )}\n      <DSControlledDateTimePicker date={date} onDateChange={handleDateChange} type=\"date-picker-controller-only\" />\n    </div>\n  );\n};\n\nSingleDatePickerContainer.propTypes = {\n  onChange: PropTypes.func,\n  showHeader: PropTypes.bool,\n};\n\nconst formatDate = (date, format = DEFAULT_DATE_FORMAT) => date.format(format);\n\nfunction SingleDateFilterMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  placement = Position.BOTTOM_END,\n  onAddFilter = () => null,\n  dateFormatter = formatDate,\n  showHeader = false,\n  menuProps,\n}) {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className} data-testid=\"date-single__wrapper\">\n          <SingleDatePickerContainer\n            minimumNights={0}\n            onChange={(date) => {\n              const t = date.clone();\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter(date, column.dateFormat),\n                  type: 'date',\n                  operator: 'range',\n                  filterParams: {\n                    start: date.startOf('day'),\n                    end: t.endOf('day'),\n                  },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n            showHeader={showHeader}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nSingleDateFilterMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  showHeader: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { SingleDateFilterMenu };\nexport default SingleDateFilterMenu;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,EAAE,WAAW,MAAM,MAAM,iBAAiB;AAC3E,QAAM,CAAC,MAAM,WAAW,SAAS,EAAE;AAEnC,QAAM,mBAAmB,YACvB,CAAC,SAAS;AACR,QAAI,CAAC,KAAK,SAAS,GAAG;AAAG,eAAS,OAAO,IAAI,CAAC;AAC9C,YAAQ,IAAI;AAAA,EACd,GACA,CAAC,QAAQ,CACX;AAEA,SACE,qCAAC;AAAA,IAAI,OAAO,EAAE,WAAW,gCAAgC;AAAA,KACtD,cACC,qCAAC;AAAA,IAAK,GAAE;AAAA,KACN,qCAAC;AAAA,IAA2B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA,IAAc,aAAW;AAAA,GAAC,CACzG,GAEF,qCAAC;AAAA,IAA2B;AAAA,IAAY,cAAc;AAAA,IAAkB,MAAK;AAAA,GAA8B,CAC7G;AAEJ;AAEA,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AACxB;AAEA,MAAM,aAAa,CAAC,MAAM,SAAS,wBAAwB,KAAK,OAAO,MAAM;AAE7E,8BAA8B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,SAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AAAA,GACC;AACD,SACE,qCAAC;AAAA,IACC,kBACE,qCAAC;AAAA,MAAI;AAAA,MAAsB,eAAY;AAAA,OACrC,qCAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU,CAAC,SAAS;AAClB,cAAM,IAAI,KAAK,MAAM;AACrB,oBACE;AAAA,UACE,OAAO,OAAO;AAAA,UACd,OAAO,OAAO;AAAA,UACd,OAAO,cAAc,MAAM,OAAO,UAAU;AAAA,UAC5C,MAAM;AAAA,UACN,UAAU;AAAA,UACV,cAAc;AAAA,YACZ,OAAO,KAAK,QAAQ,KAAK;AAAA,YACzB,KAAK,EAAE,MAAM,KAAK;AAAA,UACpB;AAAA,UACA,mBAAmB,CAAC,UAAU,OAAO,OAAO,OAAO,cAAc,mBAAmB;AAAA,QACtF,GACA,MACF;AACA,mBAAW,KAAK;AAAA,MAClB;AAAA,MACA;AAAA,KACF,CACF;AAAA,IAEF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE,qCAAC;AAAA,MACC,YAAW;AAAA,MACX,MAAM,qCAAC,iBAAY;AAAA,MACnB,SAAS,MAAO,CAAC,eAAe,WAAW,IAAI,IAAI,WAAW,KAAK;AAAA,MACnE,MAAK;AAAA,KACP;AAAA,IAEF,QAAQ,UAAU;AAAA,GACpB;AAEJ;AAEA,qBAAqB,YAAY;AAAA,EAC/B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AACvB;AAGA,IAAO,+BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,aAAa,gBAAgB;AAC7C,OAAO,eAAe;AACtB,SAAS,YAAY;AACrB,SAAS,kCAAkC;AAC3C,SAAS,UAAU,mBAAmB,gBAAgB;AACtD,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,OAAO,YAAY;AACnB,SAAS,2BAA2B;AAEpC,MAAM,4BAA4B,CAAC,EAAE,WAAW,MAAM,MAAM,WAAW,MAAM;AAC3E,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AAEnC,QAAM,mBAAmB;AAAA,IACvB,CAAC,SAAS;AACR,UAAI,CAAC,KAAK,SAAS,GAAG;AAAG,iBAAS,OAAO,IAAI,CAAC;AAC9C,cAAQ,IAAI;AAAA,IACd;AAAA,IACA,CAAC,QAAQ;AAAA,EACX;AAEA,SACE,qBAAC;AAAA,IAAI,OAAO,EAAE,WAAW,gCAAgC;AAAA,IACtD;AAAA,oBACC,oBAAC;AAAA,QAAK,GAAE;AAAA,QACN,8BAAC;AAAA,UAA2B;AAAA,UAAY,cAAc;AAAA,UAAkB,MAAK;AAAA,UAAc,aAAW;AAAA,SAAC;AAAA,OACzG;AAAA,MAEF,oBAAC;AAAA,QAA2B;AAAA,QAAY,cAAc;AAAA,QAAkB,MAAK;AAAA,OAA8B;AAAA;AAAA,GAC7G;AAEJ;AAEA,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,YAAY,UAAU;AACxB;AAEA,MAAM,aAAa,CAAC,MAAM,SAAS,wBAAwB,KAAK,OAAO,MAAM;AAE7E,SAAS,qBAAqB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,aAAa,MAAM;AAAA,EACnB,YAAY,SAAS;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb;AACF,GAAG;AACD,SACE,oBAAC;AAAA,IACC,kBACE,oBAAC;AAAA,MAAI;AAAA,MAAsB,eAAY;AAAA,MACrC,8BAAC;AAAA,QACC,eAAe;AAAA,QACf,UAAU,CAAC,SAAS;AAClB,gBAAM,IAAI,KAAK,MAAM;AACrB;AAAA,YACE;AAAA,cACE,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,OAAO,cAAc,MAAM,OAAO,UAAU;AAAA,cAC5C,MAAM;AAAA,cACN,UAAU;AAAA,cACV,cAAc;AAAA,gBACZ,OAAO,KAAK,QAAQ,KAAK;AAAA,gBACzB,KAAK,EAAE,MAAM,KAAK;AAAA,cACpB;AAAA,cACA,mBAAmB,CAAC,UAAU,OAAO,OAAO,OAAO,cAAc,mBAAmB;AAAA,YACtF;AAAA,YACA;AAAA,UACF;AACA,qBAAW,KAAK;AAAA,QAClB;AAAA,QACA;AAAA,OACF;AAAA,KACF;AAAA,IAEF,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,kBACE,oBAAC;AAAA,MACC,YAAW;AAAA,MACX,MAAM,oBAAC,eAAY;AAAA,MACnB,SAAS,MAAO,CAAC,eAAe,WAAW,IAAI,IAAI,WAAW,KAAK;AAAA,MACnE,MAAK;AAAA,KACP;AAAA,IAEF,QAAQ,UAAU;AAAA,GACpB;AAEJ;AAEA,qBAAqB,YAAY;AAAA,EAC/B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,cAAc,UAAU;AAAA,EACxB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AAAA,EACrB,aAAa,UAAU;AAAA,EACvB,eAAe,UAAU;AAAA,EACzB,YAAY,UAAU;AAAA,EACtB,WAAW,UAAU;AACvB;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import {
   DSControlledDateTimePicker,
@@ -33,7 +34,7 @@ const SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) =>
       onChange({ startDate: startMoment, endDate: endMoment });
     }
   }, [startDate, endDate, lastChangeWasPicker]);
-  return /* @__PURE__ */ React2.createElement(StyledGridWrapper, {
+  return /* @__PURE__ */ jsxs(StyledGridWrapper, {
     "data-testid": "date-single-range__wrapper",
     style: {
       backgroundColor: "white",
@@ -44,64 +45,75 @@ const SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) =>
     },
     cols: ["100%"],
     enableOutsideDays,
-    onKeyDown: (e) => e.code === "Enter" && setLastChangeWasPicker(true)
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    gutter: "xxs",
-    alignItems: "center",
-    p: "xxs"
-  }, /* @__PURE__ */ React2.createElement(DSControlledCheckbox, {
-    checked: isDateRange,
-    name: "Date range",
-    label: "Range",
-    id: "date-range-switcher-id-internal",
-    onChange: () => {
-      setIsDateRange(!isDateRange);
-      setStartDate("");
-      setEndDate("");
-    }
-  }), /* @__PURE__ */ React2.createElement("div", {
-    style: { width: "fit-content" }
-  }, isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(false);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(false);
-    },
-    type: "date-range-inputs"
-  }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-    date: startDate,
-    onDateChange: (_date) => {
-      setLastChangeWasPicker(false);
-      setStartDate(_date);
-      setEndDate(_date);
-    },
-    type: "date-inputs"
-  }))), /* @__PURE__ */ React2.createElement(Grid, null, isDateRange ? /* @__PURE__ */ React2.createElement(DSControlledDateRangePicker, {
-    fromDate: startDate,
-    onFromDateChange: (_start) => {
-      setStartDate(_start);
-      setLastChangeWasPicker(true);
-    },
-    toDate: endDate,
-    onToDateChange: (_end) => {
-      setEndDate(_end);
-      setLastChangeWasPicker(true);
-    },
-    type: "date-range-picker-controller-only"
-  }) : /* @__PURE__ */ React2.createElement(DSControlledDateTimePicker, {
-    date: startDate,
-    onDateChange: (_date) => {
-      setLastChangeWasPicker(true);
-      setStartDate(_date);
-      setEndDate(_date);
-    },
-    type: "date-picker-controller-only"
-  })));
+    onKeyDown: (e) => e.code === "Enter" && setLastChangeWasPicker(true),
+    children: [
+      /* @__PURE__ */ jsxs(Grid, {
+        gutter: "xxs",
+        alignItems: "center",
+        p: "xxs",
+        children: [
+          /* @__PURE__ */ jsx(DSControlledCheckbox, {
+            checked: isDateRange,
+            name: "Date range",
+            label: "Range",
+            id: "date-range-switcher-id-internal",
+            onChange: () => {
+              setIsDateRange(!isDateRange);
+              setStartDate("");
+              setEndDate("");
+            }
+          }),
+          /* @__PURE__ */ jsx("div", {
+            style: { width: "fit-content" },
+            children: isDateRange ? /* @__PURE__ */ jsx(DSControlledDateRangePicker, {
+              fromDate: startDate,
+              onFromDateChange: (_start) => {
+                setStartDate(_start);
+                setLastChangeWasPicker(false);
+              },
+              toDate: endDate,
+              onToDateChange: (_end) => {
+                setEndDate(_end);
+                setLastChangeWasPicker(false);
+              },
+              type: "date-range-inputs"
+            }) : /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
+              date: startDate,
+              onDateChange: (_date) => {
+                setLastChangeWasPicker(false);
+                setStartDate(_date);
+                setEndDate(_date);
+              },
+              type: "date-inputs"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx(Grid, {
+        children: isDateRange ? /* @__PURE__ */ jsx(DSControlledDateRangePicker, {
+          fromDate: startDate,
+          onFromDateChange: (_start) => {
+            setStartDate(_start);
+            setLastChangeWasPicker(true);
+          },
+          toDate: endDate,
+          onToDateChange: (_end) => {
+            setEndDate(_end);
+            setLastChangeWasPicker(true);
+          },
+          type: "date-range-picker-controller-only"
+        }) : /* @__PURE__ */ jsx(DSControlledDateTimePicker, {
+          date: startDate,
+          onDateChange: (_date) => {
+            setLastChangeWasPicker(true);
+            setStartDate(_date);
+            setEndDate(_date);
+          },
+          type: "date-picker-controller-only"
+        })
+      })
+    ]
+  });
 };
 SingleRangeSwitcherContainer.propTypes = {
   onChange: PropTypes.func,
@@ -124,33 +136,37 @@ function SingleRangeSwitcherMenu({
   enableOutsideDays = true,
   menuProps
 }) {
-  return /* @__PURE__ */ React2.createElement(DSPopper, {
-    contentComponent: /* @__PURE__ */ React2.createElement("div", {
-      className
-    }, /* @__PURE__ */ React2.createElement(SingleRangeSwitcherContainer, {
-      enableOutsideDays,
-      onChange: ({ startDate, endDate }) => {
-        startDate.startOf("day");
-        endDate.endOf("day");
-        onAddFilter({
-          group: column.property,
-          label: column.label,
-          value: dateFormatter({ startDate, endDate }, column.format),
-          type: "date",
-          filterParams: { start: startDate, end: endDate },
-          transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),
-          operator: "range"
-        }, column);
-        onOpenMenu(false);
-      }
-    })),
+  return /* @__PURE__ */ jsx(DSPopper, {
+    contentComponent: /* @__PURE__ */ jsx("div", {
+      className,
+      children: /* @__PURE__ */ jsx(SingleRangeSwitcherContainer, {
+        enableOutsideDays,
+        onChange: ({ startDate, endDate }) => {
+          startDate.startOf("day");
+          endDate.endOf("day");
+          onAddFilter(
+            {
+              group: column.property,
+              label: column.label,
+              value: dateFormatter({ startDate, endDate }, column.format),
+              type: "date",
+              filterParams: { start: startDate, end: endDate },
+              transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),
+              operator: "range"
+            },
+            column
+          );
+          onOpenMenu(false);
+        }
+      })
+    }),
     isOpen: isMenuOpened,
     onOpen: onOpenMenu,
     placement,
     showArrow: false,
-    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+    triggerComponent: /* @__PURE__ */ jsx(DSButton, {
       buttonType: "text",
-      icon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+      icon: /* @__PURE__ */ jsx(DatePicker2, {}),
       onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),

package/dist/esm/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  DSControlledDateTimePicker,\n  DSControlledDateRangePicker,\n  DSControlledCheckbox,\n} from '@elliemae/ds-controlled-form';\nimport { DSPopper, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { Grid } from '@elliemae/ds-grid';\nimport moment from 'moment';\nimport { styled } from '@elliemae/ds-system';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst StyledGridWrapper = styled(Grid)`\n  .notCurrentMonth {\n    opacity: ${(props) => (props.enableOutsideDays ? '1' : '0')};\n    pointer-events: ${(props) => (props.enableOutsideDays ? 'auto' : 'none')};\n  }\n`;\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\nconst noop = (...args) => {};\n\nconst SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) => {\n  const [startDate, setStartDate] = useState('');\n  const [endDate, setEndDate] = useState('');\n\n  // For some reason it worked like this\n  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);\n\n  const [isDateRange, setIsDateRange] = useState(false);\n\n  useEffect(() => {\n    const startMoment = moment(startDate);\n    const endMoment = moment(endDate);\n    if (\n      lastChangeWasPicker &&\n      startDate &&\n      !startDate.includes('_') &&\n      endDate &&\n      !endDate.includes('_') &&\n      endMoment.diff(startMoment) >= 0\n    ) {\n      onChange({ startDate: startMoment, endDate: endMoment });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [startDate, endDate, lastChangeWasPicker]);\n\n  return (\n    <StyledGridWrapper\n      data-testid=\"date-single-range__wrapper\"\n      style={{\n        backgroundColor: 'white',\n        boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)',\n        width: '261px',\n        display: 'grid',\n        justifyContent: 'center',\n      }}\n      cols={['100%']}\n      enableOutsideDays={enableOutsideDays}\n      onKeyDown={(e) => e.code === 'Enter' && setLastChangeWasPicker(true)}\n    >\n      <Grid gutter=\"xxs\" alignItems=\"center\" p=\"xxs\">\n        <DSControlledCheckbox\n          checked={isDateRange}\n          name=\"Date range\"\n          label=\"Range\"\n          id=\"date-range-switcher-id-internal\"\n          onChange={() => {\n            setIsDateRange(!isDateRange);\n            setStartDate('');\n            setEndDate('');\n          }}\n        />\n        <div style={{ width: 'fit-content' }}>\n          {isDateRange ? (\n            <DSControlledDateRangePicker\n              fromDate={startDate}\n              onFromDateChange={(_start) => {\n                setStartDate(_start);\n                setLastChangeWasPicker(false);\n              }}\n              toDate={endDate}\n              onToDateChange={(_end) => {\n                setEndDate(_end);\n                setLastChangeWasPicker(false);\n              }}\n              type=\"date-range-inputs\"\n            />\n          ) : (\n            <DSControlledDateTimePicker\n              date={startDate}\n              onDateChange={(_date) => {\n                setLastChangeWasPicker(false);\n                setStartDate(_date);\n                setEndDate(_date);\n              }}\n              type=\"date-inputs\"\n            />\n          )}\n        </div>\n      </Grid>\n      <Grid>\n        {isDateRange ? (\n          <DSControlledDateRangePicker\n            fromDate={startDate}\n            onFromDateChange={(_start) => {\n              setStartDate(_start);\n              setLastChangeWasPicker(true);\n            }}\n            toDate={endDate}\n            onToDateChange={(_end) => {\n              setEndDate(_end);\n              setLastChangeWasPicker(true);\n            }}\n            type=\"date-range-picker-controller-only\"\n          />\n        ) : (\n          <DSControlledDateTimePicker\n            date={startDate}\n            onDateChange={(_date) => {\n              setLastChangeWasPicker(true);\n              setStartDate(_date);\n              setEndDate(_date);\n            }}\n            type=\"date-picker-controller-only\"\n          />\n        )}\n      </Grid>\n    </StyledGridWrapper>\n  );\n};\n\nSingleRangeSwitcherContainer.propTypes = {\n  onChange: PropTypes.func,\n  enableOutsideDays: PropTypes.bool,\n};\n\nconst formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {\n  const sameDay = startDate.isSame(endDate, 'day');\n  if (sameDay) return `${endDate.format(format)}`;\n  return `${startDate.format(format)} - ${endDate.format(format)}`;\n};\n\n// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types\nfunction SingleRangeSwitcherMenu({\n  column,\n  className,\n  isMenuOpened = false,\n  onOpenMenu = noop,\n  placement = Position.BOTTOM_END,\n  onAddFilter = noop,\n  dateFormatter = formatRangeDate,\n  enableOutsideDays = true,\n  menuProps,\n}): JSX.Element {\n  return (\n    <DSPopper\n      contentComponent={\n        <div className={className}>\n          <SingleRangeSwitcherContainer\n            enableOutsideDays={enableOutsideDays}\n            onChange={({ startDate, endDate }) => {\n              startDate.startOf('day');\n              endDate.endOf('day');\n              onAddFilter(\n                {\n                  group: column.property,\n                  label: column.label,\n                  value: dateFormatter({ startDate, endDate }, column.format),\n                  type: 'date', // todo: create constants for filter types\n                  filterParams: { start: startDate, end: endDate },\n                  transformRowValue: (value) => moment(value, column.dateFormat || DEFAULT_DATE_FORMAT),\n                  operator: 'range',\n                },\n                column,\n              );\n              onOpenMenu(false);\n            }}\n          />\n        </div>\n      }\n      isOpen={isMenuOpened}\n      onOpen={onOpenMenu}\n      placement={placement}\n      showArrow={false}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<DatePicker2 />}\n          onClick={() => (!isMenuOpened ? onOpenMenu(true) : onOpenMenu(false))}\n          size=\"s\"\n        />\n      }\n      zIndex={menuProps.zIndex}\n    />\n  );\n}\n\nSingleRangeSwitcherMenu.propTypes = {\n  column: PropTypes.any,\n  className: PropTypes.string,\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  placement: PropTypes.string,\n  onAddFilter: PropTypes.func,\n  dateFormatter: PropTypes.any,\n  enableOutsideDays: PropTypes.bool,\n  menuProps: PropTypes.any,\n};\n\nexport { SingleRangeSwitcherMenu };\nexport default SingleRangeSwitcherMenu;\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx } from "react/jsx-runtime";
 import React2, { useState } from "react";
 import PropTypes from "prop-types";
 import { compact } from "lodash";
@@ -23,11 +24,10 @@ function TextFilterMenu({
   isMulti = false
 }) {
   const { options, ...otherMenuProps } = menuProps;
-  const generateOption = (option, idx) => /* @__PURE__ */ React2.createElement(Menu.ItemCheckbox, {
-    key: idx,
+  const generateOption = (option, idx) => /* @__PURE__ */ jsx(Menu.ItemCheckbox, {
     label: option.label,
     name: option.id
-  });
+  }, idx);
   const renderOptions = (arr) => arr.map(generateOption);
   const filtersForColumn = filters.filter((f) => f.group === column.property);
   const initialSelectedOptions = filtersForColumn.map((f) => f.value);
@@ -54,33 +54,38 @@ function TextFilterMenu({
     });
     selected.forEach((item) => {
       if (!initialSelectedOptions.includes(item)) {
-        onAddFilter({
-          group: filterGroup,
-          label: column.label,
-          value: item,
-          operator: column?.filter?.operator || "contains",
-          transformRowValue: column.valueTransformation
-        }, column);
+        onAddFilter(
+          {
+            group: filterGroup,
+            label: column.label,
+            value: item,
+            operator: column?.filter?.operator || "contains",
+            transformRowValue: column.valueTransformation
+          },
+          column
+        );
       }
     });
     onClose();
   };
-  return /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+  return /* @__PURE__ */ jsx(DSDropdownMenu, {
     closeMenuOnItemSelection: true,
     contentStyle: menuStyle,
-    customMenu: isMulti ? /* @__PURE__ */ React2.createElement(Menu, {
+    customMenu: isMulti ? /* @__PURE__ */ jsx(Menu, {
       containerProps: { id: "text-filter-menu-multiple" },
       className: "dg-multiple-filter",
-      visible: true
-    }, /* @__PURE__ */ React2.createElement(Menu.SelectionGroup, {
-      active: selected,
-      onSelect: (newValues) => {
-        setSelected(newValues);
-      },
-      focusOnOpen: true,
-      multi: true,
-      searchable: true
-    }, renderOptions(options))) : /* @__PURE__ */ React2.createElement(MenuCombobox, {
+      visible: true,
+      children: /* @__PURE__ */ jsx(Menu.SelectionGroup, {
+        active: selected,
+        onSelect: (newValues) => {
+          setSelected(newValues);
+        },
+        focusOnOpen: true,
+        multi: true,
+        searchable: true,
+        children: renderOptions(options)
+      })
+    }) : /* @__PURE__ */ jsx(MenuCombobox, {
       ...otherMenuProps,
       className,
       dropdownFilterOptions: {
@@ -91,13 +96,16 @@ function TextFilterMenu({
       minWidth: column.filterMenuMinWidth,
       onSelectMenuItem: (selectedValue) => {
         if (selectedValue) {
-          onAddFilter({
-            group: column.searchBy || column.property,
-            label: column.label,
-            value: selectedValue,
-            operator: column?.filter?.operator || "contains",
-            transformRowValue: column.valueTransformation
-          }, column);
+          onAddFilter(
+            {
+              group: column.searchBy || column.property,
+              label: column.label,
+              value: selectedValue,
+              operator: column?.filter?.operator || "contains",
+              transformRowValue: column.valueTransformation
+            },
+            column
+          );
           onOpenMenu(false);
         }
       }
@@ -110,9 +118,9 @@ function TextFilterMenu({
     onClose: isMulti ? onCloseMulti : onClose,
     options: compact(options),
     placement,
-    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+    triggerComponent: /* @__PURE__ */ jsx(DSButton, {
       buttonType: "text",
-      icon: /* @__PURE__ */ React2.createElement(SearchSmall, null),
+      icon: /* @__PURE__ */ jsx(SearchSmall, {}),
       onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
       size: "s"
     })

package/dist/esm/plugins/filterable/components/filterable-menus/TextFilterMenu.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/TextFilterMenu.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { compact } from 'lodash';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { DSButton } from '@elliemae/ds-button';\nimport { PopperPositions as Position } from '@elliemae/ds-popper';\nimport { Menu, MenuCombobox } from '@elliemae/ds-menu';\nimport { SearchSmall } from '@elliemae/ds-icons';\n\nfunction TextFilterMenu({\n  column,\n  menuStyle = {},\n  className,\n  filters = [],\n  isMenuOpened = false,\n  onOpenMenu = () => null,\n  onClose = () => null,\n  placement = Position.BOTTOM_END,\n  menuProps = {},\n  onAddFilter = () => null,\n  onRemoveFilter = () => null,\n  maxOptions = 10,\n  isMulti = false,\n}) {\n  const { options, ...otherMenuProps } = menuProps;\n\n  const generateOption = (option, idx) => <Menu.ItemCheckbox key={idx} label={option.label} name={option.id} />;\n\n  const renderOptions = (arr) => arr.map(generateOption);\n\n  const filtersForColumn = filters.filter((f) => f.group === column.property);\n\n  const initialSelectedOptions = filtersForColumn.map((f) => f.value);\n\n  const [selected, setSelected] = useState(initialSelectedOptions);\n\n  React.useEffect(() => {\n    const filtersForColumn2 = filters.filter((f) => f.group === column.property);\n    setSelected(filtersForColumn2.map((f) => f.value));\n  }, [filters]);\n\n  const filterGroup = column.searchBy || column.property;\n\n  const onCloseMulti = () => {\n    let nextFilters = [...filters];\n    const shouldRemove = [];\n    // if selected doesn't includes item, then we have to remove the filter\n    // but given that we are maintaining state here and updating the grid state\n    // is not implemented on useFilterableState, we have to do this in 2 traverses\n    // as doing it in one gives trouble when removing and adding at the same time.\n    initialSelectedOptions.forEach((item) => {\n      if (!selected.includes(item)) {\n        nextFilters = nextFilters.filter((filter) => !(filter.group === filterGroup && filter.value === item));\n        shouldRemove.push({ group: filterGroup, pill: { value: item } });\n      }\n    });\n    shouldRemove.forEach((removedFilter) => {\n      onRemoveFilter({\n        ...removedFilter,\n        nextFilters,\n      });\n    });\n    selected.forEach((item) => {\n      // if initialSelectedOptions includes item, then we do nothing\n      if (!initialSelectedOptions.includes(item)) {\n        onAddFilter(\n          {\n            group: filterGroup,\n            label: column.label,\n            value: item,\n            operator: column?.filter?.operator || 'contains',\n            transformRowValue: column.valueTransformation,\n          },\n          column,\n        );\n      }\n    });\n    onClose();\n  };\n\n  return (\n    <DSDropdownMenu\n      closeMenuOnItemSelection\n      contentStyle={menuStyle}\n      customMenu={\n        isMulti ? (\n          <Menu containerProps={{ id: 'text-filter-menu-multiple' }} className=\"dg-multiple-filter\" visible>\n            <Menu.SelectionGroup\n              active={selected}\n              onSelect={(newValues) => {\n                setSelected(newValues);\n              }}\n              focusOnOpen\n              multi\n              searchable\n            >\n              {renderOptions(options)}\n            </Menu.SelectionGroup>\n          </Menu>\n        ) : (\n          <MenuCombobox\n            {...otherMenuProps}\n            className={className}\n            dropdownFilterOptions={{\n              ...column.dropdownFilterOptions,\n              maxOptions,\n            }}\n            maxWidth={column.filterMenuMaxWidth}\n            minWidth={column.filterMenuMinWidth}\n            onSelectMenuItem={(selectedValue) => {\n              if (selectedValue) {\n                onAddFilter(\n                  {\n                    group: column.searchBy || column.property,\n                    label: column.label,\n                    value: selectedValue,\n                    operator: column?.filter?.operator || 'contains',\n                    transformRowValue: column.valueTransformation,\n                  },\n                  column,\n                );\n                onOpenMenu(false);\n              }\n            }}\n          />\n        )\n      }\n      isOpen={isMenuOpened}\n      maxWidth={column.filterMenuMaxWidth}\n      menuProps={menuProps}\n      minWidth={column.filterMenuMinWidth}\n      onOpenMenu={onOpenMenu}\n      onClose={isMulti ? onCloseMulti : onClose}\n      options={compact(options)}\n      placement={placement}\n      triggerComponent={\n        <DSButton\n          buttonType=\"text\"\n          icon={<SearchSmall />}\n          onClick={() => (isMenuOpened ? onOpenMenu(false) : onOpenMenu(true))}\n          size=\"s\"\n        />\n      }\n    />\n  );\n}\n\nTextFilterMenu.propTypes = {\n  column: PropTypes.any,\n  menuStyle: PropTypes.shape({}),\n  className: PropTypes.string,\n  filters: PropTypes.arrayOf(PropTypes.shape({})),\n  isMenuOpened: PropTypes.bool,\n  onOpenMenu: PropTypes.func,\n  onClose: PropTypes.func,\n  placement: PropTypes.string,\n  menuProps: PropTypes.shape({}),\n  onAddFilter: PropTypes.func,\n  onRemoveFilter: PropTypes.func,\n  maxOptions: PropTypes.number,\n  isMulti: PropTypes.bool,\n};\n\nexport { TextFilterMenu };\nexport default TextFilterMenu;\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["React"]
 }

package/dist/esm/plugins/filterable/components/filterable-menus/defaultDateFormat.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/defaultDateFormat.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DEFAULT_DATE_FORMAT = 'MM/DD/YYYY';\n"],
-  "mappings": "AAAA;ACAO,MAAM,sBAAsB;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,sBAAsB;",
   "names": []
 }

package/dist/esm/plugins/filterable/components/filterable-menus/getFilterMenuByType.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/plugins/filterable/components/filterable-menus/getFilterMenuByType.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DateRangeFilterMenu } from './DateRangeFilterMenu';\nimport { SingleDateFilterMenu } from './SingleDateFilterMenu'; // implement\nimport { SingleRangeSwitcherMenu } from './SingleRangeSwitcherMenu'; // implement\nimport { TextFilterMenu } from './TextFilterMenu';\n\nconst ComponentTypes = {\n  'date-range': DateRangeFilterMenu,\n  'single-date': SingleDateFilterMenu,\n  'date-switcher': SingleRangeSwitcherMenu,\n  string: TextFilterMenu,\n};\n\nexport const getFilterMenuByType = (type) => {\n  return ComponentTypes[type] || ComponentTypes.string;\n};\n\nexport default getFilterMenuByType;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEO,MAAM,sBAAsB,CAAC,SAAS;AAC3C,SAAO,eAAe,SAAS,eAAe;AAChD;AAEA,IAAO,8BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,+BAA+B;AACxC,SAAS,sBAAsB;AAE/B,MAAM,iBAAiB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,QAAQ;AACV;AAEO,MAAM,sBAAsB,CAAC,SAAS;AAC3C,SAAO,eAAe,SAAS,eAAe;AAChD;AAEA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/filterableFormatter.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { FilterableHeader } from "./components/FilterableHeader";
 import { getFilterLabels, getFilterLabelsGroup } from "./helper";
 const FilterableFormatter = ({
@@ -22,7 +22,7 @@ const FilterableFormatter = ({
     }
     const filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows, query) : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);
     const columnData = column.filterOptions || filteredLabels;
-    return /* @__PURE__ */ React2.createElement(FilterableHeader, {
+    return /* @__PURE__ */ jsx(FilterableHeader, {
       column,
       columnData,
       filters,

package/dist/esm/plugins/filterable/filterableFormatter.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/filterableFormatter.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FilterableHeader } from './components/FilterableHeader';\nimport { getFilterLabels, getFilterLabelsGroup } from './helper';\n\nconst FilterableFormatter = ({\n  grid,\n  onAddFilter,\n  onRemoveFilter,\n  query,\n  filterMenuRef,\n}) => {\n  return (value, { column }) => {\n    const {\n      rows,\n      composedRows,\n      props: { groupedRows, groupedBy, onFilterMenuClose, onFilterMenuOpen },\n      state: { filters },\n    } = grid.getInstance();\n\n    let rowsToUse = composedRows;\n    if (column.filter && column.filter.isMulti) {\n      rowsToUse = rows;\n    }\n\n    const filteredLabels =\n      groupedRows && !groupedBy\n        ? getFilterLabelsGroup(column, rows, query)\n        : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);\n\n    const columnData = column.filterOptions || filteredLabels;\n    return (\n      <FilterableHeader\n        column={column}\n        columnData={columnData}\n        filters={filters}\n        filterMenuRef={filterMenuRef}\n        onAddFilter={onAddFilter}\n        onFilterMenuClose={onFilterMenuClose}\n        onFilterMenuOpen={onFilterMenuOpen}\n        onRemoveFilter={onRemoveFilter}\n        isMulti={column.filter && column.filter.isMulti}\n        value={value}\n      />\n    );\n  };\n}\n\nexport { FilterableFormatter };\nexport default FilterableFormatter;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,SAAO,CAAC,OAAO,EAAE,aAAa;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,EAAE,aAAa,WAAW,mBAAmB;AAAA,MACpD,OAAO,EAAE;AAAA,QACP,KAAK,YAAY;AAErB,QAAI,YAAY;AAChB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,kBAAY;AAAA,IACd;AAEA,UAAM,iBACJ,eAAe,CAAC,YACZ,qBAAqB,QAAQ,MAAM,KAAK,IACxC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW,KAAK;AAEhE,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE,qCAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,OAAO,UAAU,OAAO,OAAO;AAAA,MACxC;AAAA,KACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,wBAAwB;AACjC,SAAS,iBAAiB,4BAA4B;AAEtD,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SAAO,CAAC,OAAO,EAAE,OAAO,MAAM;AAC5B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA,OAAO,EAAE,aAAa,WAAW,mBAAmB,iBAAiB;AAAA,MACrE,OAAO,EAAE,QAAQ;AAAA,IACnB,IAAI,KAAK,YAAY;AAErB,QAAI,YAAY;AAChB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,kBAAY;AAAA,IACd;AAEA,UAAM,iBACJ,eAAe,CAAC,YACZ,qBAAqB,QAAQ,MAAM,KAAK,IACxC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW,KAAK;AAEhE,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE,oBAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,OAAO,UAAU,OAAO,OAAO;AAAA,MACxC;AAAA,KACF;AAAA,EAEJ;AACF;AAGA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js

@@ -12,7 +12,12 @@ const executeFilterStrategy = (rule, row) => {
   const filterStrategy = getRuleStrategyOperator(rule);
   return filterStrategy(transformedRowValue, transformedValue);
 };
-const filterByRules = (rules, condition = "AND") => (row) => condition === "AND" ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some((rule) => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
+const filterByRules = (rules, condition = "AND") => (row) => condition === "AND" ? rules.reduce(
+  (isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row),
+  true
+) : rules.some(
+  (rule) => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row)
+);
 function filterRowsByQueryGroup(rows, query, composedRows) {
   if (query && query.rules && query.rules.length === 0)
     return rows;

package/dist/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/filterRowsByQuery.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isFunction } from '@elliemae/ds-utilities';\nimport { strategiesOperators } from './strategiesOperators';\n\nconst getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);\n\nconst executeFilterStrategy = (rule, row) => {\n  const { value, field, transform, transformRowValue } = rule;\n  if (field === 'all') return Object.values(row).some((colValue) => strategiesOperators('contains')(colValue, value));\n  const rowValue = row[field];\n  const transformedValue = isFunction(transform) ? transform(value) : value;\n  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;\n\n  const filterStrategy = getRuleStrategyOperator(rule);\n  return filterStrategy(transformedRowValue, transformedValue);\n};\n\nconst filterByRules =\n  (rules, condition = 'AND') =>\n  (row) =>\n    condition === 'AND'\n      ? rules.reduce(\n          (isFiltered, rule) =>\n            rule.rules && rule.rules.length\n              ? isFiltered && filterByRules(rule.rules, rule.condition)(row)\n              : isFiltered && executeFilterStrategy(rule, row),\n          true,\n        )\n      : rules.some((rule) =>\n          rule.rules && rule.rules.length\n            ? filterByRules(rule.rules, rule.condition)(row)\n            : executeFilterStrategy(rule, row),\n        );\n\nexport function filterRowsByQueryGroup(rows, query, composedRows) {\n  if (query && query.rules && query.rules.length === 0) return rows;\n  const newRows = [];\n  const parentMap = {};\n  composedRows.forEach((parentRow) => {\n    if (parentRow.isGroup) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {\n      newRows.push({\n        ...parentRow,\n        _filtered: true,\n      });\n      parentMap[parentRow.parentNode.id] = true;\n    }\n  });\n\n  return newRows.filter((r) => {\n    if (r.isGroup && !parentMap[r.id]) return false;\n    return true;\n  });\n}\n\nexport const filterRowsByQuery = (rows, query) => {\n  return rows.filter(filterByRules(query.rules, query.condition));\n};\n\nexport default filterRowsByQuery;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,sBAAsB;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM,OACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG,GACnD,IACF,IACA,MAAM,KAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG,CACrC;AAED,gCAAgC,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,MAAM;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAChE;AAEA,IAAO,4BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAAS,2BAA2B;AAEpC,MAAM,0BAA0B,CAAC,SAAS,KAAK,YAAY,oBAAoB,KAAK,QAAQ;AAE5F,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,kBAAkB,IAAI;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,GAAG,EAAE,KAAK,CAAC,aAAa,oBAAoB,UAAU,EAAE,UAAU,KAAK,CAAC;AAClH,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,SAAS,IAAI,UAAU,KAAK,IAAI;AACpE,QAAM,sBAAsB,WAAW,iBAAiB,IAAI,kBAAkB,QAAQ,IAAI;AAE1F,QAAM,iBAAiB,wBAAwB,IAAI;AACnD,SAAO,eAAe,qBAAqB,gBAAgB;AAC7D;AAEA,MAAM,gBACJ,CAAC,OAAO,YAAY,UACpB,CAAC,QACC,cAAc,QACV,MAAM;AAAA,EACJ,CAAC,YAAY,SACX,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC3D,cAAc,sBAAsB,MAAM,GAAG;AAAA,EACnD;AACF,IACA,MAAM;AAAA,EAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,SAAS,EAAE,GAAG,IAC7C,sBAAsB,MAAM,GAAG;AACrC;AAED,SAAS,uBAAuB,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU,CAAC;AACjB,QAAM,YAAY,CAAC;AACnB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AAAA,IACH,WAAW,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,SAAS,EAAE,UAAU,IAAI,GAAG;AAC5F,cAAQ,KAAK;AAAA,QACX,GAAG;AAAA,QACH,WAAW;AAAA,MACb,CAAC;AACD,gBAAU,UAAU,WAAW,MAAM;AAAA,IACvC;AAAA,EACF,CAAC;AAED,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA,EACT,CAAC;AACH;AAEO,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM,SAAS,CAAC;AAChE;AAEA,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/filtering-helper/strategiesOperators.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/plugins/filterable/filtering-helper/strategiesOperators.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import compare from 'comparejs';\n\nexport const strategiesOperators = op =>\n  ({\n    range: (rowValue, { start, end }) => start <= rowValue && end >= rowValue,\n    equal: (value1, value2) => compare.id(value1, value2),\n    greaterThan: compare.gt,\n    lessThan: compare.lt,\n    contains: (rowValue, value) =>\n      String(rowValue)\n        .toLowerCase()\n        .indexOf(String(value).toLowerCase()) !== -1,\n  }[op] || compare.id);\n\nexport default strategiesOperators;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,sBAAsB,QAChC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,UAAU,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,QAAQ,EACZ,YAAY,EACZ,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AAChD,GAAE,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,aAAa;AAEb,MAAM,sBAAsB,SAChC;AAAA,EACC,OAAO,CAAC,UAAU,EAAE,OAAO,IAAI,MAAM,SAAS,YAAY,OAAO;AAAA,EACjE,OAAO,CAAC,QAAQ,WAAW,QAAQ,GAAG,QAAQ,MAAM;AAAA,EACpD,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,QAAQ,EACZ,YAAY,EACZ,QAAQ,OAAO,KAAK,EAAE,YAAY,CAAC,MAAM;AAChD,GAAE,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/plugins/filterable/helper.js

@@ -61,18 +61,21 @@ function parseFilterToRule(filter) {
 }
 function parseFiltersToQuery(filters) {
   const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);
-  return Object.keys(groupedFilters).reduce((queryResult, field) => {
-    const filter = groupedFilters[field];
-    if (Array.isArray(filter) && filter.length > 1) {
-      queryResult.rules.push({
-        condition: "OR",
-        rules: filter.map(parseFilterToRule)
-      });
-    } else {
-      queryResult.rules.push(parseFilterToRule(filter[0]));
-    }
-    return queryResult;
-  }, { condition: "AND", rules: [] });
+  return Object.keys(groupedFilters).reduce(
+    (queryResult, field) => {
+      const filter = groupedFilters[field];
+      if (Array.isArray(filter) && filter.length > 1) {
+        queryResult.rules.push({
+          condition: "OR",
+          rules: filter.map(parseFilterToRule)
+        });
+      } else {
+        queryResult.rules.push(parseFilterToRule(filter[0]));
+      }
+      return queryResult;
+    },
+    { condition: "AND", rules: [] }
+  );
 }
 export {
   buildFilterArray,

package/dist/esm/plugins/filterable/helper.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/helper.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n  isFunction,\n  uniqBy,\n  get,\n  groupBy,\n  property,\n} from '@elliemae/ds-utilities';\n\nexport const getFilterLabel = (column, value) => (column.filterLabels ? column.filterLabels[value] || value : value);\n\nexport const getFilterLabels = (column, rows) =>\n  uniqBy(rows, property(column.searchBy || column.property))\n    .map((row) => {\n      const value = get(row, column.searchBy || column.property);\n      if (value === undefined) return {};\n      const rowColumnValue = String(get(row, column.searchBy || column.property));\n      if (isFunction(column.valueTransformation)) {\n        const nextValue = column.valueTransformation(rowColumnValue);\n        return { id: nextValue, label: nextValue };\n      }\n      const label = getFilterLabel(column, rowColumnValue);\n      return { id: rowColumnValue || label, label };\n    })\n    .filter((row) => row.id)\n    .filter((row) => {\n      if (row.id.startsWith) return !row.id.startsWith('grouped-by');\n      return true;\n    });\n\nexport const getFilterLabelsGroup = (column, rows) => {\n  let flat = [];\n  rows.forEach((r) => {\n    if (r.children) {\n      flat = [...flat, ...r.children];\n    }\n  });\n  return getFilterLabels(column, flat);\n};\n\nexport function getFilterValue(filter, column) {\n  const { value } = filter;\n\n  if (!column) return value;\n\n  const { filterOptions, filterLabels } = column;\n\n  if (filterOptions) {\n    const foundOption = column.filterOptions.filter((option) => option.id === value)[0];\n    if (foundOption) return foundOption.label;\n    return value;\n  }\n  if (filterLabels) {\n    return filterLabels[value];\n  }\n\n  return value;\n}\n\nexport function buildFilterArray(newFilter, filters) {\n  // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]\n  return uniqBy([...filters, newFilter], (v) => [v.group, v.value].join());\n}\n\nexport const groupFilters = (filters) => filters.filter((filter) => !filter.fixed);\n\nfunction parseFilterToRule(filter) {\n  return {\n    ...filter,\n    value: filter.filterParams || filter.value,\n    field: filter.group,\n  };\n}\n\nexport function parseFiltersToQuery(filters) {\n  const groupedFilters = groupBy(groupFilters(filters), (filter) => filter.group);\n  return Object.keys(groupedFilters).reduce(\n    (queryResult, field) => {\n      const filter = groupedFilters[field];\n      if (Array.isArray(filter) && filter.length > 1) {\n        // create query group with 'OR' condition\n        queryResult.rules.push({\n          condition: 'OR',\n          rules: filter.map(parseFilterToRule),\n        });\n      } else {\n        queryResult.rules.push(parseFilterToRule(filter[0]));\n      }\n      return queryResult;\n    },\n    { condition: 'AND', rules: [] },\n  );\n}\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,wBAAwB,QAAQ,QAAQ;AAC7C,QAAM,EAAE,UAAU;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,iBAAiB;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAEO,0BAA0B,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,2BAA2B,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,6BAA6B,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE,OACjC,CAAC,aAAa,UAAU;AACtB,UAAM,SAAS,eAAe;AAC9B,QAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,kBAAY,MAAM,KAAK;AAAA,QACrB,WAAW;AAAA,QACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,MACrC,CAAC;AAAA,IACH,OAAO;AACL,kBAAY,MAAM,KAAK,kBAAkB,OAAO,EAAE,CAAC;AAAA,IACrD;AACA,WAAO;AAAA,EACT,GACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE,CAChC;AACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,iBAAiB,CAAC,QAAQ,UAAW,OAAO,eAAe,OAAO,aAAa,UAAU,QAAQ;AAEvG,MAAM,kBAAkB,CAAC,QAAQ,SACtC,OAAO,MAAM,SAAS,OAAO,YAAY,OAAO,QAAQ,CAAC,EACtD,IAAI,CAAC,QAAQ;AACZ,QAAM,QAAQ,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ;AACzD,MAAI,UAAU;AAAW,WAAO,CAAC;AACjC,QAAM,iBAAiB,OAAO,IAAI,KAAK,OAAO,YAAY,OAAO,QAAQ,CAAC;AAC1E,MAAI,WAAW,OAAO,mBAAmB,GAAG;AAC1C,UAAM,YAAY,OAAO,oBAAoB,cAAc;AAC3D,WAAO,EAAE,IAAI,WAAW,OAAO,UAAU;AAAA,EAC3C;AACA,QAAM,QAAQ,eAAe,QAAQ,cAAc;AACnD,SAAO,EAAE,IAAI,kBAAkB,OAAO,MAAM;AAC9C,CAAC,EACA,OAAO,CAAC,QAAQ,IAAI,EAAE,EACtB,OAAO,CAAC,QAAQ;AACf,MAAI,IAAI,GAAG;AAAY,WAAO,CAAC,IAAI,GAAG,WAAW,YAAY;AAC7D,SAAO;AACT,CAAC;AAEE,MAAM,uBAAuB,CAAC,QAAQ,SAAS;AACpD,MAAI,OAAO,CAAC;AACZ,OAAK,QAAQ,CAAC,MAAM;AAClB,QAAI,EAAE,UAAU;AACd,aAAO,CAAC,GAAG,MAAM,GAAG,EAAE,QAAQ;AAAA,IAChC;AAAA,EACF,CAAC;AACD,SAAO,gBAAgB,QAAQ,IAAI;AACrC;AAEO,SAAS,eAAe,QAAQ,QAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI;AAElB,MAAI,CAAC;AAAQ,WAAO;AAEpB,QAAM,EAAE,eAAe,aAAa,IAAI;AAExC,MAAI,eAAe;AACjB,UAAM,cAAc,OAAO,cAAc,OAAO,CAAC,WAAW,OAAO,OAAO,KAAK,EAAE;AACjF,QAAI;AAAa,aAAO,YAAY;AACpC,WAAO;AAAA,EACT;AACA,MAAI,cAAc;AAChB,WAAO,aAAa;AAAA,EACtB;AAEA,SAAO;AACT;AAEO,SAAS,iBAAiB,WAAW,SAAS;AAEnD,SAAO,OAAO,CAAC,GAAG,SAAS,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACzE;AAEO,MAAM,eAAe,CAAC,YAAY,QAAQ,OAAO,CAAC,WAAW,CAAC,OAAO,KAAK;AAEjF,SAAS,kBAAkB,QAAQ;AACjC,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,OAAO,gBAAgB,OAAO;AAAA,IACrC,OAAO,OAAO;AAAA,EAChB;AACF;AAEO,SAAS,oBAAoB,SAAS;AAC3C,QAAM,iBAAiB,QAAQ,aAAa,OAAO,GAAG,CAAC,WAAW,OAAO,KAAK;AAC9E,SAAO,OAAO,KAAK,cAAc,EAAE;AAAA,IACjC,CAAC,aAAa,UAAU;AACtB,YAAM,SAAS,eAAe;AAC9B,UAAI,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAAG;AAE9C,oBAAY,MAAM,KAAK;AAAA,UACrB,WAAW;AAAA,UACX,OAAO,OAAO,IAAI,iBAAiB;AAAA,QACrC,CAAC;AAAA,MACH,OAAO;AACL,oBAAY,MAAM,KAAK,kBAAkB,OAAO,EAAE,CAAC;AAAA,MACrD;AACA,aAAO;AAAA,IACT;AAAA,IACA,EAAE,WAAW,OAAO,OAAO,CAAC,EAAE;AAAA,EAChC;AACF;",
   "names": []
 }

package/dist/esm/plugins/filterable/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/plugins/filterable/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FilterablePlugin } from './FilterablePlugin';\n"],
-  "mappings": "AAAA;ACAA;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB;",
   "names": []
 }

package/dist/esm/plugins/filterable/useFilterableState.js

@@ -30,7 +30,9 @@ function useFilterableState(grid) {
     } = grid.getInstance();
     body.current.scrollTop = 0;
     setFilters(nextFilters);
-    grid.observeRows((rows) => onFiltersChange(nextFilters, queryFromFilters, rows));
+    grid.observeRows(
+      (rows) => onFiltersChange(nextFilters, queryFromFilters, rows)
+    );
   };
   const addFilter = (filter, column) => {
     let hasBeenCalled = false;