npm - @elliemae/ds-date-time-recurrence-picker - Versions diffs - 3.4.2 → 3.4.3 - Mend

@elliemae/ds-date-time-recurrence-picker 3.4.2 → 3.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (104) hide show

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

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DateTimeRangeModalImpl_exports = {};
 __export(DateTimeRangeModalImpl_exports, {
@@ -25,7 +28,8 @@ __export(DateTimeRangeModalImpl_exports, {
 });
 module.exports = __toCommonJS(DateTimeRangeModalImpl_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = 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"));
@@ -112,11 +116,14 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
       update.dayOfYearRepeatPickerInput = void 0;
       update.dayOfYearRepeatPickerKey = void 0;
     }
-    this.setState({
-      ...update
-    }, () => {
-      this.onChange();
-    });
+    this.setState(
+      {
+        ...update
+      },
+      () => {
+        this.onChange();
+      }
+    );
   }
   onDayOfWeekRepeatPickerInput(value) {
     this.setState({ dayWeekRepeatPickerInput: value }, () => {
@@ -149,22 +156,28 @@ class DateTimePredefinedRangeSelectorImpl extends import_react.Component {
     });
   }
   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();
-    });
+    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();
-    });
+    this.setState(
+      {
+        dayOfYearRepeatPickerInput: value,
+        dayOfYearRepeatPickerKey: option.dayOfYearRepeatPickerKey
+      },
+      () => {
+        this.onChange();
+      }
+    );
   }
   onTimeZonePickerInput(value) {
     this.setState({ timezonePickerInput: value }, () => {
@@ -210,65 +223,80 @@ 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, {
-      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
-    }));
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+      className: `${cssClassName}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_StartDateTime.default, {
+          onStartDateChange: this.onStartDateChangeInput,
+          onStartTimeChange: this.onStartTimeChangeInput,
+          startDateValue: startDateInput,
+          startDayBlocked,
+          startTimeValue: startTimeInput
+        }),
+        useTimezoneSelector && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TimeZonePicker.default, {
+          onTimezoneChange: this.onTimeZonePickerInput,
+          timezoneOptions: timeZoneOptions,
+          timezoneValue: timezonePickerInput
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RepeatPickerInput.default, {
+          onQtyChange: this.onQtyRepeatPickerInput,
+          onTypeChange: this.onTypeRepeatPickerInput,
+          qtyValue: qtyRepeatPickerInput,
+          repeatFrecuencyCustomProps,
+          repeatOptions: dropdownRepeatOptions,
+          repeatOptionsValue: typeRepeatPickerInput
+        }),
+        dayOfWeekOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DaysOfWeekPicker.default, {
+          active: dayWeekRepeatPickerInput,
+          allowMultipleDaysOfWeek,
+          onDayChange: this.onDayOfWeekRepeatPickerInput,
+          options: dropdownDayOfWeekOptions
+        }),
+        dayOfMonthOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DayOfMonthPicker.default, {
+          currentDate: startDateInput,
+          dayOfMonthAsCurrentDateOptions,
+          dayOfMonthOptions: dropdownDayOfMonthOptions,
+          dayOfMonthValue: dayOfMonthRepeatPickerInput,
+          displayMonthCustomOption,
+          displayOptionsAsCurrentDate: displayCurrentMonthYear,
+          onDayChange: this.onDayOfMonthRepeatChangeInput
+        }),
+        dayOfYearOptionsEnable && typeRepeatPickerInput === import_dropdownRepeatOptions.DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DayOfYearPicker.default, {
+          currentDate: startDateInput,
+          dayOfMonthOptions: dropdownDayOfYearOptions,
+          dayOfMonthValue: dayOfYearRepeatPickerInput,
+          dayOfYearAsCurrentDateOptions,
+          displayOptionsAsCurrentDate: displayCurrentMonthYear,
+          displayYearCustomOption,
+          onDayChange: this.onDayOfYearRepeatChangeInput
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_EndDate.default, {
+          endDateValue: endDateInput,
+          endDayBlocked,
+          endTimesOptions,
+          endTimesValue: endTimesInput,
+          endTypesOptions,
+          endTypeValue: endTypeInput,
+          onEndDateChange: this.onEndDateChangeInput,
+          onEndTimesChange: this.onEndTimesChangeInput,
+          onEndTypeChange: this.onEndTypeChangeInput
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(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 }),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
+            children: "For these months, the occurrence will fall on the last day of the month."
+          })
+        }),
+        validationMessage && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ValidationMessage.default, {
+          validationMessage
+        })
+      ]
+    });
   }
 }
 var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;

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

@@ -2,6 +2,6 @@
   "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('date-time-predefined-range-selector');\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: 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 ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value,\n    };\n    this.onChange();\n\n    this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);\n    this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);\n    this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);\n    this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);\n    this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);\n    this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);\n    this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);\n    this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);\n    this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);\n    this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);\n  }\n\n  onChange = () => {\n    const { onCustomDateTimeRange } = this.props;\n    onCustomDateTimeRange(this.state);\n  };\n\n  onQtyRepeatPickerInput = (value) => {\n    this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, '') }, () => {\n      this.onChange();\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: 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 && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && (\n          <DaysOfWeekPicker\n            active={dayWeekRepeatPickerInput}\n            allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\n            onDayChange={this.onDayOfWeekRepeatPickerInput}\n            options={dropdownDayOfWeekOptions}\n          />\n        )}\n        {dayOfMonthOptionsEnable && 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 && 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>For these months, the occurrence will fall on the last day of the month.</p>\n        </DSModal>\n        {validationMessage && <ValidationMessage validationMessage={validationMessage} />}\n      </div>\n    );\n  }\n}\n\nexport default DateTimePredefinedRangeSelectorImpl;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAiC;AACjC,oBAAmB;AACnB,2BAA0C;AAC1C,sBAAoB;AACpB,mCAA2C;AAE3C,qCAAwC;AACxC,+BAA8B;AAC9B,8BAA6B;AAC7B,2BAA0B;AAC1B,qBAAoB;AACpB,8BAA6B;AAC7B,6BAA4B;AAC5B,4BAA2B;AAC3B,+BAA8B;AAE9B,MAAM,EAAE,aAAa,QAAI,gDAA0B,qCAAqC;AAExF,MAAM,4CAA4C,uBAAU;AAAA,EAC1D,YAAY,OAAO;AACjB,UAAM,KAAK;AA2Db,oBAAW,MAAM;AACf,YAAM,EAAE,sBAAsB,IAAI,KAAK;AACvC,4BAAsB,KAAK,KAAK;AAAA,IAClC;AAEA,kCAAyB,CAAC,UAAU;AAClC,WAAK,SAAS,EAAE,sBAAsB,MAAM,QAAQ,WAAW,EAAE,EAAE,GAAG,MAAM;AAC1E,aAAK,SAAS;AAAA,MAChB,CAAC;AAAA,IACH;AAnEE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF,IAAI;AACJ,SAAK,QAAQ;AAAA,MACX,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,gBAAgB,sBAAkB,cAAAA,SAAO;AAAA,MACzC,gBAAgB,sBAAkB,cAAAA,SAAO;AAAA,MACzC,sBAAsB,wBAAwB;AAAA,MAC9C,uBAAuB,yBAAyB,sBAAsB,GAAG;AAAA,MACzE,0BAA0B,CAAC,yBACvB,OACA,4BAA4B,yBAAyB,GAAG;AAAA,MAC5D,cAAc,oBAAgB,cAAAA,SAAO;AAAA,MACrC,cAAc,gBAAgB,MAAM,gBAAgB,GAAG;AAAA,MACvD,eAAe,iBAAiB,MAAM,gBAAgB,GAAG;AAAA,MACzD,6BAA6B,CAAC,0BAC1B,OACA,+BAA+B,0BAA0B,GAAG;AAAA,MAChE,4BAA4B,CAAC,yBACzB,OACA,8BAA8B,yBAAyB,GAAG;AAAA,MAC9D,qBAAqB,CAAC,sBAAsB,OAAO,uBAAuB,uDAAwB,GAAG;AAAA,IACvG;AACA,SAAK,SAAS;AAEd,SAAK,0BAA0B,KAAK,wBAAwB,KAAK,IAAI;AACrE,SAAK,+BAA+B,KAAK,6BAA6B,KAAK,IAAI;AAC/E,SAAK,uBAAuB,KAAK,qBAAqB,KAAK,IAAI;AAC/D,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AACjE,SAAK,uBAAuB,KAAK,qBAAqB,KAAK,IAAI;AAC/D,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,yBAAyB,KAAK,uBAAuB,KAAK,IAAI;AACnE,SAAK,gCAAgC,KAAK,8BAA8B,KAAK,IAAI;AACjF,SAAK,+BAA+B,KAAK,6BAA6B,KAAK,IAAI;AAC/E,SAAK,wBAAwB,KAAK,sBAAsB,KAAK,IAAI;AAAA,EACnE;AAAA,EAaA,wBAAwB,OAAO;AAC7B,UAAM,SAAS,EAAE,uBAAuB,MAAM;AAC9C,QAAI,UAAU,wDAA2B,OAAO;AAC9C,aAAO,8BAA8B;AACrC,aAAO,4BAA4B;AAAA,IACrC;AACA,QAAI,UAAU,wDAA2B,MAAM;AAC7C,aAAO,6BAA6B;AACpC,aAAO,2BAA2B;AAAA,IACpC;AACA,SAAK;AAAA,MACH;AAAA,QACE,GAAG;AAAA,MACL;AAAA,MACA,MAAM;AACJ,aAAK,SAAS;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,6BAA6B,OAAO;AAClC,SAAK,SAAS,EAAE,0BAA0B,MAAM,GAAG,MAAM;AACvD,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,MAAM,GAAG,MAAM;AAC3C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,eAAe,MAAM,GAAG,MAAM;AAC5C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,qBAAqB,OAAO;AAC1B,SAAK,SAAS,EAAE,cAAc,MAAM,GAAG,MAAM;AAC3C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,MAAM,GAAG,MAAM;AAC7C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,uBAAuB,OAAO;AAC5B,SAAK,SAAS,EAAE,gBAAgB,MAAM,GAAG,MAAM;AAC7C,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,8BAA8B,OAAO,QAAQ;AAC3C,SAAK;AAAA,MACH;AAAA,QACE,6BAA6B;AAAA,QAC7B,2BAA2B,OAAO;AAAA,QAClC,YAAY,OAAO,SAAS,OAAO,OAAO,eAAe,IAAI,SAAS,OAAO;AAAA,QAC7E,cAAc,OAAO,UAAU,GAAG,OAAO;AAAA,MAC3C;AAAA,MACA,MAAM;AACJ,aAAK,SAAS;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,6BAA6B,OAAO,QAAQ;AAC1C,SAAK;AAAA,MACH;AAAA,QACE,4BAA4B;AAAA,QAC5B,0BAA0B,OAAO;AAAA,MACnC;AAAA,MACA,MAAM;AACJ,aAAK,SAAS;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,sBAAsB,OAAO;AAC3B,SAAK,SAAS,EAAE,qBAAqB,MAAM,GAAG,MAAM;AAClD,WAAK,SAAS;AAAA,IAChB,CAAC;AAAA,EACH;AAAA,EAEA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AAET,WACE,6CAAC;AAAA,MAAI,WAAW,GAAG;AAAA,MACjB;AAAA,oDAAC,qBAAAC,SAAA;AAAA,UACC,mBAAmB,KAAK;AAAA,UACxB,mBAAmB,KAAK;AAAA,UACxB,gBAAgB;AAAA,UAChB;AAAA,UACA,gBAAgB;AAAA,SAClB;AAAA,QACC,uBACC,4CAAC,sBAAAC,SAAA;AAAA,UACC,kBAAkB,KAAK;AAAA,UACvB,iBAAiB;AAAA,UACjB,eAAe;AAAA,SACjB;AAAA,QAEF,4CAAC,yBAAAC,SAAA;AAAA,UACC,aAAa,KAAK;AAAA,UAClB,cAAc,KAAK;AAAA,UACnB,UAAU;AAAA,UACV;AAAA,UACA,eAAe;AAAA,UACf,oBAAoB;AAAA,SACtB;AAAA,QACC,0BAA0B,0BAA0B,wDAA2B,QAC9E,4CAAC,wBAAAC,SAAA;AAAA,UACC,QAAQ;AAAA,UACR;AAAA,UACA,aAAa,KAAK;AAAA,UAClB,SAAS;AAAA,SACX;AAAA,QAED,2BAA2B,0BAA0B,wDAA2B,SAC/E,4CAAC,wBAAAC,SAAA;AAAA,UACC,aAAa;AAAA,UACb;AAAA,UACA,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,UACjB;AAAA,UACA,6BAA6B;AAAA,UAC7B,aAAa,KAAK;AAAA,SACpB;AAAA,QAED,0BAA0B,0BAA0B,wDAA2B,QAC9E,4CAAC,uBAAAC,SAAA;AAAA,UACC,aAAa;AAAA,UACb,mBAAmB;AAAA,UACnB,iBAAiB;AAAA,UACjB;AAAA,UACA,6BAA6B;AAAA,UAC7B;AAAA,UACA,aAAa,KAAK;AAAA,SACpB;AAAA,QAEF,4CAAC,QAAG;AAAA,QACJ,4CAAC,eAAAC,SAAA;AAAA,UACC,cAAc;AAAA,UACd;AAAA,UACA;AAAA,UACA,eAAe;AAAA,UACf;AAAA,UACA,cAAc;AAAA,UACd,iBAAiB,KAAK;AAAA,UACtB,kBAAkB,KAAK;AAAA,UACvB,iBAAiB,KAAK;AAAA,SACxB;AAAA,QACA,4CAAC,gBAAAC,SAAA;AAAA,UACC,WAAU;AAAA,UACV,QAAQ;AAAA,UACR,YAAY,gCAAgC;AAAA,UAE5C,SAAS,MAAM,KAAK,SAAS,EAAE,YAAY,MAAM,CAAC;AAAA,UAClD,WAAW,MAAM,KAAK,SAAS,EAAE,YAAY,MAAM,CAAC;AAAA,UAEpD,sDAAC;AAAA,YAAE;AAAA,WAAwE;AAAA,SAC7E;AAAA,QACC,qBAAqB,4CAAC,yBAAAC,SAAA;AAAA,UAAkB;AAAA,SAAsC;AAAA;AAAA,KACjF;AAAA,EAEJ;AACF;AAEA,IAAO,iCAAQ;",
+  "names": ["moment", "StartDateTime", "TimeZonePicker", "RepeatPickerInput", "DaysOfWeekPicker", "DayOfMonthPicker", "DayOfYearPicker", "EndDate", "DSModal", "ValidationMessage"]
 }

package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js CHANGED Viewed

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DateTimeRecurenceSelectorImpl_exports = {};
 __export(DateTimeRecurenceSelectorImpl_exports, {
@@ -25,14 +28,17 @@ __export(DateTimeRecurenceSelectorImpl_exports, {
 });
 module.exports = __toCommonJS(DateTimeRecurenceSelectorImpl_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = 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");
+const { cssClassName, classNameElement, classNameBlock } = (0, import_ds_classnames.convertPropToCssClassName)(
+  "date-time-predefined-range-selector"
+);
 class DateTimeRecurenceSelectorImpl extends import_react.Component {
   constructor(props) {
     super(props);
@@ -70,7 +76,7 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
         allowMultipleDaysOfWeek
       } = this.props;
       const { customRange } = this.state;
-      this.props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(CustomOptionRender, {
+      this.props.advanceOption.label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CustomOptionRender, {
         allowMultipleDaysOfWeek,
         customRange,
         dayOfMonthOptionsEnable,
@@ -110,7 +116,7 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
       }
     };
     if (props.value === props.advanceOption.value) {
-      props.advanceOption.label = /* @__PURE__ */ import_react.default.createElement(props.customOptionRender, {
+      props.advanceOption.label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(props.customOptionRender, {
         allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
         customRange: props.customRange,
         dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -123,7 +129,7 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
   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, {
+        props.advanceOption.label = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(props.customOptionRender, {
           allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
           customRange: props.customRange,
           dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
@@ -182,66 +188,71 @@ class DateTimeRecurenceSelectorImpl extends import_react.Component {
     } = this.props;
     const { selected, openModal, customRange } = this.state;
     const options = [...dropdownPreselectedOptions, advanceOption];
-    return /* @__PURE__ */ import_react.default.createElement("div", {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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,
+      className: `${cssClassName} ${className}`,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+          className: `${classNameBlock("container-selector")}`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
+            className: `${classNameElement("dropdown-field-selector")}`,
+            components: {
+              Option: (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_select.components.Option, {
+                ...props,
+                allowMultipleDaysOfWeek,
+                dayOfMonthOptionsEnable,
+                dayOfWeekOptionsEnable,
+                dayOfYearOptionsEnable,
+                useTimezoneSelector
+              }),
+              IndicatorSeparator: () => null
+            },
+            onChange: this.onChangeDropdown,
+            onKeyDown: this.onKeyDown,
+            options,
+            placeholder,
+            value: selected
+          })
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DateTimeRangeModal.default, {
           allowMultipleDaysOfWeek,
+          appElement,
+          confirmLabel,
+          dayOfMonthAsCurrentDateOptions,
           dayOfMonthOptionsEnable,
           dayOfWeekOptionsEnable,
+          dayOfYearAsCurrentDateOptions,
           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
-    }));
+          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;

package/dist/cjs/components/DateTimeRecurenceSelectorImpl.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "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": []
+  "mappings": "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",
+  "names": ["DateTimeRangeModal"]
 }

package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js CHANGED Viewed

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DayOfMonthPicker_exports = {};
 __export(DayOfMonthPicker_exports, {
@@ -25,7 +28,7 @@ __export(DayOfMonthPicker_exports, {
 });
 module.exports = __toCommonJS(DayOfMonthPicker_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_form = require("@elliemae/ds-form");
 var import_nthday = require("../helpers/nthday");
 var import_dropdownDayOfMonthOptions = require("../../options/dropdownDayOfMonthOptions");
@@ -71,11 +74,23 @@ const DaysOfMonthPicker = ({
   if (!selected) {
     onDayChange(options[0].value, options[0]);
   }
-  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
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_FormGroup.default, {
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormLabel.default, {
+        children: inputLabel
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FormFieldGroup.default, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSComboBox, {
+          onChange: (value) => onDayChange(
+            value,
+            options.find((o) => o.value === value)
+          ),
+          options,
+          value: selected
+        })
+      })
+    ]
+  });
 };
 var DayOfMonthPicker_default = DaysOfMonthPicker;
 //# sourceMappingURL=DayOfMonthPicker.js.map

package/dist/cjs/components/DayOfMonthPicker/DayOfMonthPicker.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "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;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,IAAI;AACtD,UAAM,YAAY,UAAU,0BAAO,YAAY,OAAO,CAAC,KAAK,YAAY,OAAO,MAAM;AACrF,cAAU,CAAC;AAEX,QAAI,+BAA+B,QAAQ,eAAe,IAAI,IAAI;AAChE,cAAQ,KAAK;AAAA,QACX,QAAQ,YAAY,OAAO,IAAI;AAAA,QAC/B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,QAAI,+BAA+B,QAAQ,qBAAqB,IAAI,IAAI;AACtE,cAAQ,KAAK;AAAA,QACX,aAAa,GAAG,0BAAO,YAAY,OAAO,CAAC,KAAK,YAAY,OAAO,MAAM;AAAA,QACzE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA,MAC7B,CAAC;AAAA,IACH;AAEA,QAAI,0BAA0B;AAC5B,gBAAU,CAAC,GAAG,SAAS,GAAG,iBAAiB;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,eAAe,IAAI,kBAAkB;AAChG,MAAI,CAAC,UAAU;AACb,gBAAY,QAAQ,GAAG,OAAO,QAAQ,EAAE;AAAA,EAC1C;AACA,SACE,mDAAC,gCACC,mDAAC,gCAAW,UAAW,GACvB,mDAAC,qCACC,mDAAC;AAAA,IACC,UAAU,CAAC,UACT,YACE,OACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,CACvC;AAAA,IAEF;AAAA,IACA,OAAO;AAAA,GACT,CACF,CACF;AAEJ;AAEA,IAAO,2BAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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;AACF,MAAM;AACJ,MAAI,UAAU;AACd,MAAI,6BAA6B;AAC/B,UAAM,eAAe,UAAU,YAAY,OAAO,IAAI;AACtD,UAAM,YAAY,cAAU,sBAAO,YAAY,OAAO,CAAC,KAAK,YAAY,OAAO,MAAM;AACrF,cAAU,CAAC;AAEX,QAAI,+BAA+B,QAAQ,eAAe,IAAI,IAAI;AAChE,cAAQ,KAAK;AAAA,QACX,QAAQ,YAAY,OAAO,IAAI;AAAA,QAC/B,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA,MAC7B,CAAC;AAAA,IACH;AACA,QAAI,+BAA+B,QAAQ,qBAAqB,IAAI,IAAI;AACtE,cAAQ,KAAK;AAAA,QACX,aAAa,OAAG,sBAAO,YAAY,OAAO,CAAC,KAAK,YAAY,OAAO,MAAM;AAAA,QACzE,OAAO;AAAA,QACP,OAAO;AAAA,QACP,2BAA2B;AAAA,MAC7B,CAAC;AAAA,IACH;AAEA,QAAI,0BAA0B;AAC5B,gBAAU,CAAC,GAAG,SAAS,GAAG,iBAAiB;AAAA,IAC7C;AAAA,EACF;AAEA,QAAM,WAAW,QAAQ,KAAK,CAAC,WAAW,OAAO,UAAU,eAAe,IAAI,kBAAkB;AAChG,MAAI,CAAC,UAAU;AACb,gBAAY,QAAQ,GAAG,OAAO,QAAQ,EAAE;AAAA,EAC1C;AACA,SACE,6CAAC,iBAAAA,SAAA;AAAA,IACC;AAAA,kDAAC,iBAAAC,SAAA;AAAA,QAAW;AAAA,OAAW;AAAA,MACvB,4CAAC,sBAAAC,SAAA;AAAA,QACC,sDAAC;AAAA,UACC,UAAU,CAAC,UACT;AAAA,YACE;AAAA,YACA,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK;AAAA,UACvC;AAAA,UAEF;AAAA,UACA,OAAO;AAAA,SACT;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": ["FormGroup", "FormLabel", "FormFieldGroup"]
 }