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

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

package/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './autocomplete';
+export * from './input-group';
 export * from './checkbox';
 export * from './combobox';
 export * from './date-range-picker';

package/types/input-group/InputGroup.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSInputGroupT } from './react-desc-prop-types';
+declare const DSInputGroup: React.ComponentType<DSInputGroupT.Props>;
+declare const DSInputGroupWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSInputGroupT.Props>;
+export { DSInputGroup, DSInputGroupWithSchema };

package/types/input-group/InputGroupDataTestIds.d.ts

@@ -0,0 +1,6 @@
+export declare const InputGroupDataTestIds: {
+    CONTAINER: string;
+    LEFTADDON: string;
+    RIGHTADDON: string;
+    INPUTCONTAINER: string;
+};

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

@@ -0,0 +1,6 @@
+export declare const InputGroupDataTestIds: {
+    CONTAINER: string;
+    LEFTADDON: string;
+    RIGHTADDON: string;
+    INPUTCONTAINER: string;
+};

package/types/input-group/exported-related/index.d.ts

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

package/types/input-group/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSInputGroupName = "ds-input-group";
+export declare const DSInputGroupSlots: {
+    CONTAINER: string;
+    LEFT_ADDON: string;
+    RIGHT_ADDON: string;
+};

package/types/input-group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InputGroup';
+export * from './InputGroupDataTestIds';

package/types/input-group/react-desc-prop-types.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare namespace DSInputGroupT {
+    interface RequiredProps {
+        children: React.ReactChild;
+    }
+    interface OptionalProps {
+        leftAddon?: React.ReactNode;
+        rightAddon?: React.ReactNode;
+    }
+    interface Props extends Partial<OptionalProps>, RequiredProps {
+    }
+    interface InternalProps extends OptionalProps, RequiredProps {
+    }
+}
+export declare const propTypes: {
+    leftAddon: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    rightAddon: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+};

package/types/input-group/styled.d.ts

@@ -0,0 +1,4 @@
+export declare const StyledContainer: any;
+export declare const StyledLeftAddon: any;
+export declare const StyledRightAddon: any;
+export declare const StyledInput: any;

package/types/input-group/tests/DSInputGroup.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/mask-hook/hooks/useRegExpMask.d.ts

@@ -1,4 +1,3 @@
 import { DSMaskT } from '../react-desc-prop-types';
-export declare const isRegExp: (item: RegExp | string) => item is RegExp;
 export declare const useRegExpMask: DSMaskT.Hook;
 export declare const UseRegExpMaskWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSMaskT.HookArgs>;

package/types/text-input/config/useInputText.d.ts

@@ -101,7 +101,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         'aria-label': string;
         'aria-labelledby': string;
         'aria-level': number;
-        'aria-live': "off" | "assertive" | "polite";
+        'aria-live': "off" | "polite" | "assertive";
         'aria-modal': boolean | "true" | "false";
         'aria-multiline': boolean | "true" | "false";
         'aria-multiselectable': boolean | "true" | "false";
@@ -414,12 +414,12 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         minH: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         maskSize: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         display: (string & {}) | "ruby" | "table" | "inherit" | "grid" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "inline" | "block" | "run-in" | "-ms-flexbox" | "-ms-grid" | "-webkit-flex" | "flex" | "flow" | "flow-root" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "-ms-inline-flexbox" | "-ms-inline-grid" | "-webkit-inline-flex" | "inline-block" | "inline-flex" | "inline-grid" | "inline-list-item" | "inline-table" | "contents" | "list-item" | import("@xstyled/system").ThemeProp<import("csstype").Property.Display, import("@xstyled/system").Theme>;
-        float: "inherit" | "none" | "left" | "-moz-initial" | "initial" | "revert" | "unset" | "right" | "inline-end" | "inline-start" | import("@xstyled/system").ThemeProp<import("csstype").Property.Float, import("@xstyled/system").Theme>;
+        float: "inherit" | "none" | "left" | "-moz-initial" | "initial" | "revert" | "unset" | "inline-end" | "inline-start" | "right" | import("@xstyled/system").ThemeProp<import("csstype").Property.Float, import("@xstyled/system").Theme>;
         boxSizing: "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "border-box" | "content-box" | import("@xstyled/system").ThemeProp<import("csstype").Property.BoxSizing, import("@xstyled/system").Theme>;
         container: boolean | import("@xstyled/system").ThemeProp<boolean, import("@xstyled/system").Theme>;
-        overflow: (string & {}) | "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
-        overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
-        overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "clip" | "-moz-hidden-unscrollable" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
+        overflow: (string & {}) | "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
+        overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
+        overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "scroll" | "-moz-hidden-unscrollable" | "clip" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
         position: "fixed" | "inherit" | "absolute" | "-moz-initial" | "initial" | "revert" | "unset" | "-webkit-sticky" | "relative" | "static" | "sticky" | import("@xstyled/system").ThemeProp<import("csstype").Property.Position, import("@xstyled/system").Theme>;
         zIndex: string | (string & {}) | (number & {}) | import("@xstyled/system").ThemeProp<string | (string & {}) | (number & {}), import("@xstyled/system").Theme>;
         top: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
