@elliemae/ds-datagrids 3.0.0-next.1 → 3.0.0-next.13

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

@@ -0,0 +1,176 @@
+import * as React from "react";
+import React2, { useEffect, useState } from "react";
+import PropTypes from "prop-types";
+import {
+  DSControlledDateTimePicker,
+  DSControlledDateRangePicker,
+  DSControlledCheckbox
+} from "@elliemae/ds-controlled-form";
+import { DSPopper, PopperPositions as Position } from "@elliemae/ds-popper";
+import { DatePicker2 } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { Grid } from "@elliemae/ds-grid";
+import moment from "moment";
+import styled from "styled-components";
+import { DEFAULT_DATE_FORMAT } from "./defaultDateFormat";
+const StyledGridWrapper = styled(Grid)`
+  .notCurrentMonth {
+    opacity: ${(props) => props.enableOutsideDays ? "1" : "0"};
+    pointer-events: ${(props) => props.enableOutsideDays ? "auto" : "none"};
+  }
+`;
+const noop = (...args) => {
+};
+const SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) => {
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
+  const [lastChangeWasPicker, setLastChangeWasPicker] = useState(false);
+  const [isDateRange, setIsDateRange] = useState(false);
+  useEffect(() => {
+    const startMoment = moment(startDate);
+    const endMoment = moment(endDate);
+    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
+      onChange({ startDate: startMoment, endDate: endMoment });
+    }
+  }, [startDate, endDate, lastChangeWasPicker]);
+  return /* @__PURE__ */ React2.createElement(StyledGridWrapper, {
+    "data-testid": "date-single-range__wrapper",
+    style: {
+      backgroundColor: "white",
+      boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)",
+      width: "261px",
+      display: "grid",
+      justifyContent: "center"
+    },
+    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"
+  })));
+};
+SingleRangeSwitcherContainer.propTypes = {
+  onChange: PropTypes.func,
+  enableOutsideDays: PropTypes.bool
+};
+const formatRangeDate = ({ startDate, endDate }, format = DEFAULT_DATE_FORMAT) => {
+  const sameDay = startDate.isSame(endDate, "day");
+  if (sameDay)
+    return `${endDate.format(format)}`;
+  return `${startDate.format(format)} - ${endDate.format(format)}`;
+};
+function SingleRangeSwitcherMenu({
+  column,
+  className,
+  isMenuOpened = false,
+  onOpenMenu = noop,
+  placement = Position.BOTTOM_END,
+  onAddFilter = noop,
+  dateFormatter = formatRangeDate,
+  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);
+      }
+    })),
+    isOpen: isMenuOpened,
+    onOpen: onOpenMenu,
+    placement,
+    showArrow: false,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      icon: /* @__PURE__ */ React2.createElement(DatePicker2, null),
+      onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
+      size: "s"
+    }),
+    zIndex: menuProps.zIndex
+  });
+}
+SingleRangeSwitcherMenu.propTypes = {
+  column: PropTypes.any,
+  className: PropTypes.string,
+  isMenuOpened: PropTypes.bool,
+  onOpenMenu: PropTypes.func,
+  placement: PropTypes.string,
+  onAddFilter: PropTypes.func,
+  dateFormatter: PropTypes.any,
+  enableOutsideDays: PropTypes.bool,
+  menuProps: PropTypes.any
+};
+var SingleRangeSwitcherMenu_default = SingleRangeSwitcherMenu;
+export {
+  SingleRangeSwitcherMenu,
+  SingleRangeSwitcherMenu_default as default
+};
+//# sourceMappingURL=SingleRangeSwitcherMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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 'styled-components';\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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",
+  "names": []
+}

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

