@elliemae/ds-date-time-recurrence-picker 2.3.0-alpha.8 → 2.3.0-next.2

package/esm/components/DayOfYearPicker/DayOfYearPicker.js

@@ -0,0 +1,62 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'react';
+import { DSComboBox } from '@elliemae/ds-form';
+import { nthDay } from '../helpers/nthday.js';
+import { dropdownDayOfMonthOptions } from '../../options/dropdownDayOfMonthOptions.js';
+import FormGroup from '../Forms/FormGroup.js';
+import FormLabel from '../Forms/FormLabel.js';
+import FormFieldGroup from '../Forms/FormFieldGroup.js';
+
+const DaysOfMonthPicker = _ref => {
+  let {
+    onDayChange = () => null,
+    dayOfMonthValue = dropdownDayOfMonthOptions[0].value,
+    dayOfMonthOptions = dropdownDayOfMonthOptions,
+    displayOptionsAsCurrentDate = true,
+    currentDate = null,
+    inputLabel = 'On',
+    dayOfYearAsCurrentDateOptions,
+    displayYearCustomOption
+  } = _ref;
+  let options = dayOfMonthOptions;
+
+  if (displayOptionsAsCurrentDate) {
+    const numberoption = "on the ".concat(currentDate.format('Do'), " of ").concat(currentDate.format('MMMM'));
+    const nthoption = "on the ".concat(nthDay(currentDate.toDate()), " ").concat(currentDate.format('dddd'), " of ").concat(currentDate.format('MMMM'));
+    options = [];
+
+    if (dayOfYearAsCurrentDateOptions.indexOf('numberOfYear') > -1) {
+      options.push({
+        label: numberoption,
+        value: numberoption,
+        dayOfYearRepeatPickerKey: 'numberOfYear'
+      });
+    }
+
+    if (dayOfYearAsCurrentDateOptions.indexOf('dayOfTheMonthOfYear') > -1) {
+      options.push({
+        label: nthoption,
+        value: nthoption,
+        dayOfYearRepeatPickerKey: 'dayOfTheMonthOfYear'
+      });
+    }
+
+    if (displayYearCustomOption) {
+      options = [...options, ...dayOfMonthOptions];
+    }
+  }
+
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: value => {
+      onDayChange(value, options.find(o => o.value === value));
+    },
+    options: options,
+    value: dayOfMonthValue
+  })));
+};
+
+export { DaysOfMonthPicker as default };

package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -0,0 +1,62 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { DSRadioGroup, DSRadio, DSCheckboxGroup, DSCheckbox } from '@elliemae/ds-form';
+import { dropdownDayOfWeekOptions } from '../../options/dropdownDayOfWeekOptions.js';
+import FormGroup from '../Forms/FormGroup.js';
+import FormFieldGroup from '../Forms/FormFieldGroup.js';
+import FormLabel from '../Forms/FormLabel.js';
+
+const {
+  cssClassName
+} = convertPropToCssClassName('week-days-week-days-picker');
+
+const getActive = (allowMultipleDaysOfWeek, active) => {
+  if (!allowMultipleDaysOfWeek) return active;
+  if (Array.isArray(active)) return active;
+  return [active];
+};
+
+const DaysOfWeekPicker = _ref => {
+  let {
+    allowMultipleDaysOfWeek = false,
+    onDayChange = () => null,
+    active = dropdownDayOfWeekOptions[0].value,
+    options = dropdownDayOfWeekOptions,
+    inputLabel = 'On'
+  } = _ref;
+  const safeActive = getActive(allowMultipleDaysOfWeek, active);
+  return /*#__PURE__*/_jsx(FormGroup, {
+    className: cssClassName
+  }, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, inputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, !allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSRadioGroup, {
+    activeValue: safeActive,
+    onChange: onDayChange,
+    orientation: "horizontal"
+  }, void 0, options.map((_ref2, index) => {
+    let {
+      label,
+      value
+    } = _ref2;
+    return /*#__PURE__*/_jsx(DSRadio, {
+      labelText: label,
+      value: value
+    }, index);
+  })), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
+    activeValue: safeActive,
+    onChange: onDayChange,
+    orientation: "horizontal"
+  }, void 0, options.map((_ref3, index) => {
+    let {
+      label,
+      value
+    } = _ref3;
+    return /*#__PURE__*/_jsx(DSCheckbox, {
+      labelText: label,
+      value: value
+    }, index);
+  }))));
+};
+
+export { DaysOfWeekPicker as default };

package/esm/components/EndDate/EndDate.js

