@elliemae/ds-controlled-form 2.1.0-rc.4 → 2.1.0-rc.8

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

@@ -0,0 +1,65 @@
+/// <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;
+        };
+        onCancel: {
+            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/controlled-combobox/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/controlled-combobox/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;
+    SELECT_ALL_CHECKBOX: string;
+    SHOW_SELECTED_OPTIONS_TOGGLE: string;
+};

package/types/controlled-combobox/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/controlled-combobox/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/controlled-combobox/config/useGetPropsWithDefault.d.ts

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

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

@@ -0,0 +1 @@
+export * from './ComboBox';

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

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

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

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

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

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

package/types/controlled-combobox/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/controlled-combobox/parts/container/Container.d.ts

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

package/types/controlled-combobox/parts/container/index.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/parts/controls/Controls.d.ts

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

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

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

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

@@ -0,0 +1,6 @@
+/// <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, {}, 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/controlled-combobox/parts/controls-input/ControlsInput.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/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 | null | undefined;
+    spanReferenceText: string | undefined;
+    width: number;
+    spanReference: React.Ref<HTMLSpanElement>;
+}
+declare const useControlsInput: () => UseControlsInputT;
+export { useControlsInput };

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 @@
+export declare const StyledDropDownButton: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, any, any>;

package/types/controlled-combobox/parts/empty-state/index.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/parts/header-list/HeaderList.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+export declare const StyledHeaderListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledButtonSelection: 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>;
+export declare const StyledSelectAllCheckbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const useItemRenderer: () => Array<React.ReactNode>;
+export { useItemRenderer };

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

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

package/types/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.d.ts

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

package/types/controlled-combobox/parts/multi-selected-values-container/index.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/parts/multi-selected-values-container/useGroupPills.d.ts

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

package/types/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts

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

package/types/controlled-combobox/parts/single-selected-value-container/index.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/propTypes.d.ts

@@ -0,0 +1,54 @@
+/// <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;
+    };
+    onCancel: {
+        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/controlled-combobox/tests/combobox-general.test.d.ts

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

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

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

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

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

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

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

package/types/controlled-combobox/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/controlled-combobox/utils/hooks/useKeyboardNavigation.d.ts

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

package/types/controlled-combobox/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/controlled-combobox/utils/listHelper.d.ts

@@ -0,0 +1,7 @@
+import { CBItemOption, CBOptionT, CBSelectedOptionsT } 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: CBSelectedOptionsT) => boolean;
+export declare const isSelectedValueMultiple: (value: CBOptionT | Array<CBOptionT>) => boolean;
+export declare const isSelected: (value: CBItemOption | CBItemOption[], activeOption: CBItemOption) => boolean;
+export declare const findInCircularList: <T extends unknown>(list: T[], from: number, criteria: (item: T) => boolean, step?: number) => number;

package/types/index.d.ts

@@ -2,3 +2,5 @@ export * from './controlled-checkbox';
 export * from './controlled-date-range-picker';
 export * from './controlled-date-time-picker';
 export * from './controlled-toggle';
+export * from './controlled-autocomplete';
+export * from './controlled-combobox';