@elliemae/ds-form 2.1.0-rc.7 → 2.2.0-alpha.1

package/types/ComboBox/v3/ComboBox.d.ts

@@ -0,0 +1,62 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import type { ComboBoxPropsT } from './index.d';
+declare const DSComboBox: {
+    (props: ComboBoxPropsT): JSX.Element;
+    propTypes: {
+        placeholder: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        options: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        selectedValues: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        autoFocus: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        hasError: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onSelectAll: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onFilter: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onCreate: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onClearAll: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        onMenuOpen: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        inputMinWidth: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        menuMinWidth: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        menuMaxHeight: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        withToggle: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSComboBoxWithSchema: {
+    (props?: ComboBoxPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSComboBox, DSComboBoxWithSchema };

package/types/ComboBox/v3/ComboBoxCTX.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ComboBoxPropsT, ComboBoxContextT } from './index.d';
+export declare const defaultProps: ComboBoxPropsT;
+/** Context for cross component communication */
+export declare const ComboBoxContext: import("react").Context<ComboBoxContextT>;
+export default ComboBoxContext;

package/types/ComboBox/v3/ComboboxDataTestids.d.ts

@@ -0,0 +1,11 @@
+export declare const ComboboxDataTestid: {
+    INPUT: string;
+    LIST: string;
+    SELECTED_VALUES: string;
+    SELECT_ALL_BUTTON: string;
+    CLEAR_ALL_BUTTON: string;
+    DROPDOWN: string;
+    OPTION: string;
+    SHOW_ALL_BUTTON: string;
+    SHOW_SELECTED_OPTIONS_BUTTON: string;
+};

package/types/ComboBox/v3/config/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const DATA_TESTID: {
+    COMBOBOX_MENU_LIST: string;
+    COMBOBOX_CLEAR_BTN: string;
+    COMBOBOX_ALL_BTN: string;
+    COMBOBOX_DROPDOWN_BTN: string;
+    COMBOBOX_OPTION: string;
+    COMBOBOX: string;
+};

package/types/ComboBox/v3/config/useComboBox.d.ts

@@ -0,0 +1,2 @@
+import type { ComboBoxPropsT, ComboBoxContextT } from '../index.d';
+export declare const useComboBox: (props: Partial<ComboBoxPropsT>) => ComboBoxContextT;

package/types/ComboBox/v3/config/useGetPropsWithDefault.d.ts

@@ -0,0 +1,2 @@
+import { ComboBoxPropsT } from '../index.d';
+export declare const useGetComboBoxWithDefaultsProps: (props: Partial<ComboBoxPropsT>) => ComboBoxPropsT;

package/types/ComboBox/v3/index.d.ts

@@ -0,0 +1 @@
+export { DSComboBox, DSComboBoxWithSchema } from './ComboBox';

package/types/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.d.ts

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

package/types/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.d.ts

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

package/types/ComboBox/v3/parts/a11y-messages/index.d.ts

@@ -0,0 +1,2 @@
+export { MultiAllyMessages } from './MultiAllyMessages';
+export { SingleAllyMessages } from './SingleAllyMessages';

package/types/ComboBox/v3/parts/a11y-messages/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/container/Container.d.ts

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

package/types/ComboBox/v3/parts/container/index.d.ts

@@ -0,0 +1 @@
+export { Container } from './Container';

package/types/ComboBox/v3/parts/container/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledContainerWithPopper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledContainerInline: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledPopperWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/controls/Controls.d.ts

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

package/types/ComboBox/v3/parts/controls/index.d.ts

@@ -0,0 +1 @@
+export { Controls } from './Controls';

package/types/ComboBox/v3/parts/controls/styled.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ComboBoxPropsT } from '../../index.d';
+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, Pick<ComboBoxPropsT, "hasError" | "inline">, never>;
+export declare const StyledSelection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<"div", 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>;

package/types/ComboBox/v3/parts/controls-input/ControlsInput.d.ts

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

package/types/ComboBox/v3/parts/controls-input/styled.d.ts

@@ -0,0 +1,4 @@
+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 StyledInputWidthReference: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/controls-input/useControlsInput.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface UseControlsInputT {
+    handleOnFocus: () => void;
+    handleOnBlur: () => void;
+    handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    showPlaceholder?: string;
+    spanReferenceText: string;
+    width: number;
+    spanReference: React.Ref<HTMLSpanElement>;
+}
+declare const useControlsInput: () => UseControlsInputT;
+export { useControlsInput };

package/types/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.d.ts

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

package/types/ComboBox/v3/parts/dropdown-indicator/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledDropDownButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

package/types/ComboBox/v3/parts/empty-state/index.d.ts

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

package/types/ComboBox/v3/parts/empty-state/styled.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledNoResults: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/header-list/HeaderList.d.ts

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

package/types/ComboBox/v3/parts/header-list/index.d.ts

@@ -0,0 +1 @@
+export { HeaderList } from './HeaderList';

package/types/ComboBox/v3/parts/header-list/styled.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledHeaderListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledButtonSelection: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledShowAllButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;
+export declare const StyledSelectedItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledNoOptionsSelected: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/header-list/useHeaderListHandlers.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface useHeaderListHandlersT {
+    handleKeyDown: (e: React.KeyboardEvent) => void;
+    handleToggle: () => void;
+    handleOnMouseDown: (e: React.MouseEvent) => void;
+    handleClickOnClearAll: (e: Event) => void;
+    handleClickOnSelectAll: () => void;
+    handleOnBlurClearAll: (e: Event) => void;
+    handleOnBlurSelectAll: (e: Event) => void;
+}
+declare const useHeaderListHandlers: () => useHeaderListHandlersT;
+export { useHeaderListHandlers };

package/types/ComboBox/v3/parts/menu-list/MenuList.d.ts

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

package/types/ComboBox/v3/parts/menu-list/index.d.ts

@@ -0,0 +1 @@
+export { MenuList } from './MenuList';

package/types/ComboBox/v3/parts/menu-list/styled.d.ts

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

package/types/ComboBox/v3/parts/menu-list/useItemRenderer.d.ts

@@ -0,0 +1,2 @@
+declare const useItemRenderer: () => unknown;
+export { useItemRenderer };

package/types/ComboBox/v3/parts/menu-list/useMenuList.d.ts

@@ -0,0 +1,2 @@
+declare const useMenuList: () => void;
+export { useMenuList };

package/types/ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts

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

package/types/ComboBox/v3/parts/multi-selected-values-container/index.d.ts

@@ -0,0 +1 @@
+export { MultiSelectedValuesContainer } from './MultiSelectedValuesContainer';

package/types/ComboBox/v3/parts/multi-selected-values-container/styled.d.ts

@@ -0,0 +1,3 @@
+export declare const StyledGroupedPillPopoverContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledGroupPillWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/parts/multi-selected-values-container/useGroupPills.d.ts

@@ -0,0 +1,2 @@
+declare const useGroupPills: () => number;
+export { useGroupPills };

package/types/ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts

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

package/types/ComboBox/v3/parts/single-selected-value-container/index.d.ts

@@ -0,0 +1 @@
+export { SingleSelectedValueContainer } from './SingleSelectedValueContainer';

package/types/ComboBox/v3/parts/single-selected-value-container/styled.d.ts

@@ -0,0 +1 @@
+export declare const StyledSingleSelectedValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/ComboBox/v3/propTypes.d.ts

@@ -0,0 +1,51 @@
+/// <reference path="../../../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    placeholder: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    options: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    selectedValues: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    autoFocus: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    hasError: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onChange: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onSelectAll: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onFilter: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onCreate: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onClearAll: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    onMenuOpen: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    inputMinWidth: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    menuMinWidth: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    menuMaxHeight: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    withToggle: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/ComboBox/v3/tests/combobox-general.test.d.ts

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

package/types/ComboBox/v3/tests/combobox-multi-select.test.d.ts

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

package/types/ComboBox/v3/tests/combobox-single-select.test.d.ts

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

package/types/ComboBox/v3/tests/combobox-special-keys.test.d.ts

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

package/types/ComboBox/v3/tests/utils.d.ts

@@ -0,0 +1,22 @@
+export declare const basicOptions: {
+    dsId: string;
+    type: string;
+    value: string;
+    label: string;
+}[];
+export declare const groupedOptions: ({
+    dsId: string;
+    type: string;
+    value: string;
+    label: string;
+} | {
+    dsId: string;
+    type: string;
+    value?: undefined;
+    label?: undefined;
+} | {
+    dsId: string;
+    type: string;
+    label: string;
+    value?: undefined;
+})[];

package/types/ComboBox/v3/utils/hooks/useKeyboardNavigation.d.ts

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

package/types/ComboBox/v3/utils/hooks/useOnElementResize.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useOnElementResize: (targetRef: React.RefObject<HTMLDivElement>) => Record<'width' | 'height', number>;
+export { useOnElementResize };

package/types/ComboBox/v3/utils/listHelper.d.ts

@@ -0,0 +1,7 @@
+import { CBOptionT } from '../index.d';
+export declare const getSelectableOptions: (options: Array<CBOptionT>) => Array<CBOptionT>;
+export declare const getOptions: (options: Array<CBOptionT>) => Array<CBOptionT>;
+export declare const isSelectedValueEmpty: (value: CBOptionT | Array<CBOptionT>) => boolean;
+export declare const isSelectedValueMultiple: (value: CBOptionT | Array<CBOptionT>) => boolean;
+export declare const isSelected: (value: CBOptionsT, activeOption: CBOptionT) => boolean;
+export declare const findInCircularList: <T extends unknown>(list: T[], from: number, criteria: (item: T) => boolean, step?: number) => number;

package/types/MenuItem/components/SubmenuItem/styled.d.ts

@@ -1,2 +1,2 @@
-export declare const StyledItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<import("../../props").MenuItemT, "isActive" | "isSelected" | "isFocus"> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@xstyled/system").SizingProps<import("@xstyled/system").Theme> & import("@xstyled/system").PositionProps<import("@xstyled/system").Theme> & import("@xstyled/system").SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<import("../../props").MenuItemT, "isSelected" | "isFocus" | "isActive"> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("@xstyled/system").SizingProps<import("@xstyled/system").Theme> & import("@xstyled/system").PositionProps<import("@xstyled/system").Theme> & import("@xstyled/system").SpaceProps<import("@xstyled/system").Theme>, never>;
 export declare const StyledItemLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/MenuItem/components/styled.d.ts

@@ -1,5 +1,5 @@
 import { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@xstyled/styled-components';
 import { MenuItemT } from '../props';
-export declare const StyledGlobalMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
-export declare const StyledSubmenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isActive" | "isSelected" | "isFocus"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledGlobalMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isSelected" | "isFocus" | "isActive"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledMenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isSelected" | "isFocus" | "isActive"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;
+export declare const StyledSubmenuItemWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Pick<MenuItemT, "isSelected" | "isFocus" | "isActive"> & LayoutProps<import("@xstyled/system").Theme> & SizingProps<import("@xstyled/system").Theme> & PositionProps<import("@xstyled/system").Theme> & SpaceProps<import("@xstyled/system").Theme>, never>;