@elliemae/ds-controlled-form 2.3.0-alpha.9 → 2.3.0-next.11

package/types/controlled-autocomplete/parts/controls/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledControlsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    minWidth: number;
+    hasError: boolean;
+}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputPlaceHolder: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-checkbox/ControlledCheckbox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSControlledCheckboxT } from './react-desc-prop-types';
+declare const DSControlledCheckbox: React.ComponentType<DSControlledCheckboxT.Props>;
+declare const DSControlledCheckboxWithSchema: any;
+export { DSControlledCheckbox, DSControlledCheckboxWithSchema };

package/types/controlled-checkbox/config/useValidateProps.d.ts

@@ -0,0 +1,2 @@
+import { DSControlledCheckboxT } from '../react-desc-prop-types';
+export declare const useValidateProps: (props: DSControlledCheckboxT.Props, propTypes: unknown) => void;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+import { GlobalAttributesT } from '@elliemae/ds-props-helpers';
+export declare namespace DSControlledCheckboxT {
+    interface DefaultProps {
+        checked: boolean | 'mixed';
+        tabIndex?: number;
+        hasError?: boolean;
+    }
+    interface OptionalProps {
+        innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;
+    }
+    interface LegacyAriaProps {
+        ariaControls: string;
+        ariaLabel: string;
+    }
+    interface Props extends DefaultProps, OptionalProps, Omit<GlobalAttributesT, 'checked'>, LegacyAriaProps {
+    }
+    interface StyledCheckBoxT {
+        checked: boolean | 'mixed';
+        readOnly?: boolean;
+        hasError?: boolean;
+        disabled?: boolean;
+    }
+    interface StyledLabelT {
+        disabled?: boolean;
+        readOnly?: boolean;
+        checked: boolean | 'mixed';
+    }
+}
+export declare const defaultProps: Partial<DSControlledCheckboxT.Props>;
+export declare const propTypes: any;

package/types/controlled-checkbox/styles.d.ts

@@ -0,0 +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>;

package/types/controlled-checkbox/utils/setMultipleRefs.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function setMultipleRefs<T = unknown>(refs: Array<React.RefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/types/controlled-checkbox/utils/styleHelpers.d.ts

@@ -0,0 +1,4 @@
+import type { Theme } from '@elliemae/pui-theme';
+export declare const handleCheckMarkColor: ({ colors }: Theme, checked: boolean | 'mixed', isHovering: boolean, disabled?: boolean | undefined, readOnly?: boolean | undefined, hasError?: boolean | undefined) => string;
+export declare const handleCheckmark: (theme: Theme, checked: boolean | 'mixed', disabled?: boolean | undefined, readOnly?: boolean | undefined, hasError?: boolean | undefined, isHovering?: boolean) => string;
+export declare const handleBackgroundColor: ({ colors }: Theme, disabled?: boolean | undefined) => string;

package/types/controlled-combobox/ComboBox.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DSComboboxT } from './react-desc-prop-types';
+declare const DSComboBox: React.ComponentType<DSComboboxT.Props>;
+declare const DSComboBoxWithSchema: any;
+export { DSComboBox, DSComboBoxWithSchema };

package/types/controlled-combobox/ComboBoxCTX.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { DSComboboxT } from './react-desc-prop-types';
+import { DSComboboxInternalsT } from './sharedTypes';
+export declare const defaultProps: DSComboboxT.Props;
+/** Context for cross component communication */
+export declare const ComboBoxContext: import("react").Context<DSComboboxInternalsT.ComboBoxContextT>;
+export default ComboBoxContext;

package/types/controlled-combobox/ComboboxDataTestids.d.ts

@@ -0,0 +1,12 @@
+export declare const ComboboxDataTestid: {
+    INPUT: string;
+    LIST: string;
+    SELECTED_VALUES: string;
+    SELECT_ALL_BUTTON: string;
+    CLEAR_ALL_BUTTON: string;
+    DROPDOWN: string;
+    OPTION: string;
+    SELECT_ALL_CHECKBOX: string;
+    SHOW_SELECTED_OPTIONS_TOGGLE: string;
+    ALLY_SELECTED_VALUES: string;
+};

package/types/controlled-combobox/config/useComboBox.d.ts

@@ -0,0 +1,3 @@
+import { DSComboboxT } from '../react-desc-prop-types';
+import { DSComboboxInternalsT } from '../sharedTypes';
+export declare const useComboBox: (props: DSComboboxT.Props) => DSComboboxInternalsT.ComboBoxContextT;

package/types/controlled-combobox/config/useCorrectOptions.d.ts

@@ -0,0 +1,3 @@
+import { DSComboboxT } from '../react-desc-prop-types';
+declare const useCorrectOptions: (propsWithDefaults: DSComboboxT.Props, showSelectedOptions: boolean) => DSComboboxT.OptionTypes[];
+export { useCorrectOptions };

package/types/controlled-combobox/parts/a11y-messages/FocusMenuItem.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const FocusMenuItem: () => JSX.Element;
+export { FocusMenuItem };

package/types/controlled-combobox/parts/a11y-messages/SelectedValuesAllyMsg.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SelectedValuesAllyMsg: () => JSX.Element;
+export { SelectedValuesAllyMsg };

package/types/controlled-combobox/parts/a11y-messages/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectedValuesAllyMsg } from './SelectedValuesAllyMsg';
+export { FocusMenuItem } from './FocusMenuItem';

package/types/controlled-combobox/parts/controls/styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+interface StyledControlsWrapperT {
+    hasError?: boolean;
+    inline?: boolean;
+    hasFocus?: boolean;
+    minWidth: number;
+    disabled?: boolean;
+}
+export declare const StyledControlsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, StyledControlsWrapperT, never>;
+export declare const StyledSelection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleDropdownIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleHeaderActionsSeparator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/types/controlled-combobox/parts/controls/useOnPillsNavigation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const useOnPillsNavigation: () => {
+    onKeyDownPills: React.KeyboardEventHandler<HTMLInputElement>;
+};

