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

package/dist/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import React2 from "react";
+import { DropdownRepeatOptionsTypes } from "../../options/dropdownRepeatOptions";
+import { endTypes } from "../../options/endTypesOptions";
+const typeRepeat = {
+  [DropdownRepeatOptionsTypes.DAY]: "Daily",
+  [DropdownRepeatOptionsTypes.WEEK]: "Weekly",
+  [DropdownRepeatOptionsTypes.MONTH]: "Monthly",
+  [DropdownRepeatOptionsTypes.YEAR]: "Yearly"
+};
+const CustomOptionRender = ({
+  customRange: {
+    startDateInput,
+    startTimeInput,
+    qtyRepeatPickerInput,
+    typeRepeatPickerInput,
+    dayWeekRepeatPickerInput,
+    endDateInput,
+    endTypeInput,
+    endTimesInput,
+    dayOfMonthRepeatPickerInput,
+    dayOfYearRepeatPickerInput,
+    timezonePickerInput
+  },
+  dayOfMonthOptionsEnable,
+  dayOfWeekOptionsEnable,
+  dayOfYearOptionsEnable,
+  useTimezoneSelector
+}) => {
+  let display = "Custom";
+  if (qtyRepeatPickerInput === 1)
+    display = typeRepeat[typeRepeatPickerInput];
+  else
+    display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`;
+  if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK) {
+    display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : "";
+  } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
+    display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : "";
+  } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {
+    display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : "";
+  }
+  if (startDateInput && startDateInput.format) {
+    display += ` starting on ${startDateInput.format("MM/DD/YYYY")} at ${startTimeInput.format("HH:mm A")}`;
+  }
+  if (endTypeInput === endTypes.ON)
+    display += `, until ${endDateInput.format("MM/DD/YYYY")} `;
+  else if (endTypeInput === endTypes.AFTER)
+    display += `, for ${endTimesInput} times`;
+  if (useTimezoneSelector && timezonePickerInput)
+    display += ` [${timezonePickerInput}]`;
+  return /* @__PURE__ */ React2.createElement("em", null, display);
+};
+var CustomOptionRender_default = CustomOptionRender;
+export {
+  CustomOptionRender_default as default
+};
+//# sourceMappingURL=CustomOptionRender.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/CustomOptionRender/CustomOptionRender.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions';\nimport { endTypes } from '../../options/endTypesOptions';\n\nconst typeRepeat = {\n  [DropdownRepeatOptionsTypes.DAY]: 'Daily',\n  [DropdownRepeatOptionsTypes.WEEK]: 'Weekly',\n  [DropdownRepeatOptionsTypes.MONTH]: 'Monthly',\n  [DropdownRepeatOptionsTypes.YEAR]: 'Yearly',\n};\n\n/**\n * @param root0\n * @param root0.customRange\n * @param root0.customRange.startDateInput\n * @param root0.customRange.startTimeInput\n * @param root0.customRange.qtyRepeatPickerInput\n * @param root0.customRange.typeRepeatPickerInput\n * @param root0.customRange.dayWeekRepeatPickerInput\n * @param root0.customRange.endDateInput\n * @param root0.customRange.endTypeInput\n * @param root0.customRange.endTimesInput\n * @param root0.customRange.dayOfMonthRepeatPickerInput\n * @param root0.customRange.dayOfYearRepeatPickerInput\n * @param root0.customRange.timezonePickerInput\n * @param root0.dayOfMonthOptionsEnable\n * @param root0.dayOfWeekOptionsEnable\n * @param root0.dayOfYearOptionsEnable\n * @param root0.useTimezoneSelector\n * @customRange {\nstartDateInput,\nstartTimeInput,\nqtyRepeatPickerInput,\ntypeRepeatPickerInput,\ndayWeekRepeatPickerInput,\nendDateInput,\nendTypeInput,\nendTimesInput,\ndayOfMonthRepeatPickerInput,\ndayOfYearRepeatPickerInput,\ntimezonePickerInput\n}\n */\nconst CustomOptionRender = ({\n  customRange: {\n    startDateInput,\n    startTimeInput,\n    qtyRepeatPickerInput,\n    typeRepeatPickerInput,\n    dayWeekRepeatPickerInput,\n    endDateInput,\n    endTypeInput,\n    endTimesInput,\n    dayOfMonthRepeatPickerInput,\n    dayOfYearRepeatPickerInput,\n    timezonePickerInput,\n  },\n  dayOfMonthOptionsEnable,\n  dayOfWeekOptionsEnable,\n  dayOfYearOptionsEnable,\n  useTimezoneSelector,\n}) => {\n  let display = 'Custom';\n  // frequency\n  if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];\n  else display = `every ${qtyRepeatPickerInput} ${typeRepeatPickerInput}s`;\n\n  // type\n  if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK) {\n    display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : '';\n  } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {\n    display += dayOfMonthOptionsEnable\n      ? ` ${dayOfMonthRepeatPickerInput} `\n      : '';\n  } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {\n    display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : '';\n  }\n\n  // start & end\n  if (startDateInput && startDateInput.format) {\n    display += ` starting on ${startDateInput.format(\n      'MM/DD/YYYY',\n    )} at ${startTimeInput.format('HH:mm A')}`;\n  }\n  if (endTypeInput === endTypes.ON)\n    display += `, until ${endDateInput.format('MM/DD/YYYY')} `;\n  else if (endTypeInput === endTypes.AFTER)\n    display += `, for ${endTimesInput} times`;\n\n  if (useTimezoneSelector && timezonePickerInput)\n    display += ` [${timezonePickerInput}]`;\n\n  return <em>{display}</em>;\n};\n\nexport default CustomOptionRender;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa;AAAA,GAChB,2BAA2B,MAAM;AAAA,GACjC,2BAA2B,OAAO;AAAA,GAClC,2BAA2B,QAAQ;AAAA,GACnC,2BAA2B,OAAO;AAAA;AAmCrC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,aAAa;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,MAAI,UAAU;AAEd,MAAI,yBAAyB;AAAG,cAAU,WAAW;AAAA;AAChD,cAAU,SAAS,wBAAwB;AAGhD,MAAI,0BAA0B,2BAA2B,MAAM;AAC7D,eAAW,yBAAyB,OAAO,8BAA8B;AAAA,aAChE,0BAA0B,2BAA2B,OAAO;AACrE,eAAW,0BACP,IAAI,iCACJ;AAAA,aACK,0BAA0B,2BAA2B,MAAM;AACpE,eAAW,yBAAyB,IAAI,gCAAgC;AAAA;AAI1E,MAAI,kBAAkB,eAAe,QAAQ;AAC3C,eAAW,gBAAgB,eAAe,OACxC,oBACM,eAAe,OAAO;AAAA;AAEhC,MAAI,iBAAiB,SAAS;AAC5B,eAAW,WAAW,aAAa,OAAO;AAAA,WACnC,iBAAiB,SAAS;AACjC,eAAW,SAAS;AAEtB,MAAI,uBAAuB;AACzB,eAAW,KAAK;AAElB,SAAO,qCAAC,MAAD,MAAK;AAAA;AAGd,IAAO,6BAAQ;",
+  "names": []
+}

package/dist/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -0,0 +1,105 @@
+import * as React from "react";
+import React2 from "react";
+import DSModal from "@elliemae/ds-modal";
+import DateTimeRangeModalImpl from "../DateTimeRangeModalImpl/DateTimeRangeModalImpl";
+class DateTimeRangeModal extends React2.Component {
+  constructor() {
+    super(...arguments);
+    this.state = {
+      isValid: true
+    };
+    this.updateIsValid = (...data) => {
+      const {
+        onCustomDateTimeRange = () => null,
+        isValidRecurrence
+      } = this.props;
+      onCustomDateTimeRange(...data);
+      this.setState({
+        isValid: isValidRecurrence(...data)
+      });
+    };
+  }
+  render() {
+    const {
+      isOpen = false,
+      onClose = () => null,
+      modalTitle = "Report Scheduling",
+      confirmLabel = "Apply",
+      rejectLabel = "Cancel",
+      modalType = "confirm",
+      onConfirmField = () => null,
+      onRejectField = () => null,
+      appElement = null,
+      displayCurrentMonthYear = true,
+      dropdownDayOfMonthOptions = [],
+      dropdownDayOfWeekOptions = [],
+      dropdownDayOfYearOptions = [],
+      dropdownRepeatOptions = [],
+      rangeValue = {},
+      dayOfMonthOptionsEnable = true,
+      dayOfWeekOptionsEnable = true,
+      dayOfYearOptionsEnable = true,
+      timeZoneOptions = [],
+      useTimezoneSelector = false,
+      allowMultipleDaysOfWeek = false,
+      endTimesOptions,
+      endTypesOptions,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
+      isValidRecurrence,
+      validationMessage,
+      startDayBlocked,
+      endDayBlocked,
+      repeatFrecuencyCustomProps,
+      displayMonthCustomOption,
+      displayYearCustomOption
+    } = this.props;
+    const { isValid } = this.state;
+    return /* @__PURE__ */ React2.createElement(DSModal, {
+      appElement,
+      centered: false,
+      confirmLabel,
+      isOpen,
+      modalTitle,
+      modalType,
+      onClose,
+      onConfirm: onConfirmField,
+      onReject: onRejectField,
+      overridePropsConfirmButton: {
+        disabled: !isValid
+      },
+      rejectLabel,
+      size: "small"
+    }, /* @__PURE__ */ React2.createElement(DateTimeRangeModalImpl, {
+      allowMultipleDaysOfWeek,
+      dayOfMonthAsCurrentDateOptions,
+      dayOfMonthOptionsEnable,
+      dayOfWeekOptionsEnable,
+      dayOfYearAsCurrentDateOptions,
+      dayOfYearOptionsEnable,
+      displayCurrentMonthYear,
+      displayMonthCustomOption,
+      displayYearCustomOption,
+      dropdownDayOfMonthOptions,
+      dropdownDayOfWeekOptions,
+      dropdownDayOfYearOptions,
+      dropdownRepeatOptions,
+      endDayBlocked,
+      endTimesOptions,
+      endTypesOptions,
+      isValidRecurrence,
+      onCustomDateTimeRange: this.updateIsValid,
+      rangeValue,
+      repeatFrecuencyCustomProps,
+      startDayBlocked,
+      timeZoneOptions,
+      useTimezoneSelector,
+      validationMessage
+    }));
+  }
+}
+var DateTimeRangeModal_default = DateTimeRangeModal;
+export {
+  DateTimeRangeModal_default as default
+};
+//# sourceMappingURL=DateTimeRangeModal.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DateTimeRangeModal/DateTimeRangeModal.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport DateTimeRangeModalImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl';\n\nclass DateTimeRangeModal extends React.Component {\n  state = {\n    isValid: true,\n  };\n\n  updateIsValid = (...data) => {\n    const {\n      onCustomDateTimeRange = () => null,\n      isValidRecurrence,\n    } = this.props;\n    onCustomDateTimeRange(...data);\n    this.setState({\n      isValid: isValidRecurrence(...data),\n    });\n  };\n\n  render() {\n    const {\n      isOpen = false,\n      onClose = () => null,\n      modalTitle = 'Report Scheduling',\n      // modalSize = 'medium',\n      confirmLabel = 'Apply',\n      rejectLabel = 'Cancel',\n      modalType = 'confirm',\n      onConfirmField = () => null,\n      onRejectField = () => null,\n      appElement = null,\n      displayCurrentMonthYear = true,\n      dropdownDayOfMonthOptions = [],\n      dropdownDayOfWeekOptions = [],\n      dropdownDayOfYearOptions = [],\n      dropdownRepeatOptions = [],\n      rangeValue = {},\n      dayOfMonthOptionsEnable = true,\n      dayOfWeekOptionsEnable = true,\n      dayOfYearOptionsEnable = true,\n      timeZoneOptions = [],\n      useTimezoneSelector = false,\n      allowMultipleDaysOfWeek = false,\n      endTimesOptions,\n      endTypesOptions,\n      dayOfMonthAsCurrentDateOptions,\n      dayOfYearAsCurrentDateOptions,\n      isValidRecurrence,\n      validationMessage,\n      startDayBlocked,\n      endDayBlocked,\n      repeatFrecuencyCustomProps,\n      displayMonthCustomOption,\n      displayYearCustomOption,\n    } = this.props;\n    const { isValid } = this.state;\n\n    return (\n      <DSModal\n        appElement={appElement}\n        centered={false}\n        confirmLabel={confirmLabel}\n        isOpen={isOpen}\n        modalTitle={modalTitle}\n        modalType={modalType}\n        onClose={onClose}\n        onConfirm={onConfirmField}\n        onReject={onRejectField}\n        overridePropsConfirmButton={{\n          disabled: !isValid,\n        }}\n        rejectLabel={rejectLabel}\n        size=\"small\"\n      >\n        <DateTimeRangeModalImpl\n          allowMultipleDaysOfWeek={allowMultipleDaysOfWeek}\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          isValidRecurrence={isValidRecurrence}\n          onCustomDateTimeRange={this.updateIsValid}\n          rangeValue={rangeValue}\n          repeatFrecuencyCustomProps={repeatFrecuencyCustomProps}\n          startDayBlocked={startDayBlocked}\n          timeZoneOptions={timeZoneOptions}\n          useTimezoneSelector={useTimezoneSelector}\n          validationMessage={validationMessage}\n        />\n      </DSModal>\n    );\n  }\n}\n\nexport default DateTimeRangeModal;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,iCAAiC,OAAM,UAAU;AAAA,EAAjD,cAJA;AAIA;AACE,iBAAQ;AAAA,MACN,SAAS;AAAA;AAGX,yBAAgB,IAAI,SAAS;AAC3B,YAAM;AAAA,QACJ,wBAAwB,MAAM;AAAA,QAC9B;AAAA,UACE,KAAK;AACT,4BAAsB,GAAG;AACzB,WAAK,SAAS;AAAA,QACZ,SAAS,kBAAkB,GAAG;AAAA;AAAA;AAAA;AAAA,EAIlC,SAAS;AACP,UAAM;AAAA,MACJ,SAAS;AAAA,MACT,UAAU,MAAM;AAAA,MAChB,aAAa;AAAA,MAEb,eAAe;AAAA,MACf,cAAc;AAAA,MACd,YAAY;AAAA,MACZ,iBAAiB,MAAM;AAAA,MACvB,gBAAgB,MAAM;AAAA,MACtB,aAAa;AAAA,MACb,0BAA0B;AAAA,MAC1B,4BAA4B;AAAA,MAC5B,2BAA2B;AAAA,MAC3B,2BAA2B;AAAA,MAC3B,wBAAwB;AAAA,MACxB,aAAa;AAAA,MACb,0BAA0B;AAAA,MAC1B,yBAAyB;AAAA,MACzB,yBAAyB;AAAA,MACzB,kBAAkB;AAAA,MAClB,sBAAsB;AAAA,MACtB,0BAA0B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,YAAY,KAAK;AAEzB,WACE,qCAAC,SAAD;AAAA,MACE;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU;AAAA,MACV,4BAA4B;AAAA,QAC1B,UAAU,CAAC;AAAA;AAAA,MAEb;AAAA,MACA,MAAK;AAAA,OAEL,qCAAC,wBAAD;AAAA,MACE;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,uBAAuB,KAAK;AAAA,MAC5B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;AAOV,IAAO,6BAAQ;",
+  "names": []
+}

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

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

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

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