@elliemae/ds-date-time-recurrence-picker 2.2.0 → 2.3.0-alpha.3

package/esm/components/CustomOptionRender/CustomOptionRender.js

@@ -1,87 +1,57 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { DropdownRepeatOptionsTypes } from '../../options/dropdownRepeatOptions.js';
-import { endTypes } from '../../options/endTypesOptions.js';
-
+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'
+  [DropdownRepeatOptionsTypes.DAY]: "Daily",
+  [DropdownRepeatOptionsTypes.WEEK]: "Weekly",
+  [DropdownRepeatOptionsTypes.MONTH]: "Monthly",
+  [DropdownRepeatOptionsTypes.YEAR]: "Yearly"
 };
-/**
- * @param root0
- * @param root0.customRange
- * @param root0.customRange.startDateInput
- * @param root0.customRange.startTimeInput
- * @param root0.customRange.qtyRepeatPickerInput
- * @param root0.customRange.typeRepeatPickerInput
- * @param root0.customRange.dayWeekRepeatPickerInput
- * @param root0.customRange.endDateInput
- * @param root0.customRange.endTypeInput
- * @param root0.customRange.endTimesInput
- * @param root0.customRange.dayOfMonthRepeatPickerInput
- * @param root0.customRange.dayOfYearRepeatPickerInput
- * @param root0.customRange.timezonePickerInput
- * @param root0.dayOfMonthOptionsEnable
- * @param root0.dayOfWeekOptionsEnable
- * @param root0.dayOfYearOptionsEnable
- * @param root0.useTimezoneSelector
- * @customRange {
-startDateInput,
-startTimeInput,
-qtyRepeatPickerInput,
-typeRepeatPickerInput,
-dayWeekRepeatPickerInput,
-endDateInput,
-endTypeInput,
-endTimesInput,
-dayOfMonthRepeatPickerInput,
-dayOfYearRepeatPickerInput,
-timezonePickerInput
-}
- */
-
-const CustomOptionRender = _ref => {
-  let {
-    customRange: {
-      startDateInput,
-      startTimeInput,
-      qtyRepeatPickerInput,
-      typeRepeatPickerInput,
-      dayWeekRepeatPickerInput,
-      endDateInput,
-      endTypeInput,
-      endTimesInput,
-      dayOfMonthRepeatPickerInput,
-      dayOfYearRepeatPickerInput,
-      timezonePickerInput
-    },
-    dayOfMonthOptionsEnable,
-    dayOfWeekOptionsEnable,
-    dayOfYearOptionsEnable,
-    useTimezoneSelector
-  } = _ref;
-  let display = 'Custom'; // frequency
-
-  if (qtyRepeatPickerInput === 1) display = typeRepeat[typeRepeatPickerInput];else display = "every ".concat(qtyRepeatPickerInput, " ").concat(typeRepeatPickerInput, "s"); // type
-
+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 ".concat(dayWeekRepeatPickerInput, " ") : '';
+    display += dayOfWeekOptionsEnable ? ` on ${dayWeekRepeatPickerInput} ` : "";
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH) {
-    display += dayOfMonthOptionsEnable ? " ".concat(dayOfMonthRepeatPickerInput, " ") : '';
+    display += dayOfMonthOptionsEnable ? ` ${dayOfMonthRepeatPickerInput} ` : "";
   } else if (typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR) {
-    display += dayOfYearOptionsEnable ? " ".concat(dayOfYearRepeatPickerInput, " ") : '';
-  } // start & end
-
-
+    display += dayOfYearOptionsEnable ? ` ${dayOfYearRepeatPickerInput} ` : "";
+  }
   if (startDateInput && startDateInput.format) {
-    display += " starting on ".concat(startDateInput.format('MM/DD/YYYY'), " at ").concat(startTimeInput.format('HH:mm A'));
+    display += ` starting on ${startDateInput.format("MM/DD/YYYY")} at ${startTimeInput.format("HH:mm A")}`;
   }
