@elliemae/ds-controlled-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/controlled-date-time-picker/ControlledDateTimePickerCTX.js

@@ -1,15 +1,19 @@
-import * as React from "react";
-import { createContext, createRef } from "react";
-import { CONTROLLED_DATE_TIME_PICKER_TYPES } from "./ControlledDateTimePickerTypes";
-const noop = () => {
-};
-const defaultReturnFalse = () => false;
+import { createContext, createRef } from 'react';
+import { CONTROLLED_DATE_TIME_PICKER_TYPES } from './ControlledDateTimePickerTypes.js';
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const noop = () => {};
+
+const defaultReturnFalse = () => false; // const mockedStringStateSetter: React.Dispatch<React.SetStateAction<string>> = noop;
+
+
 const mockedSetLatestInteractionRegion = noop;
 const defaultProps = {
+  // changing default type requires changing default booleans (hideDate, withAnyInputs, etc...) in the context too
   type: CONTROLLED_DATE_TIME_PICKER_TYPES.DATE_TIME.FULL,
-  dateTime: "",
-  date: "",
-  time: "",
+  dateTime: '',
+  date: '',
+  time: '',
   onDateChange: noop,
   onMonthChange: noop,
   onDayChange: noop,
@@ -17,6 +21,7 @@ const defaultProps = {
   onTimeChange: noop,
   onHourChange: noop,
   onMinuteChange: noop,
+  // onSecondsChange: noop,
   onMeridiemChange: noop,
   onDateTimeChange: noop,
   onPickerOpen: noop,
@@ -27,46 +32,49 @@ const defaultProps = {
   getIsDayInRange: defaultReturnFalse,
   getIsEndRangeDay: defaultReturnFalse,
   getIsDisabledTime: defaultReturnFalse,
-  emptyPickerStartingMonth: void 0,
-  onCalendarOpenFocusedDay: void 0,
+  emptyPickerStartingMonth: undefined,
+  onCalendarOpenFocusedDay: undefined,
   minutesInterval: 1,
   isClearable: false,
   disabled: false,
   hasError: false,
   autoFocus: false,
   preventCloseOnSelection: false,
-  pickerFooterMsg: void 0
+  pickerFooterMsg: undefined
 };
 const defaultContext = {
   props: defaultProps,
-  monthInputRef: createRef(),
-  dayInputRef: createRef(),
-  yearInputRef: createRef(),
-  hourInputRef: createRef(),
-  minutesInputRef: createRef(),
-  meridiemInputRef: createRef(),
-  clearButtonRef: createRef(),
-  pickerButtonRef: createRef(),
-  prevYearBtnRef: createRef(),
-  prevMonthBtnRef: createRef(),
-  nextMonthBtnRef: createRef(),
-  nextYearBtnRef: createRef(),
-  calendarDaysWrapperRef: createRef(),
-  prevHourBtnRef: createRef(),
-  currHourBtnRef: createRef(),
-  nextHourBtnRef: createRef(),
-  prevMinutesBtnRef: createRef(),
-  currMinutesBtnRef: createRef(),
-  nextMinutesBtnRef: createRef(),
-  prevMeridiemBtnRef: createRef(),
-  currMeridiemBtnRef: createRef(),
-  nextMeridiemBtnRef: createRef(),
-  firstSegmentRef: createRef(),
-  lastSegmentRef: createRef(),
-  ariaCurrentValueForInputs: "",
-  dateStringFromProps: "",
-  tempDateString: "__/__/____",
-  tempTimeString: "__:__:__ __",
+  monthInputRef: /*#__PURE__*/createRef(),
+  dayInputRef: /*#__PURE__*/createRef(),
+  yearInputRef: /*#__PURE__*/createRef(),
+  hourInputRef: /*#__PURE__*/createRef(),
+  minutesInputRef: /*#__PURE__*/createRef(),
+  // secondsInputRef: createRef<HTMLInputElement>(),
+  meridiemInputRef: /*#__PURE__*/createRef(),
+  clearButtonRef: /*#__PURE__*/createRef(),
+  pickerButtonRef: /*#__PURE__*/createRef(),
+  prevYearBtnRef: /*#__PURE__*/createRef(),
+  prevMonthBtnRef: /*#__PURE__*/createRef(),
+  nextMonthBtnRef: /*#__PURE__*/createRef(),
+  nextYearBtnRef: /*#__PURE__*/createRef(),
+  calendarDaysWrapperRef: /*#__PURE__*/createRef(),
+  prevHourBtnRef: /*#__PURE__*/createRef(),
+  currHourBtnRef: /*#__PURE__*/createRef(),
+  nextHourBtnRef: /*#__PURE__*/createRef(),
+  prevMinutesBtnRef: /*#__PURE__*/createRef(),
+  currMinutesBtnRef: /*#__PURE__*/createRef(),
+  nextMinutesBtnRef: /*#__PURE__*/createRef(),
+  prevMeridiemBtnRef: /*#__PURE__*/createRef(),
+  currMeridiemBtnRef: /*#__PURE__*/createRef(),
+  nextMeridiemBtnRef: /*#__PURE__*/createRef(),
+  firstSegmentRef: /*#__PURE__*/createRef(),
+  lastSegmentRef: /*#__PURE__*/createRef(),
+  ariaCurrentValueForInputs: '',
+  dateStringFromProps: '',
+  tempDateString: '__/__/____',
+  // setDateString: mockedStringStateSetter,
+  tempTimeString: '__:__:__ __',
+  // setTimeString: mockedStringStateSetter,
   handleChangeComposedDateTimeString: noop,
   handleChangeComposedDateString: noop,
   handleChangeComposedTimeString: noop,
@@ -101,15 +109,12 @@ const defaultContext = {
   autoFocusPrevMonthArrow: false,
   autoFocusHourTimeWheel: false,
   shouldPreserveClearableSpace: false,
-  latestInteractionRegion: "",
+  latestInteractionRegion: '',
   setLatestInteractionRegion: mockedSetLatestInteractionRegion,
   onGlobalKeyDown: noop
 };
-const ControlledDateTimePickerContext = createContext(defaultContext);
-var ControlledDateTimePickerCTX_default = ControlledDateTimePickerContext;
-export {
-  ControlledDateTimePickerContext,
-  ControlledDateTimePickerCTX_default as default,
-  defaultProps
-};
-//# sourceMappingURL=ControlledDateTimePickerCTX.js.map
+/** Context for cross component communication */
+
+const ControlledDateTimePickerContext = /*#__PURE__*/createContext(defaultContext);
+
+export { ControlledDateTimePickerContext, ControlledDateTimePickerContext as default, defaultProps };

package/esm/controlled-date-time-picker/ControlledDateTimePickerDatatestid.js

@@ -1,60 +1,59 @@
-import * as React from "react";
 const ControlledDateTimePickerDatatestid = {
   DATE_INPUTS: {
-    MONTH: "ds-controlled-date-time-picker-month-input",
-    DAY: "ds-controlled-date-time-picker-day-input",
-    YEAR: "ds-controlled-date-time-picker-year-input"
+    MONTH: 'ds-controlled-date-time-picker-month-input',
+    DAY: 'ds-controlled-date-time-picker-day-input',
+    YEAR: 'ds-controlled-date-time-picker-year-input'
   },
   TIME_INPUTS: {
-    HOUR: "ds-controlled-date-time-picker-hour-input",
-    MINUTE: "ds-controlled-date-time-picker-minute-input",
-    MERIDIEM: "ds-controlled-date-time-picker-meridiem-input"
+    HOUR: 'ds-controlled-date-time-picker-hour-input',
+    MINUTE: 'ds-controlled-date-time-picker-minute-input',
+    MERIDIEM: 'ds-controlled-date-time-picker-meridiem-input'
   },
   PICKER_ICONS: {
-    CALENDAR: "ds-controlled-date-time-picker-calendar-trigger-icon",
-    TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-trigger-icon",
-    CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-trigger-icon"
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-trigger-icon',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-trigger-icon',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-trigger-icon'
   },
   CALENDAR: {
-    PREV_YEAR: "ds-controlled-date-time-picker-calendar-prev-year",
-    PREV_MONTH: "ds-controlled-date-time-picker-calendar-prev-month",
-    DAY: "ds-controlled-date-time-picker-calendar-day",
-    FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-focused-day",
-    START_RANGE_DAY: "ds-controlled-date-time-picker-calendar-start-range-day",
-    IN_RANGE_DAY: "ds-controlled-date-time-picker-calendar-in-range-day",
-    END_RANGE_DAY: "ds-controlled-date-time-picker-calendar-end-range-day",
-    SELECTED_DAY: "ds-controlled-date-time-picker-calendar-selected-day",
-    SELECTED_FOCUSED_DAY: "ds-controlled-date-time-picker-calendar-selected-focused-day",
-    NEXT_MONTH: "ds-controlled-date-time-picker-calendar-next-month",
-    NEXT_YEAR: "ds-controlled-date-time-picker-calendar-next-year"
+    PREV_YEAR: 'ds-controlled-date-time-picker-calendar-prev-year',
+    PREV_MONTH: 'ds-controlled-date-time-picker-calendar-prev-month',
+    DAY: 'ds-controlled-date-time-picker-calendar-day',
+    FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-focused-day',
+    START_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-start-range-day',
+    // <-nuevo
+    IN_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-in-range-day',
+    // <-nuevo
+    END_RANGE_DAY: 'ds-controlled-date-time-picker-calendar-end-range-day',
+    SELECTED_DAY: 'ds-controlled-date-time-picker-calendar-selected-day',
+    SELECTED_FOCUSED_DAY: 'ds-controlled-date-time-picker-calendar-selected-focused-day',
+    NEXT_MONTH: 'ds-controlled-date-time-picker-calendar-next-month',
+    NEXT_YEAR: 'ds-controlled-date-time-picker-calendar-next-year'
   },
   TIMEWHEEL: {
-    PREV_HOUR: "ds-controlled-date-time-picker-timewheel-prev-hour",
-    HOUR: "ds-controlled-date-time-picker-timewheel-hour",
-    CURRENT_HOUR: "ds-controlled-date-time-picker-timewheel-current-hour",
-    NEXT_HOUR: "ds-controlled-date-time-picker-timewheel-next-hour",
-    PREV_MINUTE: "ds-controlled-date-time-picker-timewheel-prev-minute",
-    MINUTE: "ds-controlled-date-time-picker-timewheel-minute",
-    CURRENT_MINUTE: "ds-controlled-date-time-picker-timewheel-current-minute",
-    NEXT_MINUTE: "ds-controlled-date-time-picker-timewheel-next-minute",
-    PREV_MERIDIEM: "ds-controlled-date-time-picker-timewheel-prev-meridiem",
-    MERIDIEM: "ds-controlled-date-time-picker-timewheel-meridiem",
-    CURRENT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-current-meridiem",
-    NEXT_MERIDIEM: "ds-controlled-date-time-picker-timewheel-next-meridiem"
+    PREV_HOUR: 'ds-controlled-date-time-picker-timewheel-prev-hour',
+    HOUR: 'ds-controlled-date-time-picker-timewheel-hour',
+    CURRENT_HOUR: 'ds-controlled-date-time-picker-timewheel-current-hour',
+    NEXT_HOUR: 'ds-controlled-date-time-picker-timewheel-next-hour',
+    PREV_MINUTE: 'ds-controlled-date-time-picker-timewheel-prev-minute',
+    MINUTE: 'ds-controlled-date-time-picker-timewheel-minute',
+    CURRENT_MINUTE: 'ds-controlled-date-time-picker-timewheel-current-minute',
+    NEXT_MINUTE: 'ds-controlled-date-time-picker-timewheel-next-minute',
+    PREV_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-prev-meridiem',
+    MERIDIEM: 'ds-controlled-date-time-picker-timewheel-meridiem',
+    CURRENT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-current-meridiem',
+    NEXT_MERIDIEM: 'ds-controlled-date-time-picker-timewheel-next-meridiem'
   },
   CONTEXTUAL_MENU: {
-    CALENDAR: "ds-controlled-date-time-picker-calendar-context-content-wrapper",
-    TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-context-content-wrapper",
-    CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper"
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-context-content-wrapper',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-context-content-wrapper',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-context-content-wrapper'
   },
   CONTROLLER_COMPONENT: {
-    CALENDAR: "ds-controlled-date-time-picker-calendar-controller-wrapper",
-    TIMEWHEEL: "ds-controlled-date-time-picker-timewheel-controller-wrapper",
-    CALENDAR_TIMEWHEEL: "ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper"
+    CALENDAR: 'ds-controlled-date-time-picker-calendar-controller-wrapper',
+    TIMEWHEEL: 'ds-controlled-date-time-picker-timewheel-controller-wrapper',
+    CALENDAR_TIMEWHEEL: 'ds-controlled-date-time-picker-calendar-timewheel-controller-wrapper'
   },
-  CLEAR_BUTTON: "ds-controlled-date-time-picker-clear-btn"
+  CLEAR_BUTTON: 'ds-controlled-date-time-picker-clear-btn'
 };
-export {
-  ControlledDateTimePickerDatatestid
-};
-//# sourceMappingURL=ControlledDateTimePickerDatatestid.js.map
+
+export { ControlledDateTimePickerDatatestid };

package/esm/controlled-date-time-picker/ControlledDateTimePickerTypes.js

@@ -1,25 +1,23 @@
-import * as React from "react";
+/* eslint-disable @typescript-eslint/prefer-as-const */
 const CONTROLLED_DATE_TIME_PICKER_TYPES = {
   DATE_TIME: {
-    FULL: "full-date-time",
-    CONTROLLER_ONLY: "date-time-picker-controller-only",
-    PICKER: "date-time-picker",
-    INPUTS: "date-time-inputs"
+    FULL: 'full-date-time',
+    CONTROLLER_ONLY: 'date-time-picker-controller-only',
+    PICKER: 'date-time-picker',
+    INPUTS: 'date-time-inputs'
   },
   DATE: {
-    FULL: "full-date",
-    CONTROLLER_ONLY: "date-picker-controller-only",
-    PICKER: "date-picker",
-    INPUTS: "date-inputs"
+    FULL: 'full-date',
+    CONTROLLER_ONLY: 'date-picker-controller-only',
+    PICKER: 'date-picker',
+    INPUTS: 'date-inputs'
   },
   TIME: {
-    FULL: "full-time",
-    CONTROLLER_ONLY: "time-picker-controller-only",
-    PICKER: "time-picker",
-    INPUTS: "time-inputs"
+    FULL: 'full-time',
+    CONTROLLER_ONLY: 'time-picker-controller-only',
+    PICKER: 'time-picker',
+    INPUTS: 'time-inputs'
   }
 };
-export {
-  CONTROLLED_DATE_TIME_PICKER_TYPES
-};
-//# sourceMappingURL=ControlledDateTimePickerTypes.js.map
+
+export { CONTROLLED_DATE_TIME_PICKER_TYPES };