@@ -0,0 +1,43 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSDatePicker from '@elliemae/ds-date-picker';
+import { DSComboBox } from '@elliemae/ds-form';
+import { endTypes } from '../../options/endTypesOptions.js';
+import FormField from '../Forms/FormField.js';
+import FormLabel from '../Forms/FormLabel.js';
+import FormGroup from '../Forms/FormGroup.js';
+import FormFieldGroup from '../Forms/FormFieldGroup.js';
+
+var _FormLabel, _FormField;
+
+const EndDate = _ref => {
+  let {
+    onEndDateChange = () => null,
+    onEndTypeChange = () => null,
+    onEndTimesChange = () => null,
+    endDateValue = null,
+    endTypeValue = null,
+    endTypesOptions = [],
+    endTimesOptions = [],
+    endTimesValue = null,
+    endDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Ends")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onEndTypeChange,
+    options: endTypesOptions,
+    value: endTypeValue
+  })), endTypeValue === endTypes.NEVER && (_FormField || (_FormField = /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx("div", {})))), endTypeValue === endTypes.ON && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
+    appendToBody: true,
+    date: endDateValue,
+    isDayBlocked: endDayBlocked,
+    onDateChange: onEndDateChange,
+    openDirection: "up",
+    zIndex: 10
+  })), endTypeValue === endTypes.AFTER && /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onEndTimesChange,
+    options: endTimesOptions,
+    value: endTimesValue
+  }))));
+};
+
+export { EndDate as default };

package/esm/components/FieldWrapper/FieldWrapper.js

@@ -0,0 +1,18 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+
+const {
+  cssClassName
+} = convertPropToCssClassName('field-wrapper');
+
+function FieldWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(cssClassName)
+  }, void 0, children);
+}
+
+export { FieldWrapper as default };

package/esm/components/Forms/FormField.js

@@ -0,0 +1,5 @@
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+var FormField = aggregatedClasses('div')('form-field');
+
+export { FormField as default };

package/esm/components/Forms/FormFieldGroup.js

@@ -0,0 +1,5 @@
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+var FormFieldGroup = aggregatedClasses('div')('form-field-group');
+
+export { FormFieldGroup as default };

package/esm/components/Forms/FormGroup.js

@@ -0,0 +1,9 @@
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+/**
+ * An inline/vertical group of form-items/fields described by a label/legend
+ */
+
+var FormGroup = aggregatedClasses('div')('form-group');
+
+export { FormGroup as default };

package/esm/components/Forms/FormLabel.js

@@ -0,0 +1,5 @@
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+
+var FormLabel = aggregatedClasses('label')('form-label');
+
+export { FormLabel as default };

package/esm/components/LabelWrapper/LabelWrapper.js

@@ -0,0 +1,18 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+
+const {
+  cssClassName
+} = convertPropToCssClassName('label-wrapper');
+
+function LabelWrapper(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(cssClassName)
+  }, void 0, children);
+}
+
+export { LabelWrapper as default };

package/esm/components/RepeatPickerInput/RepeatPickerInput.js

@@ -0,0 +1,61 @@
+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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState } from 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { DSTextBox, DSComboBox } from '@elliemae/ds-form';
+import FormGroup from '../Forms/FormGroup.js';
+import FormLabel from '../Forms/FormLabel.js';
+import FormFieldGroup from '../Forms/FormFieldGroup.js';
+import FormField from '../Forms/FormField.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["onChange", "onKeyDown", "value"];
+
+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('repeat-picker-input-range-selector');
+
+const RepeatPickerInput = _ref => {
+  let {
+    onQtyChange = () => null,
+    onTypeChange = () => null,
+    qtyValue = 1,
+    repeatOptions = [],
+    repeatOptionsValue = null,
+    repeatInputLabel = 'Repeats every',
+    repeatFrecuencyCustomProps = {}
+  } = _ref;
+  const [last, setLast] = useState('');
+
+  const rest = _objectWithoutProperties(repeatFrecuencyCustomProps, _excluded);
+
+  return /*#__PURE__*/_jsx(FormGroup, {
+    className: cssClassName
+  }, void 0, /*#__PURE__*/_jsx(FormLabel, {}, void 0, repeatInputLabel), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/jsx(DSTextBox, _objectSpread({
+    onChange: e => {
+      if (last !== 69) onQtyChange(e.target.value);
+    },
+    onKeyDown: e => {
+      setLast(e.keyCode);
+      return e.keyCode !== 69;
+    },
+    type: "number",
+    value: qtyValue
+  }, rest || {}))), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onTypeChange,
+    options: repeatOptions,
+    value: repeatOptionsValue
+  }))));
+};
+
+export { RepeatPickerInput as default };

package/esm/components/StartDateTime/StartDateTime.js

