@elliemae/ds-controlled-form 2.4.2-rc.1 → 2.4.2-rc.3

package/types/date-time-picker/parts/DateInputs/DDInput.d.ts

@@ -10,6 +10,7 @@ interface DDInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
+    isFocused: boolean;
 }
-export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, }: DDInputsPropsT) => JSX.Element>;
+export declare const DDInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, contextRef, placeholder, ariaCurrentValueForInputs, isFocused, }: DDInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/parts/DateInputs/MMInput.d.ts

@@ -11,6 +11,7 @@ interface MMInputsPropsT {
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
     placeholder: string;
     ariaCurrentValueForInputs: string;
+    isFocused: boolean;
 }
-export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, }: MMInputsPropsT) => JSX.Element>;
+export declare const MMInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, autoFocusMonthInput, ariaCurrentValueForInputs, isFocused, }: MMInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/parts/DateInputs/YYYYInput.d.ts

@@ -10,6 +10,7 @@ interface YYYYInputsPropsT {
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
     placeholder: string;
     ariaCurrentValueForInputs: string;
+    isFocused: boolean;
 }
-export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, }: YYYYInputsPropsT) => JSX.Element>;
+export declare const YYYYInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, contextRef, ariaCurrentValueForInputs, isFocused, }: YYYYInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/parts/Pickers/Calendar/useConfigCalendarCTX.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { useCurrentDisplayedMonthYearLogic } from './useCurrentDisplayedMonthYearLogic';
+import { useFocusLogic } from './useFocusLogic';
+import { usePopperTriggerLogic } from './usePopperTriggerLogic';
+import { useKeyboardHandlers } from './useKeyboardHandlers';
+export declare type CalendarContextT = ReturnType<typeof useCurrentDisplayedMonthYearLogic> & ReturnType<typeof useFocusLogic> & ReturnType<typeof usePopperTriggerLogic> & ReturnType<typeof useKeyboardHandlers> & {
+    showCalendar: boolean;
+    setShowCalendar: StateSetter<boolean>;
+    onPrevYearFocus: React.FocusEventHandler;
+    onPrevMonthFocus: React.FocusEventHandler;
+    onNextMonthFocus: React.FocusEventHandler;
+    onNextYearFocus: React.FocusEventHandler;
+};
+export declare const useConfigCalendarCTX: () => CalendarContextT;

package/types/date-time-picker/parts/Pickers/Calendar/useFocusLogic.d.ts

@@ -6,10 +6,9 @@ interface UseFocusLogicArgsT {
 }
 interface FocusLogicT {
     focusedDay?: DSControlledDateTimePickerInternalsT.MetaMonthDay;
-    tryToFocusCurrentlyDataIsFocusedDay: () => void;
     resetFocusedDayToStartDate: () => void;
     handleFocusMetaDay: (metaDayToFocus: DSControlledDateTimePickerInternalsT.MetaMonthDay) => void;
     handleFocusMetaDayByDay: (day: Date) => void;
 }
-export declare const useFocusLogic: ({ currentDisplayedMonthLogic, showCalendar }: UseFocusLogicArgsT) => FocusLogicT;
+export declare const useFocusLogic: ({ currentDisplayedMonthLogic }: UseFocusLogicArgsT) => FocusLogicT;
 export {};

package/types/date-time-picker/parts/Pickers/Calendar/usePopperTriggerLogic.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { usePopper } from 'react-popper';
+import { useFocusLogic } from './useFocusLogic';
+interface UsePopperTriggerLogic {
+    focusLogic: ReturnType<typeof useFocusLogic>;
+    showCalendar: boolean;
+    setShowCalendar: StateSetter<boolean>;
+}
+interface PopperTriggerLogicT {
+    closeCalendar: () => void;
+    setPopperElement: StateSetter<HTMLDivElement | null>;
+    setArrowElement: StateSetter<HTMLDivElement | null>;
+    usePopperHelpers: ReturnType<typeof usePopper>;
+    handleToggleCalendar: () => void;
+    handleSetTriggerRef: (instance: HTMLButtonElement) => void;
+    handleMenuWrapperKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+}
+export declare const usePopperTriggerLogic: ({ focusLogic, showCalendar, setShowCalendar, }: UsePopperTriggerLogic) => PopperTriggerLogicT;
+export {};

package/types/date-time-picker/parts/Pickers/TimeWheel/useKeyboardHandlers.d.ts

