@elliemae/ds-date-time-recurrence-picker 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -0,0 +1,271 @@
+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 = require("@elliemae/ds-classnames");
+var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
+var import_dropdownRepeatOptions = require("../../options/dropdownRepeatOptions");
+var import_dropdownTimeZoneOptions = 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 {
+  constructor(props) {
+    super(props);
+    this.onChange = () => {
+      const { onCustomDateTimeRange } = this.props;
+      onCustomDateTimeRange(this.state);
+    };
+    this.onQtyRepeatPickerInput = (value) => {
+      this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, "") }, () => {
+        this.onChange();
+      });
+    };
+    const {
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearOptionsEnable,
+      useTimezoneSelector,
+      rangeValue: {
+        startDateInput,
+        startTimeInput,
+        qtyRepeatPickerInput,
+        typeRepeatPickerInput,
+        dayWeekRepeatPickerInput,
+        endDateInput,
+        endTypeInput,
+        endTimesInput,
+        dayOfMonthRepeatPickerInput,
+        dayOfYearRepeatPickerInput,
+        timezonePickerInput
+      }
+    } = props;
+    this.state = {
+      alertReplace: "",
+      alertModal: false,
+      startDateInput: startDateInput || (0, import_moment.default)(),
+      startTimeInput: startTimeInput || (0, import_moment.default)(),
+      qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
+      typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
+      dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
+      endDateInput: endDateInput || (0, import_moment.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
+    };
+    this.onChange();
+  }
+  onTypeRepeatPickerInput(value) {
+    const update = { typeRepeatPickerInput: value };
+    if (value !== import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH) {
+      update.dayOfMonthRepeatPickerInput = void 0;
+      update.dayOfMonthRepeatPickerKey = void 0;
+    }
+    if (value !== import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR) {
+      update.dayOfYearRepeatPickerInput = void 0;
+      update.dayOfYearRepeatPickerKey = void 0;
+    }
+    this.setState({
+      ...update
+    }, () => {
+      this.onChange();
+    });
+  }
+  onDayOfWeekRepeatPickerInput(value) {
+    this.setState({ dayWeekRepeatPickerInput: value }, () => {
+      this.onChange();
+    });
+  }
+  onEndTypeChangeInput(value) {
+    this.setState({ endTypeInput: value }, () => {
+      this.onChange();
+    });
+  }
+  onEndTimesChangeInput(value) {
+    this.setState({ endTimesInput: value }, () => {
+      this.onChange();
+    });
+  }
+  onEndDateChangeInput(value) {
+    this.setState({ endDateInput: value }, () => {
+      this.onChange();
+    });
+  }
+  onStartDateChangeInput(value) {
+    this.setState({ startDateInput: value }, () => {
+      this.onChange();
+    });
+  }
+  onStartTimeChangeInput(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} `
+    }, () => {
+      this.onChange();
+    });
+  }
+  onDayOfYearRepeatChangeInput(value, option) {
+    this.setState({
+      dayOfYearRepeatPickerInput: value,
+      dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey
+    }, () => {
+      this.onChange();
+    });
+  }
+  onTimeZonePickerInput(value) {
+    this.setState({ timezonePickerInput: value }, () => {
+      this.onChange();
+    });
+  }
+  render() {
+    const {
+      alertModal,
+      alertReplace,
+      qtyRepeatPickerInput,
+      typeRepeatPickerInput,
+      dayWeekRepeatPickerInput,
+      endDateInput,
+      endTypeInput,
+      endTimesInput,
+      startDateInput,
+      startTimeInput,
+      dayOfMonthRepeatPickerInput,
+      dayOfYearRepeatPickerInput,
+      timezonePickerInput
+    } = this.state;
+    const {
+      displayCurrentMonthYear,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearOptionsEnable,
+      timeZoneOptions,
+      useTimezoneSelector,
+      allowMultipleDaysOfWeek,
+      endTimesOptions,
+      endTypesOptions,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      validationMessage,
+      endDayBlocked,
+      startDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption
+    } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement("div", {
+      className: `${cssClassName}`
+    }, /* @__PURE__ */ import_react.default.createElement(import_StartDateTime.default, {
+      onStartDateChange: this.onStartDateChangeInput,
+      onStartTimeChange: this.onStartTimeChangeInput,
+      startDateValue: startDateInput,
+      startDayBlocked,
+      startTimeValue: startTimeInput
+    }), useTimezoneSelector && /* @__PURE__ */ import_react.default.createElement(import_TimeZonePicker.default, {
+      onTimezoneChange: this.onTimeZonePickerInput,
+      timezoneOptions: timeZoneOptions,
+      timezoneValue: timezonePickerInput
+    }), /* @__PURE__ */ import_react.default.createElement(import_RepeatPickerInput.default, {
+      onQtyChange: this.onQtyRepeatPickerInput,
+      onTypeChange: this.onTypeRepeatPickerInput,
+      qtyValue: qtyRepeatPickerInput,
+      repeatFrecuencyCustomProps,
+      repeatOptions: dropdownRepeatOptions,
+      repeatOptionsValue: typeRepeatPickerInput
+    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ import_react.default.createElement(import_DaysOfWeekPicker.default, {
+      active: dayWeekRepeatPickerInput,
+      allowMultipleDaysOfWeek,
+      onDayChange: this.onDayOfWeekRepeatPickerInput,
+      options: dropdownDayOfWeekOptions
+    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ import_react.default.createElement(import_DayOfMonthPicker.default, {
+      currentDate: startDateInput,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptions: dropdownDayOfMonthOptions,
+      dayOfMonthValue: dayOfMonthRepeatPickerInput,
+      displayMonthCustomOption,
+      displayOptionsAsCurrentDate: displayCurrentMonthYear,
+      onDayChange: this.onDayOfMonthRepeatChangeInput
+    }), dayOfYearOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ import_react.default.createElement(import_DayOfYearPicker.default, {
+      currentDate: startDateInput,
+      dayOfMonthOptions: dropdownDayOfYearOptions,
+      dayOfMonthValue: dayOfYearRepeatPickerInput,
+      dayOfYearAsCurrentDateOptions,
+      displayOptionsAsCurrentDate: displayCurrentMonthYear,
+      displayYearCustomOption,
+      onDayChange: this.onDayOfYearRepeatChangeInput
+    }), /* @__PURE__ */ import_react.default.createElement("hr", null), /* @__PURE__ */ import_react.default.createElement(import_EndDate.default, {
+      endDateValue: endDateInput,
+      endDayBlocked,
+      endTimesOptions,
+      endTimesValue: endTimesInput,
+      endTypesOptions,
+      endTypeValue: endTypeInput,
+      onEndDateChange: this.onEndDateChangeInput,
+      onEndTimesChange: this.onEndTimesChangeInput,
+      onEndTypeChange: this.onEndTypeChangeInput
+    }), /* @__PURE__ */ import_react.default.createElement(import_ds_modal.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
+    }));
+  }
+}
+var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
+module.exports = __toCommonJS(DateTimeRangeModalImpl_exports);
+//# sourceMappingURL=DateTimeRangeModalImpl.js.map

package/dist/cjs/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport moment from 'moment';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSModal from '@elliemae/ds-modal';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker';\nimport StartDateTime from '../StartDateTime/StartDateTime';\nimport EndDate from '../EndDate/EndDate';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage';\n\nconst { cssClassName } = convertPropToCssClassName(\n  'date-time-predefined-range-selector',\n);\n\nclass DateTimePredefinedRangeSelectorImpl extends Component {\n  constructor(props) {\n    super(props);\n    const {\n      dropdownDayOfMonthOptions,\n      dropdownDayOfWeekOptions,\n      dropdownDayOfYearOptions,\n      dropdownRepeatOptions,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      useTimezoneSelector,\n      rangeValue: {\n        startDateInput,\n        startTimeInput,\n        qtyRepeatPickerInput,\n        typeRepeatPickerInput,\n        dayWeekRepeatPickerInput,\n        endDateInput,\n        endTypeInput,\n        endTimesInput,\n        dayOfMonthRepeatPickerInput,\n        dayOfYearRepeatPickerInput,\n        timezonePickerInput,\n      },\n    } = props;\n    this.state = {\n      alertReplace: '',\n      alertModal: false,\n      startDateInput: startDateInput || moment(),\n      startTimeInput: startTimeInput || moment(),\n      qtyRepeatPickerInput: qtyRepeatPickerInput || 1,\n      typeRepeatPickerInput:\n        typeRepeatPickerInput || dropdownRepeatOptions[0].value,\n      dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable\n        ? null\n        : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,\n      endDateInput: endDateInput || moment(),\n      endTypeInput: endTypeInput || props.endTypesOptions[0].value,\n      endTimesInput: endTimesInput || props.endTimesOptions[0].value,\n      dayOfMonthRepeatPickerInput: !dayOfMonthOptionsEnable\n        ? null\n        : dayOfMonthRepeatPickerInput || dropdownDayOfMonthOptions[0].value,\n      dayOfYearRepeatPickerInput: !dayOfYearOptionsEnable\n        ? null\n        : dayOfYearRepeatPickerInput || dropdownDayOfYearOptions[0].value,\n      timezonePickerInput: !useTimezoneSelector\n        ? null\n        : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n    };\n    this.onChange();\n  }\n\n  onChange = () => {\n    const { onCustomDateTimeRange } = this.props;\n    onCustomDateTimeRange(this.state);\n  };\n\n  onQtyRepeatPickerInput = value => {\n    this.setState(\n      { qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') },\n      () => {\n        this.onChange();\n      },\n    );\n  };\n\n  onTypeRepeatPickerInput(value) {\n    const update = { typeRepeatPickerInput: value };\n    if (value !== DropdownRepeatOptionsTypes.MONTH) {\n      update.dayOfMonthRepeatPickerInput = undefined;\n      update.dayOfMonthRepeatPickerKey = undefined;\n    }\n    if (value !== DropdownRepeatOptionsTypes.YEAR) {\n      update.dayOfYearRepeatPickerInput = undefined;\n      update.dayOfYearRepeatPickerKey = undefined;\n    }\n    this.setState(\n      {\n        ...update,\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onDayOfWeekRepeatPickerInput(value) {\n    this.setState({ dayWeekRepeatPickerInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onEndTypeChangeInput(value) {\n    this.setState({ endTypeInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onEndTimesChangeInput(value) {\n    this.setState({ endTimesInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onEndDateChangeInput(value) {\n    this.setState({ endDateInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onStartDateChangeInput(value) {\n    this.setState({ startDateInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onStartTimeChangeInput(value) {\n    this.setState({ startTimeInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  onDayOfMonthRepeatChangeInput(value, option) {\n    this.setState(\n      {\n        dayOfMonthRepeatPickerInput: value,\n        dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,\n        alertModal:\n          option.number > 28 || (option.numberLabel || '').includes('Fifth'),\n        alertReplace: option.number || `${option.numberLabel} `,\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onDayOfYearRepeatChangeInput(value, option) {\n    this.setState(\n      {\n        dayOfYearRepeatPickerInput: value,\n        dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey,\n      },\n      () => {\n        this.onChange();\n      },\n    );\n  }\n\n  onTimeZonePickerInput(value) {\n    this.setState({ timezonePickerInput: value }, () => {\n      this.onChange();\n    });\n  }\n\n  render() {\n    const {\n      alertModal,\n      alertReplace,\n      qtyRepeatPickerInput,\n      typeRepeatPickerInput,\n      dayWeekRepeatPickerInput,\n      endDateInput,\n      endTypeInput,\n      endTimesInput,\n      startDateInput,\n      startTimeInput,\n      dayOfMonthRepeatPickerInput,\n      dayOfYearRepeatPickerInput,\n      timezonePickerInput,\n    } = this.state;\n    const {\n      displayCurrentMonthYear,\n      dropdownDayOfMonthOptions,\n      dropdownDayOfWeekOptions,\n      dropdownDayOfYearOptions,\n      dropdownRepeatOptions,\n      dayOfMonthOptionsEnable,\n      dayOfWeekOptionsEnable,\n      dayOfYearOptionsEnable,\n      timeZoneOptions,\n      useTimezoneSelector,\n      allowMultipleDaysOfWeek,\n      endTimesOptions,\n      endTypesOptions,\n      dayOfMonthAsCurrentDateOptions,\n      dayOfYearAsCurrentDateOptions,\n      validationMessage,\n      endDayBlocked,\n      startDayBlocked,\n      repeatFrecuencyCustomProps,\n      displayMonthCustomOption,\n      displayYearCustomOption,\n    } = this.props;\n\n    return (\n      <div className={`${cssClassName}`}>\n        <StartDateTime\n          onStartDateChange={this.onStartDateChangeInput}\n          onStartTimeChange={this.onStartTimeChangeInput}\n          startDateValue={startDateInput}\n          startDayBlocked={startDayBlocked}\n          startTimeValue={startTimeInput}\n        />\n        {useTimezoneSelector && (\n          <TimeZonePicker\n            onTimezoneChange={this.onTimeZonePickerInput}\n            timezoneOptions={timeZoneOptions}\n            timezoneValue={timezonePickerInput}\n          />\n        )}\n        <RepeatPickerInput\n          onQtyChange={this.onQtyRepeatPickerInput}\n          onTypeChange={this.onTypeRepeatPickerInput}\n          qtyValue={qtyRepeatPickerInput}\n          repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n          repeatOptions={dropdownRepeatOptions}\n          repeatOptionsValue={typeRepeatPickerInput}\n        />\n        {dayOfWeekOptionsEnable &&\n          typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n            <DaysOfWeekPicker\n              active={dayWeekRepeatPickerInput}\n              allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n              onDayChange={this.onDayOfWeekRepeatPickerInput}\n              options={dropdownDayOfWeekOptions}\n            />\n          )}\n        {dayOfMonthOptionsEnable &&\n          typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && (\n            <DayOfMonthPicker\n              currentDate={startDateInput}\n              dayOfMonthAsCurrentDateOptions={dayOfMonthAsCurrentDateOptions}\n              dayOfMonthOptions={dropdownDayOfMonthOptions}\n              dayOfMonthValue={dayOfMonthRepeatPickerInput}\n              displayMonthCustomOption={displayMonthCustomOption}\n              displayOptionsAsCurrentDate={displayCurrentMonthYear}\n              onDayChange={this.onDayOfMonthRepeatChangeInput}\n            />\n          )}\n        {dayOfYearOptionsEnable &&\n          typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && (\n            <DayOfYearPicker\n              currentDate={startDateInput}\n              dayOfMonthOptions={dropdownDayOfYearOptions}\n              dayOfMonthValue={dayOfYearRepeatPickerInput}\n              dayOfYearAsCurrentDateOptions={dayOfYearAsCurrentDateOptions}\n              displayOptionsAsCurrentDate={displayCurrentMonthYear}\n              displayYearCustomOption={displayYearCustomOption}\n              onDayChange={this.onDayOfYearRepeatChangeInput}\n            />\n          )}\n        <hr />\n        <EndDate\n          endDateValue={endDateInput}\n          endDayBlocked={endDayBlocked}\n          endTimesOptions={endTimesOptions}\n          endTimesValue={endTimesInput}\n          endTypesOptions={endTypesOptions}\n          endTypeValue={endTypeInput}\n          onEndDateChange={this.onEndDateChangeInput}\n          onEndTimesChange={this.onEndTimesChangeInput}\n          onEndTypeChange={this.onEndTypeChangeInput}\n        />\n        <DSModal\n          className=\"datetime-alert-modal\"\n          isOpen={alertModal}\n          modalTitle={`Some months have fewer  than ${alertReplace} days`}\n          // modalType={modalType}\n          onClose={() => this.setState({ alertModal: false })}\n          onConfirm={() => this.setState({ alertModal: false })}\n        >\n          <p>\n            For these months, the occurrence will fall on the last day of the\n            month.\n          </p>\n        </DSModal>\n        {validationMessage && (\n          <ValidationMessage validationMessage={validationMessage} />\n        )}\n      </div>\n    );\n  }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js

@@ -0,0 +1,254 @@
+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;
+      onChange(selected, 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;
+      if (!selected) {
+        this.setState((previousState) => ({
+          selected: value,
+          previousSelection: previousState.selected
+        }));
+        this.handleOpenModal();
+      } else if (selected) {
+        onChange(value);
+        this.setState({ selected: value, openModal: false });
+      }
+    };
+    this.handleConfirm = () => {
+      const {
+        onConfirmField,
+        customOptionRender: CustomOptionRender,
+        dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable,
+        useTimezoneSelector,
+        allowMultipleDaysOfWeek
+      } = this.props;
+      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;
+      this.handleActionClose();
+      onRejectField();
+    };
+    this.handleActionClose = () => {
+      this.setState((previousState) => ({
+        selected: previousState.previousSelection
+      }));
+      this.handleCloseModal();
+    };
+    this.handleOpenModal = () => this.setState({ openModal: true });
+    this.handleCloseModal = () => {
+      this.setState({ openModal: false });
+      setTimeout(() => document.activeElement.blur(), 0);
+    };
+    this.initCustomRange = props.customRange;
+    this.state = {
+      previousCustomRange: {
+        ...props.customRange
+      },
+      openModal: props.openModal || false,
+      selected: props.value,
+      customRange: {
+        ...props.customRange
+      }
+    };
+    if (props.value === props.advanceOption.value) {
+      props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
+        allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+        customRange: props.customRange,
+        dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+        dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+        dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+        useTimezoneSelector: props.useTimezoneSelector
+      });
+    }
+  }
+  static getDerivedStateFromProps(props, state) {
+    if (props.customRange && !(0, import_lodash.isEqual)(props.customRange, state.previousCustomRange)) {
+      if (props.value === props.advanceOption.value) {
+        props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
+          allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
+          customRange: props.customRange,
+          dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
+          dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
+          dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
+          useTimezoneSelector: props.useTimezoneSelector
+        });
+      }
+      return {
+        previousCustomRange: {
+          ...props.customRange
+        },
+        customRange: {
+          ...props.customRange
+        },
+        selected: props.value
+      };
+    }
+    return null;
+  }
+  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__ */ 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
+    }));
+  }
+}
+var DateTimeRecurenceSelectorImpl_default = DateTimeRecurenceSelectorImpl;
+module.exports = __toCommonJS(DateTimeRecurenceSelectorImpl_exports);
+//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/dist/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": []
+}