@elliemae/ds-form-layout-autocomplete 3.16.0-next.2 → 3.16.0-next.21

package/dist/esm/parts/container/Container.js

@@ -1,38 +1,37 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import React2, { useCallback, useMemo, useEffect, useContext } from "react";
+import React2, { useCallback, useMemo, useContext } from "react";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
-import AutocompleteContext from "../../AutocompleteCTX";
-import { StyledContainer, StyledPopperWrapper } from "./styled";
-import { MenuList } from "../menu-list";
-import { useKeyboardNavigation } from "./useKeyboardNavigation";
-import { AutocompleteDataTestid } from "../../AutocompleteDataTestids";
-import { A11yFocusedOption } from "../A11yFocusedOption";
+import AutocompleteContext from "../../AutocompleteCTX.js";
+import { StyledContainer, StyledPopperWrapper } from "./styled.js";
+import { MenuList } from "../menu-list/index.js";
+import { useKeyboardNavigation } from "./useKeyboardNavigation.js";
+import { AutocompleteDataTestid } from "../../AutocompleteDataTestids.js";
+import { A11yFocusedOption } from "../A11yFocusedOption.js";
 const Container = () => {
   const {
     props: { id, startPlacementPreference, children, filter, placementOrderPreference },
-    showPopover,
+    isShowingPopover,
     setReferenceElement,
-    setShowPopover,
-    focusOptionIdx,
+    setUserJustSelectedAnOption,
+    setUserTypedSomething,
+    setUserIsNavigatingWithArrows,
+    setForceClosePopover,
+    autoCompleteId,
     referenceElement
   } = useContext(AutocompleteContext);
-  useEffect(() => {
-    const closePopper = () => {
-      setShowPopover(false);
-    };
-    window.addEventListener("blur", closePopper);
-    return () => {
-      window.removeEventListener("blur", closePopper);
-    };
-  }, [setShowPopover]);
   const handleCloseMenu = useCallback(() => {
-    setShowPopover(false);
-  }, [setShowPopover]);
+    setForceClosePopover(true);
+  }, [setForceClosePopover]);
   const { onInputKeyDown } = useKeyboardNavigation();
   const input = React2.Children.only(children);
-  const childrenWithProps = React2.isValidElement(input) ? React2.cloneElement(input, { "aria-activedescendant": focusOptionIdx }) : input;
   const idList = useMemo(() => `${id ? `${id}-` : ""}listbox`, [id]);
