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

package/dist/cjs/Autocomplete.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -30,18 +34,18 @@ __export(Autocomplete_exports, {
 module.exports = __toCommonJS(Autocomplete_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_useAutocomplete = require("./config/useAutocomplete");
-var import_container = require("./parts/container");
-var import_AutocompleteCTX = require("./AutocompleteCTX");
-var import_react_desc_prop_types = require("./react-desc-prop-types");
-var import_DSAutocompleteDefinitions = require("./DSAutocompleteDefinitions");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_useAutocomplete = require("./config/useAutocomplete.js");
+var import_container = require("./parts/container/index.js");
+var import_AutocompleteCTX = require("./AutocompleteCTX.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_DSAutocompleteDefinitions = require("./DSAutocompleteDefinitions.js");
 const DSAutocomplete = (props) => {
   const ctx = (0, import_useAutocomplete.useAutocomplete)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AutocompleteCTX.AutocompleteContext.Provider, { value: ctx, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_container.Container, {}) });
 };
 DSAutocomplete.propTypes = import_react_desc_prop_types.propTypes;
 DSAutocomplete.displayName = import_DSAutocompleteDefinitions.DSAutocompleteName;
-const DSAutocompleteWithSchema = (0, import_ds_utilities.describe)(DSAutocomplete);
+const DSAutocompleteWithSchema = (0, import_ds_props_helpers.describe)(DSAutocomplete);
 DSAutocompleteWithSchema.propTypes = import_react_desc_prop_types.propTypes;
 //# sourceMappingURL=Autocomplete.js.map

package/dist/cjs/Autocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Autocomplete.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { useAutocomplete } from './config/useAutocomplete';\nimport { Container } from './parts/container';\nimport { AutocompleteContext } from './AutocompleteCTX';\nimport type { DSAutocompleteT } from './react-desc-prop-types';\nimport { propTypes } from './react-desc-prop-types';\nimport { DSAutocompleteName } from './DSAutocompleteDefinitions';\n\nconst DSAutocomplete: React.ComponentType<DSAutocompleteT.Props> = (props) => {\n  const ctx = useAutocomplete(props);\n  return (\n    <AutocompleteContext.Provider value={ctx}>\n      <Container />\n    </AutocompleteContext.Provider>\n  );\n};\nDSAutocomplete.propTypes = propTypes as WeakValidationMap<unknown>;\nDSAutocomplete.displayName = DSAutocompleteName;\nconst DSAutocompleteWithSchema = describe(DSAutocomplete);\nDSAutocompleteWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSAutocomplete, DSAutocompleteWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,0BAAyB;AACzB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAoC;AAEpC,mCAA0B;AAC1B,uCAAmC;AAEnC,MAAM,iBAA6D,CAAC,UAAU;AAC5E,QAAM,UAAM,wCAAgB,KAAK;AACjC,SACE,4CAAC,2CAAoB,UAApB,EAA6B,OAAO,KACnC,sDAAC,8BAAU,GACb;AAEJ;AACA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useAutocomplete } from './config/useAutocomplete.js';\nimport { Container } from './parts/container/index.js';\nimport { AutocompleteContext } from './AutocompleteCTX.js';\nimport type { DSAutocompleteT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nimport { DSAutocompleteName } from './DSAutocompleteDefinitions.js';\n\nconst DSAutocomplete: React.ComponentType<DSAutocompleteT.Props> = (props) => {\n  const ctx = useAutocomplete(props);\n  return (\n    <AutocompleteContext.Provider value={ctx}>\n      <Container />\n    </AutocompleteContext.Provider>\n  );\n};\nDSAutocomplete.propTypes = propTypes as WeakValidationMap<unknown>;\nDSAutocomplete.displayName = DSAutocompleteName;\nconst DSAutocompleteWithSchema = describe(DSAutocomplete);\nDSAutocompleteWithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSAutocomplete, DSAutocompleteWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcjB;AAZN,8BAAyB;AACzB,6BAAgC;AAChC,uBAA0B;AAC1B,6BAAoC;AAEpC,mCAA0B;AAC1B,uCAAmC;AAEnC,MAAM,iBAA6D,CAAC,UAAU;AAC5E,QAAM,UAAM,wCAAgB,KAAK;AACjC,SACE,4CAAC,2CAAoB,UAApB,EAA6B,OAAO,KACnC,sDAAC,8BAAU,GACb;AAEJ;AACA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
   "names": []
 }

package/dist/cjs/AutocompleteCTX.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -25,32 +29,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var AutocompleteCTX_exports = {};
 __export(AutocompleteCTX_exports, {
   AutocompleteContext: () => AutocompleteContext,
-  default: () => AutocompleteCTX_default,
-  defaultProps: () => defaultProps
+  default: () => AutocompleteCTX_default
 });
 module.exports = __toCommonJS(AutocompleteCTX_exports);
 var React = __toESM(require("react"));
 var import_react = require("react");
-const noop = () => {
-};
-const defaultProps = {
-  zIndex: 10,
-  withoutPortal: false,
-  startPlacementPreference: "bottom-start",
-  placementOrderPreference: ["bottom-start", "bottom-end"]
-};
-const defaultContext = {
-  props: defaultProps,
-  showPopover: false,
-  setShowPopover: noop,
-  scrollOptionIntoView: noop,
-  referenceElement: null,
-  setReferenceElement: noop,
-  inputRef: (0, import_react.createRef)(),
-  listRef: (0, import_react.createRef)(),
-  focusOptionIdx: "",
-  setCurrentOption: noop
-};
+const defaultContext = {};
 const AutocompleteContext = (0, import_react.createContext)(defaultContext);
 var AutocompleteCTX_default = AutocompleteContext;
 //# sourceMappingURL=AutocompleteCTX.js.map

package/dist/cjs/AutocompleteCTX.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/AutocompleteCTX.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createContext, createRef } from 'react';\nimport type { DSAutocompleteT } from './react-desc-prop-types';\nimport type { DSAutoCompleteInternalsT } from './sharedTypes';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\nexport const defaultProps: DSAutocompleteT.DefaultProps = {\n  zIndex: 10,\n  withoutPortal: false,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'bottom-end'],\n};\nconst defaultContext = {\n  props: defaultProps as DSAutocompleteT.InternalProps,\n  showPopover: false,\n  setShowPopover: noop,\n  scrollOptionIntoView: noop,\n  referenceElement: null,\n  setReferenceElement: noop,\n  inputRef: createRef<HTMLInputElement>(),\n  listRef: createRef<HTMLDivElement>(),\n  focusOptionIdx: '',\n  setCurrentOption: noop,\n};\n/** Context for cross component communication */\nexport const AutocompleteContext = createContext<DSAutoCompleteInternalsT.AutocompleteContext>(defaultContext);\n\nexport default AutocompleteContext;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AAIzC,MAAM,OAAO,MAAM;AAAC;AACb,MAAM,eAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,YAAY;AACzD;AACA,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAU,wBAA4B;AAAA,EACtC,aAAS,wBAA0B;AAAA,EACnC,gBAAgB;AAAA,EAChB,kBAAkB;AACpB;AAEO,MAAM,0BAAsB,4BAA4D,cAAc;AAE7G,IAAO,0BAAQ;",
+  "sourcesContent": ["import { createContext } from 'react';\nimport type { AutocompleteContextT } from './config/useAutocomplete.js';\n\nconst defaultContext = {} as AutocompleteContextT;\n/** Context for cross component communication */\nexport const AutocompleteContext = createContext<AutocompleteContextT>(defaultContext);\n\nexport default AutocompleteContext;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,iBAAiB,CAAC;AAEjB,MAAM,0BAAsB,4BAAoC,cAAc;AAErF,IAAO,0BAAQ;",
   "names": []
 }