@@ -0,0 +1,34 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSDatePicker from '@elliemae/ds-date-picker';
+import DSTimePicker from '@elliemae/ds-time-picker';
+import FormLabel from '../Forms/FormLabel.js';
+import FormFieldGroup from '../Forms/FormFieldGroup.js';
+import FormGroup from '../Forms/FormGroup.js';
+import FormField from '../Forms/FormField.js';
+
+var _FormLabel;
+
+const StartDateTime = _ref => {
+  let {
+    onStartDateChange = () => null,
+    onStartTimeChange = () => null,
+    startDateValue = null,
+    startTimeValue = null,
+    startDayBlocked
+  } = _ref;
+  return /*#__PURE__*/_jsx(FormGroup, {}, void 0, _FormLabel || (_FormLabel = /*#__PURE__*/_jsx(FormLabel, {}, void 0, "Starts")), /*#__PURE__*/_jsx(FormFieldGroup, {}, void 0, /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSDatePicker, {
+    appendToBody: true,
+    date: startDateValue,
+    isDayBlocked: startDayBlocked,
+    keepOpenOnDateSelect: false,
+    onDateChange: onStartDateChange,
+    zIndex: 10
+  })), /*#__PURE__*/_jsx(FormField, {}, void 0, /*#__PURE__*/_jsx(DSTimePicker, {
+    onChange: onStartTimeChange,
+    value: startTimeValue,
+    zIndex: 10
+  }))));
+};
+
+export { StartDateTime as default };

package/esm/components/TimeZonePicker/TimeZonePicker.js

@@ -0,0 +1,38 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+import { DSComboBox } from '@elliemae/ds-form';
+import { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';
+import FieldWrapper from '../FieldWrapper/FieldWrapper.js';
+import LabelWrapper from '../LabelWrapper/LabelWrapper.js';
+
+const {
+  cssClassName,
+  classNameElement
+} = convertPropToCssClassName('timezone-picker-input-range-selector');
+
+const TimeZonePicker = _ref => {
+  let {
+    onTimezoneChange = () => null,
+    timezoneValue = dropdownTimeZoneOptions[0].value,
+    timezoneOptions = dropdownTimeZoneOptions,
+    inputLabel = 'Time Zone'
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: "".concat(cssClassName)
+  }, void 0, /*#__PURE__*/_jsx("div", {
+    className: "grid-x"
+  }, void 0, /*#__PURE__*/_jsx("div", {
+    className: "cell medium-4 large-3"
+  }, void 0, /*#__PURE__*/_jsx(LabelWrapper, {}, void 0, /*#__PURE__*/_jsx("div", {
+    className: "".concat(classNameElement('label'))
+  }, void 0, inputLabel))), /*#__PURE__*/_jsx("div", {
+    className: "cell medium-8 large-9"
+  }, void 0, /*#__PURE__*/_jsx(FieldWrapper, {}, void 0, /*#__PURE__*/_jsx(DSComboBox, {
+    onChange: onTimezoneChange,
+    options: timezoneOptions,
+    value: timezoneValue
+  })))));
+};
+
+export { TimeZonePicker as default };

package/esm/components/ValidationMessage/ValidationMessage.js

@@ -0,0 +1,18 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { convertPropToCssClassName } from '@elliemae/ds-classnames';
+
+const {
+  cssClassName
+} = convertPropToCssClassName('recurrence-selector-validation-message');
+
+const ValidationMessage = _ref => {
+  let {
+    validationMessage = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: cssClassName
+  }, void 0, validationMessage);
+};
+
+export { ValidationMessage as default };

package/esm/components/helpers/nthday.js

@@ -0,0 +1,6 @@
+const nth = ['First', 'Second', 'Third', 'Fourth', 'Fifth'];
+const dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+const monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+const nthDay = date => nth[Math.floor(date.getDate() / 7)];
+
+export { dayNames, monthNames, nth, nthDay };

package/esm/index.js

@@ -0,0 +1,8 @@
+export { DSDateTimeRecurrenceSelector, DateTimeRecurenceSelectorWithSchema, DSDateTimeRecurrenceSelector as default } from './DSDateTimeRecurrenceSelector.js';
+export { endTimesOptions, endTypes, endTypesOptions } from './options/endTypesOptions.js';
+export { DropdownRepeatOptionsTypes, dropdownRepeatOptions } from './options/dropdownRepeatOptions.js';
+export { dropdownPreselectedOptions } from './options/dropdownPreselectedOptions.js';
+export { dropdownDayOfWeekOptions } from './options/dropdownDayOfWeekOptions.js';
+export { dropdownDayOfMonthOptions } from './options/dropdownDayOfMonthOptions.js';
+export { dropdownDayOfYearOptions } from './options/dropdownDayOfYearOptions.js';
+export { DropdownTimeZoneTypes, dropdownTimeZoneOptions } from './options/dropdownTimeZoneOptions.js';

package/esm/options/dropdownDayOfMonthOptions.js