@@ -4,15 +4,9 @@ interface UseKeyboardHandlersArgs {
     currentDisplayedTimeWheelLogic: ReturnType<typeof useCurrentDisplayedWheelsLogic>;
 }
 interface KeyboardHandlersT {
-    handlePrevHourBtnOnKeyDown: (e: React.KeyboardEvent) => void;
     handleCurrHourOnKeyDown: (e: React.KeyboardEvent) => void;
-    handleNextHourBtnOnKeyDown: (e: React.KeyboardEvent) => void;
-    handlePrevMinuteBtnOnKeyDown: (e: React.KeyboardEvent) => void;
     handleCurrMinutesOnKeyDown: (e: React.KeyboardEvent) => void;
-    handleNextMinuteBtnOnKeyDown: (e: React.KeyboardEvent) => void;
-    handlePrevMeridiemBtnOnKeyDown: (e: React.KeyboardEvent) => void;
     handleCurrMeridiemOnKeyDown: (e: React.KeyboardEvent) => void;
-    handleNextMeridiemBtnOnKeyDown: (e: React.KeyboardEvent) => void;
     handlePickerIconKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
 }
 export declare const useKeyboardHandlers: ({ currentDisplayedTimeWheelLogic }: UseKeyboardHandlersArgs) => KeyboardHandlersT;

package/types/date-time-picker/parts/Pickers/TimeWheel/usePopperTriggerLogic.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { usePopper } from 'react-popper';
+interface PopperTriggerLogicT {
+    showTimePicker: boolean;
+    setShowTimePicker: StateSetter<boolean>;
+    setPopperElement: StateSetter<HTMLDivElement>;
+    setArrowElement: StateSetter<HTMLDivElement>;
+    usePopperHelpers: ReturnType<typeof usePopper>;
+    handleToggleTimePicker: () => void;
+    handleSetTriggerRef: (instance: HTMLButtonElement) => void;
+    handleMenuWrapperKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;
+}
+export declare const usePopperTriggerLogic: () => PopperTriggerLogicT;
+export {};

package/types/date-time-picker/parts/TimeInputs/HHInput.d.ts

@@ -11,6 +11,7 @@ interface HHInputsPropsT {
     placeholder: string;
     ariaCurrentValueForInputs: string;
     autoFocusHourInput: boolean;
+    isFocused: boolean;
 }
-export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, }: HHInputsPropsT) => JSX.Element>;
+export declare const HHInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, autoFocusHourInput, isFocused, }: HHInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/parts/TimeInputs/MeridiemInput.d.ts

@@ -10,6 +10,7 @@ interface MeridiemInputsPropsT {
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
     placeholder: string;
     ariaCurrentValueForInputs: string;
+    isFocused: boolean;
 }
-export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MeridiemInputsPropsT) => JSX.Element>;
+export declare const MeridiemInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, }: MeridiemInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/parts/TimeInputs/MinutesInput.d.ts

@@ -10,6 +10,7 @@ interface MinutesInputsPropsT {
     contextRef: React.MutableRefObject<HTMLInputElement | null>;
     placeholder: string;
     ariaCurrentValueForInputs: string;
+    isFocused: boolean;
 }
-export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, }: MinutesInputsPropsT) => JSX.Element>;
+export declare const MinutesInput: React.MemoExoticComponent<({ onChange, onBlur, onFocus, onKeyDown, value, disabled, placeholder, ariaCurrentValueForInputs, contextRef, isFocused, }: MinutesInputsPropsT) => JSX.Element>;
 export {};

package/types/date-time-picker/propTypes.d.ts