package/dist/cjs/AutocompleteDataTestids.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/AutocompleteDataTestids.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/AutocompleteDataTestids.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const AutocompleteDataTestid = {\n  LIST: 'autocomplete-menu-list',\n  OPTION: 'autocomplete-option',\n  CONTAINER: 'autocomplete-container',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AACb;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,yBAAyB;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/DSAutocompleteDefinitions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/DSAutocompleteDefinitions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSAutocompleteDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const DSAutocompleteName = 'DSAutocomplete';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;",
   "names": []
 }

package/dist/cjs/config/useAutocomplete.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -28,72 +32,55 @@ __export(useAutocomplete_exports, {
 });
 module.exports = __toCommonJS(useAutocomplete_exports);
 var React = __toESM(require("react"));
-var import_react = require("react");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_react_virtual = require("react-virtual");
-var import_react_desc_prop_types = require("../react-desc-prop-types");
-var import_AutocompleteCTX = require("../AutocompleteCTX");
-var import_listHelper = require("../utils/listHelper");
-var import_DSAutocompleteDefinitions = require("../DSAutocompleteDefinitions");
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_listHelper = require("../utils/listHelper.js");
+var import_DSAutocompleteDefinitions = require("../DSAutocompleteDefinitions.js");
+var import_useRefs = require("./useRefs.js");
+var import_useVirtualization = require("./useVirtualization.js");
+var import_usePopoverLogic = require("./usePopoverLogic.js");
 const useAutocomplete = (props) => {
   const defaultPropsWithInnerRef = {
-    ...import_AutocompleteCTX.defaultProps,
+    ...import_react_desc_prop_types.defaultProps,
     innerRef: (0, import_react.useRef)(null)
   };
-  const propsWithDefault = (0, import_ds_utilities.useMemoMergePropsWithDefault)(props, defaultPropsWithInnerRef);
-  (0, import_ds_utilities.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_DSAutocompleteDefinitions.DSAutocompleteName);
-  const [showPopover, setShowPopover] = (0, import_react.useState)(false);
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, defaultPropsWithInnerRef);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.propTypes, import_DSAutocompleteDefinitions.DSAutocompleteName);
+  const { options } = propsWithDefault;
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const [focusOptionIdx, setCurrentOption] = (0, import_react.useState)("");
-  const inputRef = (0, import_react.useRef)(null);
-  const listRef = (0, import_react.useRef)(null);
-  const { options, filter } = propsWithDefault;
-  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
-    size: options.length,
-    parentRef: listRef,
-    overscan: 15,
-    paddingStart: 0
+  const references = (0, import_useRefs.useRefs)();
+  const virtualizationManager = (0, import_useVirtualization.useVirtualization)({
+    references,
+    propsWithDefault
   });
