@elliemae/ds-datagrids 2.2.0-alpha.3 → 3.0.0-next.0

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

@@ -1,131 +1,107 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SingleDateFilterMenu_exports = {};
-__export(SingleDateFilterMenu_exports, {
-  SingleDateFilterMenu: () => SingleDateFilterMenu,
-  default: () => SingleDateFilterMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_ds_controlled_form = __toESM(require("@elliemae/ds-controlled-form"));
-var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_moment = __toESM(require("moment"));
-var import_defaultDateFormat = __toESM(require("./defaultDateFormat"));
-const SingleDatePickerContainer = ({ onChange = () => null, showHeader }) => {
-  const [date, setDate] = (0, import_react.useState)("");
-  const handleDateChange = (0, import_react.useCallback)((data) => {
-    if (!data.includes("_"))
-      onChange((0, import_moment.default)(data));
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var Grid = require('@elliemae/ds-grid');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
+var DSPopper = require('@elliemae/ds-popper');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-button');
+var moment = require('moment');
+var defaultDateFormat = require('./defaultDateFormat.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
+var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+
+var _DatePicker;
+
+const SingleDatePickerContainer = _ref => {
+  let {
+    onChange = () => null,
+    showHeader
+  } = _ref;
+  const [date, setDate] = React.useState('');
+  const handleDateChange = React.useCallback(data => {
+    if (!data.includes('_')) onChange(moment__default["default"](data));
     setDate(data);
   }, [onChange]);
-  return /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { boxShadow: "0 6px 20px 0 rgb(0 0 0 / 24%)" }
-  }, showHeader && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      boxShadow: '0 6px 20px 0 rgb(0 0 0 / 24%)'
+    }
+  }, void 0, showHeader && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     p: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date,
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
+    date: date,
     onDateChange: handleDateChange,
     type: "date-inputs",
     isClearable: true
-  })), /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
-    date,
+  })), /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
+    date: date,
     onDateChange: handleDateChange,
     type: "date-picker-controller-only"
   }));
 };
-SingleDatePickerContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  showHeader: import_prop_types.default.bool
+
+const formatDate = function (date) {
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
+  return date.format(format);
 };
-const formatDate = (date, format = import_defaultDateFormat.DEFAULT_DATE_FORMAT) => date.format(format);
-function SingleDateFilterMenu({
-  column,
-  className,
-  isMenuOpened = false,
-  onOpenMenu = () => null,
-  placement = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = () => null,
-  dateFormatter = formatDate,
-  showHeader = false,
-  menuProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-      className,
+
+function SingleDateFilterMenu(_ref2) {
+  let {
+    column,
+    className,
+    isMenuOpened = false,
+    onOpenMenu = () => null,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    onAddFilter = () => null,
+    dateFormatter = formatDate,
+    showHeader = false,
+    menuProps
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
+      className: className,
       "data-testid": "date-single__wrapper"
-    }, /* @__PURE__ */ import_react.default.createElement(SingleDatePickerContainer, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](SingleDatePickerContainer, {
       minimumNights: 0,
-      onChange: (date) => {
+      onChange: date => {
         const t = date.clone();
         onAddFilter({
           group: column.property,
           label: column.label,
           value: dateFormatter(date, column.dateFormat),
-          type: "date",
-          operator: "range",
+          type: 'date',
+          operator: 'range',
           filterParams: {
-            start: date.startOf("day"),
-            end: t.endOf("day")
+            start: date.startOf('day'),
+            end: t.endOf('day')
           },
-          transformRowValue: (value) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT)
+          transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT)
         }, column);
         onOpenMenu(false);
       },
-      showHeader
+      showHeader: showHeader
     })),
     isOpen: isMenuOpened,
     onOpen: onOpenMenu,
-    placement,
+    placement: placement,
     showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
       onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),
     zIndex: menuProps.zIndex
   });
 }
-SingleDateFilterMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  showHeader: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var SingleDateFilterMenu_default = SingleDateFilterMenu;
-module.exports = __toCommonJS(SingleDateFilterMenu_exports);
-//# sourceMappingURL=SingleDateFilterMenu.js.map
+
+module.exports = SingleDateFilterMenu;

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