package/types/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const DropdownIndicator: () => JSX.Element;
+export default DropdownIndicator;

package/types/controlled-combobox/parts/dropdown-indicator/styled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledDropDownButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-combobox/parts/header-list/useHeaderListHandlers.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface UseHeaderListHandlersT {
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    handleToggle: () => void;
+    handleOnMouseDown: (e: React.MouseEvent) => void;
+    handleSelectAllCheckboxChange: React.ChangeEventHandler<HTMLInputElement>;
+    handleFilterSelectionBtnOnBlur: React.FocusEventHandler<HTMLButtonElement>;
+    checkboxStatus: boolean | 'mixed';
+}
+declare const useHeaderListHandlers: () => UseHeaderListHandlersT;
+export { useHeaderListHandlers };

package/types/controlled-combobox/parts/menu-list/styled.d.ts

@@ -0,0 +1,12 @@
+export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    inline: boolean | undefined;
+    minWidth: string | number;
+}, never>;
+export declare const StyledList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    inline: boolean | undefined;
+    maxHeight: number;
+    withHeader: boolean;
+}, never>;
+export declare const StyledCreatableLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-combobox/parts/menu-list/useItemRenderer.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const useItemRenderer: () => Array<JSX.Element> | undefined;
+export { useItemRenderer };

package/types/controlled-combobox/react-desc-prop-types.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+export declare namespace DSComboboxT {
+    interface CommonItemOptions {
+        dsId: string;
+        disabled?: boolean;
+        render?: React.ComponentType<unknown>;
+    }
+    interface ItemSeparatorOptions extends CommonItemOptions {
+        type: 'separator';
+    }
+    interface ItemSectionOptions extends CommonItemOptions {
+        type: 'section';
+        label: string;
+    }
+    interface ItemOption extends CommonItemOptions {
+        value: string;
+        label: string;
+        type: 'option';
+    }
+    interface ItemCreatableOption extends CommonItemOptions {
+        label: string;
+        type: 'creatable';
+    }
+    type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;
+    type SelectedOptionsT = ItemOption[] | ItemOption | null;
+    interface PropsOptional {
+        innerRef: React.RefObject<HTMLInputElement>;
+    }
+    interface DefaultProps {
+        placeholder?: string;
+        options: OptionTypes[];
+        selectedValues: SelectedOptionsT;
+        hasError?: boolean;
+        inline?: boolean;
+        autoFocus?: boolean;
+        startPlacementPreference?: string;
+        placementOrderPreference?: string[];
+        withoutPortal?: boolean;
+        zIndex?: number;
+        inputMinWidth?: number;
+        menuMinWidth?: number;
+        menuMaxHeight?: number;
+        disabled?: boolean;
+        onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption | undefined) => void;
+        onChange: (value: ItemOption | null) => void;
+        onBlur: () => void;
+        onSelectAll: () => void;
+        onClearAll: () => void;
+        onFilter: (value: string) => void;
+        onCreate: (label: string) => void;
+        onMenuOpen?: () => void;
+        onCancel?: () => void;
+    }
+    interface Props extends DefaultProps, PropsOptional {
+    }
+}
+export declare const ComboboxPropTypes: any;

package/types/controlled-combobox/sharedTypes.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { useVirtual } from 'react-virtual';
+import { DSComboboxT } from './react-desc-prop-types';
+export declare namespace DSComboboxInternalsT {
+    interface ComboBoxContextT {
+        props: DSComboboxT.Props;
+        virtualListHelpers?: ReturnType<typeof useVirtual>;
+        showPopover: boolean;
+        setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;
+        referenceElement: HTMLElement | null;
+        setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+        hasFocus: boolean;
+        pillGroupRef: React.RefObject<HTMLDivElement>;
+        scrollOptionIntoView: (dsId: string) => void;
+        setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;
+        listRef: React.RefObject<HTMLDivElement>;
+        wrapperListRef: React.RefObject<HTMLDivElement>;
+        selectedOptionsRef: React.RefObject<HTMLDivElement>;
+        controlsWrapperRef: React.RefObject<HTMLDivElement>;
+        selectAllCheckboxRef: React.RefObject<HTMLInputElement>;
+        toggleSelectionButtonRef: React.RefObject<HTMLButtonElement>;
+        focusOptionIdx: string;
+        setCurrentOption: React.Dispatch<React.SetStateAction<string>>;
+        showSelectedOptions: boolean;
+        setShowSelectedOptions: React.Dispatch<React.SetStateAction<boolean>>;
+    }
+}

package/types/controlled-combobox/utils/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const useKeyboardNavigation: () => {
+    onInputKeyDown: import("react").KeyboardEventHandler<HTMLInputElement>;
+};

package/types/controlled-combobox/utils/listHelper.d.ts

@@ -0,0 +1,7 @@
+import { DSComboboxT } from '../react-desc-prop-types';
+export declare const getSelectableOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
+export declare const getOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
+export declare const isSelectedValueEmpty: (value: DSComboboxT.SelectedOptionsT) => boolean;
+export declare const isSelectedValueMultiple: (value: DSComboboxT.SelectedOptionsT) => boolean;
+export declare const isSelected: (value: DSComboboxT.SelectedOptionsT, activeOption: DSComboboxT.ItemOption) => boolean;
+export declare const findInCircularList: (list: DSComboboxT.OptionTypes[], from: number, criteria: (item: DSComboboxT.OptionTypes) => boolean, step?: number) => number;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    isControllerOnly: boolean;
+}, never>;
+export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;