@elliemae/ds-date-time-recurrence-picker 1.61.0 → 2.0.0-alpha.12

package/esm/components/DateTimeRecurenceSelectorImpl.js

@@ -1,123 +1,90 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
-import _createClass from '@babel/runtime/helpers/esm/createClass';
-import _inherits from '@babel/runtime/helpers/esm/inherits';
-import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
-import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
-import React, { Component } from 'react';
+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 { Component } from 'react';
 import { isEqual } from 'lodash';
 import 'react-dates/initialize';
 import { components } from 'react-select';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
 import { DSComboBox } from '@elliemae/ds-form';
 import DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';
-import '@elliemae/ds-modal';
-import './DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
-import '@babel/runtime/helpers/esm/assertThisInitialized';
-import 'moment';
-import '../options/dropdownRepeatOptions.js';
-import '../options/dropdownTimeZoneOptions.js';
-import './RepeatPickerInput/RepeatPickerInput.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './Forms/FormGroup.js';
-import './Forms/FormLabel.js';
-import './Forms/FormFieldGroup.js';
-import './Forms/FormField.js';
-import './DaysOfWeekPicker/DaysOfWeekPicker.js';
-import '../options/dropdownDayOfWeekOptions.js';
-import './StartDateTime/StartDateTime.js';
-import '@elliemae/ds-date-picker';
-import '@elliemae/ds-time-picker';
-import './EndDate/EndDate.js';
-import '../options/endTypesOptions.js';
-import './DayOfMonthPicker/DayOfMonthPicker.js';
-import './helpers/nthday.js';
-import '../options/dropdownDayOfMonthOptions.js';
-import './DayOfYearPicker/DayOfYearPicker.js';
-import './TimeZonePicker/TimeZonePicker.js';
-import './FieldWrapper/FieldWrapper.js';
-import './LabelWrapper/LabelWrapper.js';
-import './ValidationMessage/ValidationMessage.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 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(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; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var _convertPropToCssClas = convertPropToCssClassName('date-time-predefined-range-selector'),
-    cssClassName = _convertPropToCssClas.cssClassName,
-    classNameElement = _convertPropToCssClas.classNameElement,
-    classNameBlock = _convertPropToCssClas.classNameBlock;
-
-var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
-  _inherits(DateTimeRecurenceSelectorImpl, _Component);
-
-  var _super = _createSuper(DateTimeRecurenceSelectorImpl);
-
-  function DateTimeRecurenceSelectorImpl(props) {
-    var _this;
-
-    _classCallCheck(this, DateTimeRecurenceSelectorImpl);
-
-    _this = _super.call(this, props);
-
-    _this.onChange = function () {
-      var onChange = _this.props.onChange;
-      var _this$state = _this.state,
-          customRange = _this$state.customRange,
-          selected = _this$state.selected;
+const {
+  cssClassName,
+  classNameElement,
+  classNameBlock
+} = convertPropToCssClassName('date-time-predefined-range-selector');
+
+class DateTimeRecurenceSelectorImpl extends Component {
+  constructor(props) {
+    super(props);
+
+    this.onChange = () => {
+      const {
+        onChange
+      } = this.props;
+      const {
+        customRange,
+        selected
+      } = this.state;
       onChange(selected, customRange);
     };
 
-    _this.onCustomDateTimeRange = function (customRange) {
-      _this.setState({
-        customRange: customRange
+    this.onCustomDateTimeRange = customRange => {
+      this.setState({
+        customRange
       });
     };
 
-    _this.onChangeDropdown = function (value) {
-      var dropdownPreselectedOptions = _this.props.dropdownPreselectedOptions;
-      var selected = dropdownPreselectedOptions.find(function (op) {
-        return op.value === value;
-      });
-      var onChange = _this.props.onChange;
+    this.onChangeDropdown = value => {
+      const {
+        dropdownPreselectedOptions
+      } = this.props;
+      const selected = dropdownPreselectedOptions.find(op => op.value === value);
+      const {
+        onChange
+      } = this.props;
 
       if (!selected) {
-        _this.setState(function (previousState) {
-          return {
-            selected: value,
-            previousSelection: previousState.selected
-          };
-        });
-
-        _this.handleOpenModal();
+        this.setState(previousState => ({
+          selected: value,
+          previousSelection: previousState.selected
+        }));
+        this.handleOpenModal();
       } else if (selected) {
         onChange(value);
-
-        _this.setState({
+        this.setState({
           selected: value,
           openModal: false
         });
       }
     };
 
-    _this.handleConfirm = function () {
-      var _this$props = _this.props,
-          onConfirmField = _this$props.onConfirmField,
-          CustomOptionRender = _this$props.customOptionRender,
-          dayOfMonthOptionsEnable = _this$props.dayOfMonthOptionsEnable,
-          dayOfWeekOptionsEnable = _this$props.dayOfWeekOptionsEnable,
-          dayOfYearOptionsEnable = _this$props.dayOfYearOptionsEnable,
-          useTimezoneSelector = _this$props.useTimezoneSelector,
-          allowMultipleDaysOfWeek = _this$props.allowMultipleDaysOfWeek;
-      var customRange = _this.state.customRange;
-      _this.props.advanceOption.label = /*#__PURE__*/React.createElement(CustomOptionRender, {
+    this.handleConfirm = () => {
+      const {
+        onConfirmField,
+        customOptionRender: CustomOptionRender,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector,
+        allowMultipleDaysOfWeek
+      } = this.props;
+      const {
+        customRange
+      } = this.state;
+      this.props.advanceOption.label = /*#__PURE__*/_jsx(CustomOptionRender, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         customRange: customRange,
         dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
@@ -125,50 +92,39 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         dayOfYearOptionsEnable: dayOfYearOptionsEnable,
         useTimezoneSelector: useTimezoneSelector
       });
-
-      _this.onChange();
-
-      _this.handleCloseModal();
-
+      this.onChange();
+      this.handleCloseModal();
       onConfirmField();
     };
 
-    _this.handleReject = function () {
-      var onRejectField = _this.props.onRejectField;
-
-      _this.handleActionClose();
-
+    this.handleReject = () => {
+      const {
+        onRejectField
+      } = this.props;
+      this.handleActionClose();
       onRejectField();
     };
 
-    _this.handleActionClose = function () {
-      _this.setState(function (previousState) {
-        return {
-          selected: previousState.previousSelection
-        };
-      });
-
-      _this.handleCloseModal();
+    this.handleActionClose = () => {
+      this.setState(previousState => ({
+        selected: previousState.previousSelection
+      }));
+      this.handleCloseModal();
     };
 
-    _this.handleOpenModal = function () {
-      return _this.setState({
-        openModal: true
-      });
-    };
+    this.handleOpenModal = () => this.setState({
+      openModal: true
+    });
 
-    _this.handleCloseModal = function () {
-      _this.setState({
+    this.handleCloseModal = () => {
+      this.setState({
         openModal: false
       });
-
-      setTimeout(function () {
-        return document.activeElement.blur();
-      }, 0); // https://github.com/reactjs/react-modal/issues/680
+      setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
     };
 
-    _this.initCustomRange = props.customRange;
-    _this.state = {
+    this.initCustomRange = props.customRange;
+    this.state = {
       // eslint-disable-next-line react/no-unused-state
       previousCustomRange: _objectSpread({}, props.customRange),
       openModal: props.openModal || false,
@@ -178,7 +134,7 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
 
     if (props.value === props.advanceOption.value) {
       // eslint-disable-next-line no-param-reassign
-      props.advanceOption.label = /*#__PURE__*/React.createElement(props.customOptionRender, {
+      props.advanceOption.label = /*#__PURE__*/_jsx(props.customOptionRender, {
         allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
         customRange: props.customRange,
         dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -187,78 +143,96 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         useTimezoneSelector: props.useTimezoneSelector
       });
     }
+  }
+
+  static getDerivedStateFromProps(props, state) {
+    if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
+      if (props.value === props.advanceOption.value) {
+        // eslint-disable-next-line no-param-reassign
+        props.advanceOption.label = /*#__PURE__*/_jsx(props.customOptionRender, {
+          allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+          customRange: props.customRange,
+          dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+          useTimezoneSelector: props.useTimezoneSelector
+        });
+      }
 
-    return _this;
+      return {
+        previousCustomRange: _objectSpread({}, props.customRange),
+        customRange: _objectSpread({}, props.customRange),
+        selected: props.value
+      };
+    }
+
+    return null;
   }
 
-  _createClass(DateTimeRecurenceSelectorImpl, [{
-    key: "render",
-    value: function render() {
-      var _this$props2 = this.props,
-          placeholder = _this$props2.placeholder,
-          dropdownPreselectedOptions = _this$props2.dropdownPreselectedOptions,
-          appElement = _this$props2.appElement,
-          confirmLabel = _this$props2.confirmLabel,
-          modalSize = _this$props2.modalSize,
-          modalTitle = _this$props2.modalTitle,
-          modalType = _this$props2.modalType,
-          rejectLabel = _this$props2.rejectLabel,
-          dropdownDayOfMonthOptions = _this$props2.dropdownDayOfMonthOptions,
-          dropdownDayOfWeekOptions = _this$props2.dropdownDayOfWeekOptions,
-          dropdownDayOfYearOptions = _this$props2.dropdownDayOfYearOptions,
-          dropdownRepeatOptions = _this$props2.dropdownRepeatOptions,
-          displayCurrentMonthYear = _this$props2.displayCurrentMonthYear,
-          className = _this$props2.className,
-          dayOfMonthOptionsEnable = _this$props2.dayOfMonthOptionsEnable,
-          dayOfWeekOptionsEnable = _this$props2.dayOfWeekOptionsEnable,
-          dayOfYearOptionsEnable = _this$props2.dayOfYearOptionsEnable,
-          timeZoneOptions = _this$props2.timeZoneOptions,
-          useTimezoneSelector = _this$props2.useTimezoneSelector,
-          allowMultipleDaysOfWeek = _this$props2.allowMultipleDaysOfWeek,
-          endTimesOptions = _this$props2.endTimesOptions,
-          endTypesOptions = _this$props2.endTypesOptions,
-          advanceOption = _this$props2.advanceOption,
-          dayOfMonthAsCurrentDateOptions = _this$props2.dayOfMonthAsCurrentDateOptions,
-          dayOfYearAsCurrentDateOptions = _this$props2.dayOfYearAsCurrentDateOptions,
-          isValidRecurrence = _this$props2.isValidRecurrence,
-          validationMessage = _this$props2.validationMessage,
-          endDayBlocked = _this$props2.endDayBlocked,
-          startDayBlocked = _this$props2.startDayBlocked,
-          repeatFrecuencyCustomProps = _this$props2.repeatFrecuencyCustomProps,
-          displayMonthCustomOption = _this$props2.displayMonthCustomOption,
-          displayYearCustomOption = _this$props2.displayYearCustomOption,
-          containerProps = _this$props2.containerProps;
-      var _this$state2 = this.state,
-          selected = _this$state2.selected,
-          openModal = _this$state2.openModal,
-          customRange = _this$state2.customRange;
-      var options = [].concat(_toConsumableArray(dropdownPreselectedOptions), [advanceOption]);
-      return /*#__PURE__*/React.createElement("div", _extends({}, containerProps, {
-        className: "".concat(cssClassName, " ").concat(className)
-      }), /*#__PURE__*/React.createElement("div", {
+  render() {
+    const {
+      placeholder,
+      dropdownPreselectedOptions,
+      appElement,
+      confirmLabel,
+      modalSize,
+      modalTitle,
+      modalType,
+      rejectLabel,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      displayCurrentMonthYear,
+      className,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearOptionsEnable,
+      timeZoneOptions,
+      useTimezoneSelector,
+      allowMultipleDaysOfWeek,
+      endTimesOptions,
+      endTypesOptions,
+      advanceOption,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      endDayBlocked,
+      startDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      containerProps
+    } = this.props;
+    const {
+      selected,
+      openModal,
+      customRange
+    } = this.state;
+    const options = [...dropdownPreselectedOptions, advanceOption];
+    return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
+      className: "".concat(cssClassName, " ").concat(className),
+      children: [/*#__PURE__*/_jsx("div", {
         className: "".concat(classNameBlock('container-selector'))
-      }, /*#__PURE__*/React.createElement(DSComboBox, {
+      }, void 0, /*#__PURE__*/_jsx(DSComboBox, {
         className: "".concat(classNameElement('dropdown-field-selector')),
         components: {
-          Option: function Option(props) {
-            return /*#__PURE__*/React.createElement(components.Option, _extends({}, props, {
-              allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-              dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-              dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-              dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-              useTimezoneSelector: useTimezoneSelector
-            }));
-          },
-          IndicatorSeparator: function IndicatorSeparator() {
-            return null;
-          }
+          Option: props => /*#__PURE__*/jsx(components.Option, _objectSpread(_objectSpread({}, props), {}, {
+            allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+            dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
+            dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
+            dayOfYearOptionsEnable: dayOfYearOptionsEnable,
+            useTimezoneSelector: useTimezoneSelector
+          })),
+          IndicatorSeparator: () => null
         },
         onChange: this.onChangeDropdown,
         onKeyDown: this.onKeyDown,
         options: options,
         placeholder: placeholder,
         value: selected
-      })), /*#__PURE__*/React.createElement(DateTimeRangeModal, {
+      })), /*#__PURE__*/_jsx(DateTimeRangeModal, {
         allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
         appElement: appElement,
         confirmLabel: confirmLabel,
@@ -294,37 +268,10 @@ var DateTimeRecurenceSelectorImpl = /*#__PURE__*/function (_Component) {
         timeZoneOptions: timeZoneOptions,
         useTimezoneSelector: useTimezoneSelector,
         validationMessage: validationMessage
-      }));
-    }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(props, state) {
-      if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
-        if (props.value === props.advanceOption.value) {
-          // eslint-disable-next-line no-param-reassign
-          props.advanceOption.label = /*#__PURE__*/React.createElement(props.customOptionRender, {
-            allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
-            customRange: props.customRange,
-            dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
-            dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
-            dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
-            useTimezoneSelector: props.useTimezoneSelector
-          });
-        }
-
-        return {
-          previousCustomRange: _objectSpread({}, props.customRange),
-          customRange: _objectSpread({}, props.customRange),
-          selected: props.value
-        };
-      }
-
-      return null;
-    }
-  }]);
+      })]
+    }));
+  }
 
-  return DateTimeRecurenceSelectorImpl;
-}(Component);
+}
 
 export { DateTimeRecurenceSelectorImpl as default };
-//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/esm/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,35 +1,32 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 'react';
 import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
 import FormGroup from '../Forms/FormGroup.js';
-import '@elliemae/ds-classnames';
 
-var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
-  var _ref$onDayChange = _ref.onDayChange,
-      onDayChange = _ref$onDayChange === void 0 ? function () {
-    return null;
-  } : _ref$onDayChange,
-      _ref$dayOfMonthValue = _ref.dayOfMonthValue,
-      dayOfMonthValue = _ref$dayOfMonthValue === void 0 ? dropdownDayOfMonthOptions[0].value : _ref$dayOfMonthValue,
-      _ref$dayOfMonthOption = _ref.dayOfMonthOptions,
-      dayOfMonthOptions = _ref$dayOfMonthOption === void 0 ? dropdownDayOfMonthOptions : _ref$dayOfMonthOption,
-      _ref$displayOptionsAs = _ref.displayOptionsAsCurrentDate,
-      displayOptionsAsCurrentDate = _ref$displayOptionsAs === void 0 ? true : _ref$displayOptionsAs,
-      _ref$currentDate = _ref.currentDate,
-      currentDate = _ref$currentDate === void 0 ? null : _ref$currentDate,
-      _ref$inputLabel = _ref.inputLabel,
-      inputLabel = _ref$inputLabel === void 0 ? 'On' : _ref$inputLabel,
-      dayOfMonthAsCurrentDateOptions = _ref.dayOfMonthAsCurrentDateOptions,
-      displayMonthCustomOption = _ref.displayMonthCustomOption;
-  var options = dayOfMonthOptions;
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfMonthAsCurrentDateOptions,
+    displayMonthCustomOption
+  } = _ref;
+  let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {
-    var numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
-    var nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
+    const nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
     options = [];
 
     if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
@@ -51,28 +48,21 @@ var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
     }
 
     if (displayMonthCustomOption) {
-      options = [].concat(_toConsumableArray(options), _toConsumableArray(dayOfMonthOptions));
+      options = [...options, ...dayOfMonthOptions];
     }
   }
 
-  var selected = options.find(function (option) {
-    return option.value === dayOfMonthValue;
-  }) ? dayOfMonthValue : null;
+  const selected = options.find(option => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
 
   if (!selected) {
     onDayChange(options[0].value, options[0]);
   }
 
-  return /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(FormLabel, null, inputLabel), /*#__PURE__*/React.createElement(FormFieldGroup, null, /*#__PURE__*/React.createElement(DSComboBox, {
-    onChange: function onChange(value) {
-      return onDayChange(value, options.find(function (o) {
-        return o.value === value;
-      }));
-    },
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: value => onDayChange(value, options.find(o => o.value === value)),
     options: options,
     value: selected
   })));
 };
 
 export { DaysOfMonthPicker as default };
-//# sourceMappingURL=DayOfMonthPicker.js.map

package/esm/components/DayOfYearPicker/DayOfYearPicker.js

@@ -1,35 +1,32 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 'react';
 import { DSComboBox } from '@elliemae/ds-form';
 import { nthDay } from '../helpers/nthday.js';
 import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
 import FormGroup from '../Forms/FormGroup.js';
 import FormLabel from '../Forms/FormLabel.js';
 import FormFieldGroup from '../Forms/FormFieldGroup.js';
-import '@elliemae/ds-classnames';
 
-var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
-  var _ref$onDayChange = _ref.onDayChange,
-      onDayChange = _ref$onDayChange === void 0 ? function () {
-    return null;
-  } : _ref$onDayChange,
-      _ref$dayOfMonthValue = _ref.dayOfMonthValue,
-      dayOfMonthValue = _ref$dayOfMonthValue === void 0 ? dropdownDayOfMonthOptions[0].value : _ref$dayOfMonthValue,
-      _ref$dayOfMonthOption = _ref.dayOfMonthOptions,
-      dayOfMonthOptions = _ref$dayOfMonthOption === void 0 ? dropdownDayOfMonthOptions : _ref$dayOfMonthOption,
-      _ref$displayOptionsAs = _ref.displayOptionsAsCurrentDate,
-      displayOptionsAsCurrentDate = _ref$displayOptionsAs === void 0 ? true : _ref$displayOptionsAs,
-      _ref$currentDate = _ref.currentDate,
-      currentDate = _ref$currentDate === void 0 ? null : _ref$currentDate,
-      _ref$inputLabel = _ref.inputLabel,
-      inputLabel = _ref$inputLabel === void 0 ? 'On' : _ref$inputLabel,
-      dayOfYearAsCurrentDateOptions = _ref.dayOfYearAsCurrentDateOptions,
-      displayYearCustomOption = _ref.displayYearCustomOption;
-  var options = dayOfMonthOptions;
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfYearAsCurrentDateOptions,
+    displayYearCustomOption
+  } = _ref;
+  let options = dayOfMonthOptions;
 
   if (displayOptionsAsCurrentDate) {
-    var numberoption = "on the ".concat(currentDate.format('Do'), " of ").concat(currentDate.format('MMMM'));
-    var nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of ").concat(currentDate.format('MMMM'));
+    const nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
     options = [];
 
     if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
@@ -49,15 +46,13 @@ var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
     }
 
     if (displayYearCustomOption) {
-      options = [].concat(_toConsumableArray(options), _toConsumableArray(dayOfMonthOptions));
+      options = [...options, ...dayOfMonthOptions];
     }
   }
 
-  return /*#__PURE__*/React.createElement(FormGroup, null, /*#__PURE__*/React.createElement(FormLabel, null, inputLabel), /*#__PURE__*/React.createElement(FormFieldGroup, null, /*#__PURE__*/React.createElement(DSComboBox, {
-    onChange: function onChange(value) {
-      onDayChange(value, options.find(function (o) {
-        return o.value === value;
-      }));
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: value => {
+      onDayChange(value, options.find(o => o.value === value));
     },
     options: options,
     value: dayOfMonthValue
@@ -65,4 +60,3 @@ var DaysOfMonthPicker = function DaysOfMonthPicker(_ref) {
 };
 
 export { DaysOfMonthPicker as default };
-//# sourceMappingURL=DayOfYearPicker.js.map