@@ -0,0 +1,9 @@
+const dropdownDayOfMonthOptions = [{
+  label: 'on 22nd of the month',
+  value: 'on 22nd of the month'
+}, {
+  label: 'on 3rd Thurday of the month',
+  value: 'on 3rd Thurday of the month'
+}];
+
+export { dropdownDayOfMonthOptions };

package/esm/options/dropdownDayOfWeekOptions.js

@@ -0,0 +1,24 @@
+const dropdownDayOfWeekOptions = [{
+  label: 'M',
+  value: 'monday'
+}, {
+  label: 'Tu',
+  value: 'tuesday'
+}, {
+  label: 'W',
+  value: 'wednesday'
+}, {
+  label: 'Th',
+  value: 'thursday'
+}, {
+  label: 'F',
+  value: 'friday'
+}, {
+  label: 'S',
+  value: 'saturday'
+}, {
+  label: 'Su',
+  value: 'sunday'
+}];
+
+export { dropdownDayOfWeekOptions };

package/esm/options/dropdownDayOfYearOptions.js

@@ -0,0 +1,9 @@
+const dropdownDayOfYearOptions = [{
+  label: 'on 25th of October',
+  value: 'on 25th of October'
+}, {
+  label: 'on 3rd Thurday of October',
+  value: 'on 3rd Thurday of October'
+}];
+
+export { dropdownDayOfYearOptions };

package/esm/options/dropdownPreselectedOptions.js

@@ -0,0 +1,21 @@
+const DropdownOptionsTypes = {
+  NOT_REPEAT: '0',
+  DAILY: '1',
+  WEEKLY_THURSDAY: '3',
+  MONTHLY_22: '4'
+};
+const dropdownPreselectedOptions = [{
+  label: 'Does not repeat',
+  value: DropdownOptionsTypes.NOT_REPEAT
+}, {
+  label: 'Daily',
+  value: DropdownOptionsTypes.DAILY
+}, {
+  label: 'Weekly on Thursday',
+  value: DropdownOptionsTypes.WEEKLY_THURSDAY
+}, {
+  label: 'Monthly on 22nd',
+  value: DropdownOptionsTypes.MONTHLY_22
+}];
+
+export { DropdownOptionsTypes, dropdownPreselectedOptions };

package/esm/options/dropdownRepeatOptions.js

@@ -0,0 +1,21 @@
+const DropdownRepeatOptionsTypes = {
+  DAY: 'day',
+  WEEK: 'week',
+  MONTH: 'month',
+  YEAR: 'year'
+};
+const dropdownRepeatOptions = [{
+  label: 'Day',
+  value: DropdownRepeatOptionsTypes.DAY
+}, {
+  label: 'Week',
+  value: DropdownRepeatOptionsTypes.WEEK
+}, {
+  label: 'Month',
+  value: DropdownRepeatOptionsTypes.MONTH
+}, {
+  label: 'Year',
+  value: DropdownRepeatOptionsTypes.YEAR
+}];
+
+export { DropdownRepeatOptionsTypes, dropdownRepeatOptions };

package/esm/options/dropdownTimeZoneOptions.js

@@ -0,0 +1,29 @@
+const DropdownTimeZoneTypes = {
+  HST: 'HST',
+  AKST: 'AKST',
+  PST: 'PST',
+  MST: 'MST',
+  CST: 'CST',
+  EST: 'EST'
+};
+const dropdownTimeZoneOptions = [{
+  label: 'Eastern',
+  value: DropdownTimeZoneTypes.EST
+}, {
+  label: 'Central',
+  value: DropdownTimeZoneTypes.CST
+}, {
+  label: 'Mountain',
+  value: DropdownTimeZoneTypes.MST
+}, {
+  label: 'Pacific',
+  value: DropdownTimeZoneTypes.PST
+}, {
+  label: 'Alaska',
+  value: DropdownTimeZoneTypes.AKST
+}, {
+  label: 'Hawaii–Aleutian',
+  value: DropdownTimeZoneTypes.HST
+}];
+
+export { DropdownTimeZoneTypes, dropdownTimeZoneOptions };

package/esm/options/endTypesOptions.js

@@ -0,0 +1,33 @@
+const endTypes = {
+  NEVER: 'never',
+  ON: 'on',
+  AFTER: 'after'
+};
+const endTypesOptions = [{
+  label: 'Never',
+  value: endTypes.NEVER
+}, {
+  label: 'On',
+  value: endTypes.ON
+}, {
+  label: 'After',
+  value: endTypes.AFTER
+}];
+const endTimesOptions = [{
+  label: '1 Time',
+  value: 1
+}, {
+  label: '2 Times',
+  value: 2
+}, {
+  label: '3 Times',
+  value: 3
+}, {
+  label: '6 Times',
+  value: 6
+}, {
+  label: '12 Times',
+  value: 12
+}];
+
+export { endTimesOptions, endTypes, endTypesOptions };