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

package/esm/autocomplete/utils/hooks/useKeyboardNavigation.js

@@ -1,93 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.find.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.find.js';
-import { useContext, useCallback } from 'react';
-import { AutocompleteContext } from '../../AutocompleteCTX.js';
-import { findInCircularList } from '../listHelper.js';
-
-const isOptionFocuseable = opt => !['section', 'separator'].includes(opt.type);
-
-const useKeyboardNavigation = () => {
-  const {
-    props: {
-      onKeyDown,
-      onChange,
-      options,
-      onFilter
-    },
-    setShowPopover,
-    showPopover,
-    focusOptionIdx,
-    inputRef,
-    setCurrentOption,
-    scrollOptionIntoView
-  } = useContext(AutocompleteContext);
-  const currentItemIndex = options.findIndex(opt => opt.dsId === focusOptionIdx);
-  const currentItem = options.find(item => item.dsId === focusOptionIdx);
-  const selectOption = useCallback(() => {
-    if (inputRef.current) inputRef.current.value = currentItem.label;
-    if (onFilter) onFilter(currentItem.label);
-    onChange(currentItem.label);
-    setShowPopover(false);
-  }, [currentItem, setShowPopover, onFilter, inputRef, onChange]);
-  const onInputKeyDown = useCallback(e => {
-    const targetElement = e.target; // =============================================================================
-    // CUSTOM KEYS
-    // =============================================================================
-
-    onKeyDown(e, currentItem); // =============================================================================
-    // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER
-    // =============================================================================
-
-    if (e.keyCode === 32 && targetElement.value === '' || e.key === 'Enter') {
-      if (showPopover) {
-        e.preventDefault();
-        selectOption();
-      }
-    } // =============================================================================
-    // ARROWS UP AND DOWN
-    // =============================================================================
-
-
-    if (e.key === 'ArrowDown') {
-      e.preventDefault();
-
-      if (showPopover) {
-        const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);
-        setCurrentOption(options[nextItemIndex].dsId);
-        scrollOptionIntoView(options[nextItemIndex].dsId);
-      } else {
-        setShowPopover(true);
-      }
-    }
-
-    if (e.key === 'ArrowUp') {
-      e.preventDefault();
-
-      if (showPopover) {
-        const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);
-        setCurrentOption(options[nextItemIndex].dsId);
-        scrollOptionIntoView(options[nextItemIndex].dsId);
-      } else {
-        setShowPopover(true);
-        setTimeout(() => {
-          const nextItemIndex = findInCircularList(options, 0, isOptionFocuseable, -1);
-          setCurrentOption(options[nextItemIndex].dsId);
-          scrollOptionIntoView(options[nextItemIndex].dsId);
-        });
-      }
-    } // =============================================================================
-    // ESCAPE
-    // =============================================================================
-
-
-    if (e.key === 'Escape') {
-      setShowPopover(false);
-    }
-  }, [scrollOptionIntoView, currentItemIndex, options, currentItem, showPopover, onKeyDown, setCurrentOption, setShowPopover, selectOption]);
-  return {
-    onInputKeyDown
-  };
-};
-
-export { useKeyboardNavigation };

package/esm/autocomplete/utils/hooks/useOnElementResize.js

@@ -1,33 +0,0 @@
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useEffect, useMemo } from 'react';
-
-// Taken and modified from https://stackoverflow.com/a/60218754
-
-const useOnElementResize = targetRef => {
-  var _targetRef$current, _targetRef$current2;
-
-  const [width, setWidth] = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0);
-  const [height, setHeight] = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0);
-  const observer = useRef(null);
-  useEffect(() => {
-    function outputsize() {
-      if (targetRef.current) {
-        setWidth(targetRef.current.offsetWidth);
-        setHeight(targetRef.current.offsetHeight);
-      }
-    }
-
-    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
-    return () => {
-      var _observer$current;
-
-      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
-    };
-  }, [targetRef]);
-  return useMemo(() => ({
-    width,
-    height
-  }), [width, height]);
-};
-
-export { useOnElementResize };

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

@@ -1,8 +0,0 @@
-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/autocomplete/config/useGetPropsWithDefault.d.ts

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

package/types/autocomplete/parts/a11y-messages/MultiAllyMessages.d.ts

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

package/types/autocomplete/parts/a11y-messages/SingleAllyMessages.d.ts

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

package/types/autocomplete/parts/a11y-messages/index.d.ts

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

package/types/autocomplete/parts/a11y-messages/styled.d.ts

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

package/types/autocomplete/parts/controls/Controls.d.ts

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

package/types/autocomplete/parts/controls/index.d.ts

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

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const StyledControlsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & 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/autocomplete/parts/controls/useControlsInput.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface UseControlsInputT {
-    handleOnBlur: () => void;
-    handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
-    handleOnInputMouseDown: (e: React.MouseEvent) => void;
-    showPlaceholder: string | null | undefined;
-}
-declare const useControlsInput: () => UseControlsInputT;
-export { useControlsInput };

package/types/autocomplete/parts/controls/useMaskedOnChange.d.ts

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

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

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

package/types/autocomplete/propTypes.d.ts

@@ -1,51 +0,0 @@
-/// <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/autocomplete/utils/hooks/useKeyboardNavigation.d.ts

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

package/types/autocomplete/utils/hooks/useOnElementResize.d.ts

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

package/types/mask-hook/hooks/useZipCode.d.ts

@@ -1,3 +0,0 @@
-import { DSMaskT } from '../react-desc-prop-types';
-export declare const useZipCode: DSMaskT.Hook;
-export declare const UseZipCodeMaskWithSchema: any;