@@ -0,0 +1,169 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2, { useState } from "react";
+import PropTypes from "prop-types";
+import { compact } from "lodash";
+import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
+import { DSButton } from "@elliemae/ds-button";
+import { PopperPositions as Position } from "@elliemae/ds-popper";
+import { Menu, MenuCombobox } from "@elliemae/ds-menu";
+import { SearchSmall } from "@elliemae/ds-icons";
+function TextFilterMenu({
+  column,
+  menuStyle = {},
+  className,
+  filters = [],
+  isMenuOpened = false,
+  onOpenMenu = () => null,
+  onClose = () => null,
+  placement = Position.BOTTOM_END,
+  menuProps = {},
+  onAddFilter = () => null,
+  onRemoveFilter = () => null,
+  maxOptions = 10,
+  isMulti = false
+}) {
+  const _a = menuProps, { options } = _a, otherMenuProps = __objRest(_a, ["options"]);
+  const generateOption = (option, idx) => /* @__PURE__ */ React2.createElement(Menu.ItemCheckbox, {
+    key: idx,
+    label: option.label,
+    name: option.id
+  });
+  const renderOptions = (arr) => arr.map(generateOption);
+  const filtersForColumn = filters.filter((f) => f.group === column.property);
+  const initialSelectedOptions = filtersForColumn.map((f) => f.value);
+  const [selected, setSelected] = useState(initialSelectedOptions);
+  React2.useEffect(() => {
+    const filtersForColumn2 = filters.filter((f) => f.group === column.property);
+    setSelected(filtersForColumn2.map((f) => f.value));
+  }, [filters]);
+  const filterGroup = column.searchBy || column.property;
+  const onCloseMulti = () => {
+    let nextFilters = [...filters];
+    const shouldRemove = [];
+    initialSelectedOptions.forEach((item) => {
+      if (!selected.includes(item)) {
+        nextFilters = nextFilters.filter((filter) => !(filter.group === filterGroup && filter.value === item));
+        shouldRemove.push({ group: filterGroup, pill: { value: item } });
+      }
+    });
+    shouldRemove.forEach((removedFilter) => {
+      onRemoveFilter(__spreadProps(__spreadValues({}, removedFilter), {
+        nextFilters
+      }));
+    });
+    selected.forEach((item) => {
+      if (!initialSelectedOptions.includes(item)) {
+        onAddFilter({
+          group: filterGroup,
+          label: column.label,
+          value: item,
+          operator: column?.filter?.operator || "contains",
+          transformRowValue: column.valueTransformation
+        }, column);
+      }
+    });
+    onClose();
+  };
+  return /* @__PURE__ */ React2.createElement(DSDropdownMenu, {
+    closeMenuOnItemSelection: true,
+    contentStyle: menuStyle,
+    customMenu: isMulti ? /* @__PURE__ */ React2.createElement(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, __spreadProps(__spreadValues({}, otherMenuProps), {
+      className,
+      dropdownFilterOptions: __spreadProps(__spreadValues({}, column.dropdownFilterOptions), {
+        maxOptions
+      }),
+      maxWidth: column.filterMenuMaxWidth,
+      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);
+          onOpenMenu(false);
+        }
+      }
+    })),
+    isOpen: isMenuOpened,
+    maxWidth: column.filterMenuMaxWidth,
+    menuProps,
+    minWidth: column.filterMenuMinWidth,
+    onOpenMenu,
+    onClose: isMulti ? onCloseMulti : onClose,
+    options: compact(options),
+    placement,
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "text",
+      icon: /* @__PURE__ */ React2.createElement(SearchSmall, null),
+      onClick: () => isMenuOpened ? onOpenMenu(false) : onOpenMenu(true),
+      size: "s"
+    })
+  });
+}
+TextFilterMenu.propTypes = {
+  column: PropTypes.any,
+  menuStyle: PropTypes.shape({}),
+  className: PropTypes.string,
+  filters: PropTypes.arrayOf(PropTypes.shape({})),
+  isMenuOpened: PropTypes.bool,
+  onOpenMenu: PropTypes.func,
+  onClose: PropTypes.func,
+  placement: PropTypes.string,
+  menuProps: PropTypes.shape({}),
+  onAddFilter: PropTypes.func,
+  onRemoveFilter: PropTypes.func,
+  maxOptions: PropTypes.number,
+  isMulti: PropTypes.bool
+};
+var TextFilterMenu_default = TextFilterMenu;
+export {
+  TextFilterMenu,
+  TextFilterMenu_default as default
+};
+//# sourceMappingURL=TextFilterMenu.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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": []
+}

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