@@ -0,0 +1,117 @@
+import React from 'react';
+export declare namespace DSControlledDateTimePickerT {
+    type OnInternalValuesChangeEvent = React.ChangeEvent<HTMLInputElement> | React.KeyboardEvent<HTMLInputElement> | React.KeyboardEvent<HTMLButtonElement> | React.KeyboardEvent | React.MouseEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>;
+    type ControlTypes = 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only' | 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only' | 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';
+    interface InternalInputsChangeMetaInfo {
+        isAutomaticFillTrigger?: boolean;
+        isDayPresentInMonth?: boolean;
+        isOutOfRangeDay?: boolean;
+        isDisabledDay?: boolean;
+        isDisabledTime?: boolean;
+        suggestedErrorMsg?: string;
+        newDateTimeString?: string;
+        newDateString?: string;
+        newTimeString?: string;
+    }
+    type OnDateChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;
+    type OnTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;
+    type OnDateTimeChange = (val: string, metaInfo: InternalInputsChangeMetaInfo) => void;
+    type OnInternalInputsChange = (val: string, e: OnInternalValuesChangeEvent, metaInfo?: InternalInputsChangeMetaInfo) => void;
+    interface DefaultDateProps {
+        onMonthChange: OnInternalInputsChange;
+        onDayChange: OnInternalInputsChange;
+        onYearChange: OnInternalInputsChange;
+        onPickerOpen: NoopishFunc;
+        onPickerClose: NoopishFunc;
+        getIsDisabledDay: BooleanGetter<string>;
+        getIsOutOfRangeDay: BooleanGetter<string>;
+        getIsStartRangeDay: BooleanGetter<string>;
+        getIsDayInRange: BooleanGetter<string>;
+        getIsEndRangeDay: BooleanGetter<string>;
+        isClearable: boolean;
+        disabled: boolean;
+        hasError: boolean;
+        autoFocus: boolean;
+        preventCloseOnSelection: boolean;
+    }
+    interface OptionalDatePickerProps {
+        emptyPickerStartingMonth?: string;
+        onCalendarOpenFocusedDay?: string;
+        pickerFooterMsg?: string;
+    }
+    interface RequiredDatePickerProps {
+        type: 'full-date' | 'date-inputs' | 'date-picker' | 'date-picker-controller-only';
+        date: string;
+        onDateChange: OnDateChange;
+    }
+    type DatePickerProps = OptionalDatePickerProps & Partial<DefaultDateProps> & RequiredDatePickerProps;
+    type InternalDatePickerProps = OptionalDatePickerProps & DefaultDateProps & RequiredDatePickerProps;
+    interface DefaultTimeProps {
+        onHourChange: OnInternalInputsChange;
+        onMinuteChange: OnInternalInputsChange;
+        onMeridiemChange: OnInternalInputsChange;
+        onPickerOpen: NoopishFunc;
+        onPickerClose: NoopishFunc;
+        getIsDisabledTime: BooleanGetter<string>;
+        minutesInterval: number;
+        isClearable: boolean;
+        disabled: boolean;
+        hasError: boolean;
+        autoFocus: boolean;
+        preventCloseOnSelection: boolean;
+    }
+    interface OptionalTimePickerProps {
+        pickerFooterMsg?: string;
+        onTimeWheelOpenStartingTime?: string;
+    }
+    interface RequiredTimePickerProps {
+        type: 'full-time' | 'time-inputs' | 'time-picker' | 'time-picker-controller-only';
+        time: string;
+        onTimeChange: OnTimeChange;
+    }
+    type TimePickerProps = OptionalTimePickerProps & Partial<DefaultTimeProps> & RequiredTimePickerProps;
+    type InternalTimePickerProps = OptionalTimePickerProps & DefaultTimeProps & RequiredTimePickerProps;
+    type DefaultDateTimeProps = DefaultTimeProps & DefaultDateProps & {
+        onDateChange: OnDateChange;
+        onTimeChange: OnTimeChange;
+    };
+    type OptionalDateTimeProps = OptionalTimePickerProps & OptionalDatePickerProps;
+    interface RequiredDateTimeProps {
+        type: 'full-date-time' | 'date-time-inputs' | 'date-time-picker' | 'date-time-picker-controller-only';
+        dateTime: string;
+        onDateTimeChange: OnDateTimeChange;
+    }
+    type DateTimePickerProps = Partial<DefaultDateTimeProps> & OptionalDateTimeProps & RequiredDateTimeProps;
+    type InternalDateTimePickerProps = DefaultDateTimeProps & OptionalDateTimeProps & RequiredDateTimeProps;
+    type DefaultProps = DefaultDateTimeProps & {
+        type: 'full-date-time';
+    };
+    type Props = DateTimePickerProps | DatePickerProps | TimePickerProps;
+    type InternalProps = InternalDateTimePickerProps | InternalDatePickerProps | InternalTimePickerProps;
+}
+export declare const defaultProps: DSControlledDateTimePickerT.DefaultProps;
+export declare const propTypes: {
+    type: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    isClearable: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    dateTime: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    date: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    time: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDateChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTimeChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDateTimeChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMonthChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onDayChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onYearChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onHourChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMinuteChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onMeridiemChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    getIsDisabledDay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    getIsOutOfRangeDay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    getIsDisabledTime: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    emptyPickerStartingMonth: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onCalendarOpenFocusedDay: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onTimeWheelOpenStartingTime: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    minutesInterval: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    'data-testid': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/date-time-picker/sharedTypes.d.ts

@@ -10,7 +10,7 @@ export declare namespace DSControlledDateTimePickerInternalsT {
         isNextMonthDay: boolean;
         isCurrMonthDay: boolean;
         isHidden: boolean;
-        dayBtnRef: React.RefObject<HTMLButtonElement>;
+        dayBtnRef: React.MutableRefObject<HTMLButtonElement>;
     }
     type OnKeyDown<HTMLT = HTMLInputElement> = (e: React.KeyboardEvent<HTMLT>) => void;
     type OnChangeFunc = (e: React.ChangeEvent<HTMLInputElement>) => void;

package/types/date-time-picker/utils/constants.d.ts

@@ -33,12 +33,6 @@ export declare const announcableCardinalDays: {
     readonly 30: "thirtieth";
     readonly 31: "thirty first";
 };
-export declare const homeEndAllArrowKeys: string[];
-export declare const homeEndKeys: string[];
-export declare const homeEndArrowUpDownDashSlashesKeys: string[];
-export declare const homeEndArrowUpDownSpaceKeys: string[];
-export declare const homeEndArrowUpDownSemiKeys: string[];
-export declare const homeEndArrowUpDownKeys: string[];
 export declare const defaultMetaInfo: {
     isAutomaticFillTrigger: boolean;
 };