@elliemae/ds-date-time-recurrence-picker 2.0.0-alpha.11 → 2.0.0-alpha.12

package/esm/components/DaysOfWeekPicker/DaysOfWeekPicker.js

@@ -1,10 +1,9 @@
 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 from '@elliemae/ds-basic/form/RadioGroup';
-import DSRadio from '@elliemae/ds-basic/form/Radio';
-import DSCheckboxGroup from '@elliemae/ds-basic/form/CheckboxGroup';
-import DSCheckbox from '@elliemae/ds-basic/form/Checkbox';
+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';
@@ -20,13 +19,14 @@ const getActive = (allowMultipleDaysOfWeek, active) => {
   return [active];
 };
 
-const DaysOfWeekPicker = ({
-  allowMultipleDaysOfWeek = false,
-  onDayChange = () => null,
-  active = dropdownDayOfWeekOptions[0].value,
-  options = dropdownDayOfWeekOptions,
-  inputLabel = 'On'
-}) => {
+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
@@ -34,23 +34,29 @@ const DaysOfWeekPicker = ({
     activeValue: safeActive,
     onChange: onDayChange,
     orientation: "horizontal"
-  }, void 0, options.map(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx(DSRadio, {
-    labelText: label,
-    value: value
-  }, index))), allowMultipleDaysOfWeek && /*#__PURE__*/_jsx(DSCheckboxGroup, {
+  }, 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(({
-    label,
-    value
-  }, index) => /*#__PURE__*/_jsx(DSCheckbox, {
-    labelText: label,
-    value: value
-  }, index)))));
+  }, 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

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import DSDatePicker from '@elliemae/ds-date-picker';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { endTypes } from '../../options/endTypesOptions.js';
 import FormField from '../Forms/FormField.js';
 import FormLabel from '../Forms/FormLabel.js';
@@ -10,31 +10,34 @@ import FormFieldGroup from '../Forms/FormFieldGroup.js';
 
 var _FormLabel, _FormField;
 
-const EndDate = ({
-  onEndDateChange = () => null,
-  onEndTypeChange = () => null,
-  onEndTimesChange = () => null,
-  endDateValue = null,
-  endTypeValue = null,
-  endTypesOptions = [],
-  endTimesOptions = [],
-  endTimesValue = null,
-  endDayBlocked
-}) => /*#__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
-}))));
+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

@@ -6,9 +6,10 @@ const {
   cssClassName
 } = convertPropToCssClassName('field-wrapper');
 
-function FieldWrapper({
-  children
-}) {
+function FieldWrapper(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx("div", {
     className: "".concat(cssClassName)
   }, void 0, children);

package/esm/components/LabelWrapper/LabelWrapper.js

@@ -6,9 +6,10 @@ const {
   cssClassName
 } = convertPropToCssClassName('label-wrapper');
 
-function LabelWrapper({
-  children
-}) {
+function LabelWrapper(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx("div", {
     className: "".concat(cssClassName)
   }, void 0, children);

package/esm/components/RepeatPickerInput/RepeatPickerInput.js

@@ -1,11 +1,15 @@
+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 DSComboBox from '@elliemae/ds-basic/form/ComboBox';
-import DSTextBox from '@elliemae/ds-basic/form/TextBox';
+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';
@@ -21,15 +25,16 @@ const {
   cssClassName
 } = convertPropToCssClassName('repeat-picker-input-range-selector');
 
-const RepeatPickerInput = ({
-  onQtyChange = () => null,
-  onTypeChange = () => null,
-  qtyValue = 1,
-  repeatOptions = [],
-  repeatOptionsValue = null,
-  repeatInputLabel = 'Repeats every',
-  repeatFrecuencyCustomProps = {}
-}) => {
+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);

package/esm/components/StartDateTime/StartDateTime.js

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import DSDatePicker from '@elliemae/ds-date-picker';
-import DSTimePicker from '@elliemae/ds-basic/TimePicker';
+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';
@@ -9,23 +9,26 @@ import FormField from '../Forms/FormField.js';
 
 var _FormLabel;
 
-const StartDateTime = ({
-  onStartDateChange = () => null,
-  onStartTimeChange = () => null,
-  startDateValue = null,
-  startTimeValue = null,
-  startDayBlocked
-}) => /*#__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
-}))));
+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

@@ -1,7 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';
 import { convertPropToCssClassName } from '@elliemae/ds-classnames';
-import DSComboBox from '@elliemae/ds-basic/form/ComboBox';
+import { DSComboBox } from '@elliemae/ds-form';
 import { dropdownTimeZoneOptions } from '../../options/dropdownTimeZoneOptions.js';
 import FieldWrapper from '../FieldWrapper/FieldWrapper.js';
 import LabelWrapper from '../LabelWrapper/LabelWrapper.js';
@@ -11,25 +11,28 @@ const {
   classNameElement
 } = convertPropToCssClassName('timezone-picker-input-range-selector');
 
-const TimeZonePicker = ({
-  onTimezoneChange = () => null,
-  timezoneValue = dropdownTimeZoneOptions[0].value,
-  timezoneOptions = dropdownTimeZoneOptions,
-  inputLabel = 'Time Zone'
-}) => /*#__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
-})))));
+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

@@ -6,10 +6,13 @@ const {
   cssClassName
 } = convertPropToCssClassName('recurrence-selector-validation-message');
 
-const ValidationMessage = ({
-  validationMessage = ''
-}) => /*#__PURE__*/_jsx("div", {
-  className: cssClassName
-}, void 0, validationMessage);
+const ValidationMessage = _ref => {
+  let {
+    validationMessage = ''
+  } = _ref;
+  return /*#__PURE__*/_jsx("div", {
+    className: cssClassName
+  }, void 0, validationMessage);
+};
 
 export { ValidationMessage as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-date-time-recurrence-picker",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Date Time Recurrence Picker",
   "module": "./esm/index.js",
@@ -144,14 +144,19 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-basic": "2.0.0-alpha.11",
-    "@elliemae/ds-classnames": "2.0.0-alpha.11",
-    "@elliemae/ds-date-picker": "2.0.0-alpha.11",
-    "@elliemae/ds-modal": "2.0.0-alpha.11",
+    "@elliemae/ds-classnames": "2.0.0-alpha.12",
+    "@elliemae/ds-date-picker": "2.0.0-alpha.12",
+    "@elliemae/ds-form": "2.0.0-alpha.12",
+    "@elliemae/ds-modal": "2.0.0-alpha.12",
+    "@elliemae/ds-time-picker": "2.0.0-alpha.12",
     "moment": "~2.29.1",
     "react-dates": "~21.8.0",
-    "react-select": "4.3.1",
-    "react-text-mask": "~5.4.3"
+    "react-desc": "~4.1.3",
+    "react-select": "4.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",