+  const onFocusPopoverStatusSync = useCallback(() => {
+    setForceClosePopover(false);
+    setUserJustSelectedAnOption(false);
+    setUserTypedSomething(false);
+    setUserIsNavigatingWithArrows(false);
+  }, [setForceClosePopover, setUserIsNavigatingWithArrows, setUserJustSelectedAnOption, setUserTypedSomething]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(A11yFocusedOption, {}),
     /* @__PURE__ */ jsxs(
@@ -42,21 +41,22 @@ const Container = () => {
         ref: setReferenceElement,
         role: "combobox",
         "aria-autocomplete": "list",
-        "aria-controls": "autocomplete-listbox",
-        "aria-expanded": showPopover,
+        "aria-controls": `menu-list-${autoCompleteId}`,
+        "aria-expanded": isShowingPopover,
         "aria-haspopup": "listbox",
         "aria-owns": idList,
         onKeyDown: onInputKeyDown,
+        onFocus: onFocusPopoverStatusSync,
         "data-testid": AutocompleteDataTestid.CONTAINER,
         children: [
-          childrenWithProps,
+          input,
           filter && /* @__PURE__ */ jsx(
             DSPopperJS,
             {
               customOffset: [0, 5],
               closeContextMenu: handleCloseMenu,
               referenceElement,
-              showPopover,
+              showPopover: isShowingPopover,
               startPlacementPreference,
               placementOrderPreference,
               withoutPortal: true,

package/dist/esm/parts/container/Container.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/container/Container.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useEffect, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { StyledContainer, StyledPopperWrapper } from './styled';\nimport { MenuList } from '../menu-list';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport { A11yFocusedOption } from '../A11yFocusedOption';\nexport const Container = (): JSX.Element => {\n  const {\n    props: { id, startPlacementPreference, children, filter, placementOrderPreference },\n    showPopover,\n    setReferenceElement,\n    setShowPopover,\n    focusOptionIdx,\n    referenceElement,\n  } = useContext(AutocompleteContext);\n\n  useEffect(() => {\n    const closePopper = () => {\n      setShowPopover(false);\n    };\n    window.addEventListener('blur', closePopper);\n\n    return () => {\n      window.removeEventListener('blur', closePopper);\n    };\n  }, [setShowPopover]);\n\n  const handleCloseMenu = useCallback(() => {\n    setShowPopover(false);\n  }, [setShowPopover]);\n\n  const { onInputKeyDown } = useKeyboardNavigation();\n\n  const input = React.Children.only(children);\n\n  const childrenWithProps = React.isValidElement(input)\n    ? React.cloneElement(input, { 'aria-activedescendant': focusOptionIdx })\n    : input;\n\n  const idList = useMemo(() => `${id ? `${id}-` : ''}listbox`, [id]);\n\n  return (\n    <>\n      <A11yFocusedOption />\n\n      <StyledContainer\n        id={id}\n        ref={setReferenceElement}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-controls=\"autocomplete-listbox\"\n        aria-expanded={showPopover}\n        aria-haspopup=\"listbox\"\n        aria-owns={idList}\n        onKeyDown={onInputKeyDown}\n        data-testid={AutocompleteDataTestid.CONTAINER}\n      >\n        {childrenWithProps}\n        {filter && (\n          <DSPopperJS\n            customOffset={[0, 5]}\n            closeContextMenu={handleCloseMenu}\n            referenceElement={referenceElement}\n            showPopover={showPopover}\n            startPlacementPreference={startPlacementPreference}\n            placementOrderPreference={placementOrderPreference}\n            withoutPortal\n            withoutArrow\n            withoutAnimation\n            zIndex={10}\n          >\n            <StyledPopperWrapper tabIndex={-1}>\n              <MenuList />\n            </StyledPopperWrapper>\n          </DSPopperJS>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC6CnB,mBACE,KAEA,YAHF;AA5CJ,OAAOA,UAAS,aAAa,SAAS,WAAW,kBAAkB;AACnE,SAAS,kBAAkB;AAC3B,OAAO,yBAAyB;AAChC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAC3B,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ,OAAO,EAAE,IAAI,0BAA0B,UAAU,QAAQ,yBAAyB;AAAA,IAClF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,YAAU,MAAM;AACd,UAAM,cAAc,MAAM;AACxB,qBAAe,KAAK;AAAA,IACtB;AACA,WAAO,iBAAiB,QAAQ,WAAW;AAE3C,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,WAAW;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,kBAAkB,YAAY,MAAM;AACxC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,cAAc,CAAC;AAEnB,QAAM,EAAE,eAAe,IAAI,sBAAsB;AAEjD,QAAM,QAAQA,OAAM,SAAS,KAAK,QAAQ;AAE1C,QAAM,oBAAoBA,OAAM,eAAe,KAAK,IAChDA,OAAM,aAAa,OAAO,EAAE,yBAAyB,eAAe,CAAC,IACrE;AAEJ,QAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AAEjE,SACE,iCACE;AAAA,wBAAC,qBAAkB;AAAA,IAEnB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,MAAK;AAAA,QACL,qBAAkB;AAAA,QAClB,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,aAAW;AAAA,QACX,WAAW;AAAA,QACX,eAAa,uBAAuB;AAAA,QAEnC;AAAA;AAAA,UACA,UACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAc,CAAC,GAAG,CAAC;AAAA,cACnB,kBAAkB;AAAA,cAClB;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACb,cAAY;AAAA,cACZ,kBAAgB;AAAA,cAChB,QAAQ;AAAA,cAER,8BAAC,uBAAoB,UAAU,IAC7B,8BAAC,YAAS,GACZ;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { StyledContainer, StyledPopperWrapper } from './styled.js';\nimport { MenuList } from '../menu-list/index.js';\nimport { useKeyboardNavigation } from './useKeyboardNavigation.js';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids.js';\nimport { A11yFocusedOption } from '../A11yFocusedOption.js';\nexport const Container = (): JSX.Element => {\n  const {\n    props: { id, startPlacementPreference, children, filter, placementOrderPreference },\n    isShowingPopover,\n    setReferenceElement,\n    setUserJustSelectedAnOption,\n    setUserTypedSomething,\n    setUserIsNavigatingWithArrows,\n    setForceClosePopover,\n    autoCompleteId,\n    referenceElement,\n  } = useContext(AutocompleteContext);\n\n  const handleCloseMenu = useCallback(() => {\n    setForceClosePopover(true);\n  }, [setForceClosePopover]);\n\n  const { onInputKeyDown } = useKeyboardNavigation();\n\n  const input = React.Children.only(children);\n\n  const idList = useMemo(() => `${id ? `${id}-` : ''}listbox`, [id]);\n\n  const onFocusPopoverStatusSync = useCallback(() => {\n    setForceClosePopover(false);\n    setUserJustSelectedAnOption(false);\n    setUserTypedSomething(false);\n    setUserIsNavigatingWithArrows(false);\n  }, [setForceClosePopover, setUserIsNavigatingWithArrows, setUserJustSelectedAnOption, setUserTypedSomething]);\n\n  return (\n    <>\n      <A11yFocusedOption />\n\n      <StyledContainer\n        id={id}\n        ref={setReferenceElement}\n        role=\"combobox\"\n        aria-autocomplete=\"list\"\n        aria-controls={`menu-list-${autoCompleteId}`}\n        aria-expanded={isShowingPopover}\n        aria-haspopup=\"listbox\"\n        aria-owns={idList}\n        onKeyDown={onInputKeyDown}\n        onFocus={onFocusPopoverStatusSync}\n        data-testid={AutocompleteDataTestid.CONTAINER}\n      >\n        {input}\n        {filter && (\n          <DSPopperJS\n            customOffset={[0, 5]}\n            closeContextMenu={handleCloseMenu}\n            referenceElement={referenceElement}\n            showPopover={isShowingPopover}\n            startPlacementPreference={startPlacementPreference}\n            placementOrderPreference={placementOrderPreference}\n            withoutPortal\n            withoutArrow\n            withoutAnimation\n            zIndex={10}\n          >\n            <StyledPopperWrapper tabIndex={-1}>\n              <MenuList />\n            </StyledPopperWrapper>\n          </DSPopperJS>\n        )}\n      </StyledContainer>\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwCnB,mBACE,KAEA,YAHF;AAvCJ,OAAOA,UAAS,aAAa,SAAS,kBAAkB;AACxD,SAAS,kBAAkB;AAC3B,OAAO,yBAAyB;AAChC,SAAS,iBAAiB,2BAA2B;AACrD,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAC3B,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ,OAAO,EAAE,IAAI,0BAA0B,UAAU,QAAQ,yBAAyB;AAAA,IAClF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,QAAM,kBAAkB,YAAY,MAAM;AACxC,yBAAqB,IAAI;AAAA,EAC3B,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,EAAE,eAAe,IAAI,sBAAsB;AAEjD,QAAM,QAAQA,OAAM,SAAS,KAAK,QAAQ;AAE1C,QAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AAEjE,QAAM,2BAA2B,YAAY,MAAM;AACjD,yBAAqB,KAAK;AAC1B,gCAA4B,KAAK;AACjC,0BAAsB,KAAK;AAC3B,kCAA8B,KAAK;AAAA,EACrC,GAAG,CAAC,sBAAsB,+BAA+B,6BAA6B,qBAAqB,CAAC;AAE5G,SACE,iCACE;AAAA,wBAAC,qBAAkB;AAAA,IAEnB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,MAAK;AAAA,QACL,qBAAkB;AAAA,QAClB,iBAAe,aAAa;AAAA,QAC5B,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,aAAW;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,uBAAuB;AAAA,QAEnC;AAAA;AAAA,UACA,UACC;AAAA,YAAC;AAAA;AAAA,cACC,cAAc,CAAC,GAAG,CAAC;AAAA,cACnB,kBAAkB;AAAA,cAClB;AAAA,cACA,aAAa;AAAA,cACb;AAAA,cACA;AAAA,cACA,eAAa;AAAA,cACb,cAAY;AAAA,cACZ,kBAAgB;AAAA,cAChB,QAAQ;AAAA,cAER,8BAAC,uBAAoB,UAAU,IAC7B,8BAAC,YAAS,GACZ;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
   "names": ["React"]
 }

package/dist/esm/parts/container/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Container } from "./Container";
+import { Container } from "./Container.js";
 export {
   Container
 };

package/dist/esm/parts/container/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/container/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Container } from './Container';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Container } from './Container.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;",
   "names": []
 }

package/dist/esm/parts/container/useKeyboardNavigation.js

@@ -1,13 +1,14 @@
 import * as React from "react";
 import { useCallback, useContext } from "react";
-import AutocompleteContext from "../../AutocompleteCTX";
-import { findInCircularList } from "../../utils/listHelper";
+import AutocompleteContext from "../../AutocompleteCTX.js";
+import { findInCircularList } from "../../utils/listHelper.js";
 const isOptionFocuseable = (opt) => !["section", "separator"].includes(opt.type);
 const useKeyboardNavigation = () => {
   const {
     props: { onSelect, options },
-    setShowPopover,
-    showPopover,
+    trackUserInteractingViaKeyboard,
+    setForceClosePopover,
+    isShowingPopover,
     focusOptionIdx,
     setCurrentOption,
     scrollOptionIntoView
@@ -18,18 +19,16 @@ const useKeyboardNavigation = () => {
   );
   const onInputKeyDown = useCallback(
     (e) => {
-      if ((e.keyCode >= 48 && e.keyCode <= 90 || e.key === "Backspace") && !showPopover) {
-        setShowPopover(true);
-      } else if (e.key === "Tab")
-        setShowPopover(false);
-      if (e.key === "Enter" && showPopover) {
+      trackUserInteractingViaKeyboard(e);
+      if (e.key === "Tab" || e.key === "Escape")
+        setForceClosePopover(true);
+      if (e.key === "Enter" && isShowingPopover) {
         e.preventDefault();
         onSelect(currentItem?.label, e);
-        setShowPopover(false);
       }
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        if (showPopover) {
+        if (isShowingPopover) {
           const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);
           setCurrentOption(options[nextItemIndex].dsId);
           scrollOptionIntoView(options[nextItemIndex].dsId);
@@ -37,25 +36,23 @@ const useKeyboardNavigation = () => {
       }
       if (e.key === "ArrowUp") {
         e.preventDefault();
-        if (showPopover) {
+        if (isShowingPopover) {
           const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);
           setCurrentOption(options[nextItemIndex].dsId);
           scrollOptionIntoView(options[nextItemIndex].dsId);
         }
       }
-      if (e.key === "Escape") {
-        setShowPopover(false);
-      }
     },
     [
-      currentItem?.label,
-      currentItemIndex,
+      trackUserInteractingViaKeyboard,
+      setForceClosePopover,
+      isShowingPopover,
       onSelect,
+      currentItem?.label,
       options,
-      scrollOptionIntoView,
+      currentItemIndex,
       setCurrentOption,
-      setShowPopover,
-      showPopover
+      scrollOptionIntoView
     ]
   );
   return { onInputKeyDown };

package/dist/esm/parts/container/useKeyboardNavigation.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/container/useKeyboardNavigation.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport type { DSAutocompleteT } from '../../react-desc-prop-types';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { findInCircularList } from '../../utils/listHelper';\n\nconst isOptionFocuseable = (opt: DSAutocompleteT.OptionTypes): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n  const {\n    props: { onSelect, options },\n    setShowPopover,\n    showPopover,\n    focusOptionIdx,\n    setCurrentOption,\n    scrollOptionIntoView,\n  } = useContext(AutocompleteContext);\n\n  const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n  const currentItem = options.find(\n    (item) => item.type === 'option' && item.dsId === focusOptionIdx,\n  ) as DSAutocompleteT.ItemOption;\n\n  const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      if (((e.keyCode >= 48 && e.keyCode <= 90) || e.key === 'Backspace') && !showPopover) {\n        setShowPopover(true);\n      } else if (e.key === 'Tab') setShowPopover(false);\n\n      // =============================================================================\n      // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n      // =============================================================================\n      if (e.key === 'Enter' && showPopover) {\n        e.preventDefault();\n        onSelect(currentItem?.label, e);\n        setShowPopover(false);\n      }\n\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (showPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        if (showPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        }\n      }\n      // =============================================================================\n      // ESCAPE\n      // =============================================================================\n      if (e.key === 'Escape') {\n        setShowPopover(false);\n      }\n    },\n    [\n      currentItem?.label,\n      currentItemIndex,\n      onSelect,\n      options,\n      scrollOptionIntoView,\n      setCurrentOption,\n      setShowPopover,\n      showPopover,\n    ],\n  );\n\n  return { onInputKeyDown };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,aAAa,kBAAkB;AAExC,OAAO,yBAAyB;AAChC,SAAS,0BAA0B;AAEnC,MAAM,qBAAqB,CAAC,QAA8C,CAAC,CAAC,WAAW,WAAW,EAAE,SAAS,IAAI,IAAI;AAE9G,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,cAAc;AAC/E,QAAM,cAAc,QAAQ;AAAA,IAC1B,CAAC,SAAS,KAAK,SAAS,YAAY,KAAK,SAAS;AAAA,EACpD;AAEA,QAAM,iBAA+D;AAAA,IACnE,CAAC,MAAM;AACL,WAAM,EAAE,WAAW,MAAM,EAAE,WAAW,MAAO,EAAE,QAAQ,gBAAgB,CAAC,aAAa;AACnF,uBAAe,IAAI;AAAA,MACrB,WAAW,EAAE,QAAQ;AAAO,uBAAe,KAAK;AAKhD,UAAI,EAAE,QAAQ,WAAW,aAAa;AACpC,UAAE,eAAe;AACjB,iBAAS,aAAa,OAAO,CAAC;AAC9B,uBAAe,KAAK;AAAA,MACtB;AAKA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,YAAI,aAAa;AACf,gBAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,kBAAkB;AACtF,2BAAiB,QAAQ,eAAe,IAAI;AAC5C,+BAAqB,QAAQ,eAAe,IAAI;AAAA,QAClD;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAe;AACjB,YAAI,aAAa;AACf,gBAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,oBAAoB,EAAE;AAC1F,2BAAiB,QAAQ,eAAe,IAAI;AAC5C,+BAAqB,QAAQ,eAAe,IAAI;AAAA,QAClD;AAAA,MACF;AAIA,UAAI,EAAE,QAAQ,UAAU;AACtB,uBAAe,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA;AAAA,MACE,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,eAAe;AAC1B;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport type { DSAutocompleteT } from '../../react-desc-prop-types.js';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { findInCircularList } from '../../utils/listHelper.js';\n\nconst isOptionFocuseable = (opt: DSAutocompleteT.OptionTypes): boolean => !['section', 'separator'].includes(opt.type);\n\nexport const useKeyboardNavigation = () => {\n  const {\n    props: { onSelect, options },\n    trackUserInteractingViaKeyboard,\n    setForceClosePopover,\n    isShowingPopover,\n    focusOptionIdx,\n    setCurrentOption,\n    scrollOptionIntoView,\n  } = useContext(AutocompleteContext);\n\n  const currentItemIndex = options.findIndex((opt) => opt.dsId === focusOptionIdx);\n  const currentItem = options.find(\n    (item) => item.type === 'option' && item.dsId === focusOptionIdx,\n  ) as DSAutocompleteT.ItemOption;\n\n  const onInputKeyDown: React.KeyboardEventHandler<HTMLInputElement> = useCallback(\n    (e) => {\n      // =============================================================================\n      // TRACK STATE OF POPOVER SHOWING OR NOT\n      // =============================================================================\n      trackUserInteractingViaKeyboard(e);\n\n      if (e.key === 'Tab' || e.key === 'Escape') setForceClosePopover(true);\n\n      // =============================================================================\n      // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n      // =============================================================================\n      if (e.key === 'Enter' && isShowingPopover) {\n        e.preventDefault();\n        onSelect(currentItem?.label, e);\n      }\n\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        e.preventDefault();\n        if (isShowingPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        e.preventDefault();\n        if (isShowingPopover) {\n          const nextItemIndex = findInCircularList(options, currentItemIndex, isOptionFocuseable, -1);\n          setCurrentOption(options[nextItemIndex].dsId);\n          scrollOptionIntoView(options[nextItemIndex].dsId);\n        }\n      }\n    },\n    [\n      trackUserInteractingViaKeyboard,\n      setForceClosePopover,\n      isShowingPopover,\n      onSelect,\n      currentItem?.label,\n      options,\n      currentItemIndex,\n      setCurrentOption,\n      scrollOptionIntoView,\n    ],\n  );\n\n  return { onInputKeyDown };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACKvB,SAAS,aAAa,kBAAkB;AAExC,OAAO,yBAAyB;AAChC,SAAS,0BAA0B;AAEnC,MAAM,qBAAqB,CAAC,QAA8C,CAAC,CAAC,WAAW,WAAW,EAAE,SAAS,IAAI,IAAI;AAE9G,MAAM,wBAAwB,MAAM;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,UAAU,QAAQ;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,QAAM,mBAAmB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,cAAc;AAC/E,QAAM,cAAc,QAAQ;AAAA,IAC1B,CAAC,SAAS,KAAK,SAAS,YAAY,KAAK,SAAS;AAAA,EACpD;AAEA,QAAM,iBAA+D;AAAA,IACnE,CAAC,MAAM;AAIL,sCAAgC,CAAC;AAEjC,UAAI,EAAE,QAAQ,SAAS,EAAE,QAAQ;AAAU,6BAAqB,IAAI;AAKpE,UAAI,EAAE,QAAQ,WAAW,kBAAkB;AACzC,UAAE,eAAe;AACjB,iBAAS,aAAa,OAAO,CAAC;AAAA,MAChC;AAKA,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,YAAI,kBAAkB;AACpB,gBAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,kBAAkB;AACtF,2BAAiB,QAAQ,aAAa,EAAE,IAAI;AAC5C,+BAAqB,QAAQ,aAAa,EAAE,IAAI;AAAA,QAClD;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAe;AACjB,YAAI,kBAAkB;AACpB,gBAAM,gBAAgB,mBAAmB,SAAS,kBAAkB,oBAAoB,EAAE;AAC1F,2BAAiB,QAAQ,aAAa,EAAE,IAAI;AAC5C,+BAAqB,QAAQ,aAAa,EAAE,IAAI;AAAA,QAClD;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO,EAAE,eAAe;AAC1B;",
   "names": []
 }

package/dist/esm/parts/menu-list/MenuList.js

@@ -1,17 +1,18 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { useContext, useMemo, useCallback } from "react";
-import { StyledListWrapper, StyledList, StyledVirtualListWrapper } from "./styled";
-import { AutocompleteDataTestid } from "../../AutocompleteDataTestids";
-import AutocompleteContext from "../../AutocompleteCTX";
-import { useItemRenderer } from "./useItemRenderer";
+import { StyledListWrapper, StyledList, StyledVirtualListWrapper } from "./styled.js";
+import { AutocompleteDataTestid } from "../../AutocompleteDataTestids.js";
+import AutocompleteContext from "../../AutocompleteCTX.js";
+import { useItemRenderer } from "./useItemRenderer.js";
 const MenuList = () => {
   const {
     props: { options, id },
     referenceElement,
     inputRef,
     listRef,
-    showPopover,
+    autoCompleteId,
+    isShowingPopover,
     virtualListHelpers: { totalSize }
   } = useContext(AutocompleteContext);
   const ItemRenderer = useItemRenderer();
@@ -19,27 +20,22 @@ const MenuList = () => {
     inputRef.current?.focus();
   }, [inputRef]);
   const idList = useMemo(() => `${id ? `${id}-` : ""}listbox`, [id]);
-  return /* @__PURE__ */ jsx(
-    StyledListWrapper,
+  const preventMouseDown = useCallback((e) => {
+    e.preventDefault();
+  }, []);
+  return /* @__PURE__ */ jsx(StyledListWrapper, { onMouseDown: preventMouseDown, minWidth: referenceElement?.offsetWidth, id: idList, children: options.length > 0 && /* @__PURE__ */ jsx(StyledVirtualListWrapper, { tabIndex: -1, ref: listRef, children: /* @__PURE__ */ jsx(
+    StyledList,
     {
-      tabIndex: -1,
-      onMouseDown: (e) => e.preventDefault(),
-      minWidth: referenceElement?.offsetWidth,
-      id: idList,
       role: "listbox",
-      children: options.length > 0 && /* @__PURE__ */ jsx(StyledVirtualListWrapper, { tabIndex: -1, ref: listRef, children: /* @__PURE__ */ jsx(
-        StyledList,
-        {
-          tabIndex: -1,
-          "aria-expanded": showPopover,
-          onFocus: handleOnFocus,
-          "data-testid": AutocompleteDataTestid.LIST,
-          style: { height: totalSize, margin: "8px 0px" },
-          children: ItemRenderer
-        }
-      ) })
+      id: `menu-list-${autoCompleteId}`,
+      "aria-label": "autocomplete option lists",
+      "aria-expanded": isShowingPopover,
+      onFocus: handleOnFocus,
+      "data-testid": AutocompleteDataTestid.LIST,
+      style: { height: totalSize, margin: "8px 0px" },
+      children: ItemRenderer
     }
-  );
+  ) }) });
 };
 export {
   MenuList

package/dist/esm/parts/menu-list/MenuList.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/menu-list/MenuList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledListWrapper, StyledList, StyledVirtualListWrapper } from './styled';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { useItemRenderer } from './useItemRenderer';\nimport { A11yFocusedOption } from '../A11yFocusedOption';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: { options, id },\n    referenceElement,\n    inputRef,\n    listRef,\n    showPopover,\n    virtualListHelpers: { totalSize },\n  } = useContext(AutocompleteContext);\n\n  const ItemRenderer = useItemRenderer();\n\n  const handleOnFocus = useCallback(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  const idList = useMemo(() => `${id ? `${id}-` : ''}listbox`, [id]);\n  return (\n    <StyledListWrapper\n      tabIndex={-1}\n      onMouseDown={(e) => e.preventDefault()}\n      minWidth={referenceElement?.offsetWidth}\n      id={idList}\n      role=\"listbox\"\n    >\n      {options.length > 0 && (\n        <StyledVirtualListWrapper tabIndex={-1} ref={listRef}>\n          <StyledList\n            tabIndex={-1}\n            aria-expanded={showPopover}\n            onFocus={handleOnFocus}\n            data-testid={AutocompleteDataTestid.LIST}\n            style={{ height: totalSize, margin: '8px 0px' }}\n          >\n            {ItemRenderer}\n          </StyledList>\n        </StyledVirtualListWrapper>\n      )}\n    </StyledListWrapper>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACkCb;AAlCV,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,mBAAmB,YAAY,gCAAgC;AACxE,SAAS,8BAA8B;AACvC,OAAO,yBAAyB;AAChC,SAAS,uBAAuB;AAGzB,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,EAAE,UAAU;AAAA,EAClC,IAAI,WAAW,mBAAmB;AAElC,QAAM,eAAe,gBAAgB;AAErC,QAAM,gBAAgB,YAAY,MAAM;AACtC,aAAS,SAAS,MAAM;AAAA,EAC1B,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AACjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,MACrC,UAAU,kBAAkB;AAAA,MAC5B,IAAI;AAAA,MACJ,MAAK;AAAA,MAEJ,kBAAQ,SAAS,KAChB,oBAAC,4BAAyB,UAAU,IAAI,KAAK,SAC3C;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,iBAAe;AAAA,UACf,SAAS;AAAA,UACT,eAAa,uBAAuB;AAAA,UACpC,OAAO,EAAE,QAAQ,WAAW,QAAQ,UAAU;AAAA,UAE7C;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EAEJ;AAEJ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo, useCallback } from 'react';\nimport { StyledListWrapper, StyledList, StyledVirtualListWrapper } from './styled.js';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids.js';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { useItemRenderer } from './useItemRenderer.js';\n\nexport const MenuList = (): JSX.Element => {\n  const {\n    props: { options, id },\n    referenceElement,\n    inputRef,\n    listRef,\n    autoCompleteId,\n    isShowingPopover,\n    virtualListHelpers: { totalSize },\n  } = useContext(AutocompleteContext);\n\n  const ItemRenderer = useItemRenderer();\n\n  const handleOnFocus = useCallback(() => {\n    inputRef.current?.focus();\n  }, [inputRef]);\n\n  const idList = useMemo(() => `${id ? `${id}-` : ''}listbox`, [id]);\n  const preventMouseDown: React.MouseEventHandler<HTMLDivElement> = useCallback((e) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <StyledListWrapper onMouseDown={preventMouseDown} minWidth={referenceElement?.offsetWidth} id={idList}>\n      {options.length > 0 && (\n        <StyledVirtualListWrapper tabIndex={-1} ref={listRef}>\n          <StyledList\n            role=\"listbox\"\n            id={`menu-list-${autoCompleteId}`}\n            // default aria label until we integrate the aria props on autocomplete\n            // this is for the axe core to pass\n            aria-label=\"autocomplete option lists\"\n            aria-expanded={isShowingPopover}\n            onFocus={handleOnFocus}\n            data-testid={AutocompleteDataTestid.LIST}\n            style={{ height: totalSize, margin: '8px 0px' }}\n          >\n            {ItemRenderer}\n          </StyledList>\n        </StyledVirtualListWrapper>\n      )}\n    </StyledListWrapper>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgCb;AAhCV,SAAgB,YAAY,SAAS,mBAAmB;AACxD,SAAS,mBAAmB,YAAY,gCAAgC;AACxE,SAAS,8BAA8B;AACvC,OAAO,yBAAyB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,WAAW,MAAmB;AACzC,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,GAAG;AAAA,IACrB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,oBAAoB,EAAE,UAAU;AAAA,EAClC,IAAI,WAAW,mBAAmB;AAElC,QAAM,eAAe,gBAAgB;AAErC,QAAM,gBAAgB,YAAY,MAAM;AACtC,aAAS,SAAS,MAAM;AAAA,EAC1B,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,SAAS,QAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AACjE,QAAM,mBAA4D,YAAY,CAAC,MAAM;AACnF,MAAE,eAAe;AAAA,EACnB,GAAG,CAAC,CAAC;AAEL,SACE,oBAAC,qBAAkB,aAAa,kBAAkB,UAAU,kBAAkB,aAAa,IAAI,QAC5F,kBAAQ,SAAS,KAChB,oBAAC,4BAAyB,UAAU,IAAI,KAAK,SAC3C;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,IAAI,aAAa;AAAA,MAGjB,cAAW;AAAA,MACX,iBAAe;AAAA,MACf,SAAS;AAAA,MACT,eAAa,uBAAuB;AAAA,MACpC,OAAO,EAAE,QAAQ,WAAW,QAAQ,UAAU;AAAA,MAE7C;AAAA;AAAA,EACH,GACF,GAEJ;AAEJ;",
   "names": []
 }

package/dist/esm/parts/menu-list/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { MenuList } from "./MenuList";
+import { MenuList } from "./MenuList.js";
 export {
   MenuList
 };

package/dist/esm/parts/menu-list/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/menu-list/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MenuList } from './MenuList';\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MenuList } from './MenuList.js';\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;",
   "names": []
 }

package/dist/esm/parts/menu-list/useItemRenderer.js

@@ -2,24 +2,26 @@ import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 import { useMemo, useContext, useCallback } from "react";
 import { SingleMenuItem, Section } from "@elliemae/ds-menu-items";
-import AutocompleteContext from "../../AutocompleteCTX";
-import { AutocompleteDataTestid } from "../../AutocompleteDataTestids";
+import AutocompleteContext from "../../AutocompleteCTX.js";
+import { AutocompleteDataTestid } from "../../AutocompleteDataTestids.js";
 const useItemRenderer = () => {
   const {
     props: { options, onSelect },
     inputRef,
-    setShowPopover,
+    setUserTypedSomething,
+    setUserJustSelectedAnOption,
     focusOptionIdx,
     virtualListHelpers
   } = useContext(AutocompleteContext);
   const handleClick = useCallback(
     (option, e) => {
       onSelect(option.label, e);
-      setShowPopover(false);
+      setUserJustSelectedAnOption(true);
+      setUserTypedSomething(false);
       e.stopPropagation();
       e.preventDefault();
     },
-    [onSelect, setShowPopover]
+    [onSelect, setUserTypedSomething, setUserJustSelectedAnOption]
   );
   return useMemo(() => {
     if (virtualListHelpers) {

package/dist/esm/parts/menu-list/useItemRenderer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/menu-list/useItemRenderer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { SingleMenuItem, Section } from '@elliemae/ds-menu-items';\nimport AutocompleteContext from '../../AutocompleteCTX';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids';\nimport type { DSAutocompleteT } from '../../react-desc-prop-types';\n\nexport const useItemRenderer = (): Array<JSX.Element> | null => {\n  const {\n    props: { options, onSelect },\n    inputRef,\n    setShowPopover,\n    focusOptionIdx,\n    virtualListHelpers,\n  } = useContext(AutocompleteContext);\n\n  const handleClick = useCallback(\n    (option: DSAutocompleteT.ItemOption, e: React.ChangeEvent<HTMLInputElement>) => {\n      onSelect(option.label, e);\n      setShowPopover(false);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [onSelect, setShowPopover],\n  );\n\n  return useMemo(() => {\n    if (virtualListHelpers) {\n      return virtualListHelpers.virtualItems.map((vItem) => {\n        const option = options[vItem.index];\n        const generalProps = {\n          wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n          key: `${option.dsId}`,\n          innerRef: vItem.measureRef,\n        };\n        if (option.type === 'section') {\n          return <Section label={option.label} {...generalProps} />;\n        }\n        if (option.type === 'option') {\n          return (\n            <SingleMenuItem\n              {...generalProps}\n              value={option.value}\n              label={option.label}\n              dataTestid={AutocompleteDataTestid.OPTION}\n              disabled={option.disabled}\n              onClick={(e: React.ChangeEvent<HTMLInputElement>) => handleClick(option, e)}\n              isActive={option.dsId === focusOptionIdx}\n            />\n          );\n        }\n        return <></>;\n      });\n    }\n    return null;\n  }, [options, focusOptionIdx, inputRef, virtualListHelpers]);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACoCN,SAeF,UAfE;AAnCjB,SAAgB,SAAS,YAAY,mBAAmB;AACxD,SAAS,gBAAgB,eAAe;AACxC,OAAO,yBAAyB;AAChC,SAAS,8BAA8B;AAGhC,MAAM,kBAAkB,MAAiC;AAC9D,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,SAAS;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,QAAM,cAAc;AAAA,IAClB,CAAC,QAAoC,MAA2C;AAC9E,eAAS,OAAO,OAAO,CAAC;AACxB,qBAAe,KAAK;AACpB,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAAA,IACnB;AAAA,IACA,CAAC,UAAU,cAAc;AAAA,EAC3B;AAEA,SAAO,QAAQ,MAAM;AACnB,QAAI,oBAAoB;AACtB,aAAO,mBAAmB,aAAa,IAAI,CAAC,UAAU;AACpD,cAAM,SAAS,QAAQ,MAAM;AAC7B,cAAM,eAAe;AAAA,UACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO,OAAO;AAAA,UAChF,KAAK,GAAG,OAAO;AAAA,UACf,UAAU,MAAM;AAAA,QAClB;AACA,YAAI,OAAO,SAAS,WAAW;AAC7B,iBAAO,oBAAC,WAAQ,OAAO,OAAO,OAAQ,GAAG,cAAc;AAAA,QACzD;AACA,YAAI,OAAO,SAAS,UAAU;AAC5B,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,YAAY,uBAAuB;AAAA,cACnC,UAAU,OAAO;AAAA,cACjB,SAAS,CAAC,MAA2C,YAAY,QAAQ,CAAC;AAAA,cAC1E,UAAU,OAAO,SAAS;AAAA;AAAA,UAC5B;AAAA,QAEJ;AACA,eAAO,gCAAE;AAAA,MACX,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,gBAAgB,UAAU,kBAAkB,CAAC;AAC5D;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react-hooks/exhaustive-deps */\nimport React, { useMemo, useContext, useCallback } from 'react';\nimport { SingleMenuItem, Section } from '@elliemae/ds-menu-items';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { AutocompleteDataTestid } from '../../AutocompleteDataTestids.js';\nimport type { DSAutocompleteT } from '../../react-desc-prop-types.js';\n\nexport const useItemRenderer = (): Array<JSX.Element> | null => {\n  const {\n    props: { options, onSelect },\n    inputRef,\n    setUserTypedSomething,\n    setUserJustSelectedAnOption,\n    focusOptionIdx,\n    virtualListHelpers,\n  } = useContext(AutocompleteContext);\n\n  const handleClick = useCallback(\n    (option: DSAutocompleteT.ItemOption, e: React.MouseEvent<HTMLInputElement>) => {\n      onSelect(option.label, e);\n      setUserJustSelectedAnOption(true);\n      setUserTypedSomething(false);\n      e.stopPropagation();\n      e.preventDefault();\n    },\n    [onSelect, setUserTypedSomething, setUserJustSelectedAnOption],\n  );\n\n  return useMemo(() => {\n    if (virtualListHelpers) {\n      return virtualListHelpers.virtualItems.map((vItem) => {\n        const option = options[vItem.index];\n        const generalProps = {\n          wrapperStyles: { position: 'absolute', top: vItem.start, left: 0, width: '100%' },\n          key: `${option.dsId}`,\n          innerRef: vItem.measureRef,\n        };\n        if (option.type === 'section') {\n          return <Section label={option.label} {...generalProps} />;\n        }\n        if (option.type === 'option') {\n          return (\n            <SingleMenuItem\n              {...generalProps}\n              value={option.value}\n              label={option.label}\n              dataTestid={AutocompleteDataTestid.OPTION}\n              disabled={option.disabled}\n              onClick={(e: React.MouseEvent<HTMLInputElement>) => handleClick(option, e)}\n              isActive={option.dsId === focusOptionIdx}\n            />\n          );\n        }\n        return <></>;\n      });\n    }\n    return null;\n  }, [options, focusOptionIdx, inputRef, virtualListHelpers]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsCN,SAeF,UAfE;AArCjB,SAAgB,SAAS,YAAY,mBAAmB;AACxD,SAAS,gBAAgB,eAAe;AACxC,OAAO,yBAAyB;AAChC,SAAS,8BAA8B;AAGhC,MAAM,kBAAkB,MAAiC;AAC9D,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS,SAAS;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,mBAAmB;AAElC,QAAM,cAAc;AAAA,IAClB,CAAC,QAAoC,MAA0C;AAC7E,eAAS,OAAO,OAAO,CAAC;AACxB,kCAA4B,IAAI;AAChC,4BAAsB,KAAK;AAC3B,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAAA,IACnB;AAAA,IACA,CAAC,UAAU,uBAAuB,2BAA2B;AAAA,EAC/D;AAEA,SAAO,QAAQ,MAAM;AACnB,QAAI,oBAAoB;AACtB,aAAO,mBAAmB,aAAa,IAAI,CAAC,UAAU;AACpD,cAAM,SAAS,QAAQ,MAAM,KAAK;AAClC,cAAM,eAAe;AAAA,UACnB,eAAe,EAAE,UAAU,YAAY,KAAK,MAAM,OAAO,MAAM,GAAG,OAAO,OAAO;AAAA,UAChF,KAAK,GAAG,OAAO;AAAA,UACf,UAAU,MAAM;AAAA,QAClB;AACA,YAAI,OAAO,SAAS,WAAW;AAC7B,iBAAO,oBAAC,WAAQ,OAAO,OAAO,OAAQ,GAAG,cAAc;AAAA,QACzD;AACA,YAAI,OAAO,SAAS,UAAU;AAC5B,iBACE;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,OAAO,OAAO;AAAA,cACd,OAAO,OAAO;AAAA,cACd,YAAY,uBAAuB;AAAA,cACnC,UAAU,OAAO;AAAA,cACjB,SAAS,CAAC,MAA0C,YAAY,QAAQ,CAAC;AAAA,cACzE,UAAU,OAAO,SAAS;AAAA;AAAA,UAC5B;AAAA,QAEJ;AACA,eAAO,gCAAE;AAAA,MACX,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,GAAG,CAAC,SAAS,gBAAgB,UAAU,kBAAkB,CAAC;AAC5D;",
   "names": []
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,5 +1,11 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-utilities";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  zIndex: 10,
+  withoutPortal: false,
+  startPlacementPreference: "bottom-start",
+  placementOrderPreference: ["bottom-start", "bottom-end"]
+};
 const propTypes = {
   options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).isRequired.description("List of options").defaultValue([]),
   filter: PropTypes.string.isRequired.description("String value to filter the options").defaultValue(""),
@@ -7,6 +13,7 @@ const propTypes = {
   children: PropTypes.node.isRequired.description("React component to apply autocomplete functionality").defaultValue("")
 };
 export {
+  defaultProps,
   propTypes
 };
 //# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSAutocompleteT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n\n  export interface RequiredProps {\n    options: OptionTypes[];\n    children: React.ReactChild;\n    filter: string;\n    onSelect: (suggestedValue: string | number, e: React.KeyboardEvent<HTMLInputElement>) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    withoutPortal: boolean;\n    zIndex: number;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps {}\n}\n\nexport const propTypes = {\n  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of options')\n    .defaultValue([]),\n  filter: PropTypes.string.isRequired.description('String value to filter the options').defaultValue(''),\n  onSelect: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue(''),\n  children: PropTypes.node.isRequired\n    .description('React component to apply autocomplete functionality')\n    .defaultValue(''),\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AA6CnB,MAAM,YAAY;AAAA,EACvB,SAAS,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAC7D,WAAW,YAAY,iBAAiB,EACxC,aAAa,CAAC,CAAC;AAAA,EAClB,QAAQ,UAAU,OAAO,WAAW,YAAY,oCAAoC,EAAE,aAAa,EAAE;AAAA,EACrG,UAAU,UAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,EAAE;AAAA,EAClB,UAAU,UAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSAutocompleteT {\n  export interface CommonItemOptions {\n    dsId: string;\n    disabled?: boolean;\n    render?: React.ComponentType<unknown>;\n  }\n  export interface ItemSeparatorOptions extends CommonItemOptions {\n    type: 'separator';\n  }\n\n  export interface ItemSectionOptions extends CommonItemOptions {\n    type: 'section';\n    label: string;\n  }\n\n  export interface ItemOption extends CommonItemOptions {\n    value: string;\n    label: string;\n    type: 'option';\n  }\n\n  export type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions;\n\n  export type SelectedOptionsT = ItemOption[] | ItemOption | null;\n\n  export interface RequiredProps {\n    options: OptionTypes[];\n    children: React.ReactChild;\n    filter: string;\n    onSelect: (\n      suggestedValue: string | number,\n      e: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement>,\n    ) => void;\n  }\n  export interface DefaultProps {\n    startPlacementPreference: string;\n    placementOrderPreference: string[];\n    withoutPortal: boolean;\n    zIndex: number;\n  }\n\n  export interface Props extends Partial<DefaultProps>, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, RequiredProps {}\n}\n\nexport const defaultProps: DSAutocompleteT.DefaultProps = {\n  zIndex: 10,\n  withoutPortal: false,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'bottom-end'],\n};\n\nexport const propTypes = {\n  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object])\n    .isRequired.description('List of options')\n    .defaultValue([]),\n  filter: PropTypes.string.isRequired.description('String value to filter the options').defaultValue(''),\n  onSelect: PropTypes.func.isRequired\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue(''),\n  children: PropTypes.node.isRequired\n    .description('React component to apply autocomplete functionality')\n    .defaultValue(''),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAgDnB,MAAM,eAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,YAAY;AACzD;AAEO,MAAM,YAAY;AAAA,EACvB,SAAS,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,MAAM,CAAC,EAC7D,WAAW,YAAY,iBAAiB,EACxC,aAAa,CAAC,CAAC;AAAA,EAClB,QAAQ,UAAU,OAAO,WAAW,YAAY,oCAAoC,EAAE,aAAa,EAAE;AAAA,EACrG,UAAU,UAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,EAAE;AAAA,EAClB,UAAU,UAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
   "names": []
 }

package/dist/esm/utils/listHelper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/listHelper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSAutocompleteT } from '../react-desc-prop-types';\n\nexport const getSelectableOptions = (options: Array<DSAutocompleteT.OptionTypes>): Array<DSAutocompleteT.OptionTypes> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<DSAutocompleteT.OptionTypes>): Array<DSAutocompleteT.OptionTypes> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (\n  value: DSAutocompleteT.OptionTypes | Array<DSAutocompleteT.OptionTypes>,\n): boolean => (Array.isArray(value) ? value.length === 0 : !value);\n\nexport const isSelectedValueMultiple = (\n  value: DSAutocompleteT.OptionTypes | Array<DSAutocompleteT.OptionTypes>,\n): boolean => Array.isArray(value);\n\nexport const findInCircularList = (\n  list: DSAutocompleteT.OptionTypes[],\n  from: number,\n  criteria: (item: DSAutocompleteT.OptionTypes) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (\n    let i = (from + step + list.length) % list.length;\n    i !== from && from > -1;\n    i = (i + step + list.length) % list.length\n  ) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n\nexport const getFirstOption = (options: DSAutocompleteT.OptionTypes[]) => {\n  for (let i = 0; i < options.length; i += 1)\n    if (!['section', 'separator'].includes(options[i].type)) {\n      return options[i].dsId;\n    }\n  return '';\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,QAAQ,IAAI,CAAC;AAEjF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,QAAQ,IAAI,CAAC;AAE7D,MAAM,uBAAuB,CAClC,UACa,MAAM,QAAQ,KAAK,IAAI,MAAM,WAAW,IAAI,CAAC;AAErD,MAAM,0BAA0B,CACrC,UACY,MAAM,QAAQ,KAAK;AAE1B,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,EAAE;AAAG,aAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAC,YAA2C;AACxE,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,QAAI,CAAC,CAAC,WAAW,WAAW,EAAE,SAAS,QAAQ,GAAG,IAAI,GAAG;AACvD,aAAO,QAAQ,GAAG;AAAA,IACpB;AACF,SAAO;AACT;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSAutocompleteT } from '../react-desc-prop-types.js';\n\nexport const getSelectableOptions = (options: Array<DSAutocompleteT.OptionTypes>): Array<DSAutocompleteT.OptionTypes> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<DSAutocompleteT.OptionTypes>): Array<DSAutocompleteT.OptionTypes> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (\n  value: DSAutocompleteT.OptionTypes | Array<DSAutocompleteT.OptionTypes>,\n): boolean => (Array.isArray(value) ? value.length === 0 : !value);\n\nexport const isSelectedValueMultiple = (\n  value: DSAutocompleteT.OptionTypes | Array<DSAutocompleteT.OptionTypes>,\n): boolean => Array.isArray(value);\n\nexport const findInCircularList = (\n  list: DSAutocompleteT.OptionTypes[],\n  from: number,\n  criteria: (item: DSAutocompleteT.OptionTypes) => boolean,\n  step = 1,\n  // eslint-disable-next-line max-params\n): number => {\n  for (\n    let i = (from + step + list.length) % list.length;\n    i !== from && from > -1;\n    i = (i + step + list.length) % list.length\n  ) {\n    if (criteria(list[i])) return i;\n  }\n  return from; // return same item\n};\n\nexport const getFirstOption = (options: DSAutocompleteT.OptionTypes[]) => {\n  for (let i = 0; i < options.length; i += 1)\n    if (!['section', 'separator'].includes(options[i].type)) {\n      return options[i].dsId;\n    }\n  return '';\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEhB,MAAM,uBAAuB,CAAC,YACnC,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,YAAY,CAAC,OAAO,QAAQ,IAAI,CAAC;AAEjF,MAAM,aAAa,CAAC,YACzB,UAAU,QAAQ,OAAO,CAAC,WAAW,OAAO,SAAS,QAAQ,IAAI,CAAC;AAE7D,MAAM,uBAAuB,CAClC,UACa,MAAM,QAAQ,KAAK,IAAI,MAAM,WAAW,IAAI,CAAC;AAErD,MAAM,0BAA0B,CACrC,UACY,MAAM,QAAQ,KAAK;AAE1B,MAAM,qBAAqB,CAChC,MACA,MACA,UACA,OAAO,MAEI;AACX,WACM,KAAK,OAAO,OAAO,KAAK,UAAU,KAAK,QAC3C,MAAM,QAAQ,OAAO,IACrB,KAAK,IAAI,OAAO,KAAK,UAAU,KAAK,QACpC;AACA,QAAI,SAAS,KAAK,CAAC,CAAC;AAAG,aAAO;AAAA,EAChC;AACA,SAAO;AACT;AAEO,MAAM,iBAAiB,CAAC,YAA2C;AACxE,WAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AACvC,QAAI,CAAC,CAAC,WAAW,WAAW,EAAE,SAAS,QAAQ,CAAC,EAAE,IAAI,GAAG;AACvD,aAAO,QAAQ,CAAC,EAAE;AAAA,IACpB;AACF,SAAO;AACT;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-autocomplete",
-  "version": "3.16.0-next.2",
+  "version": "3.16.0-next.21",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout - Autocomplete",
   "files": [
@@ -36,24 +36,24 @@
   },
   "dependencies": {
     "react-virtual": "~2.10.4",
-    "styled-components": "~5.3.6",
-    "@elliemae/ds-menu-items": "3.16.0-next.2",
-    "@elliemae/ds-popperjs": "3.16.0-next.2",
-    "@elliemae/ds-system": "3.16.0-next.2",
-    "@elliemae/ds-utilities": "3.16.0-next.2"
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-menu-items": "3.16.0-next.21",
+    "@elliemae/ds-props-helpers": "3.16.0-next.21",
+    "@elliemae/ds-system": "3.16.0-next.21",
+    "@elliemae/ds-popperjs": "3.16.0-next.21"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.6.0",
+    "@elliemae/pui-theme": "~2.7.0",
     "@testing-library/dom": "~8.19.0",
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "styled-components": "~5.3.6",
+    "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-form-input-text": "3.16.0-next.2"
+    "@elliemae/ds-form-input-text": "3.16.0-next.21"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "~2.6.0",
+    "@elliemae/pui-theme": "~2.7.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "styled-components": "~5.3.6",
@@ -70,7 +70,7 @@
     "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
     "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
-    "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
+    "dev:build": "pnpm --filter {.}... build",
     "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
     "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
   }

package/dist/cjs/sharedTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/sharedTypes.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport type { useVirtual } from 'react-virtual';\nimport type { DSAutocompleteT } from './react-desc-prop-types';\n\nexport declare namespace DSAutoCompleteInternalsT {\n  export interface AutocompleteContext {\n    props: DSAutocompleteT.InternalProps;\n    virtualListHelpers?: ReturnType<typeof useVirtual>;\n    showPopover: boolean;\n    setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;\n    referenceElement: HTMLElement | null;\n    setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;\n    scrollOptionIntoView: (dsId: string, opts?: any) => void;\n    inputRef: React.RefObject<HTMLInputElement>;\n    listRef: React.RefObject<HTMLDivElement>;\n    focusOptionIdx: string;\n    setCurrentOption: React.Dispatch<React.SetStateAction<string>>;\n  }\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/dist/esm/sharedTypes.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=sharedTypes.js.map

package/dist/esm/sharedTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA,YAAY,WAAW;",
-  "names": []
-}

package/dist/types/Autocomplete.d.ts

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

package/dist/types/AutocompleteCTX.d.ts

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

package/dist/types/AutocompleteDataTestids.d.ts

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

package/dist/types/DSAutocompleteDefinitions.d.ts

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

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

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

package/dist/types/index.d.ts

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

package/dist/types/parts/A11yFocusedOption.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { DSAutocompleteT } from '../react-desc-prop-types';
-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/parts/container/Container.d.ts

@@ -1 +0,0 @@
-export declare const Container: () => JSX.Element;

package/dist/types/parts/container/index.d.ts

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

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

@@ -1,2 +0,0 @@
-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/parts/container/useKeyboardNavigation.d.ts

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

package/dist/types/parts/menu-list/MenuList.d.ts

@@ -1 +0,0 @@
-export declare const MenuList: () => JSX.Element;