@elliemae/ds-date-time-recurrence-picker 2.2.0 → 2.3.0-alpha.3

package/cjs/components/DateTimeRecurenceSelectorImpl.js

@@ -1,83 +1,69 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var lodash = require('lodash');
-require('react-dates/initialize');
-var reactSelect = require('react-select');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsForm = require('@elliemae/ds-form');
-var DateTimeRangeModal = require('./DateTimeRangeModal/DateTimeRangeModal.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-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__default["default"](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 {
-  cssClassName,
-  classNameElement,
-  classNameBlock
-} = dsClassnames.convertPropToCssClassName('date-time-predefined-range-selector');
-
-class DateTimeRecurenceSelectorImpl extends React.Component {
+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 DateTimeRecurenceSelectorImpl_exports = {};
+__export(DateTimeRecurenceSelectorImpl_exports, {
+  default: () => DateTimeRecurenceSelectorImpl_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_initialize = require("react-dates/initialize");
+var import_react_select = require("react-select");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_ds_form = require("@elliemae/ds-form");
+var import_DateTimeRangeModal = __toESM(require("./DateTimeRangeModal/DateTimeRangeModal"));
+const { cssClassName, classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)("date-time-predefined-range-selector");
+class DateTimeRecurenceSelectorImpl extends import_react.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.onCustomDateTimeRange = customRange => {
-      this.setState({
-        customRange
-      });
+    this.onCustomDateTimeRange = (customRange) => {
+      this.setState({ 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(previousState => ({
+        this.setState((previousState) => ({
           selected: value,
           previousSelection: previousState.selected
         }));
         this.handleOpenModal();
       } else if (selected) {
         onChange(value);
-        this.setState({
-          selected: value,
-          openModal: false
-        });
+        this.setState({ selected: value, openModal: false });
       }
     };
-
     this.handleConfirm = () => {
       const {
         onConfirmField,
@@ -88,60 +74,48 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
         useTimezoneSelector,
         allowMultipleDaysOfWeek
       } = this.props;
-      const {
-        customRange
-      } = this.state;
-      this.props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](CustomOptionRender, {
-        allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-        customRange: customRange,
-        dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-        dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-        dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-        useTimezoneSelector: useTimezoneSelector
+      const { customRange } = this.state;
+      this.props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(CustomOptionRender, {
+        allowMultipleDaysOfWeek,
+        customRange,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector
       });
       this.onChange();
       this.handleCloseModal();
       onConfirmField();
     };
-
     this.handleReject = () => {
-      const {
-        onRejectField
-      } = this.props;
+      const { onRejectField } = this.props;
       this.handleActionClose();
       onRejectField();
     };
-
     this.handleActionClose = () => {
-      this.setState(previousState => ({
+      this.setState((previousState) => ({
         selected: previousState.previousSelection
       }));
       this.handleCloseModal();
     };
-
-    this.handleOpenModal = () => this.setState({
-      openModal: true
-    });
-
+    this.handleOpenModal = () => this.setState({ openModal: true });
     this.handleCloseModal = () => {
-      this.setState({
-        openModal: false
-      });
-      setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680
+      this.setState({ openModal: false });
+      setTimeout(() => document.activeElement.blur(), 0);
     };
-
     this.initCustomRange = props.customRange;
     this.state = {
-      // eslint-disable-next-line react/no-unused-state
-      previousCustomRange: _objectSpread({}, props.customRange),
+      previousCustomRange: {
+        ...props.customRange
+      },
       openModal: props.openModal || false,
       selected: props.value,
-      customRange: _objectSpread({}, props.customRange)
+      customRange: {
+        ...props.customRange
+      }
     };
-
     if (props.value === props.advanceOption.value) {
-      // eslint-disable-next-line no-param-reassign
-      props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
+      props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
         allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
         customRange: props.customRange,
         dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -151,12 +125,10 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
       });
     }
   }
-
   static getDerivedStateFromProps(props, state) {
-    if (props.customRange && !lodash.isEqual(props.customRange, state.previousCustomRange)) {
+    if (props.customRange && !(0, import_lodash.isEqual)(props.customRange, state.previousCustomRange)) {
       if (props.value === props.advanceOption.value) {
-        // eslint-disable-next-line no-param-reassign
-        props.advanceOption.label = /*#__PURE__*/_jsx__default["default"](props.customOptionRender, {
+        props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
           allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
           customRange: props.customRange,
           dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -165,17 +137,18 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
           useTimezoneSelector: props.useTimezoneSelector
         });
       }
-
       return {
-        previousCustomRange: _objectSpread({}, props.customRange),
-        customRange: _objectSpread({}, props.customRange),
+        previousCustomRange: {
+          ...props.customRange
+        },
+        customRange: {
+          ...props.customRange
+        },
         selected: props.value
       };
     }
-
     return null;
   }
-
   render() {
     const {
       placeholder,
@@ -212,73 +185,70 @@ class DateTimeRecurenceSelectorImpl extends React.Component {
       displayYearCustomOption,
       containerProps
     } = this.props;
-    const {
-      selected,
-      openModal,
-      customRange
-    } = this.state;
+    const { selected, openModal, customRange } = this.state;
     const options = [...dropdownPreselectedOptions, advanceOption];
-    return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, containerProps), {}, {
-      className: "".concat(cssClassName, " ").concat(className),
-      children: [/*#__PURE__*/_jsx__default["default"]("div", {
-        className: "".concat(classNameBlock('container-selector'))
-      }, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
-        className: "".concat(classNameElement('dropdown-field-selector')),
-        components: {
-          Option: props => /*#__PURE__*/jsxRuntime.jsx(reactSelect.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__*/_jsx__default["default"](DateTimeRangeModal, {
-        allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-        appElement: appElement,
-        confirmLabel: confirmLabel,
-        dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-        dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-        dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-        dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-        dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-        displayCurrentMonthYear: displayCurrentMonthYear,
-        displayMonthCustomOption: displayMonthCustomOption,
-        displayYearCustomOption: displayYearCustomOption,
-        dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
-        dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
-        dropdownDayOfYearOptions: dropdownDayOfYearOptions,
-        dropdownRepeatOptions: dropdownRepeatOptions,
-        endDayBlocked: endDayBlocked,
-        endTimesOptions: endTimesOptions,
-        endTypesOptions: endTypesOptions,
-        isOpen: openModal,
-        isValidRecurrence: isValidRecurrence,
-        modalSize: modalSize,
-        modalTitle: modalTitle,
-        modalType: modalType,
-        onClose: this.handleActionClose,
-        onConfirmField: this.handleConfirm,
-        onCustomDateTimeRange: this.onCustomDateTimeRange,
-        onRejectField: this.handleReject,
-        placeholder: placeholder,
-        rangeValue: customRange,
-        rejectLabel: rejectLabel,
-        repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-        startDayBlocked: startDayBlocked,
-        timeZoneOptions: timeZoneOptions,
-        useTimezoneSelector: useTimezoneSelector,
-        validationMessage: validationMessage
-      })]
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      ...containerProps,
+      className: `${cssClassName} ${className}`
+    }, /* @__PURE__ */ import_react.default.createElement("div", {
+      className: `${classNameBlock("container-selector")}`
+    }, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+      className: `${classNameElement("dropdown-field-selector")}`,
+      components: {
+        Option: (props) => /* @__PURE__ */ import_react.default.createElement(import_react_select.components.Option, {
+          ...props,
+          allowMultipleDaysOfWeek,
+          dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable,
+          useTimezoneSelector
+        }),
+        IndicatorSeparator: () => null
+      },
+      onChange: this.onChangeDropdown,
+      onKeyDown: this.onKeyDown,
+      options,
+      placeholder,
+      value: selected
+    })), /* @__PURE__ */ import_react.default.createElement(import_DateTimeRangeModal.default, {
+      allowMultipleDaysOfWeek,
+      appElement,
+      confirmLabel,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearAsCurrentDateOptions,
+      dayOfYearOptionsEnable,
+      displayCurrentMonthYear,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      endDayBlocked,
+      endTimesOptions,
+      endTypesOptions,
+      isOpen: openModal,
+      isValidRecurrence,
+      modalSize,
+      modalTitle,
+      modalType,
+      onClose: this.handleActionClose,
+      onConfirmField: this.handleConfirm,
+      onCustomDateTimeRange: this.onCustomDateTimeRange,
+      onRejectField: this.handleReject,
+      placeholder,
+      rangeValue: customRange,
+      rejectLabel,
+      repeatFrecuencyCustomProps,
+      startDayBlocked,
+      timeZoneOptions,
+      useTimezoneSelector,
+      validationMessage
     }));
   }
-
 }
-
-module.exports = DateTimeRecurenceSelectorImpl;
+var DateTimeRecurenceSelectorImpl_default = DateTimeRecurenceSelectorImpl;
+module.exports = __toCommonJS(DateTimeRecurenceSelectorImpl_exports);
+//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/cjs/components/DateTimeRecurenceSelectorImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/DateTimeRecurenceSelectorImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport 'react-dates/initialize';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\n\nimport DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal';\n\nconst { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(\n  'date-time-predefined-range-selector',\n);\n\nclass DateTimeRecurenceSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n    this.initCustomRange = props.customRange;\n    this.state = {\n      // eslint-disable-next-line react/no-unused-state\n      previousCustomRange: {\n        ...props.customRange,\n      },\n      openModal: props.openModal || false,\n      selected: props.value,\n      customRange: {\n        ...props.customRange,\n      },\n    };\n    if (props.value === props.advanceOption.value) {\n      // eslint-disable-next-line no-param-reassign\n      props.advanceOption.label = (\n        <props.customOptionRender\n          allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n          customRange={props.customRange}\n          dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n          dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n          dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n          useTimezoneSelector={props.useTimezoneSelector}\n        />\n      );\n    }\n  }\n\n  onChange = () => {\n    const { onChange } = this.props;\n    const { customRange, selected } = this.state;\n    onChange(selected, customRange);\n  };\n\n  onCustomDateTimeRange = (customRange) => {\n    this.setState({ customRange });\n  };\n\n  onChangeDropdown = (value) => {\n    const { dropdownPreselectedOptions } = this.props;\n    const selected = dropdownPreselectedOptions.find((op) => op.value === value);\n    const { onChange } = this.props;\n    if (!selected) {\n      this.setState((previousState) => ({\n        selected: value,\n        previousSelection: previousState.selected,\n      }));\n      this.handleOpenModal();\n    } else if (selected) {\n      onChange(value);\n      this.setState({ selected: value, openModal: false });\n    }\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {\n      if (props.value === props.advanceOption.value) {\n        // eslint-disable-next-line no-param-reassign\n        props.advanceOption.label = (\n          <props.customOptionRender\n            allowMultipleDaysOfWeek={props.allowMultipleDaysOfWeek}\n            customRange={props.customRange}\n            dayOfMonthOptionsEnable={props.dayOfMonthOptionsEnable}\n            dayOfWeekOptionsEnable={props.dayOfWeekOptionsEnable}\n            dayOfYearOptionsEnable={props.dayOfYearOptionsEnable}\n            useTimezoneSelector={props.useTimezoneSelector}\n          />\n        );\n      }\n      return {\n        previousCustomRange: {\n          ...props.customRange,\n        },\n        customRange: {\n          ...props.customRange,\n        },\n        selected: props.value,\n      };\n    }\n    return null;\n  }\n\n  handleConfirm = () => {\n    const {\n      onConfirmField,\n      customOptionRender: CustomOptionRender,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      useTimezoneSelector,\n      allowMultipleDaysOfWeek,\n    } = this.props;\n    const { customRange } = this.state;\n    this.props.advanceOption.label = (\n      <CustomOptionRender\n        allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n        customRange={customRange}\n        dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n        dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n        dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n        useTimezoneSelector={useTimezoneSelector}\n      />\n    );\n    this.onChange();\n    this.handleCloseModal();\n    onConfirmField();\n  };\n\n  handleReject = () => {\n    const { onRejectField } = this.props;\n    this.handleActionClose();\n    onRejectField();\n  };\n\n  handleActionClose = () => {\n    this.setState((previousState) => ({\n      selected: previousState.previousSelection,\n    }));\n    this.handleCloseModal();\n  };\n\n  handleOpenModal = () => this.setState({ openModal: true });\n\n  handleCloseModal = () => {\n    this.setState({ openModal: false });\n    setTimeout(() => document.activeElement.blur(), 0); // https://github.com/reactjs/react-modal/issues/680\n  };\n\n  render() {\n    const {\n      placeholder,\n      dropdownPreselectedOptions,\n      appElement,\n      confirmLabel,\n      modalSize,\n      modalTitle,\n      modalType,\n      rejectLabel,\n      dropdownDayOfMonthOptions,\n      dropdownDayOfWeekOptions,\n      dropdownDayOfYearOptions,\n      dropdownRepeatOptions,\n      displayCurrentMonthYear,\n      className,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      timeZoneOptions,\n      useTimezoneSelector,\n      allowMultipleDaysOfWeek,\n      endTimesOptions,\n      endTypesOptions,\n      advanceOption,\n      dayOfMonthAsCurrentDateOptions,\n      dayOfYearAsCurrentDateOptions,\n      isValidRecurrence,\n      validationMessage,\n      endDayBlocked,\n      startDayBlocked,\n      repeatFrecuencyCustomProps,\n      displayMonthCustomOption,\n      displayYearCustomOption,\n      containerProps,\n    } = this.props;\n    const { selected, openModal, customRange } = this.state;\n\n    const options = [...dropdownPreselectedOptions, advanceOption];\n\n    return (\n      <div {...containerProps} className={`${cssClassName} ${className}`}>\n        <div className={`${classNameBlock('container-selector')}`}>\n          <DSComboBox\n            className={`${classNameElement('dropdown-field-selector')}`}\n            components={{\n              Option: (props) => (\n                <components.Option\n                  {...props}\n                  allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n                  dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n                  dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n                  dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n                  useTimezoneSelector={useTimezoneSelector}\n                />\n              ),\n              IndicatorSeparator: () => null,\n            }}\n            onChange={this.onChangeDropdown}\n            onKeyDown={this.onKeyDown}\n            options={options}\n            placeholder={placeholder}\n            value={selected}\n          />\n        </div>\n        <DateTimeRangeModal\n          allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n          appElement={appElement}\n          confirmLabel={confirmLabel}\n          dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n          dayOfMonthOptionsEnable={dayOfMonthOptionsEnable}\n          dayOfWeekOptionsEnable={dayOfWeekOptionsEnable}\n          dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n          dayOfYearOptionsEnable={dayOfYearOptionsEnable}\n          displayCurrentMonthYear={displayCurrentMonthYear}\n          displayMonthCustomOption={displayMonthCustomOption}\n          displayYearCustomOption={displayYearCustomOption}\n          dropdownDayOfMonthOptions={dropdownDayOfMonthOptions}\n          dropdownDayOfWeekOptions={dropdownDayOfWeekOptions}\n          dropdownDayOfYearOptions={dropdownDayOfYearOptions}\n          dropdownRepeatOptions={dropdownRepeatOptions}\n          endDayBlocked={endDayBlocked}\n          endTimesOptions={endTimesOptions}\n          endTypesOptions={endTypesOptions}\n          isOpen={openModal}\n          isValidRecurrence={isValidRecurrence}\n          modalSize={modalSize}\n          modalTitle={modalTitle}\n          modalType={modalType}\n          onClose={this.handleActionClose}\n          onConfirmField={this.handleConfirm}\n          onCustomDateTimeRange={this.onCustomDateTimeRange}\n          onRejectField={this.handleReject}\n          placeholder={placeholder}\n          rangeValue={customRange}\n          rejectLabel={rejectLabel}\n          repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n          startDayBlocked={startDayBlocked}\n          timeZoneOptions={timeZoneOptions}\n          useTimezoneSelector={useTimezoneSelector}\n          validationMessage={validationMessage}\n        />\n      </div>\n    );\n  }\n}\n\nexport default DateTimeRecurenceSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,74 +1,87 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('react');
-var dsForm = require('@elliemae/ds-form');
-var nthday = require('../helpers/nthday.js');
-var dropdownDayOfMonthOptions = require('../../options/dropdownDayOfMonthOptions.js');
-var FormLabel = require('../Forms/FormLabel.js');
-var FormFieldGroup = require('../Forms/FormFieldGroup.js');
-var FormGroup = require('../Forms/FormGroup.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-const DaysOfMonthPicker = _ref => {
-  let {
-    onDayChange = () => null,
-    dayOfMonthValue = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
-    dayOfMonthOptions = dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
-    displayOptionsAsCurrentDate = true,
-    currentDate = null,
-    inputLabel = 'On',
-    dayOfMonthAsCurrentDateOptions,
-    displayMonthCustomOption
-  } = _ref;
+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 DayOfMonthPicker_exports = {};
+__export(DayOfMonthPicker_exports, {
+  default: () => DayOfMonthPicker_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_form = require("@elliemae/ds-form");
+var import_nthday = require("../helpers/nthday");
+var import_dropdownDayOfMonthOptions = require("../../options/dropdownDayOfMonthOptions");
+var import_FormLabel = __toESM(require("../Forms/FormLabel"));
+var import_FormFieldGroup = __toESM(require("../Forms/FormFieldGroup"));
+var import_FormGroup = __toESM(require("../Forms/FormGroup"));
+const DaysOfMonthPicker = ({
+  onDayChange = () => null,
+  dayOfMonthValue = import_dropdownDayOfMonthOptions.dropdownDayOfMonthOptions[0].value,
+  dayOfMonthOptions = import_dropdownDayOfMonthOptions.dropdownDayOfMonthOptions,
+  displayOptionsAsCurrentDate = true,
+  currentDate = null,
+  inputLabel = "On",
+  dayOfMonthAsCurrentDateOptions,
+  displayMonthCustomOption
+}) => {
   let options = dayOfMonthOptions;
-
   if (displayOptionsAsCurrentDate) {
-    const numberoption = "on the ".concat(currentDate.format('Do'), " of the month");
-    const nthoption = "on the ".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of the month");
+    const numberoption = `on the ${currentDate.format("Do")} of the month`;
+    const nthoption = `on the ${(0, import_nthday.nthDay)(currentDate.toDate())} ${currentDate.format("dddd")} of the month`;
     options = [];
-
-    if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {
+    if (dayOfMonthAsCurrentDateOptions.indexOf("numberOfMonth") > -1) {
       options.push({
-        number: currentDate.format('DD'),
+        number: currentDate.format("DD"),
         label: numberoption,
         value: numberoption,
-        dayOfMonthRepeatPickerKey: 'numberOfMonth'
+        dayOfMonthRepeatPickerKey: "numberOfMonth"
       });
     }
-
-    if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {
+    if (dayOfMonthAsCurrentDateOptions.indexOf("dayOfTheWeekOfMonth") > -1) {
       options.push({
-        numberLabel: "".concat(nthday.nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd')),
+        numberLabel: `${(0, import_nthday.nthDay)(currentDate.toDate())} ${currentDate.format("dddd")}`,
         label: nthoption,
         value: nthoption,
-        dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth'
+        dayOfMonthRepeatPickerKey: "dayOfTheWeekOfMonth"
       });
     }
-
     if (displayMonthCustomOption) {
       options = [...options, ...dayOfMonthOptions];
     }
   }
-
-  const selected = options.find(option => 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__*/_jsx__default["default"](FormGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx__default["default"](FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
-    onChange: value => onDayChange(value, options.find(o => o.value === value)),
-    options: options,
+  return /* @__PURE__ */ import_react.default.createElement(import_FormGroup.default, null, /* @__PURE__ */ import_react.default.createElement(import_FormLabel.default, null, inputLabel), /* @__PURE__ */ import_react.default.createElement(import_FormFieldGroup.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
+    onChange: (value) => onDayChange(value, options.find((o) => o.value === value)),
+    options,
     value: selected
   })));
 };
-
-module.exports = DaysOfMonthPicker;
+var DayOfMonthPicker_default = DaysOfMonthPicker;
+module.exports = __toCommonJS(DayOfMonthPicker_exports);
+//# sourceMappingURL=DayOfMonthPicker.js.map

package/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DayOfMonthPicker/DayOfMonthPicker.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport { nthDay } from '../helpers/nthday';\nimport { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions';\nimport FormLabel from '../Forms/FormLabel';\nimport FormFieldGroup from '../Forms/FormFieldGroup';\nimport FormGroup from '../Forms/FormGroup';\n\nconst DaysOfMonthPicker = ({\n  onDayChange = () => null,\n  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,\n  dayOfMonthOptions = dropdownDayOfMonthOptions,\n  displayOptionsAsCurrentDate = true,\n  currentDate = null,\n  inputLabel = 'On',\n  dayOfMonthAsCurrentDateOptions,\n  displayMonthCustomOption,\n}) => {\n  let options = dayOfMonthOptions;\n  if (displayOptionsAsCurrentDate) {\n    const numberoption = `on the ${currentDate.format('Do')} of the month`;\n    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format('dddd')} of the month`;\n    options = [];\n\n    if (dayOfMonthAsCurrentDateOptions.indexOf('numberOfMonth') > -1) {\n      options.push({\n        number: currentDate.format('DD'),\n        label: numberoption,\n        value: numberoption,\n        dayOfMonthRepeatPickerKey: 'numberOfMonth',\n      });\n    }\n    if (dayOfMonthAsCurrentDateOptions.indexOf('dayOfTheWeekOfMonth') > -1) {\n      options.push({\n        numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format('dddd')}`,\n        label: nthoption,\n        value: nthoption,\n        dayOfMonthRepeatPickerKey: 'dayOfTheWeekOfMonth',\n      });\n    }\n\n    if (displayMonthCustomOption) {\n      options = [...options, ...dayOfMonthOptions];\n    }\n  }\n\n  const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;\n  if (!selected) {\n    onDayChange(options[0].value, options[0]);\n  }\n  return (\n    <FormGroup>\n      <FormLabel>{inputLabel}</FormLabel>\n      <FormFieldGroup>\n        <DSComboBox\n          onChange={(value) =>\n            onDayChange(\n              value,\n              options.find((o) => o.value === value),\n            )\n          }\n          options={options}\n          value={selected}\n        />\n      </FormFieldGroup>\n    </FormGroup>\n  );\n};\n\nexport default DaysOfMonthPicker;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAA2B;AAC3B,oBAAuB;AACvB,uCAA0C;AAC1C,uBAAsB;AACtB,4BAA2B;AAC3B,uBAAsB;AAEtB,MAAM,oBAAoB,CAAC;AAAA,EACzB,cAAc,MAAM;AAAA,EACpB,kBAAkB,2DAA0B,GAAG;AAAA,EAC/C,oBAAoB;AAAA,EACpB,8BAA8B;AAAA,EAC9B,cAAc;AAAA,EACd,aAAa;AAAA,EACb;AAAA,EACA;AAAA,MACI;AACJ,MAAI,UAAU;AACd,MAAI,6BAA6B;AAC/B,UAAM,eAAe,UAAU,YAAY,OAAO;AAClD,UAAM,YAAY,UAAU,0BAAO,YAAY,aAAa,YAAY,OAAO;AAC/E,cAAU;AAEV,QAAI,+BAA+B,QAAQ,mBAAmB,IAAI;AAChE,cAAQ,KAAK;AAAA,QACX,QAAQ,YAAY,OAAO;AAAA,QAC3B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAG/B,QAAI,+BAA+B,QAAQ,yBAAyB,IAAI;AACtE,cAAQ,KAAK;AAAA,QACX,aAAa,GAAG,0BAAO,YAAY,aAAa,YAAY,OAAO;AAAA,QACnE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA;AAAA;AAI/B,QAAI,0BAA0B;AAC5B,gBAAU,CAAC,GAAG,SAAS,GAAG;AAAA;AAAA;AAI9B,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,mBAAmB,kBAAkB;AAChG,MAAI,CAAC,UAAU;AACb,gBAAY,QAAQ,GAAG,OAAO,QAAQ;AAAA;AAExC,SACE,mDAAC,0BAAD,MACE,mDAAC,0BAAD,MAAY,aACZ,mDAAC,+BAAD,MACE,mDAAC,2BAAD;AAAA,IACE,UAAU,CAAC,UACT,YACE,OACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU;AAAA,IAGpC;AAAA,IACA,OAAO;AAAA;AAAA;AAOjB,IAAO,2BAAQ;",
+  "names": []
+}