@elliemae/ds-controlled-form 2.4.2-rc.0 → 2.4.2-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.2-rc.0",
+  "version": "2.4.2-rc.9",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -159,6 +159,26 @@
       "import": "./esm/large-text-input/DSControlledLargeTextInput.js",
       "require": "./cjs/large-text-input/DSControlledLargeTextInput.js"
     },
+    "./input-group/styled": {
+      "import": "./esm/input-group/styled.js",
+      "require": "./cjs/input-group/styled.js"
+    },
+    "./input-group/react-desc-prop-types": {
+      "import": "./esm/input-group/react-desc-prop-types.js",
+      "require": "./cjs/input-group/react-desc-prop-types.js"
+    },
+    "./input-group/InputGroupDataTestIds": {
+      "import": "./esm/input-group/InputGroupDataTestIds.js",
+      "require": "./cjs/input-group/InputGroupDataTestIds.js"
+    },
+    "./input-group/InputGroup": {
+      "import": "./esm/input-group/InputGroup.js",
+      "require": "./cjs/input-group/InputGroup.js"
+    },
+    "./input-group": {
+      "import": "./esm/input-group/index.js",
+      "require": "./cjs/input-group/index.js"
+    },
     "./date-time-picker/utils/typeGuards": {
       "import": "./esm/date-time-picker/utils/typeGuards.js",
       "require": "./cjs/date-time-picker/utils/typeGuards.js"
@@ -491,6 +511,10 @@
       "import": "./esm/date-time-picker/config/useGetDestructuredValues.js",
       "require": "./cjs/date-time-picker/config/useGetDestructuredValues.js"
     },
+    "./date-time-picker/config/useFocusTracker": {
+      "import": "./esm/date-time-picker/config/useFocusTracker.js",
+      "require": "./cjs/date-time-picker/config/useFocusTracker.js"
+    },
     "./date-time-picker/config/useControlledDateTimePicker": {
       "import": "./esm/date-time-picker/config/useControlledDateTimePicker.js",
       "require": "./cjs/date-time-picker/config/useControlledDateTimePicker.js"
@@ -559,6 +583,10 @@
       "import": "./esm/combobox/utils/listHelper.js",
       "require": "./cjs/combobox/utils/listHelper.js"
     },
+    "./combobox/theming": {
+      "import": "./esm/combobox/theming.js",
+      "require": "./cjs/combobox/theming.js"
+    },
     "./combobox/tests/utils": {
       "import": "./esm/combobox/tests/utils.js",
       "require": "./cjs/combobox/tests/utils.js"
@@ -591,10 +619,6 @@
       "import": "./esm/combobox/parts/multi-selected-values-container/index.js",
       "require": "./cjs/combobox/parts/multi-selected-values-container/index.js"
     },
-    "./combobox/parts/menu-list/useMenuListSetFocusOption": {
-      "import": "./esm/combobox/parts/menu-list/useMenuListSetFocusOption.js",
-      "require": "./cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js"
-    },
     "./combobox/parts/menu-list/useItemRenderer": {
       "import": "./esm/combobox/parts/menu-list/useItemRenderer.js",
       "require": "./cjs/combobox/parts/menu-list/useItemRenderer.js"
@@ -743,6 +767,18 @@
       "import": "./esm/checkbox/index.js",
       "require": "./cjs/checkbox/index.js"
     },
