@elliemae/ds-date-range-selector 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/index.js

@@ -1,38 +1,12 @@
-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 src_exports = {};
-__export(src_exports, {
-  CUSTOM_OPTION_VALUE: () => import_DSDateRangeSelector2.CUSTOM_OPTION_VALUE,
-  DateRangeRecurrenceSelectorWithSchema: () => import_DSDateRangeSelector.DateRangeRecurrenceSelectorWithSchema,
-  default: () => import_DSDateRangeSelector.default
-});
-var React = __toESM(require("react"));
-var import_DSDateRangeSelector = __toESM(require("./DSDateRangeSelector"));
-var import_DSDateRangeSelector2 = __toESM(require("./DSDateRangeSelector"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSDateRangeSelector = require('./DSDateRangeSelector.js');
+var dropdownPreselectedOptions = require('./options/dropdownPreselectedOptions.js');
+
+
+
+exports.DateRangeRecurrenceSelectorWithSchema = DSDateRangeSelector.DateRangeRecurrenceSelectorWithSchema;
+exports["default"] = DSDateRangeSelector["default"];
+exports.CUSTOM_OPTION_VALUE = dropdownPreselectedOptions.CUSTOM_OPTION_VALUE;

package/cjs/options/dropdownPreselectedOptions.js

@@ -1,71 +1,36 @@
-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 dropdownPreselectedOptions_exports = {};
-__export(dropdownPreselectedOptions_exports, {
-  CUSTOM_OPTION_VALUE: () => CUSTOM_OPTION_VALUE,
-  DropdownOptionsTypes: () => DropdownOptionsTypes,
-  dropdownPreselectedOptions: () => dropdownPreselectedOptions
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const DropdownOptionsTypes = {
-  TODAY: "today",
-  YESTERDAY: "yesterday",
-  LAST_7_DAYS: "7days",
-  LAST_30_DAYS: "30days",
-  THIS_MONTH: "thismonth",
-  LAST_MONTH: "lastmonth"
+  TODAY: 'today',
+  YESTERDAY: 'yesterday',
+  LAST_7_DAYS: '7days',
+  LAST_30_DAYS: '30days',
+  THIS_MONTH: 'thismonth',
+  LAST_MONTH: 'lastmonth'
 };
-const dropdownPreselectedOptions = [
-  {
-    label: "Today",
-    value: DropdownOptionsTypes.TODAY
-  },
-  {
-    label: "Yesterday",
-    value: DropdownOptionsTypes.YESTERDAY
-  },
-  {
-    label: "Last 7 Days",
-    value: DropdownOptionsTypes.LAST_7_DAYS
-  },
-  {
-    label: "Last 30 days",
-    value: DropdownOptionsTypes.LAST_30_DAYS
-  },
-  {
-    label: "This month",
-    value: DropdownOptionsTypes.THIS_MONTH
-  },
-  {
-    label: "Last month",
-    value: DropdownOptionsTypes.LAST_MONTH
-  }
-];
-const CUSTOM_OPTION_VALUE = "custom-option-value";
-module.exports = __toCommonJS(dropdownPreselectedOptions_exports);
-//# sourceMappingURL=dropdownPreselectedOptions.js.map
+const dropdownPreselectedOptions = [{
+  label: 'Today',
+  value: DropdownOptionsTypes.TODAY
+}, {
+  label: 'Yesterday',
+  value: DropdownOptionsTypes.YESTERDAY
+}, {
+  label: 'Last 7 Days',
+  value: DropdownOptionsTypes.LAST_7_DAYS
+}, {
+  label: 'Last 30 days',
+  value: DropdownOptionsTypes.LAST_30_DAYS
+}, {
+  label: 'This month',
+  value: DropdownOptionsTypes.THIS_MONTH
+}, {
+  label: 'Last month',
+  value: DropdownOptionsTypes.LAST_MONTH
+}];
+const CUSTOM_OPTION_VALUE = 'custom-option-value';
+
+exports.CUSTOM_OPTION_VALUE = CUSTOM_OPTION_VALUE;
+exports.DropdownOptionsTypes = DropdownOptionsTypes;
+exports.dropdownPreselectedOptions = dropdownPreselectedOptions;

package/esm/DSDateRangeSelector.js

@@ -1,64 +1,57 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import moment from "moment";
-import DateRangeSelectorImpl from "./components/DateRangeSelectorImpl";
-import {
-  DropdownOptionsTypes,
-  dropdownPreselectedOptions,
-  CUSTOM_OPTION_VALUE
-} from "./options/dropdownPreselectedOptions";
-import CustomOptionRender from "./components/CustomOptionRender/CustomOptionRender";
-const DSDateRangeSelector = ({
-  containerProps = {},
-  className = "",
-  preselectedOptions = dropdownPreselectedOptions,
-  onChange = () => null,
-  placeholder = "Select Range",
-  value = null,
-  customOptionRender = CustomOptionRender,
-  startDate = null,
-  endDate = null,
-  displayFormatDay = "D",
-  disableCustomOption = false
-}) => /* @__PURE__ */ React2.createElement(DateRangeSelectorImpl, {
-  className,
-  containerProps,
-  customOptionRender,
-  disableCustomOption,
-  displayFormatDay,
-  dropdownPreselectedOptions: preselectedOptions,
-  endDate,
-  onChange,
-  placeholder,
-  startDate,
-  value
-});
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import moment from 'moment';
+import DateTimeRecurenceSelectorImpl from './components/DateRangeSelectorImpl.js';
+import { dropdownPreselectedOptions } from './options/dropdownPreselectedOptions.js';
+export { CUSTOM_OPTION_VALUE, DropdownOptionsTypes, dropdownPreselectedOptions } from './options/dropdownPreselectedOptions.js';
+import CustomOptionRender from './components/CustomOptionRender/CustomOptionRender.js';
+
+const DSDateRangeSelector = _ref => {
+  let {
+    containerProps = {},
+    className = '',
+    preselectedOptions = dropdownPreselectedOptions,
+    onChange = () => null,
+    placeholder = 'Select Range',
+    value = null,
+    customOptionRender = CustomOptionRender,
+    startDate = null,
+    endDate = null,
+    displayFormatDay = 'D',
+    disableCustomOption = false
+  } = _ref;
+  return /*#__PURE__*/_jsx(DateTimeRecurenceSelectorImpl, {
+    className: className,
+    containerProps: containerProps,
+    customOptionRender: customOptionRender,
+    disableCustomOption: disableCustomOption,
+    displayFormatDay: displayFormatDay,
+    dropdownPreselectedOptions: preselectedOptions,
+    endDate: endDate,
+    onChange: onChange,
+    placeholder: placeholder,
+    startDate: startDate,
+    value: value
+  });
+};
 const dateRangeRecurrenceSelectorProps = {
-  containerProps: PropTypes.object.description("Set of properties attached to the main container"),
-  className: PropTypes.string.description("html class attribute"),
+  containerProps: PropTypes.object.description('Set of properties attached to the main container'),
+  className: PropTypes.string.description('html class attribute'),
   preselectedOptions: PropTypes.arrayOf(PropTypes.shape({
     label: PropTypes.string,
     value: PropTypes.string
-  })).description("options to display in dropdown menu"),
-  onChange: PropTypes.func.description("function executed when selection changes"),
-  placeholder: PropTypes.string.description("inputs placeholder").defaultValue("Select Range"),
-  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description("selected value"),
-  customOptionRender: PropTypes.element.description("custom renderer for options"),
-  startDate: PropTypes.instanceOf(Date, moment).description("moment object of start date"),
-  endDate: PropTypes.instanceOf(Date, moment).description("moment object of end date"),
-  displayFormatDay: PropTypes.string.description("format to display date").defaultValue("D"),
-  disableCustomOption: PropTypes.bool.description("disables custom options").defaultValue(false)
+  })).description('options to display in dropdown menu'),
+  onChange: PropTypes.func.description('function executed when selection changes'),
+  placeholder: PropTypes.string.description('inputs placeholder').defaultValue('Select Range'),
+  value: PropTypes.oneOf([PropTypes.string, PropTypes.number]).description('selected value'),
+  customOptionRender: PropTypes.element.description('custom renderer for options'),
+  startDate: PropTypes.instanceOf(Date, moment).description('moment object of start date'),
+  endDate: PropTypes.instanceOf(Date, moment).description('moment object of end date'),
+  displayFormatDay: PropTypes.string.description('format to display date').defaultValue('D'),
+  disableCustomOption: PropTypes.bool.description('disables custom options').defaultValue(false)
 };
-DSDateRangeSelector.propTypes = dateRangeRecurrenceSelectorProps;
 const DateRangeRecurrenceSelectorWithSchema = describe(DSDateRangeSelector);
 DateRangeRecurrenceSelectorWithSchema.propTypes = dateRangeRecurrenceSelectorProps;
-var DSDateRangeSelector_default = DSDateRangeSelector;
-export {
-  CUSTOM_OPTION_VALUE,
-  DateRangeRecurrenceSelectorWithSchema,
-  DropdownOptionsTypes,
-  DSDateRangeSelector_default as default,
-  dropdownPreselectedOptions
-};
-//# sourceMappingURL=DSDateRangeSelector.js.map
+
+export { DateRangeRecurrenceSelectorWithSchema, DSDateRangeSelector as default };

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -1,17 +1,34 @@
-import * as React from "react";
-import React2 from "react";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-const { cssClassName } = convertPropToCssClassName("date-range-selector-customoption");
-const CustomOptionRender = ({ customRange: { startDate, endDate } }) => {
-  const start = startDate ? startDate.format("MM/DD/YYYY") : null;
-  const end = endDate ? endDate.format("MM/DD/YYYY") : null;
-  const display = `From ${start} to ${end}` || "Custom";
-  return /* @__PURE__ */ React2.createElement("em", {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+
+const {
+  cssClassName
+} = convertPropToCssClassName('date-range-selector-customoption');
+/**
+ * @param root0
+ * @param root0.customRange
+ * @param root0.customRange.startDate
+ * @param root0.customRange.endDate
+ * @customRange {
+endDate
+startDate
+}
+ */
+
+const CustomOptionRender = _ref => {
+  let {
+    customRange: {
+      startDate,
+      endDate
+    }
+  } = _ref;
+  const start = startDate ? startDate.format('MM/DD/YYYY') : null;
+  const end = endDate ? endDate.format('MM/DD/YYYY') : null;
+  const display = "From ".concat(start, " to ").concat(end) || 'Custom';
+  return /*#__PURE__*/_jsx("em", {
     className: cssClassName
-  }, display);
+  }, void 0, display);
 };
-var CustomOptionRender_default = CustomOptionRender;
-export {
-  CustomOptionRender_default as default
-};
-//# sourceMappingURL=CustomOptionRender.js.map
+
+export { CustomOptionRender as default };

package/esm/components/DateRangeSelectorImpl.js

@@ -1,56 +1,108 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import moment from "moment";
-import { components } from "react-select";
-import "react-dates/initialize";
-import { DayPickerRangeController } from "react-dates";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { DSComboBox } from "@elliemae/ds-form";
-import DSPopper from "@elliemae/ds-popper";
-import { DatePickerDay, DatePickerNavigation } from "@elliemae/ds-date-picker";
-import { ChevronLeft } from "@elliemae/ds-icons";
-import { CUSTOM_OPTION_VALUE } from "../options/dropdownPreselectedOptions";
-const START_DATE = "startDate";
-const END_DATE = "endDate";
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { Component } from 'react';
+import moment from 'moment';
+import { components } from 'react-select';
+import 'react-dates/initialize';
+import { DayPickerRangeController } from 'react-dates';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { DSComboBox } from '@elliemae/ds-form';
+import DSPopper from '@elliemae/ds-popper';
+import { DatePickerNavigation, DatePickerDay } from '@elliemae/ds-date-picker';
+import { ChevronLeft } from '@elliemae/ds-icons';
+import { CUSTOM_OPTION_VALUE } from '../options/dropdownPreselectedOptions.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var _div;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const START_DATE = 'startDate';
+const END_DATE = 'endDate';
 const advanceOption = {
-  label: "Custom",
+  label: 'Custom',
   value: CUSTOM_OPTION_VALUE,
   isAdvance: true
 };
-const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName("date-range-selector");
-const { classNameElement: pickerNameElement } = convertPropToCssClassName("datepicker");
+const {
+  cssClassName,
+  classNameElement,
+  classNameBlock
+} = convertPropToCssClassName('date-range-selector');
+const {
+  classNameElement: pickerNameElement
+} = convertPropToCssClassName('datepicker');
+
 class DateTimeRecurenceSelectorImpl extends Component {
   constructor(props) {
     super(props);
+
     this.onChange = () => {
-      const { onChange } = this.props;
-      const { customRange, selected } = this.state;
+      const {
+        onChange
+      } = this.props;
+      const {
+        customRange,
+        selected
+      } = this.state;
       onChange(selected, customRange);
     };
-    this.onChangeDropdown = (value) => {
-      const { dropdownPreselectedOptions } = this.props;
-      const selected = dropdownPreselectedOptions.find((op) => op.value === value);
-      const { onChange } = this.props;
+
+    this.onChangeDropdown = value => {
+      const {
+        dropdownPreselectedOptions
+      } = this.props;
+      const selected = dropdownPreselectedOptions.find(op => op.value === value);
+      const {
+        onChange
+      } = this.props;
+
       if (!selected) {
-        this.setState({ selected: value });
+        this.setState({
+          selected: value
+        });
         this.handleOpenModal();
       } else if (selected) {
         onChange(value);
-        this.setState({ selected: value, openModal: false });
+        this.setState({
+          selected: value,
+          openModal: false
+        });
       }
     };
+
     this.handleConfirm = () => {
-      const { customOptionRender: CustomOptionRender } = this.props;
-      const { customRange } = this.state;
-      advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
+      const {
+        customOptionRender: CustomOptionRender
+      } = this.props;
+      const {
         customRange
+      } = this.state;
+      advanceOption.label = /*#__PURE__*/_jsx(CustomOptionRender, {
+        customRange: customRange
       });
       this.onChange();
       this.handleCloseModal();
     };
-    this.handleOpenModal = () => this.setState({ openModal: true });
-    this.handleCloseModal = () => this.setState({ openModal: false });
-    const customRange = {
+
+    this.handleOpenModal = () => this.setState({
+      openModal: true
+    });
+
+    this.handleCloseModal = () => this.setState({
+      openModal: false
+    });
+
+    const _customRange = {
       startDate: props.startDate ? moment(props.startDate) : moment(),
       endDate: props.endDate ? moment(props.endDate) : moment()
     };
@@ -58,14 +110,23 @@ class DateTimeRecurenceSelectorImpl extends Component {
       openModal: false,
       selected: props.value,
       focusedInput: START_DATE,
-      customRange
+      customRange: _customRange
     };
-    const { customOptionRender: CustomOptionRender } = props;
-    advanceOption.label = /* @__PURE__ */ React2.createElement(CustomOptionRender, {
-      customRange
+    const {
+      customOptionRender: _CustomOptionRender
+    } = props;
+    advanceOption.label = /*#__PURE__*/_jsx(_CustomOptionRender, {
+      customRange: _customRange
     });
+    this.onDatesChange = this.onDatesChange.bind(this);
+    this.onFocusChange = this.onFocusChange.bind(this);
   }
-  onDatesChange({ startDate, endDate }) {
+
+  onDatesChange(_ref) {
+    let {
+      startDate,
+      endDate
+    } = _ref;
     this.setState({
       customRange: {
         startDate,
@@ -75,11 +136,18 @@ class DateTimeRecurenceSelectorImpl extends Component {
       this.onChange();
     });
   }
+
   onFocusChange() {
-    this.setState(({ focusedInput }) => ({
-      focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
-    }));
+    this.setState(_ref2 => {
+      let {
+        focusedInput
+      } = _ref2;
+      return {
+        focusedInput: focusedInput === START_DATE ? END_DATE : START_DATE
+      };
+    });
   }
+
   render() {
     const {
       placeholder,
@@ -93,62 +161,64 @@ class DateTimeRecurenceSelectorImpl extends Component {
       selected,
       openModal,
       focusedInput,
-      customRange: { startDate, endDate }
+      customRange: {
+        startDate,
+        endDate
+      }
     } = this.state;
     let options = [...dropdownPreselectedOptions];
+
     if (!disableCustomOption) {
-      options = [...options, advanceOption];
+      options = [...options, advanceOption]; // eslint-disable-next-line max-lines
     }
-    return /* @__PURE__ */ React2.createElement("div", {
-      ...containerProps,
-      className: `${cssClassName} ${className}`
-    }, /* @__PURE__ */ React2.createElement("div", {
-      className: `${classNameBlock("container-selector")}`
-    }, /* @__PURE__ */ React2.createElement(DSComboBox, {
-      className: `${classNameElement("dropdown-field-selector")}`,
-      components: {
-        Option: (props) => /* @__PURE__ */ React2.createElement(components.Option, {
-          ...props
-        }),
-        IndicatorSeparator: () => null
-      },
-      onChange: this.onChangeDropdown,
-      onKeyDown: this.onKeyDown,
-      options,
-      placeholder,
-      value: selected,
-      keepTypedValue: false
-    })), /* @__PURE__ */ React2.createElement(DSPopper, {
-      contentComponent: /* @__PURE__ */ React2.createElement("div", {
-        className: classNameBlock("wrap-day-picker")
-      }, /* @__PURE__ */ React2.createElement(DayPickerRangeController, {
-        endDate,
-        focusedInput,
-        hideKeyboardShortcutsPanel: true,
-        navNext: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-          className: pickerNameElement("navigation-next")
-        }),
-        navPrev: /* @__PURE__ */ React2.createElement(DatePickerNavigation, {
-          className: pickerNameElement("navigation-prev"),
-          icon: ChevronLeft
-        }),
-        onDatesChange: this.onDatesChange,
-        onFocusChange: this.onFocusChange,
-        onOutsideClick: this.handleConfirm,
-        renderDayContents: (date) => /* @__PURE__ */ React2.createElement(DatePickerDay, {
-          className: pickerNameElement("day-contents"),
-          date: date.format(displayFormatDay)
-        }),
-        startDate
-      })),
-      isOpen: openModal,
-      showArrow: false,
-      triggerComponent: /* @__PURE__ */ React2.createElement("div", null)
+
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName, " ").concat(className),
+      children: [/*#__PURE__*/_jsx("div", {
+        className: "".concat(classNameBlock('container-selector'))
+      }, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+        className: "".concat(classNameElement('dropdown-field-selector')),
+        components: {
+          Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread({}, props)),
+          IndicatorSeparator: () => null
+        },
+        onChange: this.onChangeDropdown,
+        onKeyDown: this.onKeyDown,
+        options: options,
+        placeholder: placeholder,
+        value: selected,
+        keepTypedValue: false // TEMPORARY FIX
+
+      })), /*#__PURE__*/_jsx(DSPopper, {
+        contentComponent: /*#__PURE__*/_jsx("div", {
+          className: classNameBlock('wrap-day-picker')
+        }, void 0, /*#__PURE__*/_jsx(DayPickerRangeController, {
+          endDate: endDate,
+          focusedInput: focusedInput,
+          hideKeyboardShortcutsPanel: true,
+          navNext: /*#__PURE__*/_jsx(DatePickerNavigation, {
+            className: pickerNameElement('navigation-next')
+          }),
+          navPrev: /*#__PURE__*/_jsx(DatePickerNavigation, {
+            className: pickerNameElement('navigation-prev'),
+            icon: ChevronLeft
+          }),
+          onDatesChange: this.onDatesChange,
+          onFocusChange: this.onFocusChange,
+          onOutsideClick: this.handleConfirm,
+          renderDayContents: date => /*#__PURE__*/_jsx(DatePickerDay, {
+            className: pickerNameElement('day-contents'),
+            date: date.format(displayFormatDay)
+          }),
+          startDate: startDate
+        })),
+        isOpen: openModal,
+        showArrow: false,
+        triggerComponent: _div || (_div = /*#__PURE__*/_jsx("div", {}))
+      })]
     }));
   }
+
 }
-var DateRangeSelectorImpl_default = DateTimeRecurenceSelectorImpl;
-export {
-  DateRangeSelectorImpl_default as default
-};
-//# sourceMappingURL=DateRangeSelectorImpl.js.map
+
+export { DateTimeRecurenceSelectorImpl as default };

package/esm/index.js

@@ -1,12 +1,2 @@
-import * as React from "react";
-import {
-  default as default2,
-  DateRangeRecurrenceSelectorWithSchema
-} from "./DSDateRangeSelector";
-import { CUSTOM_OPTION_VALUE } from "./DSDateRangeSelector";
-export {
-  CUSTOM_OPTION_VALUE,
-  DateRangeRecurrenceSelectorWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { DateRangeRecurrenceSelectorWithSchema, default } from './DSDateRangeSelector.js';
+export { CUSTOM_OPTION_VALUE } from './options/dropdownPreselectedOptions.js';