@@ -1,129 +1,120 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SingleRangeSwitcherMenu_exports = {};
-__export(SingleRangeSwitcherMenu_exports, {
-  SingleRangeSwitcherMenu: () => SingleRangeSwitcherMenu,
-  default: () => SingleRangeSwitcherMenu_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_controlled_form = __toESM(require("@elliemae/ds-controlled-form"));
-var import_ds_popper = __toESM(require("@elliemae/ds-popper"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_button = __toESM(require("@elliemae/ds-button"));
-var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
-var import_moment = __toESM(require("moment"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_defaultDateFormat = __toESM(require("./defaultDateFormat"));
-const StyledGridWrapper = (0, import_styled_components.default)(import_ds_grid.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] = (0, import_react.useState)("");
-  const [endDate, setEndDate] = (0, import_react.useState)("");
-  const [lastChangeWasPicker, setLastChangeWasPicker] = (0, import_react.useState)(false);
-  const [isDateRange, setIsDateRange] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const startMoment = (0, import_moment.default)(startDate);
-    const endMoment = (0, import_moment.default)(endDate);
-    if (lastChangeWasPicker && startDate && !startDate.includes("_") && endDate && !endDate.includes("_") && endMoment.diff(startMoment) >= 0) {
-      onChange({ startDate: startMoment, endDate: endMoment });
-    }
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+var React = require('react');
+var dsControlledForm = require('@elliemae/ds-controlled-form');
+var DSPopper = require('@elliemae/ds-basic/Popper');
+var dsIcons = require('@elliemae/ds-icons');
+var DSButton = require('@elliemae/ds-basic/Button');
+var Grid = require('@elliemae/ds-grid');
+var moment = require('moment');
+var styled = require('styled-components');
+var defaultDateFormat = require('./defaultDateFormat.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSPopper__default = /*#__PURE__*/_interopDefaultLegacy(DSPopper);
+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 _DatePicker;
+const StyledGridWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-jay5xg-0"
+})([".notCurrentMonth{opacity:", ";pointer-events:", ";}"], props => props.enableOutsideDays ? '1' : '0', props => props.enableOutsideDays ? 'auto' : 'none'); // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-empty-function
+
+const noop = function () {};
+
+const SingleRangeSwitcherContainer = _ref => {
+  let {
+    onChange = noop,
+    enableOutsideDays
+  } = _ref;
+  const [startDate, setStartDate] = React.useState('');
+  const [endDate, setEndDate] = React.useState(''); // For some reason it worked like this
+
+  const [lastChangeWasPicker, setLastChangeWasPicker] = React.useState(false);
+  const [isDateRange, setIsDateRange] = React.useState(false);
+  React.useEffect(() => {
+    const startMoment = moment__default["default"](startDate);
+    const 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__ */ import_react.default.createElement(StyledGridWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](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"
+      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__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: ['100%'],
+    enableOutsideDays: enableOutsideDays,
+    onKeyDown: e => e.code === 'Enter' && setLastChangeWasPicker(true)
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     gutter: "xxs",
     alignItems: "center",
     p: "xxs"
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledCheckbox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledCheckbox, {
     checked: isDateRange,
     name: "Date range",
     label: "Range",
     id: "date-range-switcher-id-internal",
     onChange: () => {
       setIsDateRange(!isDateRange);
-      setStartDate("");
-      setEndDate("");
+      setStartDate('');
+      setEndDate('');
     }
-  }), /* @__PURE__ */ import_react.default.createElement("div", {
-    style: { width: "fit-content" }
-  }, isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
+  }), /*#__PURE__*/_jsx__default["default"]("div", {
+    style: {
+      width: 'fit-content'
+    }
+  }, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
     fromDate: startDate,
-    onFromDateChange: (_start) => {
+    onFromDateChange: _start => {
       setStartDate(_start);
       setLastChangeWasPicker(false);
     },
     toDate: endDate,
-    onToDateChange: (_end) => {
+    onToDateChange: _end => {
       setEndDate(_end);
       setLastChangeWasPicker(false);
     },
     type: "date-range-inputs"
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: startDate,
-    onDateChange: (_date) => {
+    onDateChange: _date => {
       setLastChangeWasPicker(false);
       setStartDate(_date);
       setEndDate(_date);
     },
     type: "date-inputs"
-  }))), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, isDateRange ? /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateRangePicker, {
+  }))), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {}, void 0, isDateRange ? /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateRangePicker, {
     fromDate: startDate,
-    onFromDateChange: (_start) => {
+    onFromDateChange: _start => {
       setStartDate(_start);
       setLastChangeWasPicker(true);
     },
     toDate: endDate,
-    onToDateChange: (_end) => {
+    onToDateChange: _end => {
       setEndDate(_end);
       setLastChangeWasPicker(true);
     },
     type: "date-range-picker-controller-only"
-  }) : /* @__PURE__ */ import_react.default.createElement(import_ds_controlled_form.DSControlledDateTimePicker, {
+  }) : /*#__PURE__*/_jsx__default["default"](dsControlledForm.DSControlledDateTimePicker, {
     date: startDate,
-    onDateChange: (_date) => {
+    onDateChange: _date => {
       setLastChangeWasPicker(true);
       setStartDate(_date);
       setEndDate(_date);
@@ -131,71 +122,74 @@ const SingleRangeSwitcherContainer = ({ onChange = noop, enableOutsideDays }) =>
     type: "date-picker-controller-only"
   })));
 };
-SingleRangeSwitcherContainer.propTypes = {
-  onChange: import_prop_types.default.func,
-  enableOutsideDays: import_prop_types.default.bool
-};
-const formatRangeDate = ({ startDate, endDate }, format = import_defaultDateFormat.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 = import_ds_popper.PopperPositions.BOTTOM_END,
-  onAddFilter = noop,
-  dateFormatter = formatRangeDate,
-  enableOutsideDays = true,
-  menuProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_popper.DSPopper, {
-    contentComponent: /* @__PURE__ */ import_react.default.createElement("div", {
-      className
-    }, /* @__PURE__ */ import_react.default.createElement(SingleRangeSwitcherContainer, {
-      enableOutsideDays,
-      onChange: ({ startDate, endDate }) => {
-        startDate.startOf("day");
-        endDate.endOf("day");
+
+const formatRangeDate = function (_ref2) {
+  let {
+    startDate,
+    endDate
+  } = _ref2;
+  let format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultDateFormat.DEFAULT_DATE_FORMAT;
+  const sameDay = startDate.isSame(endDate, 'day');
+  if (sameDay) return "".concat(endDate.format(format));
+  return "".concat(startDate.format(format), " - ").concat(endDate.format(format));
+}; // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+
+
+function SingleRangeSwitcherMenu(_ref3) {
+  let {
+    column,
+    className,
+    isMenuOpened = false,
+    onOpenMenu = noop,
+    placement = DSPopper.PopperPositions.BOTTOM_END,
+    onAddFilter = noop,
+    dateFormatter = formatRangeDate,
+    enableOutsideDays = true,
+    menuProps
+  } = _ref3;
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
+    contentComponent: /*#__PURE__*/_jsx__default["default"]("div", {
+      className: className
+    }, void 0, /*#__PURE__*/_jsx__default["default"](SingleRangeSwitcherContainer, {
+      enableOutsideDays: enableOutsideDays,
+      onChange: _ref4 => {
+        let {
+          startDate,
+          endDate
+        } = _ref4;
+        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) => (0, import_moment.default)(value, column.dateFormat || import_defaultDateFormat.DEFAULT_DATE_FORMAT),
-          operator: "range"
+          value: dateFormatter({
+            startDate,
+            endDate
+          }, column.format),
+          type: 'date',
+          // todo: create constants for filter types
+          filterParams: {
+            start: startDate,
+            end: endDate
+          },
+          transformRowValue: value => moment__default["default"](value, column.dateFormat || defaultDateFormat.DEFAULT_DATE_FORMAT),
+          operator: 'range'
         }, column);
         onOpenMenu(false);
       }
     })),
     isOpen: isMenuOpened,
     onOpen: onOpenMenu,
-    placement,
+    placement: placement,
     showArrow: false,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
       buttonType: "text",
-      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.DatePicker2, null),
+      icon: _DatePicker || (_DatePicker = /*#__PURE__*/_jsx__default["default"](dsIcons.DatePicker2, {})),
       onClick: () => !isMenuOpened ? onOpenMenu(true) : onOpenMenu(false),
       size: "s"
     }),
     zIndex: menuProps.zIndex
   });
 }
-SingleRangeSwitcherMenu.propTypes = {
-  column: import_prop_types.default.any,
-  className: import_prop_types.default.string,
-  isMenuOpened: import_prop_types.default.bool,
-  onOpenMenu: import_prop_types.default.func,
-  placement: import_prop_types.default.string,
-  onAddFilter: import_prop_types.default.func,
-  dateFormatter: import_prop_types.default.any,
-  enableOutsideDays: import_prop_types.default.bool,
-  menuProps: import_prop_types.default.any
-};
-var SingleRangeSwitcherMenu_default = SingleRangeSwitcherMenu;
-module.exports = __toCommonJS(SingleRangeSwitcherMenu_exports);
-//# sourceMappingURL=SingleRangeSwitcherMenu.js.map
+
+module.exports = SingleRangeSwitcherMenu;