@@ -428,7 +428,7 @@ export declare const useInputText: (props: DSInputTextT.Props) => {
         left: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
         visibility: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "visible" | "collapse" | import("@xstyled/system").ThemeProp<import("csstype").Property.Visibility, import("@xstyled/system").Theme>;
         overscrollBehavior: (string & {}) | "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "contain" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverscrollBehavior, import("@xstyled/system").Theme>;
-        objectFit: "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "fill" | "contain" | "cover" | "scale-down" | import("@xstyled/system").ThemeProp<import("csstype").Property.ObjectFit, import("@xstyled/system").Theme>;
+        objectFit: "inherit" | "none" | "-moz-initial" | "initial" | "revert" | "unset" | "contain" | "cover" | "fill" | "scale-down" | import("@xstyled/system").ThemeProp<import("csstype").Property.ObjectFit, import("@xstyled/system").Theme>;
     };
     xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
 };

package/cjs/combobox/parts/menu-list/useMenuListSetFocusOption.js

@@ -1,51 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-
-/* eslint-disable complexity */
-const useMenuListSetFocusOption = () => {
-  const {
-    props: {
-      selectedValues,
-      filteredOptions
-    },
-    setFocusOptionIdx,
-    hasFocus,
-    focusOptionIdx,
-    inputValue,
-    scrollOptionIntoView
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
-  const getFirstOption = React.useCallback(() => {
-    for (let i = 0; i < filteredOptions.length; i += 1) if (!['section', 'separator'].includes(filteredOptions[i].type) && !filteredOptions[i].disabled) {
-      setFocusOptionIdx(filteredOptions[i].dsId);
-      break;
-    }
-  }, [filteredOptions, setFocusOptionIdx]);
-  React.useEffect(() => {
-    scrollOptionIntoView(focusOptionIdx); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [focusOptionIdx]);
-  React.useEffect(() => {
-    if (filteredOptions.length === 0) {
-      setFocusOptionIdx('');
-    }
-
-    if (hasFocus && inputValue === '') {
-      if (Array.isArray(selectedValues)) {
-        if (selectedValues && selectedValues.length > 0) {
-          setFocusOptionIdx(selectedValues[selectedValues.length - 1].dsId);
-          return;
-        }
-      } else if (selectedValues) {
-        setFocusOptionIdx(selectedValues.dsId);
-        return;
-      }
-    }
-
-    if (hasFocus) getFirstOption();
-  }, [getFirstOption, inputValue, selectedValues, hasFocus, setFocusOptionIdx, filteredOptions.length]);
-};
-
-exports.useMenuListSetFocusOption = useMenuListSetFocusOption;

package/esm/combobox/parts/menu-list/useMenuListSetFocusOption.js

@@ -1,47 +0,0 @@
-import { useContext, useCallback, useEffect } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-
-/* eslint-disable complexity */
-const useMenuListSetFocusOption = () => {
-  const {
-    props: {
-      selectedValues,
-      filteredOptions
-    },
-    setFocusOptionIdx,
-    hasFocus,
-    focusOptionIdx,
-    inputValue,
-    scrollOptionIntoView
-  } = useContext(ComboBoxContext);
-  const getFirstOption = useCallback(() => {
-    for (let i = 0; i < filteredOptions.length; i += 1) if (!['section', 'separator'].includes(filteredOptions[i].type) && !filteredOptions[i].disabled) {
-      setFocusOptionIdx(filteredOptions[i].dsId);
-      break;
-    }
-  }, [filteredOptions, setFocusOptionIdx]);
-  useEffect(() => {
-    scrollOptionIntoView(focusOptionIdx); // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [focusOptionIdx]);
-  useEffect(() => {
-    if (filteredOptions.length === 0) {
-      setFocusOptionIdx('');
-    }
-
-    if (hasFocus && inputValue === '') {
-      if (Array.isArray(selectedValues)) {
-        if (selectedValues && selectedValues.length > 0) {
-          setFocusOptionIdx(selectedValues[selectedValues.length - 1].dsId);
-          return;
-        }
-      } else if (selectedValues) {
-        setFocusOptionIdx(selectedValues.dsId);
-        return;
-      }
-    }
-
-    if (hasFocus) getFirstOption();
-  }, [getFirstOption, inputValue, selectedValues, hasFocus, setFocusOptionIdx, filteredOptions.length]);
-};
-
-export { useMenuListSetFocusOption };

package/types/combobox/parts/menu-list/useMenuListSetFocusOption.d.ts

@@ -1 +0,0 @@
-export declare const useMenuListSetFocusOption: () => void;