-
-  if (endTypeInput === endTypes.ON) display += ", until ".concat(endDateInput.format('MM/DD/YYYY'), " ");else if (endTypeInput === endTypes.AFTER) display += ", for ".concat(endTimesInput, " times");
-  if (useTimezoneSelector && timezonePickerInput) display += " [".concat(timezonePickerInput, "]");
-  return /*#__PURE__*/_jsx("em", {}, void 0, display);
+  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
 };
-
-export { CustomOptionRender as default };
+//# sourceMappingURL=CustomOptionRender.js.map

package/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/esm/components/DateTimeRangeModal/DateTimeRangeModal.js

@@ -1,41 +1,32 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import React from 'react';
-import DSModal from '@elliemae/ds-modal';
-import DateTimePredefinedRangeSelectorImpl from '../DateTimeRangeModalImpl/DateTimeRangeModalImpl.js';
-
-class DateTimeRangeModal extends React.Component {
+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() {
-    var _this;
-
     super(...arguments);
-    _this = this;
     this.state = {
       isValid: true
     };
-
-    this.updateIsValid = function () {
+    this.updateIsValid = (...data) => {
       const {
         onCustomDateTimeRange = () => null,
         isValidRecurrence
-      } = _this.props;
-      onCustomDateTimeRange(...arguments);
-
-      _this.setState({
-        isValid: isValidRecurrence(...arguments)
+      } = this.props;
+      onCustomDateTimeRange(...data);
+      this.setState({
+        isValid: isValidRecurrence(...data)
       });
     };
   }
-
   render() {
     const {
       isOpen = false,
       onClose = () => null,
-      modalTitle = 'Report Scheduling',
-      // modalSize = 'medium',
-      confirmLabel = 'Apply',
-      rejectLabel = 'Cancel',
-      modalType = 'confirm',
+      modalTitle = "Report Scheduling",
+      confirmLabel = "Apply",
+      rejectLabel = "Cancel",
+      modalType = "confirm",
       onConfirmField = () => null,
       onRejectField = () => null,
       appElement = null,
@@ -63,52 +54,52 @@ class DateTimeRangeModal extends React.Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    const {
-      isValid
-    } = this.state;
-    return /*#__PURE__*/_jsx(DSModal, {
-      appElement: appElement,
+    const { isValid } = this.state;
+    return /* @__PURE__ */ React2.createElement(DSModal, {
+      appElement,
       centered: false,
-      confirmLabel: confirmLabel,
-      isOpen: isOpen,
-      modalTitle: modalTitle,
-      modalType: modalType,
-      onClose: onClose,
+      confirmLabel,
+      isOpen,
+      modalTitle,
+      modalType,
+      onClose,
       onConfirm: onConfirmField,
       onReject: onRejectField,
       overridePropsConfirmButton: {
         disabled: !isValid
       },
-      rejectLabel: rejectLabel,
+      rejectLabel,
       size: "small"
-    }, void 0, /*#__PURE__*/_jsx(DateTimePredefinedRangeSelectorImpl, {
-      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
-      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
-      dayOfMonthOptionsEnable: dayOfMonthOptionsEnable,
-      dayOfWeekOptionsEnable: dayOfWeekOptionsEnable,
-      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
-      dayOfYearOptionsEnable: dayOfYearOptionsEnable,
-      displayCurrentMonthYear: displayCurrentMonthYear,
-      displayMonthCustomOption: displayMonthCustomOption,
-      displayYearCustomOption: displayYearCustomOption,
-      dropdownDayOfMonthOptions: dropdownDayOfMonthOptions,
-      dropdownDayOfWeekOptions: dropdownDayOfWeekOptions,
-      dropdownDayOfYearOptions: dropdownDayOfYearOptions,
-      dropdownRepeatOptions: dropdownRepeatOptions,
-      endDayBlocked: endDayBlocked,
-      endTimesOptions: endTimesOptions,
-      endTypesOptions: endTypesOptions,
-      isValidRecurrence: isValidRecurrence,
+    }, /* @__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: rangeValue,
-      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
-      startDayBlocked: startDayBlocked,
-      timeZoneOptions: timeZoneOptions,
-      useTimezoneSelector: useTimezoneSelector,
-      validationMessage: validationMessage
+      rangeValue,
+      repeatFrecuencyCustomProps,
+      startDayBlocked,
+      timeZoneOptions,
+      useTimezoneSelector,
+      validationMessage
     }));
   }
-
 }
-
-export { DateTimeRangeModal as default };
+var DateTimeRangeModal_default = DateTimeRangeModal;
+export {
+  DateTimeRangeModal_default as default
+};
+//# sourceMappingURL=DateTimeRangeModal.js.map

package/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/esm/components/DateTimeRangeModalImpl/DateTimeRangeModalImpl.js

@@ -1,54 +1,31 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/es.string.replace.js';
-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 DaysOfMonthPicker from '../DayOfMonthPicker/DayOfMonthPicker.js';
-import DaysOfMonthPicker$1 from '../DayOfYearPicker/DayOfYearPicker.js';
-import TimeZonePicker from '../TimeZonePicker/TimeZonePicker.js';
-import ValidationMessage from '../ValidationMessage/ValidationMessage.js';
-
-var _hr, _p;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const {
-  cssClassName
-} = convertPropToCssClassName('date-time-predefined-range-selector');
-
+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;
+      const { onCustomDateTimeRange } = this.props;
       onCustomDateTimeRange(this.state);
     };
-
-    this.onQtyRepeatPickerInput = value => {
-      this.setState({
-        qtyRepeatPickerInput: value.replace(/[^0-9]/g, '')
-      }, () => {
+    this.onQtyRepeatPickerInput = (value) => {
+      this.setState({ qtyRepeatPickerInput: value.replace(/[^0-9]/g, "") }, () => {
         this.onChange();
       });
     };
-
     const {
       dropdownDayOfMonthOptions,
       dropdownDayOfWeekOptions,
@@ -73,7 +50,7 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       }
     } = props;
     this.state = {
-      alertReplace: '',
+      alertReplace: "",
       alertModal: false,
       startDateInput: startDateInput || moment(),
       startTimeInput: startTimeInput || moment(),
@@ -88,97 +65,63 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       timezonePickerInput: !useTimezoneSelector ? null : timezonePickerInput || dropdownTimeZoneOptions[0].value
     };
     this.onChange();
-    this.onStartDateChangeInput = this.onStartDateChangeInput.bind(this);
-    this.onStartTimeChangeInput = this.onStartTimeChangeInput.bind(this);
-    this.onTimeZonePickerInput = this.onTimeZonePickerInput.bind(this);
-    this.onTypeRepeatPickerInput = this.onTypeRepeatPickerInput.bind(this);
-    this.onDayOfWeekRepeatPickerInput = this.onDayOfWeekRepeatPickerInput.bind(this);
-    this.onDayOfMonthRepeatChangeInput = this.onDayOfMonthRepeatChangeInput.bind(this);
-    this.onDayOfYearRepeatChangeInput = this.onDayOfYearRepeatChangeInput.bind(this);
-    this.onEndDateChangeInput = this.onEndDateChangeInput.bind(this);
-    this.onEndTimesChangeInput = this.onEndTimesChangeInput.bind(this);
-    this.onEndTypeChangeInput = this.onEndTypeChangeInput.bind(this);
   }
-
   onTypeRepeatPickerInput(value) {
-    const update = {
-      typeRepeatPickerInput: value
-    };
-
+    const update = { typeRepeatPickerInput: value };
     if (value !== DropdownRepeatOptionsTypes.MONTH) {
-      update.dayOfMonthRepeatPickerInput = undefined;
-      update.dayOfMonthRepeatPickerKey = undefined;
+      update.dayOfMonthRepeatPickerInput = void 0;
+      update.dayOfMonthRepeatPickerKey = void 0;
     }
-
     if (value !== DropdownRepeatOptionsTypes.YEAR) {
-      update.dayOfYearRepeatPickerInput = undefined;
-      update.dayOfYearRepeatPickerKey = undefined;
+      update.dayOfYearRepeatPickerInput = void 0;
+      update.dayOfYearRepeatPickerKey = void 0;
     }
-
-    this.setState(_objectSpread({}, update), () => {
+    this.setState({
+      ...update
+    }, () => {
       this.onChange();
     });
   }
-
   onDayOfWeekRepeatPickerInput(value) {
-    this.setState({
-      dayWeekRepeatPickerInput: value
-    }, () => {
+    this.setState({ dayWeekRepeatPickerInput: value }, () => {
       this.onChange();
     });
   }
-
   onEndTypeChangeInput(value) {
-    this.setState({
-      endTypeInput: value
-    }, () => {
+    this.setState({ endTypeInput: value }, () => {
       this.onChange();
     });
   }
-
   onEndTimesChangeInput(value) {
-    this.setState({
-      endTimesInput: value
-    }, () => {
+    this.setState({ endTimesInput: value }, () => {
       this.onChange();
     });
   }
-
   onEndDateChangeInput(value) {
-    this.setState({
-      endDateInput: value
-    }, () => {
+    this.setState({ endDateInput: value }, () => {
       this.onChange();
     });
   }
-
   onStartDateChangeInput(value) {
-    this.setState({
-      startDateInput: value
-    }, () => {
+    this.setState({ startDateInput: value }, () => {
       this.onChange();
     });
   }
-
   onStartTimeChangeInput(value) {
-    this.setState({
-      startTimeInput: value
-    }, () => {
+    this.setState({ startTimeInput: value }, () => {
       this.onChange();
     });
   }
-
   onDayOfMonthRepeatChangeInput(value, option) {
     this.setState({
       dayOfMonthRepeatPickerInput: value,
       dayOfMonthRepeatPickerKey: option.dayOfMonthRepeatPickerKey,
-      alertModal: option.number > 28 || (option.numberLabel || '').includes('Fifth'),
-      alertReplace: option.number || "".concat(option.numberLabel, " ")
+      alertModal: option.number > 28 || (option.numberLabel || "").includes("Fifth"),
+      alertReplace: option.number || `${option.numberLabel} `
     }, () => {
       this.onChange();
     });
   }
-
   onDayOfYearRepeatChangeInput(value, option) {
     this.setState({
       dayOfYearRepeatPickerInput: value,
@@ -187,15 +130,11 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       this.onChange();
     });
   }
-
   onTimeZonePickerInput(value) {
-    this.setState({
-      timezonePickerInput: value
-    }, () => {
+    this.setState({ timezonePickerInput: value }, () => {
       this.onChange();
     });
   }
-
   render() {
     const {
       alertModal,
@@ -235,72 +174,69 @@ class DateTimePredefinedRangeSelectorImpl extends Component {
       displayMonthCustomOption,
       displayYearCustomOption
     } = this.props;
-    return /*#__PURE__*/_jsx("div", {
-      className: "".concat(cssClassName)
-    }, void 0, /*#__PURE__*/_jsx(StartDateTime, {
+    return /* @__PURE__ */ React2.createElement("div", {
+      className: `${cssClassName}`
+    }, /* @__PURE__ */ React2.createElement(StartDateTime, {
       onStartDateChange: this.onStartDateChangeInput,
       onStartTimeChange: this.onStartTimeChangeInput,
       startDateValue: startDateInput,
-      startDayBlocked: startDayBlocked,
+      startDayBlocked,
       startTimeValue: startTimeInput
-    }), useTimezoneSelector && /*#__PURE__*/_jsx(TimeZonePicker, {
+    }), useTimezoneSelector && /* @__PURE__ */ React2.createElement(TimeZonePicker, {
       onTimezoneChange: this.onTimeZonePickerInput,
       timezoneOptions: timeZoneOptions,
       timezoneValue: timezonePickerInput
-    }), /*#__PURE__*/_jsx(RepeatPickerInput, {
+    }), /* @__PURE__ */ React2.createElement(RepeatPickerInput, {
       onQtyChange: this.onQtyRepeatPickerInput,
       onTypeChange: this.onTypeRepeatPickerInput,
       qtyValue: qtyRepeatPickerInput,
-      repeatFrecuencyCustomProps: repeatFrecuencyCustomProps,
+      repeatFrecuencyCustomProps,
       repeatOptions: dropdownRepeatOptions,
       repeatOptionsValue: typeRepeatPickerInput
-    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /*#__PURE__*/_jsx(DaysOfWeekPicker, {
+    }), dayOfWeekOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.WEEK && /* @__PURE__ */ React2.createElement(DaysOfWeekPicker, {
       active: dayWeekRepeatPickerInput,
-      allowMultipleDaysOfWeek: allowMultipleDaysOfWeek,
+      allowMultipleDaysOfWeek,
       onDayChange: this.onDayOfWeekRepeatPickerInput,
       options: dropdownDayOfWeekOptions
-    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /*#__PURE__*/_jsx(DaysOfMonthPicker, {
+    }), dayOfMonthOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.MONTH && /* @__PURE__ */ React2.createElement(DayOfMonthPicker, {
       currentDate: startDateInput,
-      dayOfMonthAsCurrentDateOptions: dayOfMonthAsCurrentDateOptions,
+      dayOfMonthAsCurrentDateOptions,
       dayOfMonthOptions: dropdownDayOfMonthOptions,
       dayOfMonthValue: dayOfMonthRepeatPickerInput,
-      displayMonthCustomOption: displayMonthCustomOption,
+      displayMonthCustomOption,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
       onDayChange: this.onDayOfMonthRepeatChangeInput
-    }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /*#__PURE__*/_jsx(DaysOfMonthPicker$1, {
+    }), dayOfYearOptionsEnable && typeRepeatPickerInput === DropdownRepeatOptionsTypes.YEAR && /* @__PURE__ */ React2.createElement(DayOfYearPicker, {
       currentDate: startDateInput,
       dayOfMonthOptions: dropdownDayOfYearOptions,
       dayOfMonthValue: dayOfYearRepeatPickerInput,
-      dayOfYearAsCurrentDateOptions: dayOfYearAsCurrentDateOptions,
+      dayOfYearAsCurrentDateOptions,
       displayOptionsAsCurrentDate: displayCurrentMonthYear,
-      displayYearCustomOption: displayYearCustomOption,
+      displayYearCustomOption,
       onDayChange: this.onDayOfYearRepeatChangeInput
-    }), _hr || (_hr = /*#__PURE__*/_jsx("hr", {})), /*#__PURE__*/_jsx(EndDate, {
+    }), /* @__PURE__ */ React2.createElement("hr", null), /* @__PURE__ */ React2.createElement(EndDate, {
       endDateValue: endDateInput,
-      endDayBlocked: endDayBlocked,
-      endTimesOptions: endTimesOptions,
+      endDayBlocked,
+      endTimesOptions,
       endTimesValue: endTimesInput,
-      endTypesOptions: endTypesOptions,
+      endTypesOptions,
       endTypeValue: endTypeInput,
       onEndDateChange: this.onEndDateChangeInput,
       onEndTimesChange: this.onEndTimesChangeInput,
       onEndTypeChange: this.onEndTypeChangeInput
-    }), /*#__PURE__*/_jsx(DSModal, {
+    }), /* @__PURE__ */ React2.createElement(DSModal, {
       className: "datetime-alert-modal",
       isOpen: alertModal,
-      modalTitle: "Some months have fewer  than ".concat(alertReplace, " days") // modalType={modalType}
-      ,
-      onClose: () => this.setState({
-        alertModal: false
-      }),
-      onConfirm: () => this.setState({
-        alertModal: false
-      })
-    }, void 0, _p || (_p = /*#__PURE__*/_jsx("p", {}, void 0, "For these months, the occurrence will fall on the last day of the month."))), validationMessage && /*#__PURE__*/_jsx(ValidationMessage, {
-      validationMessage: validationMessage
+      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
     }));
   }
-
 }
-
-export { DateTimePredefinedRangeSelectorImpl as default };
+var DateTimeRangeModalImpl_default = DateTimePredefinedRangeSelectorImpl;
+export {
+  DateTimeRangeModalImpl_default as default
+};
+//# sourceMappingURL=DateTimeRangeModalImpl.js.map