-  const scrollOptionIntoView = (0, import_react.useCallback)(
-    (dsId, opts = { align: "center" }) => {
-      virtualListHelpers.scrollToIndex(
-        options.findIndex((opt) => opt.dsId === dsId),
-        opts
-      );
-    },
-    [options, virtualListHelpers]
-  );
-  (0, import_react.useEffect)(() => {
-    if (filter.length === 0 || options.length === 0) {
-      setShowPopover(false);
-    }
-  }, [filter, options.length, setShowPopover]);
-  (0, import_react.useEffect)(() => {
+  const autoCompleteId = (0, import_uid.uid)(4);
+  const popoverManager = (0, import_usePopoverLogic.usePopoverLogic)(propsWithDefault);
+  import_react.default.useEffect(() => {
     setCurrentOption((0, import_listHelper.getFirstOption)(options));
-  }, [options, showPopover]);
+  }, [options]);
   const ctx = (0, import_react.useMemo)(
     () => ({
       props: { ...propsWithDefault },
-      virtualListHelpers,
-      showPopover,
       referenceElement,
-      inputRef,
-      listRef,
       focusOptionIdx,
       setCurrentOption,
-      scrollOptionIntoView,
       setReferenceElement,
-      setShowPopover
+      autoCompleteId,
+      ...references,
+      ...popoverManager,
+      ...virtualizationManager
     }),
     [
-      scrollOptionIntoView,
       propsWithDefault,
-      virtualListHelpers,
-      focusOptionIdx,
-      showPopover,
+      autoCompleteId,
       referenceElement,
-      inputRef,
-      listRef
+      focusOptionIdx,
+      popoverManager,
+      references,
+      virtualizationManager
     ]
   );
   return ctx;

package/dist/cjs/config/useAutocomplete.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/config/useAutocomplete.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useEffect, useRef, useCallback } from 'react';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\n\nimport { useVirtual } from 'react-virtual';\nimport type { DSAutocompleteT } from '../react-desc-prop-types';\nimport { propTypes } from '../react-desc-prop-types';\nimport type { DSAutoCompleteInternalsT } from '../sharedTypes';\nimport { defaultProps } from '../AutocompleteCTX';\nimport { getFirstOption } from '../utils/listHelper';\nimport { DSAutocompleteName } from '../DSAutocompleteDefinitions';\n\nexport const useAutocomplete = (props: DSAutocompleteT.Props): DSAutoCompleteInternalsT.AutocompleteContext => {\n  const defaultPropsWithInnerRef = {\n    ...defaultProps,\n    innerRef: useRef(null),\n  };\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultPropsWithInnerRef);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSAutocompleteName);\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const [focusOptionIdx, setCurrentOption] = useState<string>('');\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n\n  const { options, filter } = propsWithDefault;\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: options.length,\n    parentRef: listRef,\n    overscan: 15,\n    paddingStart: 0,\n  });\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts = { align: 'center' }) => {\n      virtualListHelpers.scrollToIndex(\n        options.findIndex((opt) => opt.dsId === dsId),\n        opts,\n      );\n    },\n    [options, virtualListHelpers],\n  );\n\n  useEffect(() => {\n    if (filter.length === 0 || options.length === 0) {\n      setShowPopover(false);\n    }\n  }, [filter, options.length, setShowPopover]);\n\n  useEffect(() => {\n    setCurrentOption(getFirstOption(options));\n  }, [options, showPopover]);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefault },\n      virtualListHelpers,\n      showPopover,\n      referenceElement,\n      inputRef,\n      listRef,\n      focusOptionIdx,\n      setCurrentOption,\n      scrollOptionIntoView,\n      setReferenceElement,\n      setShowPopover,\n    }),\n    [\n      scrollOptionIntoView,\n      propsWithDefault,\n      virtualListHelpers,\n      focusOptionIdx,\n      showPopover,\n      referenceElement,\n      inputRef,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAkE;AAClE,0BAA6E;AAE7E,2BAA2B;AAE3B,mCAA0B;AAE1B,6BAA6B;AAC7B,wBAA+B;AAC/B,uCAAmC;AAE5B,MAAM,kBAAkB,CAAC,UAA+E;AAC7G,QAAM,2BAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,cAAU,qBAAO,IAAI;AAAA,EACvB;AACA,QAAM,uBAAmB,kDAA6B,OAAO,wBAAwB;AACrF,0DAA+B,kBAAkB,wCAAW,mDAAkB;AAC9E,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAkB,KAAK;AAC7D,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAA6B,IAAI;AAEjF,QAAM,CAAC,gBAAgB,gBAAgB,QAAI,uBAAiB,EAAE;AAE9D,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,cAAU,qBAAuB,IAAI;AAE3C,QAAM,EAAE,SAAS,OAAO,IAAI;AAM5B,QAAM,yBAAoD,iCAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAKD,QAAM,2BAAuB;AAAA,IAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,SAAS,MAAM;AAC5C,yBAAmB;AAAA,QACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,IAAI;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,kBAAkB;AAAA,EAC9B;AAEA,8BAAU,MAAM;AACd,QAAI,OAAO,WAAW,KAAK,QAAQ,WAAW,GAAG;AAC/C,qBAAe,KAAK;AAAA,IACtB;AAAA,EACF,GAAG,CAAC,QAAQ,QAAQ,QAAQ,cAAc,CAAC;AAE3C,8BAAU,MAAM;AACd,yBAAiB,kCAAe,OAAO,CAAC;AAAA,EAC1C,GAAG,CAAC,SAAS,WAAW,CAAC;AAEzB,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO,EAAE,GAAG,iBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
-  "names": []
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport React, { useMemo, useState, useRef } from 'react';\nimport { uid } from 'uid';\n\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSAutocompleteT } from '../react-desc-prop-types.js';\nimport { propTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { getFirstOption } from '../utils/listHelper.js';\nimport { DSAutocompleteName } from '../DSAutocompleteDefinitions.js';\nimport { useRefs } from './useRefs.js';\nimport { useVirtualization } from './useVirtualization.js';\nimport { usePopoverLogic } from './usePopoverLogic.js';\n\nexport type AutocompleteContextT = ReturnType<typeof useRefs> &\n  ReturnType<typeof useVirtualization> &\n  ReturnType<typeof usePopoverLogic> & {\n    props: DSAutocompleteT.InternalProps;\n    referenceElement: HTMLElement | null;\n    focusOptionIdx: string;\n    autoCompleteId: string;\n    setCurrentOption: React.Dispatch<React.SetStateAction<string>>;\n    setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;\n  };\n\nexport const useAutocomplete = (props: DSAutocompleteT.Props): AutocompleteContextT => {\n  const defaultPropsWithInnerRef = {\n    ...defaultProps,\n    innerRef: useRef(null),\n  };\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultPropsWithInnerRef);\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes, DSAutocompleteName);\n\n  const { options } = propsWithDefault;\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n  const [focusOptionIdx, setCurrentOption] = useState<string>('');\n\n  const references = useRefs();\n\n  const virtualizationManager = useVirtualization({\n    references,\n    propsWithDefault,\n  });\n\n  const autoCompleteId = uid(4);\n  const popoverManager = usePopoverLogic(propsWithDefault);\n\n  React.useEffect(() => {\n    setCurrentOption(getFirstOption(options));\n  }, [options]);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefault },\n      referenceElement,\n      focusOptionIdx,\n      setCurrentOption,\n      setReferenceElement,\n      autoCompleteId,\n      ...references,\n      ...popoverManager,\n      ...virtualizationManager,\n    }),\n    [\n      propsWithDefault,\n      autoCompleteId,\n      referenceElement,\n      focusOptionIdx,\n      popoverManager,\n      references,\n      virtualizationManager,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAiD;AACjD,iBAAoB;AAEpB,8BAA6E;AAE7E,mCAAwC;AACxC,wBAA+B;AAC/B,uCAAmC;AACnC,qBAAwB;AACxB,+BAAkC;AAClC,6BAAgC;AAazB,MAAM,kBAAkB,CAAC,UAAuD;AACrF,QAAM,2BAA2B;AAAA,IAC/B,GAAG;AAAA,IACH,cAAU,qBAAO,IAAI;AAAA,EACvB;AACA,QAAM,uBAAmB,sDAA6B,OAAO,wBAAwB;AACrF,8DAA+B,kBAAkB,wCAAW,mDAAkB;AAE9E,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAA6B,IAAI;AACjF,QAAM,CAAC,gBAAgB,gBAAgB,QAAI,uBAAiB,EAAE;AAE9D,QAAM,iBAAa,wBAAQ;AAE3B,QAAM,4BAAwB,4CAAkB;AAAA,IAC9C;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,qBAAiB,gBAAI,CAAC;AAC5B,QAAM,qBAAiB,wCAAgB,gBAAgB;AAEvD,eAAAA,QAAM,UAAU,MAAM;AACpB,yBAAiB,kCAAe,OAAO,CAAC;AAAA,EAC1C,GAAG,CAAC,OAAO,CAAC;AAEZ,QAAM,UAAM;AAAA,IACV,OAAO;AAAA,MACL,OAAO,EAAE,GAAG,iBAAiB;AAAA,MAC7B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": ["React"]
 }

package/dist/cjs/config/usePopoverLogic.js

@@ -0,0 +1,113 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var usePopoverLogic_exports = {};
+__export(usePopoverLogic_exports, {
+  usePopoverLogic: () => usePopoverLogic
+});
+module.exports = __toCommonJS(usePopoverLogic_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const usePopoverLogic = (propsWithDefault) => {
+  const { options, filter } = propsWithDefault;
+  const [forceClosePopover, setForceClosePopover] = (0, import_react.useState)(false);
+  const [userTypedSomething, setUserTypedSomething] = (0, import_react.useState)(false);
+  const [userIsNavigatingWithArrows, setUserIsNavigatingWithArrows] = (0, import_react.useState)(false);
+  const [userJustSelectedAnOption, setUserJustSelectedAnOption] = (0, import_react.useState)(false);
+  const userSelectedAndDidNotType = userJustSelectedAnOption && !userTypedSomething;
+  const popoverHasAnythingToShow = options.length > 0 && filter.length > 0;
+  const isShowingPopover = !forceClosePopover && // user pressed escape (or other interaction that forces close) --> hide popover
+  popoverHasAnythingToShow && // nothing to show --> hide popover
+  !userSelectedAndDidNotType && // user just selected an option --> hide popover
+  (userTypedSomething || // user typed something --> show popover
+  userIsNavigatingWithArrows);
+  const trackUserTyping = import_react.default.useCallback(
+    (e) => {
+      const { key } = e;
+      if ([...e.key].length === 1 || key === "Backspace" || key === "Delete") {
+        setUserTypedSomething(true);
+        setForceClosePopover(false);
+        setUserJustSelectedAnOption(false);
+      } else {
+        setUserTypedSomething(false);
+      }
+    },
+    [setUserTypedSomething]
+  );
+  const trackUserNavigatingWithArrows = import_react.default.useCallback(
+    (e) => {
+      const { key } = e;
+      if (isShowingPopover && (key === "ArrowUp" || key === "ArrowDown")) {
+        setUserIsNavigatingWithArrows(true);
+      } else {
+        setUserIsNavigatingWithArrows(false);
+      }
+    },
+    [isShowingPopover]
+  );
+  const trackUserSelectingAnOption = import_react.default.useCallback(
+    (e) => {
+      const { key } = e;
+      if (key === "Enter" && isShowingPopover) {
+        setUserJustSelectedAnOption(true);
+      }
+    },
+    [isShowingPopover]
+  );
+  const trackUserInteractingViaKeyboard = import_react.default.useCallback(
+    (e) => {
+      trackUserTyping(e);
+      trackUserNavigatingWithArrows(e);
+      trackUserSelectingAnOption(e);
+    },
+    [trackUserTyping, trackUserNavigatingWithArrows, trackUserSelectingAnOption]
+  );
+  (0, import_react.useEffect)(() => {
+    const closePopper = () => {
+      setForceClosePopover(true);
+    };
+    window.addEventListener("blur", closePopper);
+    return () => {
+      window.removeEventListener("blur", closePopper);
+    };
+  }, []);
+  return import_react.default.useMemo(
+    () => ({
+      isShowingPopover,
+      forceClosePopover,
+      setForceClosePopover,
+      userTypedSomething,
+      setUserTypedSomething,
+      setUserJustSelectedAnOption,
+      setUserIsNavigatingWithArrows,
+      trackUserInteractingViaKeyboard
+    }),
+    [isShowingPopover, forceClosePopover, userTypedSomething, trackUserInteractingViaKeyboard]
+  );
+};
+//# sourceMappingURL=usePopoverLogic.js.map

package/dist/cjs/config/usePopoverLogic.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/usePopoverLogic.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport type { DSAutocompleteT } from '../react-desc-prop-types.js';\n\n// we want to own all the popover logic in a single place\n// we handle global events via window.addEventListener/RemoveEventListener\n// the logic to show/hide the popover accounts for\n// show:\n// - the user just typed something (excluding special keys like arrows, enter, etc)\n// - any options are available\n// - the user did not just select an option\n// N.B. this must react to options.length changing in an async way\n// hide:\n// - the user just selected an option and did not type anything after\n// - no options are available\n// - the focus is not on the input\n// - the user pressed the escape key\nexport const usePopoverLogic = (propsWithDefault: DSAutocompleteT.InternalProps) => {\n  const { options, filter } = propsWithDefault;\n\n  const [forceClosePopover, setForceClosePopover] = useState<boolean>(false);\n\n  const [userTypedSomething, setUserTypedSomething] = useState<boolean>(false);\n  const [userIsNavigatingWithArrows, setUserIsNavigatingWithArrows] = useState<boolean>(false);\n  const [userJustSelectedAnOption, setUserJustSelectedAnOption] = useState<boolean>(false);\n\n  const userSelectedAndDidNotType = userJustSelectedAnOption && !userTypedSomething;\n  const popoverHasAnythingToShow = options.length > 0 && filter.length > 0;\n\n  const isShowingPopover =\n    !forceClosePopover && // user pressed escape (or other interaction that forces close) --> hide popover\n    popoverHasAnythingToShow && // nothing to show --> hide popover\n    !userSelectedAndDidNotType && // user just selected an option --> hide popover\n    (userTypedSomething || // user typed something --> show popover\n      userIsNavigatingWithArrows); // user is navigating with arrows --> show popover\n\n  const trackUserTyping: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      const { key } = e;\n      // [...e.key].length === 1 -> \"printable\" characters including https://mathiasbynens.be/notes/javascript-unicode\n      if ([...e.key].length === 1 || key === 'Backspace' || key === 'Delete') {\n        setUserTypedSomething(true);\n        setForceClosePopover(false);\n        setUserJustSelectedAnOption(false);\n      } else {\n        setUserTypedSomething(false);\n      }\n    },\n    [setUserTypedSomething],\n  );\n  const trackUserNavigatingWithArrows: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      const { key } = e;\n      if (isShowingPopover && (key === 'ArrowUp' || key === 'ArrowDown')) {\n        setUserIsNavigatingWithArrows(true);\n      } else {\n        setUserIsNavigatingWithArrows(false);\n      }\n    },\n    [isShowingPopover],\n  );\n\n  const trackUserSelectingAnOption: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      const { key } = e;\n      if (key === 'Enter' && isShowingPopover) {\n        setUserJustSelectedAnOption(true);\n      }\n    },\n    [isShowingPopover],\n  );\n\n  const trackUserInteractingViaKeyboard: React.KeyboardEventHandler<HTMLInputElement> = React.useCallback(\n    (e) => {\n      trackUserTyping(e);\n      trackUserNavigatingWithArrows(e);\n      trackUserSelectingAnOption(e);\n    },\n    [trackUserTyping, trackUserNavigatingWithArrows, trackUserSelectingAnOption],\n  );\n\n  // when the webpage is blurred, we want to close the popover\n  // should be fixing iframes interactions?\n  useEffect(() => {\n    const closePopper = () => {\n      setForceClosePopover(true);\n    };\n    window.addEventListener('blur', closePopper);\n\n    return () => {\n      window.removeEventListener('blur', closePopper);\n    };\n  }, []);\n\n  return React.useMemo(\n    () => ({\n      isShowingPopover,\n      forceClosePopover,\n      setForceClosePopover,\n      userTypedSomething,\n      setUserTypedSomething,\n      setUserJustSelectedAnOption,\n      setUserIsNavigatingWithArrows,\n      trackUserInteractingViaKeyboard,\n    }),\n    [isShowingPopover, forceClosePopover, userTypedSomething, trackUserInteractingViaKeyboard],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAgBpC,MAAM,kBAAkB,CAAC,qBAAoD;AAClF,QAAM,EAAE,SAAS,OAAO,IAAI;AAE5B,QAAM,CAAC,mBAAmB,oBAAoB,QAAI,uBAAkB,KAAK;AAEzE,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,uBAAkB,KAAK;AAC3E,QAAM,CAAC,4BAA4B,6BAA6B,QAAI,uBAAkB,KAAK;AAC3F,QAAM,CAAC,0BAA0B,2BAA2B,QAAI,uBAAkB,KAAK;AAEvF,QAAM,4BAA4B,4BAA4B,CAAC;AAC/D,QAAM,2BAA2B,QAAQ,SAAS,KAAK,OAAO,SAAS;AAEvE,QAAM,mBACJ,CAAC;AAAA,EACD;AAAA,EACA,CAAC;AAAA,GACA;AAAA,EACC;AAEJ,QAAM,kBAAgE,aAAAA,QAAM;AAAA,IAC1E,CAAC,MAAM;AACL,YAAM,EAAE,IAAI,IAAI;AAEhB,UAAI,CAAC,GAAG,EAAE,GAAG,EAAE,WAAW,KAAK,QAAQ,eAAe,QAAQ,UAAU;AACtE,8BAAsB,IAAI;AAC1B,6BAAqB,KAAK;AAC1B,oCAA4B,KAAK;AAAA,MACnC,OAAO;AACL,8BAAsB,KAAK;AAAA,MAC7B;AAAA,IACF;AAAA,IACA,CAAC,qBAAqB;AAAA,EACxB;AACA,QAAM,gCAA8E,aAAAA,QAAM;AAAA,IACxF,CAAC,MAAM;AACL,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,qBAAqB,QAAQ,aAAa,QAAQ,cAAc;AAClE,sCAA8B,IAAI;AAAA,MACpC,OAAO;AACL,sCAA8B,KAAK;AAAA,MACrC;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,6BAA2E,aAAAA,QAAM;AAAA,IACrF,CAAC,MAAM;AACL,YAAM,EAAE,IAAI,IAAI;AAChB,UAAI,QAAQ,WAAW,kBAAkB;AACvC,oCAA4B,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,IACA,CAAC,gBAAgB;AAAA,EACnB;AAEA,QAAM,kCAAgF,aAAAA,QAAM;AAAA,IAC1F,CAAC,MAAM;AACL,sBAAgB,CAAC;AACjB,oCAA8B,CAAC;AAC/B,iCAA2B,CAAC;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,+BAA+B,0BAA0B;AAAA,EAC7E;AAIA,8BAAU,MAAM;AACd,UAAM,cAAc,MAAM;AACxB,2BAAqB,IAAI;AAAA,IAC3B;AACA,WAAO,iBAAiB,QAAQ,WAAW;AAE3C,WAAO,MAAM;AACX,aAAO,oBAAoB,QAAQ,WAAW;AAAA,IAChD;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,mBAAmB,oBAAoB,+BAA+B;AAAA,EAC3F;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/{sharedTypes.js → config/useRefs.js}

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -14,11 +18,24 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var sharedTypes_exports = {};
-module.exports = __toCommonJS(sharedTypes_exports);
+var useRefs_exports = {};
+__export(useRefs_exports, {
+  useRefs: () => useRefs
+});
+module.exports = __toCommonJS(useRefs_exports);
 var React = __toESM(require("react"));
-//# sourceMappingURL=sharedTypes.js.map
+var import_react = __toESM(require("react"));
+const useRefs = () => {
+  const inputRef = (0, import_react.useRef)(null);
+  const listRef = (0, import_react.useRef)(null);
+  return import_react.default.useMemo(() => ({ inputRef, listRef }), [inputRef, listRef]);
+};
+//# sourceMappingURL=useRefs.js.map

package/dist/cjs/config/useRefs.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useRefs.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useRef } from 'react';\n\nexport const useRefs = () => {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  return React.useMemo(() => ({ inputRef, listRef }), [inputRef, listRef]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAEvB,MAAM,UAAU,MAAM;AAC3B,QAAM,eAAW,qBAAyB,IAAI;AAC9C,QAAM,cAAU,qBAAuB,IAAI;AAC3C,SAAO,aAAAA,QAAM,QAAQ,OAAO,EAAE,UAAU,QAAQ,IAAI,CAAC,UAAU,OAAO,CAAC;AACzE;",
+  "names": ["React"]
+}

package/dist/cjs/config/useVirtualization.js

@@ -0,0 +1,66 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useVirtualization_exports = {};
+__export(useVirtualization_exports, {
+  useVirtualization: () => useVirtualization
+});
+module.exports = __toCommonJS(useVirtualization_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_virtual = require("react-virtual");
+const useVirtualization = ({
+  references,
+  propsWithDefault
+}) => {
+  const { options } = propsWithDefault;
+  const { listRef } = references;
+  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
+    size: options.length,
+    parentRef: listRef,
+    overscan: 15,
+    paddingStart: 0
+  });
+  const scrollOptionIntoView = (0, import_react.useCallback)(
+    (dsId, opts = { align: "center" }) => {
+      virtualListHelpers.scrollToIndex(
+        options.findIndex((opt) => opt.dsId === dsId),
+        opts
+      );
+    },
+    [options, virtualListHelpers]
+  );
+  return import_react.default.useMemo(
+    () => ({
+      virtualListHelpers,
+      scrollOptionIntoView
+    }),
+    [virtualListHelpers, scrollOptionIntoView]
+  );
+};
+//# sourceMappingURL=useVirtualization.js.map

package/dist/cjs/config/useVirtualization.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useVirtualization.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport type {} from 'react-virtual';\nimport type { DSAutocompleteT } from '../react-desc-prop-types.js';\nimport type { useRefs } from './useRefs.js';\n\nexport const useVirtualization = ({\n  references,\n  propsWithDefault,\n}: {\n  references: ReturnType<typeof useRefs>;\n  propsWithDefault: DSAutocompleteT.InternalProps;\n}) => {\n  const { options } = propsWithDefault;\n  const { listRef } = references;\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: options.length,\n    parentRef: listRef,\n    overscan: 15,\n    paddingStart: 0,\n  });\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts = { align: 'center' }) => {\n      virtualListHelpers.scrollToIndex(\n        options.findIndex((opt) => opt.dsId === dsId),\n        opts,\n      );\n    },\n    [options, virtualListHelpers],\n  );\n\n  return React.useMemo(\n    () => ({\n      virtualListHelpers,\n      scrollOptionIntoView,\n    }),\n    [virtualListHelpers, scrollOptionIntoView],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmC;AACnC,2BAA2B;AAKpB,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,QAAQ,IAAI;AAKpB,QAAM,yBAAoD,iCAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAKD,QAAM,2BAAuB;AAAA,IAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,SAAS,MAAM;AAC5C,yBAAmB;AAAA,QACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,IAAI;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,kBAAkB;AAAA,EAC9B;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,oBAAoB;AAAA,EAC3C;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -22,5 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./Autocomplete"), module.exports);
+__reExport(src_exports, require("./Autocomplete.js"), module.exports);
+__reExport(src_exports, require("./AutocompleteDataTestids.js"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './Autocomplete';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,2BADd;",
+  "sourcesContent": ["// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './Autocomplete.js';\nexport * from './AutocompleteDataTestids.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,8BADd;AAEA,wBAAc,yCAFd;",
   "names": []
 }

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}