@elliemae/ds-controlled-form 2.4.1-rc.4 → 2.4.1-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-controlled-form",
-  "version": "2.4.1-rc.4",
+  "version": "2.4.1-rc.5",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Controlled Form Controllers",
   "module": "./esm/index.js",
@@ -103,9 +103,9 @@
       "import": "./esm/mask-hook/index.js",
       "require": "./cjs/mask-hook/index.js"
     },
-    "./mask-hook/hooks/useZipCode": {
-      "import": "./esm/mask-hook/hooks/useZipCode.js",
-      "require": "./cjs/mask-hook/hooks/useZipCode.js"
+    "./mask-hook/hooks/useZipCodeMask": {
+      "import": "./esm/mask-hook/hooks/useZipCodeMask.js",
+      "require": "./cjs/mask-hook/hooks/useZipCodeMask.js"
     },
     "./mask-hook/hooks/useSSNMask": {
       "import": "./esm/mask-hook/hooks/useSSNMask.js",
@@ -715,13 +715,9 @@
       "import": "./esm/autocomplete/utils/listHelper.js",
       "require": "./cjs/autocomplete/utils/listHelper.js"
     },
-    "./autocomplete/utils/hooks/useOnElementResize": {
-      "import": "./esm/autocomplete/utils/hooks/useOnElementResize.js",
-      "require": "./cjs/autocomplete/utils/hooks/useOnElementResize.js"
-    },
-    "./autocomplete/utils/hooks/useKeyboardNavigation": {
-      "import": "./esm/autocomplete/utils/hooks/useKeyboardNavigation.js",
-      "require": "./cjs/autocomplete/utils/hooks/useKeyboardNavigation.js"
+    "./autocomplete/tests/utils": {
+      "import": "./esm/autocomplete/tests/utils.js",
+      "require": "./cjs/autocomplete/tests/utils.js"
     },
     "./autocomplete/sharedTypes": {
       "import": "./esm/autocomplete/sharedTypes.js",
@@ -731,14 +727,6 @@
       "import": "./esm/autocomplete/react-desc-prop-types.js",
       "require": "./cjs/autocomplete/react-desc-prop-types.js"
     },
-    "./autocomplete/propTypes": {
-      "import": "./esm/autocomplete/propTypes.js",
-      "require": "./cjs/autocomplete/propTypes.js"
-    },
-    "./autocomplete/parts/menu-list/useMenuList": {
-      "import": "./esm/autocomplete/parts/menu-list/useMenuList.js",
-      "require": "./cjs/autocomplete/parts/menu-list/useMenuList.js"
-    },
     "./autocomplete/parts/menu-list/useItemRenderer": {
       "import": "./esm/autocomplete/parts/menu-list/useItemRenderer.js",
       "require": "./cjs/autocomplete/parts/menu-list/useItemRenderer.js"
@@ -755,29 +743,9 @@
       "import": "./esm/autocomplete/parts/menu-list/index.js",
       "require": "./cjs/autocomplete/parts/menu-list/index.js"
     },
-    "./autocomplete/parts/controls/useMaskedOnChange": {
-      "import": "./esm/autocomplete/parts/controls/useMaskedOnChange.js",
-      "require": "./cjs/autocomplete/parts/controls/useMaskedOnChange.js"
-    },
-    "./autocomplete/parts/controls/useKeyboardNavigation": {
-      "import": "./esm/autocomplete/parts/controls/useKeyboardNavigation.js",
-      "require": "./cjs/autocomplete/parts/controls/useKeyboardNavigation.js"
-    },
-    "./autocomplete/parts/controls/useControlsInput": {
-      "import": "./esm/autocomplete/parts/controls/useControlsInput.js",
-      "require": "./cjs/autocomplete/parts/controls/useControlsInput.js"
-    },
-    "./autocomplete/parts/controls/styled": {
-      "import": "./esm/autocomplete/parts/controls/styled.js",
-      "require": "./cjs/autocomplete/parts/controls/styled.js"
-    },
-    "./autocomplete/parts/controls": {
-      "import": "./esm/autocomplete/parts/controls/index.js",
-      "require": "./cjs/autocomplete/parts/controls/index.js"
-    },
-    "./autocomplete/parts/controls/Controls": {
-      "import": "./esm/autocomplete/parts/controls/Controls.js",
-      "require": "./cjs/autocomplete/parts/controls/Controls.js"
+    "./autocomplete/parts/container/useKeyboardNavigation": {
+      "import": "./esm/autocomplete/parts/container/useKeyboardNavigation.js",
+      "require": "./cjs/autocomplete/parts/container/useKeyboardNavigation.js"
     },
     "./autocomplete/parts/container/styled": {
       "import": "./esm/autocomplete/parts/container/styled.js",
@@ -791,38 +759,14 @@
       "import": "./esm/autocomplete/parts/container/Container.js",
       "require": "./cjs/autocomplete/parts/container/Container.js"
     },
-    "./autocomplete/parts/a11y-messages/styled": {
-      "import": "./esm/autocomplete/parts/a11y-messages/styled.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/styled.js"
-    },
-    "./autocomplete/parts/a11y-messages/SingleAllyMessages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/SingleAllyMessages.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/SingleAllyMessages.js"
-    },
-    "./autocomplete/parts/a11y-messages/MultiAllyMessages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/MultiAllyMessages.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/MultiAllyMessages.js"
-    },
-    "./autocomplete/parts/a11y-messages": {
-      "import": "./esm/autocomplete/parts/a11y-messages/index.js",
-      "require": "./cjs/autocomplete/parts/a11y-messages/index.js"
-    },
     "./autocomplete": {
       "import": "./esm/autocomplete/index.js",
       "require": "./cjs/autocomplete/index.js"
     },
-    "./autocomplete/config/useGetPropsWithDefault": {
-      "import": "./esm/autocomplete/config/useGetPropsWithDefault.js",
-      "require": "./cjs/autocomplete/config/useGetPropsWithDefault.js"
-    },
     "./autocomplete/config/useAutocomplete": {
       "import": "./esm/autocomplete/config/useAutocomplete.js",
       "require": "./cjs/autocomplete/config/useAutocomplete.js"
     },
-    "./autocomplete/config/constants": {
-      "import": "./esm/autocomplete/config/constants.js",
-      "require": "./cjs/autocomplete/config/constants.js"
-    },
     "./autocomplete/AutocompleteDataTestids": {
       "import": "./esm/autocomplete/AutocompleteDataTestids.js",
       "require": "./cjs/autocomplete/AutocompleteDataTestids.js"
@@ -856,20 +800,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.4.1-rc.4",
-    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.4",
-    "@elliemae/ds-controlled-form": "2.4.1-rc.4",
-    "@elliemae/ds-form": "2.4.1-rc.4",
-    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.4",
-    "@elliemae/ds-grid": "2.4.1-rc.4",
-    "@elliemae/ds-icon": "2.4.1-rc.4",
-    "@elliemae/ds-icons": "2.4.1-rc.4",
-    "@elliemae/ds-pills": "2.4.1-rc.4",
-    "@elliemae/ds-popperjs": "2.4.1-rc.4",
-    "@elliemae/ds-props-helpers": "2.4.1-rc.4",
-    "@elliemae/ds-system": "2.4.1-rc.4",
-    "@elliemae/ds-tooltip": "2.4.1-rc.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.4",
+    "@elliemae/ds-button": "2.4.1-rc.5",
+    "@elliemae/ds-circular-progress-indicator": "2.4.1-rc.5",
+    "@elliemae/ds-controlled-form": "2.4.1-rc.5",
+    "@elliemae/ds-form": "2.4.1-rc.5",
+    "@elliemae/ds-form-layout-blocks": "2.4.1-rc.5",
+    "@elliemae/ds-grid": "2.4.1-rc.5",
+    "@elliemae/ds-icon": "2.4.1-rc.5",
+    "@elliemae/ds-icons": "2.4.1-rc.5",
+    "@elliemae/ds-pills": "2.4.1-rc.5",
+    "@elliemae/ds-popperjs": "2.4.1-rc.5",
+    "@elliemae/ds-props-helpers": "2.4.1-rc.5",
+    "@elliemae/ds-system": "2.4.1-rc.5",
+    "@elliemae/ds-tooltip": "2.4.1-rc.5",
+    "@elliemae/ds-truncated-tooltip-text": "2.4.1-rc.5",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-popper": "~2.2.5",

package/types/autocomplete/Autocomplete.d.ts

@@ -1,62 +1,5 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-import type { AutocompletePropsT } from './index.d';
-declare const DSAutocomplete: {
-    (props: AutocompletePropsT): 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 DSAutocompleteWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
+import React from 'react';
+import { DSAutocompleteT } from './react-desc-prop-types';
+declare const DSAutocomplete: React.ComponentType<DSAutocompleteT.Props>;
+declare const DSAutocompleteWithSchema: import("@elliemae/ds-props-helpers/types/propTypes/types").DocumentedReactComponent<DSAutocompleteT.Props>;
 export { DSAutocomplete, DSAutocompleteWithSchema };

package/types/autocomplete/AutocompleteCTX.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { AutocompletePropsT, AutocompleteContextT } from './index.d';
-export declare const defaultProps: AutocompletePropsT;
+import { DSAutocompleteT } from './react-desc-prop-types';
+import { DSAutoCompleteInternalsT } from './sharedTypes';
+export declare const defaultProps: DSAutocompleteT.DefaultProps;
 /** Context for cross component communication */
-export declare const AutocompleteContext: import("react").Context<AutocompleteContextT>;
+export declare const AutocompleteContext: import("react").Context<DSAutoCompleteInternalsT.AutocompleteContext>;
 export default AutocompleteContext;

package/types/autocomplete/AutocompleteDataTestids.d.ts

@@ -1,11 +1,5 @@
 export declare const AutocompleteDataTestid: {
-    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;
+    CONTAINER: string;
 };

package/types/autocomplete/config/useAutocomplete.d.ts

@@ -1,2 +1,3 @@
-import type { AutocompletePropsT, AutocompleteContextT } from '../index.d';
-export declare const useAutocomplete: (props: Partial<AutocompletePropsT>) => AutocompleteContextT;
+import { DSAutocompleteT } from '../react-desc-prop-types';
+import { DSAutoCompleteInternalsT } from '../sharedTypes';
+export declare const useAutocomplete: (props: DSAutocompleteT.Props) => DSAutoCompleteInternalsT.AutocompleteContext;

package/types/autocomplete/parts/container/Container.d.ts

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

package/types/autocomplete/parts/container/styled.d.ts

@@ -1,3 +1,2 @@
 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/autocomplete/parts/menu-list/MenuList.d.ts

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

package/types/autocomplete/parts/menu-list/styled.d.ts

@@ -1,10 +1,7 @@
 export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    inline: boolean | undefined;
-    minWidth: string | number;
+    minWidth?: string | number | undefined;
 }, 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/autocomplete/parts/menu-list/useItemRenderer.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const useItemRenderer: () => React.ReactNode[];
-export { useItemRenderer };
+/// <reference types="react" />
+export declare const useItemRenderer: () => Array<JSX.Element> | null;

package/types/autocomplete/react-desc-prop-types.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare function noop<T extends unknown[]>(..._args: T): void;
 export declare namespace DSAutocompleteT {
     interface CommonItemOptions {
         dsId: string;
@@ -20,35 +19,26 @@ export declare namespace DSAutocompleteT {
     }
     type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions;
     type SelectedOptionsT = ItemOption[] | ItemOption | null;
-    interface PropsOptional {
-        placeholder?: string;
-        autoFocus?: boolean;
-        onFilter?: (value: string) => void;
-    }
     interface RequiredProps {
         options: OptionTypes[];
-        value: string;
+        children: React.ReactChild;
+        filter: string;
+        onSelect: (suggestedValue: string | number, e: React.KeyboardEvent<HTMLInputElement>) => void;
     }
     interface DefaultProps {
         startPlacementPreference: string;
         placementOrderPreference: string[];
-        hasError: boolean;
         withoutPortal: boolean;
         zIndex: number;
-        disabled: boolean;
-        innerRef: React.RefObject<HTMLInputElement>;
-        inputProps: object;
     }
-    interface Props extends Partial<DefaultProps>, RequiredProps, PropsOptional {
+    interface Props extends Partial<DefaultProps>, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, RequiredProps, PropsOptional {
+    interface InternalProps extends DefaultProps, RequiredProps {
     }
 }
 export declare const propTypes: {
-    placeholder: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
     options: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    value: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    autoFocus: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    hasError: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
-    onChange: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    filter: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    onSelect: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
+    children: import("@elliemae/ds-props-helpers/types/propTypes/types").ReactDescT;
 };

package/types/autocomplete/sharedTypes.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { useVirtual } from 'react-virtual';
 import { DSAutocompleteT } from './react-desc-prop-types';
 export declare namespace DSAutoCompleteInternalsT {
@@ -12,8 +12,6 @@ export declare namespace DSAutoCompleteInternalsT {
         scrollOptionIntoView: (dsId: string, opts?: any) => void;
         inputRef: React.RefObject<HTMLInputElement>;
         listRef: React.RefObject<HTMLDivElement>;
-        wrapperListRef: React.RefObject<HTMLDivElement>;
-        controlsWrapperRef: React.RefObject<HTMLDivElement>;
         focusOptionIdx: string;
         setCurrentOption: React.Dispatch<React.SetStateAction<string>>;
     }

package/types/autocomplete/tests/general.test.d.ts

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

package/types/autocomplete/tests/utils.d.ts

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

package/types/autocomplete/utils/listHelper.d.ts

@@ -1,7 +1,7 @@
-import { CBOptionT } from '../index.d';
+import { DSAutocompleteT } from '../react-desc-prop-types';
 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;
+export declare const getFirstOption: (options: DSAutocompleteT.OptionTypes[]) => string;

package/types/checkbox/ControlledCheckbox.d.ts

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