@elliemae/ds-date-time-recurrence-picker 3.27.0-next.1 → 3.27.0-next.2

package/dist/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,294 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Component } from "react";
-import moment from "moment";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import DSModal from "@elliemae/ds-modal";
-import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions.js";
-import { dropdownTimeZoneOptions } from "../../options/dropdownTimeZoneOptions.js";
-import RepeatPickerInput from "../RepeatPickerInput/RepeatPickerInput.js";
-import DaysOfWeekPicker from "../DaysOfWeekPicker/DaysOfWeekPicker.js";
-import StartDateTime from "../StartDateTime/StartDateTime.js";
-import EndDate from "../EndDate/EndDate.js";
-import DayOfMonthPicker from "../DayOfMonthPicker/DayOfMonthPicker.js";
-import DayOfYearPicker from "../DayOfYearPicker/DayOfYearPicker.js";
-import TimeZonePicker from "../TimeZonePicker/TimeZonePicker.js";
-import ValidationMessage from "../ValidationMessage/ValidationMessage.js";
-const { cssClassName } = convertPropToCssClassName("date-time-predefined-range-selector");
-class DateTimePredefinedRangeSelectorImpl extends 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 || moment(),
-      startTimeInput: startTimeInput || moment(),
-      qtyRepeatPickerInput: qtyRepeatPickerInput || 1,
-      typeRepeatPickerInput: typeRepeatPickerInput || dropdownRepeatOptions[0].value,
-      dayWeekRepeatPickerInput: !dayOfWeekOptionsEnable ? null : dayWeekRepeatPickerInput || dropdownDayOfWeekOptions[0].value,
-      endDateInput: endDateInput || moment(),
-      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 || dropdownTimeZoneOptions[0].value
-    };
-    this.onChange();
-    this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
-    this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
-    this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
-    this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
-    this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
-    this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
-    this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
-    this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
-    this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
-    this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
-  }
-  onTypeRepeatPickerInput(value) {
-    const update = { typeRepeatPickerInput: value };
-    if (value !== DropdownRepeatOptionsTypes.MONTH) {
-      update.dayOfMonthRepeatPickerInput = void 0;
-      update.dayOfMonthRepeatPickerKey = void 0;
-    }
-    if (value !== 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__ */ jsxs("div", { className: `${cssClassName}`, children: [
-      /* @__PURE__ */ jsx(
-        StartDateTime,
-        {
-          onStartDateChange: this.onStartDateChangeInput,
-          onStartTimeChange: this.onStartTimeChangeInput,
-          startDateValue: startDateInput,
-          startDayBlocked,
-          startTimeValue: startTimeInput
-        }
-      ),
-      useTimezoneSelector && /* @__PURE__ */ jsx(
-        TimeZonePicker,
-        {
-          onTimezoneChange: this.onTimeZonePickerInput,
-          timezoneOptions: timeZoneOptions,
-          timezoneValue: timezonePickerInput
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RepeatPickerInput,
-        {
-          onQtyChange: this.onQtyRepeatPickerInput,
-          onTypeChange: this.onTypeRepeatPickerInput,
-          qtyValue: qtyRepeatPickerInput,
-          repeatFrecuencyCustomProps,
-          repeatOptions: dropdownRepeatOptions,
-          repeatOptionsValue: typeRepeatPickerInput
-        }
-      ),
-      dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ jsx(
-        DaysOfWeekPicker,
-        {
-          active: dayWeekRepeatPickerInput,
-          allowMultipleDaysOfWeek,
-          onDayChange: this.onDayOfWeekRepeatPickerInput,
-          options: dropdownDayOfWeekOptions
-        }
-      ),
-      dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ jsx(
-        DayOfMonthPicker,
-        {
-          currentDate: startDateInput,
-          dayOfMonthAsCurrentDateOptions,
-          dayOfMonthOptions: dropdownDayOfMonthOptions,
-          dayOfMonthValue: dayOfMonthRepeatPickerInput,
-          displayMonthCustomOption,
-          displayOptionsAsCurrentDate: displayCurrentMonthYear,
-          onDayChange: this.onDayOfMonthRepeatChangeInput
-        }
-      ),
-      dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ jsx(
-        DayOfYearPicker,
-        {
-          currentDate: startDateInput,
-          dayOfMonthOptions: dropdownDayOfYearOptions,
-          dayOfMonthValue: dayOfYearRepeatPickerInput,
-          dayOfYearAsCurrentDateOptions,
-          displayOptionsAsCurrentDate: displayCurrentMonthYear,
-          displayYearCustomOption,
-          onDayChange: this.onDayOfYearRepeatChangeInput
-        }
-      ),
-      /* @__PURE__ */ jsx("hr", {}),
-      /* @__PURE__ */ jsx(
-        EndDate,
-        {
-          endDateValue: endDateInput,
-          endDayBlocked,
-          endTimesOptions,
-          endTimesValue: endTimesInput,
-          endTypesOptions,
-          endTypeValue: endTypeInput,
-          onEndDateChange: this.onEndDateChangeInput,
-          onEndTimesChange: this.onEndTimesChangeInput,
-          onEndTypeChange: this.onEndTypeChangeInput
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        DSModal,
-        {
-          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__ */ jsx("p", { children: "For these months, the occurrence will fall on the last day of the month." })
-        }
-      ),
-      validationMessage && /* @__PURE__ */ jsx(ValidationMessage, { validationMessage })
-    ] });
-  }
-}
-var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
-export {
-  DateTimeRangeModalImpl_default as default
-};
-//# sourceMappingURL=DateTimeRangeModalImpl.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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.js';\n// import { endTypes } from '../../options/endTypesOptions'\nimport { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';\nimport RepeatPickerInput from '../RepeatPickerInput/RepeatPickerInput.js';\nimport DaysOfWeekPicker from '../DaysOfWeekPicker/DaysOfWeekPicker.js';\nimport StartDateTime from '../StartDateTime/StartDateTime.js';\nimport EndDate from '../EndDate/EndDate.js';\nimport DayOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker.js';\nimport DayOfYearPicker from '../DayOfYearPicker/DayOfYearPicker.js';\nimport TimeZonePicker from '../TimeZonePicker/TimeZonePicker.js';\nimport ValidationMessage from '../ValidationMessage/ValidationMessage.js';\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"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/components/DateTimeRecurenceSelectorImpl.js

@@ -1,245 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Component } from "react";
-import { isEqual } from "lodash";
-import "react-dates/initialize.js";
-import { components } from "react-select";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { DSComboBox } from "@elliemae/ds-form";
-import DateTimeRangeModal from "./DateTimeRangeModal/DateTimeRangeModal.js";
-const { cssClassName, classNameElement, classNameBlock } = convertPropToCssClassName(
-  "date-time-predefined-range-selector"
-);
-class DateTimeRecurenceSelectorImpl extends Component {
-  constructor(props) {
-    super(props);
-    this.onChange = () => {
-      const { onChange } = this.props;
-      const { customRange, selected } = this.state;
-      onChange(selected, customRange);
-    };
-    this.onCustomDateTimeRange = (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__ */ jsx(
-        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 = {
-      // eslint-disable-next-line react/no-unused-state
-      previousCustomRange: {
-        ...props.customRange
-      },
-      openModal: props.openModal || false,
-      selected: props.value,
-      customRange: {
-        ...props.customRange
-      }
-    };
-    if (props.value === props.advanceOption.value) {
-      props.advanceOption.label = /* @__PURE__ */ jsx(
-        props.customOptionRender,
-        {
-          allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
-          customRange: props.customRange,
-          dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
-          dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
-          dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
-          useTimezoneSelector: props.useTimezoneSelector
-        }
-      );
-    }
-  }
-  static getDerivedStateFromProps(props, state) {
-    if (props.customRange && !isEqual(props.customRange, state.previousCustomRange)) {
-      if (props.value === props.advanceOption.value) {
-        props.advanceOption.label = /* @__PURE__ */ jsx(
-          props.customOptionRender,
-          {
-            allowMultipleDaysOfWeek: props.allowMultipleDaysOfWeek,
-            customRange: props.customRange,
-            dayOfMonthOptionsEnable: props.dayOfMonthOptionsEnable,
-            dayOfWeekOptionsEnable: props.dayOfWeekOptionsEnable,
-            dayOfYearOptionsEnable: props.dayOfYearOptionsEnable,
-            useTimezoneSelector: props.useTimezoneSelector
-          }
-        );
-      }
-      return {
-        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__ */ jsxs("div", { ...containerProps, className: `${cssClassName} ${className}`, children: [
-      /* @__PURE__ */ jsx("div", { className: `${classNameBlock("container-selector")}`, children: /* @__PURE__ */ jsx(
-        DSComboBox,
-        {
-          className: `${classNameElement("dropdown-field-selector")}`,
-          components: {
-            Option: (props) => /* @__PURE__ */ jsx(
-              components.Option,
-              {
-                ...props,
-                allowMultipleDaysOfWeek,
-                dayOfMonthOptionsEnable,
-                dayOfWeekOptionsEnable,
-                dayOfYearOptionsEnable,
-                useTimezoneSelector
-              }
-            ),
-            IndicatorSeparator: () => null
-          },
-          onChange: this.onChangeDropdown,
-          onKeyDown: this.onKeyDown,
-          options,
-          placeholder,
-          value: selected
-        }
-      ) }),
-      /* @__PURE__ */ jsx(
-        DateTimeRangeModal,
-        {
-          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;
-export {
-  DateTimeRecurenceSelectorImpl_default as default
-};
-//# sourceMappingURL=DateTimeRecurenceSelectorImpl.js.map

package/dist/esm/components/DateTimeRecurenceSelectorImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/DateTimeRecurenceSelectorImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment */\nimport React, { Component } from 'react';\nimport { isEqual } from 'lodash';\nimport 'react-dates/initialize.js';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox } from '@elliemae/ds-form';\nimport DateTimeRangeModal from './DateTimeRangeModal/DateTimeRangeModal.js';\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"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/components/DayOfMonthPicker/DayOfMonthPicker.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { DSComboBox } from "@elliemae/ds-form";
-import { nthDay } from "../helpers/nthday.js";
-import { dropdownDayOfMonthOptions } from "../../options/dropdownDayOfMonthOptions.js";
-import FormLabel from "../Forms/FormLabel.js";
-import FormFieldGroup from "../Forms/FormFieldGroup.js";
-import FormGroup from "../Forms/FormGroup.js";
-const DaysOfMonthPicker = ({
-  onDayChange = () => null,
-  dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
-  dayOfMonthOptions = dropdownDayOfMonthOptions,
-  displayOptionsAsCurrentDate = true,
-  currentDate = null,
-  inputLabel = "On",
-  dayOfMonthAsCurrentDateOptions,
-  displayMonthCustomOption
-}) => {
-  let options = dayOfMonthOptions;
-  if (displayOptionsAsCurrentDate) {
-    const numberoption = `on the ${currentDate.format("Do")} of the month`;
-    const nthoption = `on the ${nthDay(currentDate.toDate())} ${currentDate.format("dddd")} of the month`;
-    options = [];
-    if (dayOfMonthAsCurrentDateOptions.indexOf("numberOfMonth") > -1) {
-      options.push({
-        number: currentDate.format("DD"),
-        label: numberoption,
-        value: numberoption,
-        dayOfMonthRepeatPickerKey: "numberOfMonth"
-      });
-    }
-    if (dayOfMonthAsCurrentDateOptions.indexOf("dayOfTheWeekOfMonth") > -1) {
-      options.push({
-        numberLabel: `${nthDay(currentDate.toDate())} ${currentDate.format("dddd")}`,
-        label: nthoption,
-        value: nthoption,
-        dayOfMonthRepeatPickerKey: "dayOfTheWeekOfMonth"
-      });
-    }
-    if (displayMonthCustomOption) {
-      options = [...options, ...dayOfMonthOptions];
-    }
-  }
-  const selected = options.find((option) => option.value === dayOfMonthValue) ? dayOfMonthValue : null;
-  if (!selected) {
-    onDayChange(options[0].value, options[0]);
-  }
-  return /* @__PURE__ */ jsxs(FormGroup, { children: [
-    /* @__PURE__ */ jsx(FormLabel, { children: inputLabel }),
-    /* @__PURE__ */ jsx(FormFieldGroup, { children: /* @__PURE__ */ jsx(
-      DSComboBox,
-      {
-        onChange: (value) => onDayChange(
-          value,
-          options.find((o) => o.value === value)
-        ),
-        options,
-        value: selected
-      }
-    ) })
-  ] });
-};
-var DayOfMonthPicker_default = DaysOfMonthPicker;
-export {
-  DayOfMonthPicker_default as default
-};
-//# sourceMappingURL=DayOfMonthPicker.js.map