@elliemae/ds-form-layout-autocomplete 3.17.0-next.2 → 3.17.0-next.20

package/dist/types/ds-form-input-text/src/DSInputText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DSInputTextT } from './react-desc-prop-types.js';
+export declare const DSInputText: React.ComponentType<DSInputTextT.Props>;
+export declare const DSInputTextWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSInputTextT.Props>;

package/dist/types/ds-form-input-text/src/config/useInputText.d.ts

@@ -0,0 +1,13 @@
+import type React from 'react';
+import type { DSInputTextT } from '../react-desc-prop-types.js';
+export declare const useInputText: (props: DSInputTextT.Props) => {
+    globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
+    hasFocus: boolean;
+    handlers: {
+        onChange: React.ChangeEventHandler<HTMLInputElement>;
+        onFocus: React.FocusEventHandler<HTMLInputElement>;
+        onBlur: React.FocusEventHandler<HTMLInputElement>;
+    };
+    propsWithDefault: Required<DSInputTextT.IProps>;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/ds-form-input-text/src/exported-related/data-test-ids.d.ts

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

package/dist/types/ds-form-input-text/src/exported-related/index.d.ts

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

package/dist/types/ds-form-input-text/src/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSInputTextName = "DSInputText";
+export declare const DSInputTextSlots: {
+    INPUT_WRAPPER: string;
+    INPUT: string;
+    CLEAR_BUTTON: string;
+};

package/dist/types/ds-form-input-text/src/react-desc-prop-types.d.ts

@@ -0,0 +1,21 @@
+import type { WeakValidationMap } from 'react';
+import type React from 'react';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
+export declare namespace DSInputTextT {
+    interface IProps {
+        value?: string | number;
+        onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;
+        onClear?: () => void;
+        placeholder?: string;
+        innerRef?: React.MutableRefObject<HTMLInputElement | null> | ((_ref: HTMLInputElement | null) => void);
+        disabled?: boolean;
+        readOnly?: boolean;
+        hasError?: boolean;
+        inputSize?: 's' | 'm';
+        clearable?: boolean;
+    }
+    interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {
+    }
+}
+export declare const defaultProps: DSInputTextT.Props;
+export declare const DSInputTextPropTypes: WeakValidationMap<unknown>;

package/dist/types/ds-form-input-text/src/styled/borders.d.ts

@@ -0,0 +1,10 @@
+import type { FlattenSimpleInterpolation } from '@elliemae/ds-system';
+interface BorderNecessaryProps {
+    isDisabled: boolean;
+    hasError: boolean;
+    isReadOnly: boolean;
+    hasFocus: boolean;
+}
+export declare const getBorderCss: (props: BorderNecessaryProps) => FlattenSimpleInterpolation;
+export declare const getHoverBorderCss: (props: BorderNecessaryProps) => FlattenSimpleInterpolation;
+export {};

package/dist/types/ds-form-input-text/src/styled/components.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+interface StyledInputWrapperProps {
+    inputSize: string;
+    isDisabled: boolean;
+    hasError: boolean;
+    isReadOnly: boolean;
+    hasFocus: boolean;
+}
+export declare const StyledInputWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/react-desc-prop-types.js").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("@elliemae/ds-system").Theme, StyledInputWrapperProps, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("@elliemae/ds-system").Theme, Record<string, unknown>, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button").DSButtonT.Props>, import("@elliemae/ds-system").Theme, object, never>;
+export {};

package/dist/types/ds-form-layout-autocomplete/src/Autocomplete.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/AutocompleteCTX.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { AutocompleteContextT } from './config/useAutocomplete.js';
+/** Context for cross component communication */
+export declare const AutocompleteContext: import("react").Context<AutocompleteContextT>;
+export default AutocompleteContext;

package/dist/types/ds-form-layout-autocomplete/src/AutocompleteDataTestids.d.ts

@@ -0,0 +1,5 @@
+export declare const AutocompleteDataTestid: {
+    LIST: string;
+    OPTION: string;
+    CONTAINER: string;
+};

package/dist/types/ds-form-layout-autocomplete/src/DSAutocompleteDefinitions.d.ts

@@ -0,0 +1 @@
+export declare const DSAutocompleteName = "DSAutocomplete";

package/dist/types/ds-form-layout-autocomplete/src/config/useAutocomplete.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { DSAutocompleteT } from '../react-desc-prop-types.js';
+import { useRefs } from './useRefs.js';
+import { useVirtualization } from './useVirtualization.js';
+import { usePopoverLogic } from './usePopoverLogic.js';
+export type AutocompleteContextT = ReturnType<typeof useRefs> & ReturnType<typeof useVirtualization> & ReturnType<typeof usePopoverLogic> & {
+    props: DSAutocompleteT.InternalProps;
+    referenceElement: HTMLElement | null;
+    focusOptionIdx: string;
+    autoCompleteId: string;
+    setCurrentOption: React.Dispatch<React.SetStateAction<string>>;
+    setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+};
+export declare const useAutocomplete: (props: DSAutocompleteT.Props) => AutocompleteContextT;

package/dist/types/ds-form-layout-autocomplete/src/config/usePopoverLogic.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DSAutocompleteT } from '../react-desc-prop-types.js';
+export declare const usePopoverLogic: (propsWithDefault: DSAutocompleteT.InternalProps) => {
+    isShowingPopover: boolean;
+    forceClosePopover: boolean;
+    setForceClosePopover: React.Dispatch<React.SetStateAction<boolean>>;
+    userTypedSomething: boolean;
+    setUserTypedSomething: React.Dispatch<React.SetStateAction<boolean>>;
+    setUserJustSelectedAnOption: React.Dispatch<React.SetStateAction<boolean>>;
+    setUserIsNavigatingWithArrows: React.Dispatch<React.SetStateAction<boolean>>;
+    trackUserInteractingViaKeyboard: React.KeyboardEventHandler<HTMLInputElement>;
+};

package/dist/types/ds-form-layout-autocomplete/src/config/useRefs.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const useRefs: () => {
+    inputRef: React.RefObject<HTMLInputElement>;
+    listRef: React.RefObject<HTMLDivElement>;
+};

package/dist/types/ds-form-layout-autocomplete/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Autocomplete.js';
+export * from './AutocompleteDataTestids.js';

package/dist/types/ds-form-layout-autocomplete/src/parts/A11yFocusedOption.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DSAutocompleteT } from '../react-desc-prop-types.js';
+export declare const isSeparator: (el: DSAutocompleteT.OptionTypes | undefined) => el is DSAutocompleteT.ItemSeparatorOptions;
+export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const A11yFocusedOption: React.ComponentType;

package/dist/types/ds-form-layout-autocomplete/src/parts/container/Container.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/parts/container/index.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/parts/container/styled.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledContainer: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledPopperWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;

package/dist/types/ds-form-layout-autocomplete/src/parts/container/useKeyboardNavigation.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/parts/menu-list/MenuList.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/parts/menu-list/index.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/parts/menu-list/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
+    minWidth?: string | number | undefined;
+}, never>;
+export declare const StyledList: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & object, never>;
+export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & {
+    maxHeight: number;
+}, never>;

package/dist/types/ds-form-layout-autocomplete/src/parts/menu-list/useItemRenderer.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/react-desc-prop-types.d.ts

@@ -0,0 +1,45 @@
+import type React from 'react';
+export declare namespace DSAutocompleteT {
+    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';
+    }
+    type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions;
+    type SelectedOptionsT = ItemOption[] | ItemOption | null;
+    interface RequiredProps {
+        options: OptionTypes[];
+        children: React.ReactChild;
+        filter: string;
+        onSelect: (suggestedValue: string | number, e: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement>) => void;
+    }
+    interface DefaultProps {
+        startPlacementPreference: string;
+        placementOrderPreference: string[];
+        withoutPortal: boolean;
+        zIndex: number;
+    }
+    interface Props extends Partial<DefaultProps>, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSAutocompleteT.DefaultProps;
+export declare const propTypes: {
+    options: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    filter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSelect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+};

package/dist/types/ds-form-layout-autocomplete/src/tests/a11y/axe.test.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/tests/general.test.d.ts

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

package/dist/types/ds-form-layout-autocomplete/src/tests/utils.d.ts

@@ -0,0 +1,5 @@
+export declare const basicOptions: {
+    dsId: string;
+    type: string;
+    label: string;
+}[];

package/dist/types/ds-form-layout-autocomplete/src/utils/listHelper.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-autocomplete",
-  "version": "3.17.0-next.2",
+  "version": "3.17.0-next.20",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout - Autocomplete",
   "files": [
@@ -37,10 +37,12 @@
   "dependencies": {
     "react-virtual": "~2.10.4",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-popperjs": "3.17.0-next.2",
-    "@elliemae/ds-props-helpers": "3.17.0-next.2",
-    "@elliemae/ds-menu-items": "3.17.0-next.2",
-    "@elliemae/ds-system": "3.17.0-next.2"
+    "uid": "~2.0.1",
+    "@elliemae/ds-grid": "3.17.0-next.20",
+    "@elliemae/ds-popperjs": "3.17.0-next.20",
+    "@elliemae/ds-menu-items": "3.17.0-next.20",
+    "@elliemae/ds-system": "3.17.0-next.20",
+    "@elliemae/ds-props-helpers": "3.17.0-next.20"
   },
   "devDependencies": {
     "@elliemae/pui-theme": "~2.7.0",
@@ -48,9 +50,10 @@
     "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
+    "jest-axe": "^7.0.1",
     "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-form-input-text": "3.17.0-next.2"
+    "@elliemae/ds-form-input-text": "3.17.0-next.20"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.7.0",