@elliemae/ds-datagrids 1.56.0 → 1.57.0-rc.10

package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js

@@ -1,183 +1,149 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var PropTypes = require('prop-types');
-var dsDateRangePicker = require('@elliemae/ds-date-range-picker');
-var dsDatePicker = require('@elliemae/ds-date-picker');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
 var DSPopper = require('@elliemae/ds-basic/Popper');
-var DatePickerIcon = require('@elliemae/ds-icons/DatePicker2');
+var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-basic/Button');
+var Grid = require('@elliemae/ds-grid');
 var moment = require('moment');
-var dsClassnames = require('@elliemae/ds-classnames');
+var styled = require('styled-components');
 var plugins_filterable_components_filterableMenus_defaultDateFormat = require('./defaultDateFormat.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
-var DatePickerIcon__default = /*#__PURE__*/_interopDefaultLegacy(DatePickerIcon);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var _excluded = ["onChange", "enableOutsideDays"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var START_DATE = 'startDate';
-var END_DATE = 'endDate';
-var blockname = 'date-range';
-var Wrapper = dsClassnames.aggregatedClasses('div')(blockname, 'wrapper'); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+var StyledGridWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+  componentId: "sc-jay5xg-0"
+})([".notCurrentMonth{opacity:", ";pointer-events:", ";}"], function (props) {
+  return props.enableOutsideDays ? '1' : '0';
+}, function (props) {
+  return props.enableOutsideDays ? 'auto' : 'none';
+}); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
 
 var noop = function noop() {};
 
 var SingleRangeSwitcherContainer = function SingleRangeSwitcherContainer(_ref) {
   var _ref$onChange = _ref.onChange,
       onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-      enableOutsideDays = _ref.enableOutsideDays,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      enableOutsideDays = _ref.enableOutsideDays;
 
-  var _useState = React.useState(START_DATE),
+  var _useState = React.useState(''),
       _useState2 = _slicedToArray__default['default'](_useState, 2),
-      focusedInputHeader = _useState2[0],
-      setFocusedInputHeader = _useState2[1];
+      startDate = _useState2[0],
+      setStartDate = _useState2[1];
 
-  var _useState3 = React.useState(START_DATE),
+  var _useState3 = React.useState(''),
       _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      focusedInputPicker = _useState4[0],
-      setFocusedInputPicker = _useState4[1];
+      endDate = _useState4[0],
+      setEndDate = _useState4[1]; // For some reason it worked like this
 
-  var _useState5 = React.useState(),
+
+  var _useState5 = React.useState(false),
       _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      singleDate = _useState6[0],
-      setSingleDate = _useState6[1];
+      lastChangeWasPicker = _useState6[0],
+      setLastChangeWasPicker = _useState6[1];
 
-  var _useState7 = React.useState({}),
+  var _useState7 = React.useState(false),
       _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      dateRange = _useState8[0],
-      setDateRange = _useState8[1];
-
-  var _useState9 = React.useState(false),
-      _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      isDateRange = _useState10[0],
-      _setIsDateRange = _useState10[1];
-
-  var _useState11 = React.useState({}),
-      _useState12 = _slicedToArray__default['default'](_useState11, 2),
-      pickerRange = _useState12[0],
-      setPickerRange = _useState12[1];
-
-  var handleHeaderFocusChange = function handleHeaderFocusChange(inputType) {
-    setFocusedInputHeader(inputType);
-  };
-
-  var handlePickerFocusChange = function handlePickerFocusChange() {
-    setFocusedInputPicker(focusedInputPicker === START_DATE ? END_DATE : START_DATE);
-  };
-
-  var handleDatesChange = function handleDatesChange(dates) {
-    if (dates.endDate) {
-      setTimeout(function () {
-        onChange({
-          startDate: dates.startDate,
-          endDate: dates.endDate.endOf('day')
-        });
-      }, 500);
+      isDateRange = _useState8[0],
+      setIsDateRange = _useState8[1];
+
+  React.useEffect(function () {
+    var startMoment = moment__default['default'](startDate);
+    var endMoment = moment__default['default'](endDate);
+
+    if (lastChangeWasPicker && startDate && !startDate.includes('_') && endDate && !endDate.includes('_') && endMoment.diff(startMoment) >= 0) {
+      onChange({
+        startDate: startMoment,
+        endDate: endMoment
+      });
+    } // eslint-disable-next-line react-hooks/exhaustive-deps
+
+  }, [startDate, endDate, lastChangeWasPicker]);
+  return /*#__PURE__*/React__default['default'].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: enableOutsideDays,
+    onKeyDown: function onKeyDown(e) {
+      return e.code === 'Enter' && setLastChangeWasPicker(true);
     }
-
-    setPickerRange({
-      startDate: dates.startDate,
-      endDate: dateRange.endDate
-    });
-    setDateRange(dates);
-  };
-
-  var handlePickerChange = function handlePickerChange(dates) {
-    if (dates.endDate) {
-      setTimeout(function () {
-        onChange({
-          startDate: dates.startDate,
-          endDate: dates.endDate
-        });
-      }, 500);
+  }, /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
+    gutter: "xxs",
+    alignItems: "center",
+    p: "xxs"
+  }, /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledCheckbox, {
+    checked: isDateRange,
+    name: "Date range",
+    label: "Range",
+    id: "date-range-switcher-id-internal",
+    onChange: function onChange() {
+      setIsDateRange(!isDateRange);
+      setStartDate('');
+      setEndDate('');
     }
-
-    if (dates.startDate) handleHeaderFocusChange(undefined);
-    setPickerRange(dates);
-    setDateRange(dates);
-  };
-
-  var handleSingleDateChange = React.useCallback(function (date) {
-    var dates = {
-      startDate: moment__default['default'](date).startOf('day'),
-      endDate: moment__default['default'](date).endOf('day')
-    };
-    onChange(dates);
-    setSingleDate(dates);
-  }, [onChange]);
-
-  var handleStartInputChange = function handleStartInputChange(newDate) {
-    setDateRange({
-      startDate: newDate,
-      endDate: dateRange.endDate
-    });
-    setPickerRange(_objectSpread(_objectSpread({}, pickerRange), {}, {
-      startDate: newDate
-    }));
-  };
-
-  var handleEndInputChange = function handleEndInputChange(newDate) {
-    setDateRange({
-      startDate: dateRange.startDate,
-      endDate: newDate
-    });
-    setPickerRange(_objectSpread(_objectSpread({}, pickerRange), {}, {
-      endDate: newDate
-    }));
-  };
-
-  var dateRangeController = /*#__PURE__*/React__default['default'].createElement(dsDateRangePicker.DayPickerRangeController, _extends__default['default']({}, otherProps, {
-    enableOutsideDays: enableOutsideDays,
-    endDate: pickerRange.endDate,
-    focusedInput: focusedInputPicker,
-    hideKeyboardShortcutsPanel: true,
-    onDatesChange: handlePickerChange,
-    onFocusChange: handlePickerFocusChange,
-    startDate: pickerRange.startDate
-  }));
-  var singleDateController = /*#__PURE__*/React__default['default'].createElement(dsDatePicker.DSDatePickerController, {
-    date: singleDate,
-    enableOutsideDays: enableOutsideDays,
-    onDateChange: handleSingleDateChange
-  });
-  return /*#__PURE__*/React__default['default'].createElement(Wrapper, {
-    "data-testid": "date-single-range__wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(dsDatePicker.SingleRangeDateSwitcher, {
-    isDateRange: isDateRange,
-    focusedInput: focusedInputHeader,
-    onFocusChange: handleHeaderFocusChange,
-    onEndInputChange: handleEndInputChange,
-    onSingleInputChange: handleSingleDateChange,
-    onStartInputChange: handleStartInputChange,
-    selectedEndDate: dateRange.endDate,
-    selectedSingleDate: singleDate,
-    selectedStartDate: dateRange.startDate,
-    setIsDateRange: function setIsDateRange(_ref2) {
-      var checked = _ref2.target.checked;
-
-      _setIsDateRange(checked);
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
+    style: {
+      width: 'fit-content'
+    }
+  }, isDateRange ? /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: function onFromDateChange(_start) {
+      setStartDate(_start);
+      setLastChangeWasPicker(false);
+    },
+    toDate: endDate,
+    onToDateChange: function onToDateChange(_end) {
+      setEndDate(_end);
+      setLastChangeWasPicker(false);
+    },
+    type: "date-range-inputs"
+  }) : /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+    date: startDate,
+    onDateChange: function onDateChange(_date) {
+      setLastChangeWasPicker(false);
+      setStartDate(_date);
+      setEndDate(_date);
+    },
+    type: "date-inputs"
+  }))), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], null, isDateRange ? /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateRangePicker, {
+    fromDate: startDate,
+    onFromDateChange: function onFromDateChange(_start) {
+      setStartDate(_start);
+      setLastChangeWasPicker(true);
+    },
+    toDate: endDate,
+    onToDateChange: function onToDateChange(_end) {
+      setEndDate(_end);
+      setLastChangeWasPicker(true);
+    },
+    type: "date-range-picker-controller-only"
+  }) : /*#__PURE__*/React__default['default'].createElement(dsControlledForm.DSControlledDateTimePicker, {
+    date: startDate,
+    onDateChange: function onDateChange(_date) {
+      setLastChangeWasPicker(true);
+      setStartDate(_date);
+      setEndDate(_date);
     },
-    handleDatesChange: handleDatesChange
-  }), isDateRange ? dateRangeController : singleDateController);
+    type: "date-picker-controller-only"
+  })));
 };
 
 SingleRangeSwitcherContainer.propTypes = {
@@ -185,9 +151,9 @@ SingleRangeSwitcherContainer.propTypes = {
   enableOutsideDays: PropTypes__default['default'].bool
 };
 
-var formatRangeDate = function formatRangeDate(_ref3) {
-  var startDate = _ref3.startDate,
-      endDate = _ref3.endDate;
+var formatRangeDate = function formatRangeDate(_ref2) {
+  var startDate = _ref2.startDate,
+      endDate = _ref2.endDate;
   var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : plugins_filterable_components_filterableMenus_defaultDateFormat.DEFAULT_DATE_FORMAT;
   var sameDay = startDate.isSame(endDate, 'day');
   if (sameDay) return "".concat(endDate.format(format));
@@ -195,31 +161,30 @@ var formatRangeDate = function formatRangeDate(_ref3) {
 }; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 
 
-function SingleRangeSwitcherMenu(_ref4) {
-  var column = _ref4.column,
-      className = _ref4.className,
-      _ref4$isMenuOpened = _ref4.isMenuOpened,
-      isMenuOpened = _ref4$isMenuOpened === void 0 ? false : _ref4$isMenuOpened,
-      _ref4$onOpenMenu = _ref4.onOpenMenu,
-      onOpenMenu = _ref4$onOpenMenu === void 0 ? noop : _ref4$onOpenMenu,
-      _ref4$placement = _ref4.placement,
-      placement = _ref4$placement === void 0 ? DSPopper.PopperPositions.BOTTOM_END : _ref4$placement,
-      _ref4$onAddFilter = _ref4.onAddFilter,
-      onAddFilter = _ref4$onAddFilter === void 0 ? noop : _ref4$onAddFilter,
-      _ref4$dateFormatter = _ref4.dateFormatter,
-      dateFormatter = _ref4$dateFormatter === void 0 ? formatRangeDate : _ref4$dateFormatter,
-      _ref4$enableOutsideDa = _ref4.enableOutsideDays,
-      enableOutsideDays = _ref4$enableOutsideDa === void 0 ? true : _ref4$enableOutsideDa,
-      menuProps = _ref4.menuProps;
+function SingleRangeSwitcherMenu(_ref3) {
+  var column = _ref3.column,
+      className = _ref3.className,
+      _ref3$isMenuOpened = _ref3.isMenuOpened,
+      isMenuOpened = _ref3$isMenuOpened === void 0 ? false : _ref3$isMenuOpened,
+      _ref3$onOpenMenu = _ref3.onOpenMenu,
+      onOpenMenu = _ref3$onOpenMenu === void 0 ? noop : _ref3$onOpenMenu,
+      _ref3$placement = _ref3.placement,
+      placement = _ref3$placement === void 0 ? DSPopper.PopperPositions.BOTTOM_END : _ref3$placement,
+      _ref3$onAddFilter = _ref3.onAddFilter,
+      onAddFilter = _ref3$onAddFilter === void 0 ? noop : _ref3$onAddFilter,
+      _ref3$dateFormatter = _ref3.dateFormatter,
+      dateFormatter = _ref3$dateFormatter === void 0 ? formatRangeDate : _ref3$dateFormatter,
+      _ref3$enableOutsideDa = _ref3.enableOutsideDays,
+      enableOutsideDays = _ref3$enableOutsideDa === void 0 ? true : _ref3$enableOutsideDa,
+      menuProps = _ref3.menuProps;
   return /*#__PURE__*/React__default['default'].createElement(DSPopper__default['default'], {
     contentComponent: /*#__PURE__*/React__default['default'].createElement("div", {
       className: className
     }, /*#__PURE__*/React__default['default'].createElement(SingleRangeSwitcherContainer, {
       enableOutsideDays: enableOutsideDays,
-      minimumNights: 0,
-      onChange: function onChange(_ref5) {
-        var startDate = _ref5.startDate,
-            endDate = _ref5.endDate;
+      onChange: function onChange(_ref4) {
+        var startDate = _ref4.startDate,
+            endDate = _ref4.endDate;
         startDate.startOf('day');
         endDate.endOf('day');
         onAddFilter({
@@ -249,7 +214,7 @@ function SingleRangeSwitcherMenu(_ref4) {
     showArrow: false,
     triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
       buttonType: "text",
-      icon: /*#__PURE__*/React__default['default'].createElement(DatePickerIcon__default['default'], null),
+      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.DatePicker2, null),
       onClick: function onClick() {
         return !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false);
       },

package/cjs/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleRangeSwitcherMenu.js","sources":["../../../../../../src/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React, { useCallback, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { DayPickerRangeController } from '@elliemae/ds-date-range-picker';\nimport { DSDatePickerController, SingleRangeDateSwitcher } from '@elliemae/ds-date-picker';\nimport DSPopper, { PopperPositions as Position } from '@elliemae/ds-basic/Popper';\nimport DatePickerIcon from '@elliemae/ds-icons/DatePicker2';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport moment from 'moment';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DEFAULT_DATE_FORMAT } from './defaultDateFormat';\n\nconst START_DATE = 'startDate';\nconst END_DATE = 'endDate';\n\nconst blockname = 'date-range';\nconst Wrapper = aggregatedClasses('div')(blockname, 'wrapper');\n// eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function\nconst noop = (...args) => {};\nconst SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays, ...otherProps }) => {\n  const [focusedInputHeader, setFocusedInputHeader] = useState(START_DATE);\n  const [focusedInputPicker, setFocusedInputPicker] = useState(START_DATE);\n  const [singleDate, setSingleDate] = useState<{\n    startDate: moment.Moment;\n    endDate: moment.Moment;\n  }>();\n  const [dateRange, setDateRange] = useState<{ endDate?: unknown; startDate?: unknown }>({});\n  const [isDateRange, setIsDateRange] = useState(false);\n  const [pickerRange, setPickerRange] = useState<{ endDate?: unknown; startDate?: unknown }>({});\n\n  const handleHeaderFocusChange = (inputType) => {\n    setFocusedInputHeader(inputType);\n  };\n\n  const handlePickerFocusChange = () => {\n    setFocusedInputPicker(focusedInputPicker === START_DATE ? END_DATE : START_DATE);\n  };\n\n  const handleDatesChange = (dates) => {\n    if (dates.endDate) {\n      setTimeout(() => {\n        onChange({\n          startDate: dates.startDate,\n          endDate: dates.endDate.endOf('day'),\n        });\n      }, 500);\n    }\n    setPickerRange({\n      startDate: dates.startDate,\n      endDate: dateRange.endDate,\n    });\n    setDateRange(dates);\n  };\n\n  const handlePickerChange = (dates) => {\n    if (dates.endDate) {\n      setTimeout(() => {\n        onChange({\n          startDate: dates.startDate,\n          endDate: dates.endDate,\n        });\n      }, 500);\n    }\n    if (dates.startDate) handleHeaderFocusChange(undefined);\n    setPickerRange(dates);\n    setDateRange(dates);\n  };\n\n  const handleSingleDateChange = useCallback(\n    (date) => {\n      const dates = {\n        startDate: moment(date).startOf('day'),\n        endDate: moment(date).endOf('day'),\n      };\n      onChange(dates);\n      setSingleDate(dates);\n    },\n    [onChange],\n  );\n\n  const handleStartInputChange = (newDate) => {\n    setDateRange({\n      startDate: newDate,\n      endDate: dateRange.endDate,\n    });\n    setPickerRange({ ...pickerRange, startDate: newDate });\n  };\n\n  const handleEndInputChange = (newDate) => {\n    setDateRange({\n      startDate: dateRange.startDate,\n      endDate: newDate,\n    });\n    setPickerRange({ ...pickerRange, endDate: newDate });\n  };\n\n  const dateRangeController = (\n    <DayPickerRangeController\n      {...otherProps}\n      enableOutsideDays={enableOutsideDays}\n      endDate={pickerRange.endDate}\n      focusedInput={focusedInputPicker}\n      hideKeyboardShortcutsPanel\n      onDatesChange={handlePickerChange}\n      onFocusChange={handlePickerFocusChange}\n      startDate={pickerRange.startDate}\n    />\n  );\n\n  const singleDateController = (\n    <DSDatePickerController\n      date={singleDate}\n      enableOutsideDays={enableOutsideDays}\n      onDateChange={handleSingleDateChange}\n    />\n  );\n\n  return (\n    <Wrapper data-testid=\"date-single-range__wrapper\">\n      <SingleRangeDateSwitcher\n        isDateRange={isDateRange}\n        focusedInput={focusedInputHeader}\n        onFocusChange={handleHeaderFocusChange}\n        onEndInputChange={handleEndInputChange}\n        onSingleInputChange={handleSingleDateChange}\n        onStartInputChange={handleStartInputChange}\n        selectedEndDate={dateRange.endDate}\n        selectedSingleDate={singleDate}\n        selectedStartDate={dateRange.startDate}\n        setIsDateRange={({ target: { checked } }) => {\n          setIsDateRange(checked);\n        }}\n        handleDatesChange={handleDatesChange}\n      />\n      {isDateRange ? dateRangeController : singleDateController}\n    </Wrapper>\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            minimumNights={0}\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={<DatePickerIcon />}\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 default SingleRangeSwitcherMenu;\n"],"names":["START_DATE","END_DATE","blockname","Wrapper","aggregatedClasses","noop","SingleRangeSwitcherContainer","onChange","enableOutsideDays","otherProps","useState","focusedInputHeader","setFocusedInputHeader","focusedInputPicker","setFocusedInputPicker","singleDate","setSingleDate","dateRange","setDateRange","isDateRange","setIsDateRange","pickerRange","setPickerRange","handleHeaderFocusChange","inputType","handlePickerFocusChange","handleDatesChange","dates","endDate","setTimeout","startDate","endOf","handlePickerChange","undefined","handleSingleDateChange","useCallback","date","moment","startOf","handleStartInputChange","newDate","handleEndInputChange","dateRangeController","React","DayPickerRangeController","singleDateController","DSDatePickerController","SingleRangeDateSwitcher","checked","target","propTypes","PropTypes","func","bool","formatRangeDate","format","DEFAULT_DATE_FORMAT","sameDay","isSame","SingleRangeSwitcherMenu","column","className","isMenuOpened","onOpenMenu","placement","Position","BOTTOM_END","onAddFilter","dateFormatter","menuProps","DSPopper","group","property","label","value","type","filterParams","start","end","transformRowValue","dateFormat","operator","DSButton","DatePickerIcon","zIndex","any","string"],"mappings":"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"}
+{"version":3,"file":"SingleRangeSwitcherMenu.js","sources":["../../../../../../src/plugins/filterable/components/filterable-menus/SingleRangeSwitcherMenu.tsx"],"sourcesContent":["/* 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-basic/Popper';\nimport { DatePicker2 } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-basic/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 default SingleRangeSwitcherMenu;\n"],"names":["StyledGridWrapper","styled","Grid","props","enableOutsideDays","noop","SingleRangeSwitcherContainer","onChange","useState","startDate","setStartDate","endDate","setEndDate","lastChangeWasPicker","setLastChangeWasPicker","isDateRange","setIsDateRange","useEffect","startMoment","moment","endMoment","includes","diff","React","backgroundColor","boxShadow","width","display","justifyContent","e","code","DSControlledCheckbox","DSControlledDateRangePicker","_start","_end","DSControlledDateTimePicker","_date","propTypes","PropTypes","func","bool","formatRangeDate","format","DEFAULT_DATE_FORMAT","sameDay","isSame","SingleRangeSwitcherMenu","column","className","isMenuOpened","onOpenMenu","placement","Position","BOTTOM_END","onAddFilter","dateFormatter","menuProps","DSPopper","startOf","endOf","group","property","label","value","type","filterParams","start","end","transformRowValue","dateFormat","operator","DSButton","DatePicker2","zIndex","any","string"],"mappings":"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"}

package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js

@@ -9,10 +9,10 @@ var React = require('react');
 var PropTypes = require('prop-types');
 var lodash = require('lodash');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var DSButton = require('@elliemae/ds-basic/Button');
-var DSPopper = require('@elliemae/ds-basic/Popper');
+var DSButton = require('@elliemae/ds-button');
+var DSPopper = require('@elliemae/ds-popper');
 var dsMenu = require('@elliemae/ds-menu');
-var SearchSmall = require('@elliemae/ds-icons/SearchSmall');
+var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -25,7 +25,6 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-var SearchSmall__default = /*#__PURE__*/_interopDefaultLegacy(SearchSmall);
 
 var _excluded = ["options"];
 
@@ -196,7 +195,7 @@ function TextFilterMenu(_ref) {
     placement: placement,
     triggerComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
       buttonType: "text",
-      icon: /*#__PURE__*/React__default['default'].createElement(SearchSmall__default['default'], null),
+      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.SearchSmall, null),
       onClick: function onClick() {
         return isMenuOpened ? onOpenMenu(false) : onOpenMenu(true);
       },

package/cjs/plugins/filterable/components/filterable-menus/TextFilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextFilterMenu.js","sources":["../../../../../../src/plugins/filterable/components/filterable-menus/TextFilterMenu.tsx"],"sourcesContent":["/* 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-basic/Button';\nimport { PopperPositions as Position } from '@elliemae/ds-basic/Popper';\nimport { Menu, MenuCombobox } from '@elliemae/ds-menu';\nimport SearchSmall from '@elliemae/ds-icons/SearchSmall';\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) => (\n    <Menu.ItemCheckbox key={idx} label={option.label} name={option.id} />\n  );\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(\n      (f) => f.group === column.property,\n    );\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(\n          (filter) => !(filter.group === filterGroup && filter.value === item),\n        );\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\n            containerProps={{ id: 'text-filter-menu-multiple' }}\n            className=\"dg-multiple-filter\"\n            visible\n          >\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 default TextFilterMenu;\n"],"names":["TextFilterMenu","column","menuStyle","className","filters","isMenuOpened","onOpenMenu","onClose","placement","Position","BOTTOM_END","menuProps","onAddFilter","onRemoveFilter","maxOptions","isMulti","options","otherMenuProps","generateOption","option","idx","React","Menu","label","id","renderOptions","arr","map","filtersForColumn","filter","f","group","property","initialSelectedOptions","value","useState","selected","setSelected","useEffect","filtersForColumn2","filterGroup","searchBy","onCloseMulti","nextFilters","shouldRemove","forEach","item","includes","push","pill","removedFilter","operator","transformRowValue","valueTransformation","DSDropdownMenu","newValues","MenuCombobox","dropdownFilterOptions","filterMenuMaxWidth","filterMenuMinWidth","selectedValue","compact","DSButton","SearchSmall","propTypes","PropTypes","any","shape","string","arrayOf","bool","func","number"],"mappings":"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"}
+{"version":3,"file":"TextFilterMenu.js","sources":["../../../../../../src/plugins/filterable/components/filterable-menus/TextFilterMenu.tsx"],"sourcesContent":["/* 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 default TextFilterMenu;\n"],"names":["TextFilterMenu","column","menuStyle","className","filters","isMenuOpened","onOpenMenu","onClose","placement","Position","BOTTOM_END","menuProps","onAddFilter","onRemoveFilter","maxOptions","isMulti","options","otherMenuProps","generateOption","option","idx","React","Menu","label","id","renderOptions","arr","map","filtersForColumn","filter","f","group","property","initialSelectedOptions","value","useState","selected","setSelected","useEffect","filtersForColumn2","filterGroup","searchBy","onCloseMulti","nextFilters","shouldRemove","forEach","item","includes","push","pill","removedFilter","operator","transformRowValue","valueTransformation","DSDropdownMenu","newValues","MenuCombobox","dropdownFilterOptions","filterMenuMaxWidth","filterMenuMinWidth","selectedValue","compact","DSButton","SearchSmall","propTypes","PropTypes","any","shape","string","arrayOf","bool","func","number"],"mappings":"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"}

package/cjs/plugins/filterable/components/filterable-menus/getFilterMenuByType.js

@@ -8,23 +8,23 @@ require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('prop-types');
 require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-basic/Popper');
-require('@elliemae/ds-icons/DatePicker2');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-popper');
+require('@elliemae/ds-icons');
+require('@elliemae/ds-button');
 require('moment');
 require('@elliemae/ds-classnames');
 require('./defaultDateFormat.js');
 require('@elliemae/ds-grid');
+require('@elliemae/ds-basic/Popper');
+require('@elliemae/ds-basic/Button');
+require('styled-components');
 require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-date-range-picker');
-require('@elliemae/ds-date-picker');
 require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('lodash');
 require('@elliemae/ds-dropdownmenu');
 require('@elliemae/ds-menu');
-require('@elliemae/ds-icons/SearchSmall');
 
 var ComponentTypes = {
   'date-range': plugins_filterable_components_filterableMenus_DateRangeFilterMenu,

package/cjs/plugins/filterable/filterableFormatter.js

@@ -7,30 +7,29 @@ require('@babel/runtime/helpers/extends');
 require('@babel/runtime/helpers/slicedToArray');
 require('prop-types');
 require('@elliemae/ds-classnames');
-require('@elliemae/ds-utilities/utils');
-require('@elliemae/ds-utilities/hooks/useResizeObserver');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-system');
 require('./components/filterable-menus/getFilterMenuByType.js');
 require('./components/filterable-menus/DateRangeFilterMenu.js');
 require('@elliemae/ds-controlled-form');
-require('@elliemae/ds-basic/Popper');
-require('@elliemae/ds-icons/DatePicker2');
-require('@elliemae/ds-basic/Button');
+require('@elliemae/ds-popper');
+require('@elliemae/ds-icons');
+require('@elliemae/ds-button');
 require('moment');
 require('./components/filterable-menus/defaultDateFormat.js');
 require('./components/filterable-menus/SingleDateFilterMenu.js');
 require('@elliemae/ds-grid');
 require('./components/filterable-menus/SingleRangeSwitcherMenu.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-date-range-picker');
-require('@elliemae/ds-date-picker');
+require('@elliemae/ds-basic/Popper');
+require('@elliemae/ds-basic/Button');
+require('styled-components');
 require('./components/filterable-menus/TextFilterMenu.js');
+require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/objectWithoutProperties');
 require('lodash');
 require('@elliemae/ds-dropdownmenu');
 require('@elliemae/ds-menu');
-require('@elliemae/ds-icons/SearchSmall');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }