@elliemae/ds-date-time-recurrence-picker 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,62 +1,63 @@
-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 DateTimeRangeModalImpl_exports = {};
-__export(DateTimeRangeModalImpl_exports, {
-  default: () => DateTimeRangeModalImpl_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_moment = __toESM(require("moment"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
-var import_dropdownRepeatOptions = __toESM(require("../../options/dropdownRepeatOptions"));
-var import_dropdownTimeZoneOptions = __toESM(require("../../options/dropdownTimeZoneOptions"));
-var import_RepeatPickerInput = __toESM(require("../RepeatPickerInput/RepeatPickerInput"));
-var import_DaysOfWeekPicker = __toESM(require("../DaysOfWeekPicker/DaysOfWeekPicker"));
-var import_StartDateTime = __toESM(require("../StartDateTime/StartDateTime"));
-var import_EndDate = __toESM(require("../EndDate/EndDate"));
-var import_DayOfMonthPicker = __toESM(require("../DayOfMonthPicker/DayOfMonthPicker"));
-var import_DayOfYearPicker = __toESM(require("../DayOfYearPicker/DayOfYearPicker"));
-var import_TimeZonePicker = __toESM(require("../TimeZonePicker/TimeZonePicker"));
-var import_ValidationMessage = __toESM(require("../ValidationMessage/ValidationMessage"));
-const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("date-time-predefined-range-selector");
-class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.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 moment = require('moment');
+var dsClassnames = require('@elliemae/ds-classnames');
+var DSModal = require('@elliemae/ds-modal');
+var dropdownRepeatOptions = require('../../options/dropdownRepeatOptions.js');
+var dropdownTimeZoneOptions = require('../../options/dropdownTimeZoneOptions.js');
+var RepeatPickerInput = require('../RepeatPickerInput/RepeatPickerInput.js');
+var DaysOfWeekPicker = require('../DaysOfWeekPicker/DaysOfWeekPicker.js');
+var StartDateTime = require('../StartDateTime/StartDateTime.js');
+var EndDate = require('../EndDate/EndDate.js');
+var DayOfMonthPicker = require('../DayOfMonthPicker/DayOfMonthPicker.js');
+var DayOfYearPicker = require('../DayOfYearPicker/DayOfYearPicker.js');
+var TimeZonePicker = require('../TimeZonePicker/TimeZonePicker.js');
+var ValidationMessage = require('../ValidationMessage/ValidationMessage.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
+var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
+
+var _hr, _p;
+
+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
+} = dsClassnames.convertPropToCssClassName('date-time-predefined-range-selector');
+
+class DateTimePredefinedRangeSelectorImpl extends React.Component {
   constructor(props) {
     super(props);
+
     this.onChange = () => {
-      const { onCustomDateTimeRange } = this.props;
+      const {
+        onCustomDateTimeRange
+      } = this.props;
       onCustomDateTimeRange(this.state);
     };
-    this.onQtyRepeatPickerInput = (value) => {
-      this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, "") }, () => {
+
+    this.onQtyRepeatPickerInput = value => {
+      this.setState({
+        qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
+      }, () => {
         this.onChange();
       });
     };
+
     const {
       dropdownDayOfMonthOptions,
       dropdownDayOfWeekOptions,
@@ -81,78 +82,112 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
       }
     } = props;
     this.state = {
-      alertReplace: "",
+      alertReplace: '',
       alertModal: false,
-      startDateInput: startDateInput || (0, import_moment.default)(),
-      startTimeInput: startTimeInput || (0, import_moment.default)(),
+      startDateInput: startDateInput || moment__default["default"](),
+      startTimeInput: startTimeInput || moment__default["default"](),
       qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
       typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
       dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
-      endDateInput: endDateInput || (0, import_moment.default)(),
+      endDateInput: endDateInput || moment__default["default"](),
       endTypeInput: endTypeInput || props.endTypesOptions[0].value,
       endTimesInput: endTimesInput || props.endTimesOptions[0].value,
       dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable ? null : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,
       dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable ? null : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,
-      timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || import_dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value
+      timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions.dropdownTimeZoneOptions[0].value
     };
     this.onChange();
+    this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
+    this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
+    this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
+    this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
+    this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
+    this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
+    this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
+    this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
+    this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
+    this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
   }
+
   onTypeRepeatPickerInput(value) {
-    const update = { typeRepeatPickerInput: value };
-    if (value !== import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
-      update.dayOfMonthRepeatPickerInput = void 0;
-      update.dayOfMonthRepeatPickerKey = void 0;
+    const update = {
+      typeRepeatPickerInput: value
+    };
+
+    if (value !== dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
+      update.dayOfMonthRepeatPickerInput = undefined;
+      update.dayOfMonthRepeatPickerKey = undefined;
     }
-    if (value !== import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR) {
-      update.dayOfYearRepeatPickerInput = void 0;
-      update.dayOfYearRepeatPickerKey = void 0;
+
+    if (value !== dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR) {
+      update.dayOfYearRepeatPickerInput = undefined;
+      update.dayOfYearRepeatPickerKey = undefined;
     }
-    this.setState({
-      ...update
-    }, () => {
+
+    this.setState(_objectSpread({}, update), () => {
       this.onChange();
     });
   }
+
   onDayOfWeekRepeatPickerInput(value) {
-    this.setState({ dayWeekRepeatPickerInput: value }, () => {
+    this.setState({
+      dayWeekRepeatPickerInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndTypeChangeInput(value) {
-    this.setState({ endTypeInput: value }, () => {
+    this.setState({
+      endTypeInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndTimesChangeInput(value) {
-    this.setState({ endTimesInput: value }, () => {
+    this.setState({
+      endTimesInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onEndDateChangeInput(value) {
-    this.setState({ endDateInput: value }, () => {
+    this.setState({
+      endDateInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onStartDateChangeInput(value) {
-    this.setState({ startDateInput: value }, () => {
+    this.setState({
+      startDateInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onStartTimeChangeInput(value) {
-    this.setState({ startTimeInput: value }, () => {
+    this.setState({
+      startTimeInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   onDayOfMonthRepeatChangeInput(value, option) {
     this.setState({
       dayOfMonthRepeatPickerInput: value,
       dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
-      alertModal: option.number > 28 || (option.numberLabel || "").includes("Fifth"),
-      alertReplace: option.number || `${option.numberLabel} `
+      alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
+      alertReplace: option.number || "".concat(option.numberLabel, " ")
     }, () => {
       this.onChange();
     });
   }
+
   onDayOfYearRepeatChangeInput(value, option) {
     this.setState({
       dayOfYearRepeatPickerInput: value,
@@ -161,11 +196,15 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
       this.onChange();
     });
   }
+
   onTimeZonePickerInput(value) {
-    this.setState({ timezonePickerInput: value }, () => {
+    this.setState({
+      timezonePickerInput: value
+    }, () => {
       this.onChange();
     });
   }
+
   render() {
     const {
       alertModal,
@@ -187,7 +226,7 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
       dropdownDayOfMonthOptions,
       dropdownDayOfWeekOptions,
       dropdownDayOfYearOptions,
-      dropdownRepeatOptions,
+      dropdownRepeatOptions: dropdownRepeatOptions$1,
       dayOfMonthOptionsEnable,
       dayOfWeekOptionsEnable,
       dayOfYearOptionsEnable,
@@ -205,67 +244,72 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement("div", {
-      className: `${cssClassName}`
-    }, /* @__PURE__ */ import_react.default.createElement(import_StartDateTime.default, {
+    return /*#__PURE__*/_jsx__default["default"]("div", {
+      className: "".concat(cssClassName)
+    }, void 0, /*#__PURE__*/_jsx__default["default"](StartDateTime, {
       onStartDateChange: this.onStartDateChangeInput,
       onStartTimeChange: this.onStartTimeChangeInput,
       startDateValue: startDateInput,
-      startDayBlocked,
+      startDayBlocked: startDayBlocked,
       startTimeValue: startTimeInput
-    }), useTimezoneSelector && /* @__PURE__ */ import_react.default.createElement(import_TimeZonePicker.default, {
+    }), useTimezoneSelector && /*#__PURE__*/_jsx__default["default"](TimeZonePicker, {
       onTimezoneChange: this.onTimeZonePickerInput,
       timezoneOptions: timeZoneOptions,
       timezoneValue: timezonePickerInput
-    }), /* @__PURE__ */ import_react.default.createElement(import_RepeatPickerInput.default, {
+    }), /*#__PURE__*/_jsx__default["default"](RepeatPickerInput, {
       onQtyChange: this.onQtyRepeatPickerInput,
       onTypeChange: this.onTypeRepeatPickerInput,
       qtyValue: qtyRepeatPickerInput,
-      repeatFrecuencyCustomProps,
-      repeatOptions: dropdownRepeatOptions,
+      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+      repeatOptions: dropdownRepeatOptions$1,
       repeatOptionsValue: typeRepeatPickerInput
-    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ import_react.default.createElement(import_DaysOfWeekPicker.default, {
+    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx__default["default"](DaysOfWeekPicker, {
       active: dayWeekRepeatPickerInput,
-      allowMultipleDaysOfWeek,
+      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
       onDayChange: this.onDayOfWeekRepeatPickerInput,
       options: dropdownDayOfWeekOptions
-    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ import_react.default.createElement(import_DayOfMonthPicker.default, {
+    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx__default["default"](DayOfMonthPicker, {
       currentDate: startDateInput,
-      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
       dayOfMonthOptions: dropdownDayOfMonthOptions,
       dayOfMonthValue: dayOfMonthRepeatPickerInput,
-      displayMonthCustomOption,
+      displayMonthCustomOption: displayMonthCustomOption,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
       onDayChange: this.onDayOfMonthRepeatChangeInput
-    }), dayOfYearOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ import_react.default.createElement(import_DayOfYearPicker.default, {
+    }), dayOfYearOptionsEnable && typeRepeatPickerInput === dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx__default["default"](DayOfYearPicker, {
       currentDate: startDateInput,
       dayOfMonthOptions: dropdownDayOfYearOptions,
       dayOfMonthValue: dayOfYearRepeatPickerInput,
-      dayOfYearAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
-      displayYearCustomOption,
+      displayYearCustomOption: displayYearCustomOption,
       onDayChange: this.onDayOfYearRepeatChangeInput
-    }), /* @__PURE__ */ import_react.default.createElement("hr", null), /* @__PURE__ */ import_react.default.createElement(import_EndDate.default, {
+    }), _hr || (_hr = /*#__PURE__*/_jsx__default["default"]("hr", {})), /*#__PURE__*/_jsx__default["default"](EndDate, {
       endDateValue: endDateInput,
-      endDayBlocked,
-      endTimesOptions,
+      endDayBlocked: endDayBlocked,
+      endTimesOptions: endTimesOptions,
       endTimesValue: endTimesInput,
-      endTypesOptions,
+      endTypesOptions: endTypesOptions,
       endTypeValue: endTypeInput,
       onEndDateChange: this.onEndDateChangeInput,
       onEndTimesChange: this.onEndTimesChangeInput,
       onEndTypeChange: this.onEndTypeChangeInput
-    }), /* @__PURE__ */ import_react.default.createElement(import_ds_modal.default, {
+    }), /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
       className: "datetime-alert-modal",
       isOpen: alertModal,
-      modalTitle: `Some months have fewer  than ${alertReplace} days`,
-      onClose: () => this.setState({ alertModal: false }),
-      onConfirm: () => this.setState({ alertModal: false })
-    }, /* @__PURE__ */ import_react.default.createElement("p", null, "For these months, the occurrence will fall on the last day of the month.")), validationMessage && /* @__PURE__ */ import_react.default.createElement(import_ValidationMessage.default, {
-      validationMessage
+      modalTitle: "Some months have fewer  than ".concat(alertReplace, " days") // modalType={modalType}
+      ,
+      onClose: () => this.setState({
+        alertModal: false
+      }),
+      onConfirm: () => this.setState({
+        alertModal: false
+      })
+    }, void 0, _p || (_p = /*#__PURE__*/_jsx__default["default"]("p", {}, void 0, "For these months, the occurrence will fall on the last day of the month."))), validationMessage && /*#__PURE__*/_jsx__default["default"](ValidationMessage, {
+      validationMessage: validationMessage
     }));
   }
+
 }
-var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
-module.exports = __toCommonJS(DateTimeRangeModalImpl_exports);
-//# sourceMappingURL=DateTimeRangeModalImpl.js.map
+
+module.exports = DateTimePredefinedRangeSelectorImpl;