+    "./checkbox/exported-related/theming": {
+      "import": "./esm/checkbox/exported-related/theming.js",
+      "require": "./cjs/checkbox/exported-related/theming.js"
+    },
+    "./checkbox/exported-related": {
+      "import": "./esm/checkbox/exported-related/index.js",
+      "require": "./cjs/checkbox/exported-related/index.js"
+    },
+    "./checkbox/exported-related/data-test-ids": {
+      "import": "./esm/checkbox/exported-related/data-test-ids.js",
+      "require": "./cjs/checkbox/exported-related/data-test-ids.js"
+    },
     "./checkbox/ControlledCheckbox": {
       "import": "./esm/checkbox/ControlledCheckbox.js",
       "require": "./cjs/checkbox/ControlledCheckbox.js"
@@ -840,20 +876,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.2-rc.0",
-    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.0",
-    "@elliemae/ds-controlled-form": "2.4.2-rc.0",
-    "@elliemae/ds-form": "2.4.2-rc.0",
-    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.0",
-    "@elliemae/ds-grid": "2.4.2-rc.0",
-    "@elliemae/ds-icon": "2.4.2-rc.0",
-    "@elliemae/ds-icons": "2.4.2-rc.0",
-    "@elliemae/ds-pills": "2.4.2-rc.0",
-    "@elliemae/ds-popperjs": "2.4.2-rc.0",
-    "@elliemae/ds-props-helpers": "2.4.2-rc.0",
-    "@elliemae/ds-system": "2.4.2-rc.0",
-    "@elliemae/ds-tooltip": "2.4.2-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.0",
+    "@elliemae/ds-button": "2.4.2-rc.9",
+    "@elliemae/ds-circular-progress-indicator": "2.4.2-rc.9",
+    "@elliemae/ds-controlled-form": "2.4.2-rc.9",
+    "@elliemae/ds-form": "2.4.2-rc.9",
+    "@elliemae/ds-form-layout-blocks": "2.4.2-rc.9",
+    "@elliemae/ds-grid": "2.4.2-rc.9",
+    "@elliemae/ds-icon": "2.4.2-rc.9",
+    "@elliemae/ds-icons": "2.4.2-rc.9",
+    "@elliemae/ds-pills": "2.4.2-rc.9",
+    "@elliemae/ds-popperjs": "2.4.2-rc.9",
+    "@elliemae/ds-props-helpers": "2.4.2-rc.9",
+    "@elliemae/ds-system": "2.4.2-rc.9",
+    "@elliemae/ds-tooltip": "2.4.2-rc.9",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.9",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/checkbox/exported-related/data-test-ids.d.ts

@@ -0,0 +1,4 @@
+export declare const DSCheckboxDataTestIds: {
+    CONTAINER: string;
+    INPUT: string;
+};

package/types/checkbox/exported-related/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-test-ids';
+export * from './theming';

package/types/checkbox/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSCheckboxName = "ds-checkbox";
+export declare const DSCheckboxSlots: {
+    CONTAINER: string;
+    INPUT: string;
+    LABEL: string;
+};

package/types/checkbox/react-desc-prop-types.d.ts

@@ -12,8 +12,8 @@ export declare namespace DSControlledCheckboxT {
         innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;
     }
     interface LegacyAriaProps {
-        ariaControls?: string;
-        ariaLabel?: string;
+        ariaControls: string;
+        ariaLabel: string;
     }
     interface Props extends DefaultProps, OptionalProps, Omit<GlobalAttributesT, 'checked'>, LegacyAriaProps {
     }
@@ -27,12 +27,12 @@ export declare namespace DSControlledCheckboxT {
         disabled?: boolean;
         readOnly?: boolean;
         checked: boolean | 'mixed';
+        wrapLabel: boolean;
     }
 }
 export declare const defaultProps: Partial<DSControlledCheckboxT.Props>;
 export declare const propTypes: {
     label: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    wrapLabel: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     hasError: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     innerRef: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     'aria-*': import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;

package/types/checkbox/styles.d.ts

@@ -1,5 +1,5 @@
-import { DSControlledCheckboxT } from './react-desc-prop-types';
-export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledCheckBoxT, never>;
-export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledLabelT, never>;
+export declare const StyledContainer: any;
+export declare const StyledCheckBox: any;
+export declare const StyledInput: any;
+export declare const StyledInputMixed: any;
+export declare const StyledLabel: any;

package/types/combobox/ComboboxDataTestids.d.ts

@@ -1,6 +1,6 @@
 export declare const ComboboxDataTestid: {
     MULTISELECT: {
-        SELECT_ALL_CHECKBOX: string;
+        HEADER_LIST: string;
         SHOW_SELECTED_OPTIONS_TOGGLE: string;
     };
     CONTROLS_WRAPPER: string;

package/types/combobox/index.d.ts

@@ -1 +1,3 @@
 export * from './ComboBox';
+export * from './theming';
+export * from './ComboboxDataTestids';

package/types/combobox/parts/container/styled.d.ts

@@ -1,3 +1,2 @@
-export declare const StyledContainerWithPopper: any;
-export declare const StyledContainerInline: any;
+export declare const StyledContainer: any;
 export declare const StyledPopperWrapper: any;

package/types/combobox/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSComboBoxName = "ds-combobox";
+export declare const DSComboboxSlots: {
+    CONTAINER: string;
+    INPUT_WRAPPER: string;
+    INPUT: string;
+};

package/types/date-time-picker/config/useChangeHandlers.d.ts

@@ -2,6 +2,7 @@ import { useRelevantValueFromProps } from './useRelevantValueFromProps';
 import { useGetDestructuredValues } from './useGetDestructuredValues';
 import { useGetPropsBasedOnType } from './useGetPropsBasedOnType';
 import { useGetReferences } from './useGetReferences';
+import { useFocusTracker } from './useFocusTracker';
 import type { DSControlledDateTimePickerT } from '../propTypes';
 import type { DSControlledDateTimePickerInternalsT } from '../sharedTypes';
 interface Config {
@@ -9,8 +10,9 @@ interface Config {
     destructuredValues: ReturnType<typeof useGetDestructuredValues>;
     propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;
     DOMRefs: ReturnType<typeof useGetReferences>;
+    focusTrackers: ReturnType<typeof useFocusTracker>;
 }
-export declare const useChangeHandlers: ({ relevantValues, destructuredValues, propsBasedOnType, DOMRefs }: Config) => {
+export declare const useChangeHandlers: ({ relevantValues, destructuredValues, propsBasedOnType, focusTrackers }: Config) => {
     handleChangeComposedDateTimeString: (newDateString: string, newTimeString: string, metaInfo: DSControlledDateTimePickerT.InternalInputsChangeMetaInfo) => void;
     handleChangeComposedDateString: (newDateString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;
     handleChangeComposedTimeString: (newTimeString: string, metaInfo: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;

package/types/date-time-picker/config/useControlledDateTimePicker.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useFocusTracker } from './useFocusTracker';
 import { useGetFlags } from './useGetFlags';
 import { useGetReferences } from './useGetReferences';
 import { useRelevantValueFromProps } from './useRelevantValueFromProps';
@@ -7,12 +7,9 @@ import { useGetDestructuredValues } from './useGetDestructuredValues';
 import { useChangeHandlers } from './useChangeHandlers';
 import { useGlobalKeyHandlers } from './useGlobalKeyHandlers';
 import type { DSControlledDateTimePickerT } from '../propTypes';
-export declare type LatestInteractionRegion = 'calendar-days' | 'calendar-head' | 'timewheel' | 'date-inputs' | 'time-inputs' | 'clear-btn' | '';
-export declare type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> & ReturnType<typeof useGetReferences> & ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useRelevantValueFromProps> & ReturnType<typeof useGetDestructuredValues> & ReturnType<typeof useChangeHandlers> & ReturnType<typeof useGlobalKeyHandlers> & {
+export declare type ControlledDateTimePickerContextT = ReturnType<typeof useGetFlags> & ReturnType<typeof useFocusTracker> & ReturnType<typeof useGetReferences> & ReturnType<typeof useGetPropsBasedOnType> & ReturnType<typeof useRelevantValueFromProps> & ReturnType<typeof useGetDestructuredValues> & ReturnType<typeof useChangeHandlers> & ReturnType<typeof useGlobalKeyHandlers> & {
     props: DSControlledDateTimePickerT.InternalProps;
     ariaCurrentValueForInputs: string;
     dataAttrs: Record<string, string>;
-    latestInteractionRegion: LatestInteractionRegion;
-    setLatestInteractionRegion: React.Dispatch<React.SetStateAction<LatestInteractionRegion>>;
 };
 export declare const useControlledDateTimePicker: (props: DSControlledDateTimePickerT.Props) => ControlledDateTimePickerContextT;

package/types/date-time-picker/config/useFocusTracker.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { useGetReferences } from './useGetReferences';
+import { useGetFlags } from './useGetFlags';
+declare type LatestInteractionRegion = 'calendar-days' | 'calendar-head' | 'timewheel' | 'date-inputs' | 'time-inputs' | 'clear-btn' | 'picker-icon' | '';
+declare type CurrFocusDescriber = 'first-segment' | 'month-input' | 'day-input' | 'year-input' | 'hour-input' | 'minute-input' | 'meridiem-input' | 'last-segment' | 'clear-btn' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | 'calendar-prev-month' | 'calendar-next-month' | 'calendar-prev-year' | 'calendar-next-year' | 'calendar-metafocused-day' | 'timewheel-curr-hour' | 'timewheel-curr-minute' | 'timewheel-curr-meridiem' | '';
+interface Config {
+    DOMRefs: ReturnType<typeof useGetReferences>;
+    flags: ReturnType<typeof useGetFlags>;
+}
+export declare const useFocusTracker: ({ DOMRefs, flags }: Config) => {
+    latestInteractionRegion: LatestInteractionRegion;
+    setLatestInteractionRegion: import("react").Dispatch<import("react").SetStateAction<LatestInteractionRegion>>;
+    currFocusDescriber: CurrFocusDescriber;
+    setCurrFocusDescriber: import("react").Dispatch<import("react").SetStateAction<CurrFocusDescriber>>;
+    trackFocusResetter: () => void;
+    trackFocusMonthInput: () => void;
+    trackFocusDayInput: () => void;
+    trackFocusYearInput: () => void;
+    trackFocusHourInput: () => void;
+    trackFocusMinuteInput: () => void;
+    trackFocusMeridiemInput: () => void;
+    trackFocusClearBtn: () => void;
+    trackFocusDatePickerIcon: () => void;
+    trackFocusTimePickerIcon: () => void;
+    trackFocusDatetimePickerIcon: () => void;
+    trackFocusCalendarPrevMonth: () => void;
+    trackFocusCalendarNextMonth: () => void;
+    trackFocusCalendarPrevYear: () => void;
+    trackFocusCalendarNextYear: () => void;
+    trackFocusCalendarMetafocusedDay: () => void;
+    trackFocusTimewheelCurrHour: () => void;
+    trackFocusTimewheelCurrMinute: () => void;
+    trackFocusTimewheelCurrMeridiem: () => void;
+    trackFocusPicker: () => void;
+    trackFocusFirstSegment: () => void;
+    trackFocusLastSegment: () => void;
+};
+export {};

package/types/date-time-picker/config/useGetPropsBasedOnType.d.ts

@@ -1,16 +1,16 @@
 import type { DSControlledDateTimePickerT } from '../propTypes';
 export declare const useGetPropsBasedOnType: (propsWithDefaults: DSControlledDateTimePickerT.InternalProps) => {
-    getIsDisabledDay: any;
-    getIsOutOfRangeDay: any;
-    getIsStartRangeDay: any;
-    getIsDayInRange: any;
-    getIsEndRangeDay: any;
+    getIsDisabledDay: BooleanGetter<string>;
+    getIsOutOfRangeDay: BooleanGetter<string>;
+    getIsStartRangeDay: BooleanGetter<string> | (() => void);
+    getIsDayInRange: BooleanGetter<string> | (() => void);
+    getIsEndRangeDay: BooleanGetter<string> | (() => void);
     appOnDateChange: DSControlledDateTimePickerT.OnDateChange;
     appOnMonthChange: DSControlledDateTimePickerT.OnInternalInputsChange;
     appOnDayChange: DSControlledDateTimePickerT.OnInternalInputsChange;
     appOnYearChange: DSControlledDateTimePickerT.OnInternalInputsChange;
     appDate: string;
-    getIsDisabledTime: any;
+    getIsDisabledTime: BooleanGetter<string>;
     appOnTimeChange: DSControlledDateTimePickerT.OnTimeChange;
     appOnHourChange: DSControlledDateTimePickerT.OnInternalInputsChange;
     appOnMinuteChange: DSControlledDateTimePickerT.OnInternalInputsChange;

package/types/date-time-picker/config/useGetReferences.d.ts

@@ -1,39 +1,33 @@
 /// <reference types="react" />
 import { useGetFlags } from './useGetFlags';
-export declare const useGetReferences: ({ isWithDateInputs, isWithTimeInputs, withAnyPicker, withClearBtn, }: ReturnType<typeof useGetFlags>) => {
-    monthInputRef: import("react").RefObject<HTMLInputElement>;
-    dayInputRef: import("react").RefObject<HTMLInputElement>;
-    yearInputRef: import("react").RefObject<HTMLInputElement>;
-    hourInputRef: import("react").RefObject<HTMLInputElement>;
-    minutesInputRef: import("react").RefObject<HTMLInputElement>;
-    meridiemInputRef: import("react").RefObject<HTMLInputElement>;
-    clearButtonRef: import("react").RefObject<HTMLButtonElement>;
-    pickerButtonRef: import("react").RefObject<HTMLButtonElement>;
-    prevYearBtnRef: import("react").RefObject<HTMLButtonElement>;
-    prevMonthBtnRef: import("react").RefObject<HTMLButtonElement>;
-    nextMonthBtnRef: import("react").RefObject<HTMLButtonElement>;
-    nextYearBtnRef: import("react").RefObject<HTMLButtonElement>;
-    calendarDaysWrapperRef: import("react").RefObject<HTMLDivElement>;
-    prevHourBtnRef: import("react").RefObject<HTMLButtonElement>;
-    currHourBtnRef: import("react").RefObject<HTMLButtonElement>;
-    nextHourBtnRef: import("react").RefObject<HTMLButtonElement>;
-    prevMinutesBtnRef: import("react").RefObject<HTMLButtonElement>;
-    currMinutesBtnRef: import("react").RefObject<HTMLButtonElement>;
-    nextMinutesBtnRef: import("react").RefObject<HTMLButtonElement>;
-    prevMeridiemBtnRef: import("react").RefObject<HTMLButtonElement>;
-    currMeridiemBtnRef: import("react").RefObject<HTMLButtonElement>;
-    nextMeridiemBtnRef: import("react").RefObject<HTMLButtonElement>;
-    firstSegmentRef: import("react").RefObject<HTMLInputElement | HTMLButtonElement>;
-    lastSegmentRef: import("react").RefObject<HTMLInputElement | HTMLButtonElement>;
-    firstFragmentRefUpdateDeps: {
-        isWithDateInputs: boolean;
-        isWithTimeInputs: boolean;
-        withAnyPicker: boolean;
-    };
-    lastFragmentRefUpdateDeps: {
-        withAnyPicker: boolean;
-        withClearBtn: boolean;
-        isWithTimeInputs: boolean;
-        isWithDateInputs: boolean;
-    };
+declare type FirstSegment = 'month-input' | 'hour-input' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | '';
+declare type LastSegment = 'year-input' | 'meridiem-input' | 'clear-btn' | 'date-picker-icon' | 'time-picker-icon' | 'datetime-picker-icon' | '';
+export declare const useGetReferences: ({ isWithDateInputs, isWithTimeInputs, isDateSelector, isTimeSelector, isDateTimeSelector, withAnyPicker, withClearBtn, }: ReturnType<typeof useGetFlags>) => {
+    monthInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    dayInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    yearInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    hourInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    minutesInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    meridiemInputRef: import("react").MutableRefObject<HTMLInputElement>;
+    clearButtonRef: import("react").MutableRefObject<HTMLButtonElement>;
+    pickerButtonRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevYearBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMonthBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMonthBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextYearBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    calendarDaysWrapperRef: import("react").MutableRefObject<HTMLDivElement>;
+    prevHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextHourBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMinutesBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    prevMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    currMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    nextMeridiemBtnRef: import("react").MutableRefObject<HTMLButtonElement>;
+    firstSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;
+    lastSegmentRef: import("react").MutableRefObject<HTMLInputElement | HTMLButtonElement>;
+    firstSegment: FirstSegment;
+    lastSegment: LastSegment;
 };
+export {};

package/types/date-time-picker/config/useGlobalKeyHandlers.d.ts

@@ -2,14 +2,16 @@ import { useChangeHandlers } from './useChangeHandlers';
 import { useGetPropsBasedOnType } from './useGetPropsBasedOnType';
 import { useGetReferences } from './useGetReferences';
 import { useGetFlags } from './useGetFlags';
+import { useFocusTracker } from './useFocusTracker';
 import type { DSControlledDateTimePickerT } from '../propTypes';
 interface Config {
     propsBasedOnType: ReturnType<typeof useGetPropsBasedOnType>;
     changeHandlers: ReturnType<typeof useChangeHandlers>;
     DOMRefs: ReturnType<typeof useGetReferences>;
     flags: ReturnType<typeof useGetFlags>;
+    focusTrackers: ReturnType<typeof useFocusTracker>;
 }
-export declare const useGlobalKeyHandlers: ({ propsBasedOnType, changeHandlers, DOMRefs, flags }: Config) => {
+export declare const useGlobalKeyHandlers: ({ propsBasedOnType, changeHandlers, flags, focusTrackers }: Config) => {
     onFillWithCurrentDateKeys: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>, metaInfo?: Partial<DSControlledDateTimePickerT.InternalInputsChangeMetaInfo>) => void;
     onGlobalKeyDown: (e: React.KeyboardEvent<HTMLInputElement | HTMLButtonElement>) => void;
 };

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 {};