@@ -0,0 +1,6 @@
+import * as React from "react";
+const DEFAULT_DATE_FORMAT = "MM/DD/YYYY";
+export {
+  DEFAULT_DATE_FORMAT
+};
+//# sourceMappingURL=defaultDateFormat.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;",
+  "names": []
+}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { DateRangeFilterMenu } from "./DateRangeFilterMenu";
+import { SingleDateFilterMenu } from "./SingleDateFilterMenu";
+import { SingleRangeSwitcherMenu } from "./SingleRangeSwitcherMenu";
+import { TextFilterMenu } from "./TextFilterMenu";
+const ComponentTypes = {
+  "date-range": DateRangeFilterMenu,
+  "single-date": SingleDateFilterMenu,
+  "date-switcher": SingleRangeSwitcherMenu,
+  string: TextFilterMenu
+};
+const getFilterMenuByType = (type) => {
+  return ComponentTypes[type] || ComponentTypes.string;
+};
+var getFilterMenuByType_default = getFilterMenuByType;
+export {
+  getFilterMenuByType_default as default,
+  getFilterMenuByType
+};
+//# sourceMappingURL=getFilterMenuByType.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA;AAGH,MAAM,sBAAsB,CAAC,SAAS;AAC3C,SAAO,eAAe,SAAS,eAAe;AAAA;AAGhD,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+import React2 from "react";
+import { FilterableHeader } from "./components/FilterableHeader";
+import { getFilterLabels, getFilterLabelsGroup } from "./helper";
+const FilterableFormatter = ({
+  grid,
+  onAddFilter,
+  onRemoveFilter,
+  query,
+  filterMenuRef
+}) => {
+  return (value, { column }) => {
+    const {
+      rows,
+      composedRows,
+      props: { groupedRows, groupedBy, onFilterMenuClose, onFilterMenuOpen },
+      state: { filters }
+    } = grid.getInstance();
+    let rowsToUse = composedRows;
+    if (column.filter && column.filter.isMulti) {
+      rowsToUse = rows;
+    }
+    const filteredLabels = groupedRows && !groupedBy ? getFilterLabelsGroup(column, rows, query) : getFilterLabels(column, rowsToUse.rows || rowsToUse, query);
+    const columnData = column.filterOptions || filteredLabels;
+    return /* @__PURE__ */ React2.createElement(FilterableHeader, {
+      column,
+      columnData,
+      filters,
+      filterMenuRef,
+      onAddFilter,
+      onFilterMenuClose,
+      onFilterMenuOpen,
+      onRemoveFilter,
+      isMulti: column.filter && column.filter.isMulti,
+      value
+    });
+  };
+};
+var filterableFormatter_default = FilterableFormatter;
+export {
+  FilterableFormatter,
+  filterableFormatter_default as default
+};
+//# sourceMappingURL=filterableFormatter.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAET,QAAI,YAAY;AAChB,QAAI,OAAO,UAAU,OAAO,OAAO,SAAS;AAC1C,kBAAY;AAAA;AAGd,UAAM,iBACJ,eAAe,CAAC,YACZ,qBAAqB,QAAQ,MAAM,SACnC,gBAAgB,QAAQ,UAAU,QAAQ,WAAW;AAE3D,UAAM,aAAa,OAAO,iBAAiB;AAC3C,WACE,qCAAC,kBAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,OAAO,UAAU,OAAO,OAAO;AAAA,MACxC;AAAA;AAAA;AAAA;AAOR,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { strategiesOperators } from "./strategiesOperators";
+const getRuleStrategyOperator = (rule) => rule.strategy || strategiesOperators(rule.operator);
+const executeFilterStrategy = (rule, row) => {
+  const { value, field, transform, transformRowValue } = rule;
+  if (field === "all")
+    return Object.values(row).some((colValue) => strategiesOperators("contains")(colValue, value));
+  const rowValue = row[field];
+  const transformedValue = isFunction(transform) ? transform(value) : value;
+  const transformedRowValue = isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
+  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));
+function filterRowsByQueryGroup(rows, query, composedRows) {
+  if (query && query.rules && query.rules.length === 0)
+    return rows;
+  const newRows = [];
+  const parentMap = {};
+  composedRows.forEach((parentRow) => {
+    if (parentRow.isGroup) {
+      newRows.push(__spreadProps(__spreadValues({}, parentRow), {
+        _filtered: true
+      }));
+    } else if (!parentRow.isGroup && filterByRules(query.rules, query.condition)(parentRow.data)) {
+      newRows.push(__spreadProps(__spreadValues({}, parentRow), {
+        _filtered: true
+      }));
+      parentMap[parentRow.parentNode.id] = true;
+    }
+  });
+  return newRows.filter((r) => {
+    if (r.isGroup && !parentMap[r.id])
+      return false;
+    return true;
+  });
+}
+const filterRowsByQuery = (rows, query) => {
+  return rows.filter(filterByRules(query.rules, query.condition));
+};
+var filterRowsByQuery_default = filterRowsByQuery;
+export {
+  filterRowsByQuery_default as default,
+  filterRowsByQuery,
+  filterRowsByQueryGroup
+};
+//# sourceMappingURL=filterRowsByQuery.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAEpF,MAAM,wBAAwB,CAAC,MAAM,QAAQ;AAC3C,QAAM,EAAE,OAAO,OAAO,WAAW,sBAAsB;AACvD,MAAI,UAAU;AAAO,WAAO,OAAO,OAAO,KAAK,KAAK,CAAC,aAAa,oBAAoB,YAAY,UAAU;AAC5G,QAAM,WAAW,IAAI;AACrB,QAAM,mBAAmB,WAAW,aAAa,UAAU,SAAS;AACpE,QAAM,sBAAsB,WAAW,qBAAqB,kBAAkB,YAAY;AAE1F,QAAM,iBAAiB,wBAAwB;AAC/C,SAAO,eAAe,qBAAqB;AAAA;AAG7C,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,WAAW,OACxD,cAAc,sBAAsB,MAAM,MAChD,QAEF,MAAM,KAAK,CAAC,SACV,KAAK,SAAS,KAAK,MAAM,SACrB,cAAc,KAAK,OAAO,KAAK,WAAW,OAC1C,sBAAsB,MAAM;AAGnC,gCAAgC,MAAM,OAAO,cAAc;AAChE,MAAI,SAAS,MAAM,SAAS,MAAM,MAAM,WAAW;AAAG,WAAO;AAC7D,QAAM,UAAU;AAChB,QAAM,YAAY;AAClB,eAAa,QAAQ,CAAC,cAAc;AAClC,QAAI,UAAU,SAAS;AACrB,cAAQ,KAAK,iCACR,YADQ;AAAA,QAEX,WAAW;AAAA;AAAA,eAEJ,CAAC,UAAU,WAAW,cAAc,MAAM,OAAO,MAAM,WAAW,UAAU,OAAO;AAC5F,cAAQ,KAAK,iCACR,YADQ;AAAA,QAEX,WAAW;AAAA;AAEb,gBAAU,UAAU,WAAW,MAAM;AAAA;AAAA;AAIzC,SAAO,QAAQ,OAAO,CAAC,MAAM;AAC3B,QAAI,EAAE,WAAW,CAAC,UAAU,EAAE;AAAK,aAAO;AAC1C,WAAO;AAAA;AAAA;AAIJ,MAAM,oBAAoB,CAAC,MAAM,UAAU;AAChD,SAAO,KAAK,OAAO,cAAc,MAAM,OAAO,MAAM;AAAA;AAGtD,IAAO,4BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,15 @@
+import * as React from "react";
+import compare from "comparejs";
+const strategiesOperators = (op) => ({
+  range: (rowValue, { start, end }) => start <= rowValue && end >= rowValue,
+  equal: (value1, value2) => compare.id(value1, value2),
+  greaterThan: compare.gt,
+  lessThan: compare.lt,
+  contains: (rowValue, value) => String(rowValue).toLowerCase().indexOf(String(value).toLowerCase()) !== -1
+})[op] || compare.id;
+var strategiesOperators_default = strategiesOperators;
+export {
+  strategiesOperators_default as default,
+  strategiesOperators
+};
+//# sourceMappingURL=strategiesOperators.js.map

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

@@ -0,0 +1,7 @@
+{
+  "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;AAAA,EAC9C,aAAa,QAAQ;AAAA,EACrB,UAAU,QAAQ;AAAA,EAClB,UAAU,CAAC,UAAU,UACnB,OAAO,UACJ,cACA,QAAQ,OAAO,OAAO,mBAAmB;AAAA,GAC9C,OAAO,QAAQ;AAEnB,IAAO,8BAAQ;",
+  "names": []
+}