npm - @elliemae/ds-form-layout-autocomplete - Versions diffs - 3.26.1-rc.1 → 3.27.0-next.2 - Mend

@elliemae/ds-form-layout-autocomplete 3.26.1-rc.1 → 3.27.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (21) hide show

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

@@ -1,7 +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;",
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { useVirtual, type ScrollToIndexOptions } from 'react-virtual';\n\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  virtualListHelpers: ReturnType<typeof useVirtual>;\n  scrollOptionIntoView: (dsId: string, opts?: ScrollToIndexOptions) => void;\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: ScrollToIndexOptions = { 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,2BAAsD;AAK/C,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAMK;AACH,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,OAA6B,EAAE,OAAO,SAAS,MAAM;AAClE,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/parts/container/Container.js CHANGED Viewed

@@ -35,6 +35,7 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_popperjs = require("@elliemae/ds-popperjs");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_AutocompleteCTX = __toESM(require("../../AutocompleteCTX.js"));
 var import_styled = require("./styled.js");
 var import_menu_list = require("../menu-list/index.js");
@@ -43,7 +44,7 @@ var import_AutocompleteDataTestids = require("../../AutocompleteDataTestids.js")
 var import_A11yFocusedOption = require("../A11yFocusedOption.js");
 const Container = () => {
   const {
-    props: { id, startPlacementPreference, children, filter, placementOrderPreference },
+    props: { startPlacementPreference, children, filter, placementOrderPreference, ...restProps },
     isShowingPopover,
     setReferenceElement,
     setUserJustSelectedAnOption,
@@ -56,6 +57,8 @@ const Container = () => {
   const handleCloseMenu = (0, import_react.useCallback)(() => {
     setForceClosePopover(true);
   }, [setForceClosePopover]);
+  const { onSelect, id, ...globalsAttrs } = (0, import_ds_props_helpers.useGetGlobalAttributes)(restProps);
+  const xStyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(restProps);
   const { onInputKeyDown } = (0, import_useKeyboardNavigation.useKeyboardNavigation)();
   const input = import_react.default.Children.only(children);
   const idList = (0, import_react.useMemo)(() => `${id ? `${id}-` : ""}listbox`, [id]);
@@ -82,6 +85,8 @@ const Container = () => {
         onKeyDown: onInputKeyDown,
         onFocus: onFocusPopoverStatusSync,
         "data-testid": import_AutocompleteDataTestids.AutocompleteDataTestid.CONTAINER,
+        ...globalsAttrs,
+        ...xStyledProps,
         children: [
           input,
           filter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(

package/dist/cjs/parts/container/Container.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/container/Container.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { StyledContainer, StyledHiddenDiv, 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      {/* The purpose of this div is to always have the 'menu-list-{autoCompleteId}' present in the DOM */}\n      {/* Fix for PUI-11627 */}\n      {isShowingPopover === false ? <StyledHiddenDiv id={`menu-list-${autoCompleteId}`} /> : null}\n\n      <StyledContainer\n        id={id}\n        innerRef={setReferenceElement}\n        role=\"combobox\"\n        aria-label=\"autocomplete\"\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 as HTMLElement}\n            showPopover={isShowingPopover}\n            startPlacementPreference={startPlacementPreference as DSPopperJST.PopperPlacementsT}\n            placementOrderPreference={placementOrderPreference as DSPopperJST.PopperPlacementsT[]}\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyCnB;AAxCJ,mBAAwD;AACxD,yBAA2B;AAE3B,6BAAgC;AAChC,oBAAsE;AACtE,uBAAyB;AACzB,mCAAsC;AACtC,qCAAuC;AACvC,+BAAkC;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,QAAI,yBAAW,uBAAAA,OAAmB;AAElC,QAAM,sBAAkB,0BAAY,MAAM;AACxC,yBAAqB,IAAI;AAAA,EAC3B,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,EAAE,eAAe,QAAI,oDAAsB;AAEjD,QAAM,QAAQ,aAAAC,QAAM,SAAS,KAAK,QAAQ;AAE1C,QAAM,aAAS,sBAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AAEjE,QAAM,+BAA2B,0BAAY,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,4EACE;AAAA,gDAAC,8CAAkB;AAAA,IAIlB,qBAAqB,QAAQ,4CAAC,iCAAgB,IAAI,aAAa,kBAAkB,IAAK;AAAA,IAEvF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,iBAAe,aAAa;AAAA,QAC5B,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,aAAW;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,sDAAuB;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,sDAAC,qCAAoB,UAAU,IAC7B,sDAAC,6BAAS,GACZ;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
+  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { StyledContainer, StyledHiddenDiv, 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: { startPlacementPreference, children, filter, placementOrderPreference, ...restProps },\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 { onSelect, id, ...globalsAttrs } = useGetGlobalAttributes(restProps);\n  const xStyledProps = useGetXstyledProps(restProps);\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      {/* The purpose of this div is to always have the 'menu-list-{autoCompleteId}' present in the DOM */}\n      {/* Fix for PUI-11627 */}\n      {isShowingPopover === false ? <StyledHiddenDiv id={`menu-list-${autoCompleteId}`} /> : null}\n\n      <StyledContainer\n        id={id}\n        innerRef={setReferenceElement}\n        role=\"combobox\"\n        aria-label=\"autocomplete\"\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        {...globalsAttrs}\n        {...xStyledProps}\n      >\n        {input}\n        {filter && (\n          <DSPopperJS\n            customOffset={[0, 5]}\n            closeContextMenu={handleCloseMenu}\n            referenceElement={referenceElement as HTMLElement}\n            showPopover={isShowingPopover}\n            startPlacementPreference={startPlacementPreference as DSPopperJST.PopperPlacementsT}\n            placementOrderPreference={placementOrderPreference as DSPopperJST.PopperPlacementsT[]}\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6CnB;AA3CJ,mBAAwD;AACxD,yBAA2B;AAE3B,8BAA2D;AAC3D,6BAAgC;AAChC,oBAAsE;AACtE,uBAAyB;AACzB,mCAAsC;AACtC,qCAAuC;AACvC,+BAAkC;AAC3B,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ,OAAO,EAAE,0BAA0B,UAAU,QAAQ,0BAA0B,GAAG,UAAU;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAW,uBAAAA,OAAmB;AAElC,QAAM,sBAAkB,0BAAY,MAAM;AACxC,yBAAqB,IAAI;AAAA,EAC3B,GAAG,CAAC,oBAAoB,CAAC;AAEzB,QAAM,EAAE,UAAU,IAAI,GAAG,aAAa,QAAI,gDAAuB,SAAS;AAC1E,QAAM,mBAAe,4CAAmB,SAAS;AACjD,QAAM,EAAE,eAAe,QAAI,oDAAsB;AAEjD,QAAM,QAAQ,aAAAC,QAAM,SAAS,KAAK,QAAQ;AAE1C,QAAM,aAAS,sBAAQ,MAAM,GAAG,KAAK,GAAG,QAAQ,aAAa,CAAC,EAAE,CAAC;AAEjE,QAAM,+BAA2B,0BAAY,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,4EACE;AAAA,gDAAC,8CAAkB;AAAA,IAIlB,qBAAqB,QAAQ,4CAAC,iCAAgB,IAAI,aAAa,kBAAkB,IAAK;AAAA,IAEvF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,iBAAe,aAAa;AAAA,QAC5B,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,aAAW;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,sDAAuB;AAAA,QACnC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;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,sDAAC,qCAAoB,UAAU,IAC7B,sDAAC,6BAAS,GACZ;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IAEJ;AAAA,KACF;AAEJ;",
   "names": ["AutocompleteContext", "React"]
 }

package/dist/cjs/parts/menu-list/styled.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/parts/menu-list/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const StyledListWrapper = styled.div<{ minWidth?: number | string }>`\n  min-width: ${({ minWidth }) => (minWidth ? `${minWidth}px` : '100%')};\n`;\n\nexport const StyledList = styled.ul`\n  position: relative;\n  padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n  maxHeight: number;\n}>`\n  overflow-y: auto;\n  max-height: ${({ maxHeight }) => `${!maxHeight ? '400' : maxHeight}px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\n\nexport const StyledListWrapper = styled.div<{ minWidth?: number | string }>`\n  min-width: ${({ minWidth }) => (minWidth ? `${minWidth}px` : '100%')};\n`;\n\nexport const StyledList = styled.ul`\n  position: relative;\n  padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n  maxHeight?: number;\n}>`\n  overflow-y: auto;\n  max-height: ${({ maxHeight }) => `${!maxHeight ? '400' : maxHeight}px`};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AAEhB,MAAM,oBAAoB,wBAAO;AAAA,eACzB,CAAC,EAAE,SAAS,MAAO,WAAW,GAAG,eAAe;AAAA;AAGxD,MAAM,aAAa,wBAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,2BAA2B,wBAAO;AAAA;AAAA,gBAI/B,CAAC,EAAE,UAAU,MAAM,GAAG,CAAC,YAAY,QAAQ;AAAA;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js CHANGED Viewed

@@ -41,6 +41,7 @@ const defaultProps = {
   placementOrderPreference: ["bottom-start", "bottom-end"]
 };
 const propTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
   options: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.array, import_ds_props_helpers.PropTypes.object]).isRequired.description("List of options").defaultValue([]),
   filter: import_ds_props_helpers.PropTypes.string.isRequired.description("String value to filter the options").defaultValue(""),
   onSelect: import_ds_props_helpers.PropTypes.func.isRequired.description("function triggered when an option is selected it will send the options selected").defaultValue(""),

package/dist/cjs/react-desc-prop-types.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* 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    id: string;\n    options: OptionTypes[];\n    children: React.ReactNode;\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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAA0B;AAiDnB,MAAM,eAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,YAAY;AACzD;AAEO,MAAM,YAAY;AAAA,EACvB,SAAS,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,CAAC,EAC7D,WAAW,YAAY,iBAAiB,EACxC,aAAa,CAAC,CAAC;AAAA,EAClB,QAAQ,kCAAU,OAAO,WAAW,YAAY,oCAAoC,EAAE,aAAa,EAAE;AAAA,EACrG,UAAU,kCAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,EAAE;AAAA,EAClB,UAAU,kCAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable no-unused-vars */\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, 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\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.ReactNode;\n    filter: string;\n    onSelect: (\n      suggestedValue: string,\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\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      Omit<XstyledProps, keyof DefaultProps> {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      Omit<XstyledProps, keyof DefaultProps> {}\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  ...globalAttributesPropTypes,\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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,8BAAqD;AAyD9C,MAAM,eAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,YAAY;AACzD;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,SAAS,kCAAU,UAAU,CAAC,kCAAU,OAAO,kCAAU,MAAM,CAAC,EAC7D,WAAW,YAAY,iBAAiB,EACxC,aAAa,CAAC,CAAC;AAAA,EAClB,QAAQ,kCAAU,OAAO,WAAW,YAAY,oCAAoC,EAAE,aAAa,EAAE;AAAA,EACrG,UAAU,kCAAU,KAAK,WACtB,YAAY,iFAAiF,EAC7F,aAAa,EAAE;AAAA,EAClB,UAAU,kCAAU,KAAK,WACtB,YAAY,qDAAqD,EACjE,aAAa,EAAE;AACpB;",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-autocomplete-valid.js ADDED Viewed

@@ -0,0 +1,100 @@
+"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 __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: ""
+};
+const testPartialDefaults = {
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"]
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: "",
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const testInferedTypeCompatibility = {
+  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: "",
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSAutocomplete, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSAutocomplete, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSAutocomplete,
+    {
+      options: [],
+      onSelect: () => {
+      },
+      filter: "",
+      startPlacementPreference: "bottom",
+      placementOrderPreference: ["bottom", "top"],
+      withoutPortal: false,
+      zIndex: 1e3,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("input", {})
+    }
+  )
+] });
+//# sourceMappingURL=typescript-autocomplete-valid.js.map

package/dist/cjs/typescript-testing/typescript-autocomplete-valid.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-autocomplete-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSAutocomplete } from '../index.js';\nimport type { DSAutocompleteT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSAutocompleteT.Props;\ntype ComponentPropsInternals = DSAutocompleteT.InternalProps;\ntype ComponentPropsDefaultProps = DSAutocompleteT.DefaultProps;\ntype ComponentPropsRequiredProps = DSAutocompleteT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n} as ComponentPropsForApp;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSAutocomplete {...testExplicitDefinition} />\n    <DSAutocomplete {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSAutocomplete\n      options={[]}\n      onSelect={() => {}}\n      filter=\"\"\n      startPlacementPreference=\"bottom\"\n      placementOrderPreference={['bottom', 'top']}\n      withoutPortal={false}\n      zIndex={1000}\n    >\n      <input />\n    </DSAutocomplete>\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACWX;AAVZ,eAA+B;AAS/B,MAAM,oBAAiD;AAAA,EACrD,UAAU,2EAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AACV;AAIA,MAAM,sBAA2D;AAAA,EAC/D,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAC5C;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU,2EAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU,2EAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,2BAAgB,GAAG,wBAAwB;AAAA,EAC5C,4CAAC,2BAAgB,GAAG,8BAA8B;AAAA,EAElD;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC;AAAA,MACV,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,QAAO;AAAA,MACP,0BAAyB;AAAA,MACzB,0BAA0B,CAAC,UAAU,KAAK;AAAA,MAC1C,eAAe;AAAA,MACf,QAAQ;AAAA,MAER,sDAAC,WAAM;AAAA;AAAA,EACT;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/config/useVirtualization.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useVirtualization.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,kBAAkB;AAKpB,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,QAAQ,IAAI;AAKpB,QAAM,qBAAoD,WAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAKD,QAAM,uBAAuB;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,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,oBAAoB;AAAA,EAC3C;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { useVirtual, type ScrollToIndexOptions } from 'react-virtual';\n\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  virtualListHelpers: ReturnType<typeof useVirtual>;\n  scrollOptionIntoView: (dsId: string, opts?: ScrollToIndexOptions) => void;\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: ScrollToIndexOptions = { 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"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,kBAA6C;AAK/C,MAAM,oBAAoB,CAAC;AAAA,EAChC;AAAA,EACA;AACF,MAMK;AACH,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,QAAQ,IAAI;AAKpB,QAAM,qBAAoD,WAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,EAChB,CAAC;AAKD,QAAM,uBAAuB;AAAA,IAC3B,CAAC,MAAc,OAA6B,EAAE,OAAO,SAAS,MAAM;AAClE,yBAAmB;AAAA,QACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,IAAI;AAAA,QAC5C;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,SAAS,kBAAkB;AAAA,EAC9B;AAEA,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,oBAAoB;AAAA,EAC3C;AACF;",
   "names": ["React"]
 }

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import React2, { useCallback, useMemo, useContext } from "react";
 import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import AutocompleteContext from "../../AutocompleteCTX.js";
 import { StyledContainer, StyledHiddenDiv, StyledPopperWrapper } from "./styled.js";
 import { MenuList } from "../menu-list/index.js";
@@ -10,7 +11,7 @@ import { AutocompleteDataTestid } from "../../AutocompleteDataTestids.js";
 import { A11yFocusedOption } from "../A11yFocusedOption.js";
 const Container = () => {
   const {
-    props: { id, startPlacementPreference, children, filter, placementOrderPreference },
+    props: { startPlacementPreference, children, filter, placementOrderPreference, ...restProps },
     isShowingPopover,
     setReferenceElement,
     setUserJustSelectedAnOption,
@@ -23,6 +24,8 @@ const Container = () => {
   const handleCloseMenu = useCallback(() => {
     setForceClosePopover(true);
   }, [setForceClosePopover]);
+  const { onSelect, id, ...globalsAttrs } = useGetGlobalAttributes(restProps);
+  const xStyledProps = useGetXstyledProps(restProps);
   const { onInputKeyDown } = useKeyboardNavigation();
   const input = React2.Children.only(children);
   const idList = useMemo(() => `${id ? `${id}-` : ""}listbox`, [id]);
@@ -49,6 +52,8 @@ const Container = () => {
         onKeyDown: onInputKeyDown,
         onFocus: onFocusPopoverStatusSync,
         "data-testid": AutocompleteDataTestid.CONTAINER,
+        ...globalsAttrs,
+        ...xStyledProps,
         children: [
           input,
           filter && /* @__PURE__ */ jsx(

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

@@ -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, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { StyledContainer, StyledHiddenDiv, 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      {/* The purpose of this div is to always have the 'menu-list-{autoCompleteId}' present in the DOM */}\n      {/* Fix for PUI-11627 */}\n      {isShowingPopover === false ? <StyledHiddenDiv id={`menu-list-${autoCompleteId}`} /> : null}\n\n      <StyledContainer\n        id={id}\n        innerRef={setReferenceElement}\n        role=\"combobox\"\n        aria-label=\"autocomplete\"\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 as HTMLElement}\n            showPopover={isShowingPopover}\n            startPlacementPreference={startPlacementPreference as DSPopperJST.PopperPlacementsT}\n            placementOrderPreference={placementOrderPreference as DSPopperJST.PopperPlacementsT[]}\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;ACyCnB,mBACE,KAMA,YAPF;AAxCJ,OAAOA,UAAS,aAAa,SAAS,kBAAkB;AACxD,SAAS,kBAAkB;AAE3B,OAAO,yBAAyB;AAChC,SAAS,iBAAiB,iBAAiB,2BAA2B;AACtE,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,IAIlB,qBAAqB,QAAQ,oBAAC,mBAAgB,IAAI,aAAa,kBAAkB,IAAK;AAAA,IAEvF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n/* eslint-disable complexity */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport type { DSPopperJST } from '@elliemae/ds-popperjs';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport AutocompleteContext from '../../AutocompleteCTX.js';\nimport { StyledContainer, StyledHiddenDiv, 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: { startPlacementPreference, children, filter, placementOrderPreference, ...restProps },\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 { onSelect, id, ...globalsAttrs } = useGetGlobalAttributes(restProps);\n  const xStyledProps = useGetXstyledProps(restProps);\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      {/* The purpose of this div is to always have the 'menu-list-{autoCompleteId}' present in the DOM */}\n      {/* Fix for PUI-11627 */}\n      {isShowingPopover === false ? <StyledHiddenDiv id={`menu-list-${autoCompleteId}`} /> : null}\n\n      <StyledContainer\n        id={id}\n        innerRef={setReferenceElement}\n        role=\"combobox\"\n        aria-label=\"autocomplete\"\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        {...globalsAttrs}\n        {...xStyledProps}\n      >\n        {input}\n        {filter && (\n          <DSPopperJS\n            customOffset={[0, 5]}\n            closeContextMenu={handleCloseMenu}\n            referenceElement={referenceElement as HTMLElement}\n            showPopover={isShowingPopover}\n            startPlacementPreference={startPlacementPreference as DSPopperJST.PopperPlacementsT}\n            placementOrderPreference={placementOrderPreference as DSPopperJST.PopperPlacementsT[]}\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,KAMA,YAPF;AA3CJ,OAAOA,UAAS,aAAa,SAAS,kBAAkB;AACxD,SAAS,kBAAkB;AAE3B,SAAS,wBAAwB,0BAA0B;AAC3D,OAAO,yBAAyB;AAChC,SAAS,iBAAiB,iBAAiB,2BAA2B;AACtE,SAAS,gBAAgB;AACzB,SAAS,6BAA6B;AACtC,SAAS,8BAA8B;AACvC,SAAS,yBAAyB;AAC3B,MAAM,YAAY,MAAmB;AAC1C,QAAM;AAAA,IACJ,OAAO,EAAE,0BAA0B,UAAU,QAAQ,0BAA0B,GAAG,UAAU;AAAA,IAC5F;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,UAAU,IAAI,GAAG,aAAa,IAAI,uBAAuB,SAAS;AAC1E,QAAM,eAAe,mBAAmB,SAAS;AACjD,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,IAIlB,qBAAqB,QAAQ,oBAAC,mBAAgB,IAAI,aAAa,kBAAkB,IAAK;AAAA,IAEvF;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,iBAAe,aAAa;AAAA,QAC5B,iBAAe;AAAA,QACf,iBAAc;AAAA,QACd,aAAW;AAAA,QACX,WAAW;AAAA,QACX,SAAS;AAAA,QACT,eAAa,uBAAuB;AAAA,QACnC,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;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/menu-list/styled.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/menu-list/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const StyledListWrapper = styled.div<{ minWidth?: number | string }>`\n  min-width: ${({ minWidth }) => (minWidth ? `${minWidth}px` : '100%')};\n`;\n\nexport const StyledList = styled.ul`\n  position: relative;\n  padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n  maxHeight: number;\n}>`\n  overflow-y: auto;\n  max-height: ${({ maxHeight }) => `${!maxHeight ? '400' : maxHeight}px`};\n`;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\n\nexport const StyledListWrapper = styled.div<{ minWidth?: number | string }>`\n  min-width: ${({ minWidth }) => (minWidth ? `${minWidth}px` : '100%')};\n`;\n\nexport const StyledList = styled.ul`\n  position: relative;\n  padding: 0;\n`;\n\nexport const StyledVirtualListWrapper = styled.div<{\n  maxHeight?: number;\n}>`\n  overflow-y: auto;\n  max-height: ${({ maxHeight }) => `${!maxHeight ? '400' : maxHeight}px`};\n`;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AAEhB,MAAM,oBAAoB,OAAO;AAAA,eACzB,CAAC,EAAE,SAAS,MAAO,WAAW,GAAG,eAAe;AAAA;AAGxD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAK1B,MAAM,2BAA2B,OAAO;AAAA;AAAA,gBAI/B,CAAC,EAAE,UAAU,MAAM,GAAG,CAAC,YAAY,QAAQ;AAAA;",
   "names": []
 }

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   zIndex: 10,
   withoutPortal: false,
@@ -7,6 +7,7 @@ const defaultProps = {
   placementOrderPreference: ["bottom-start", "bottom-end"]
 };
 const propTypes = {
+  ...globalAttributesPropTypes,
   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(""),
   onSelect: PropTypes.func.isRequired.description("function triggered when an option is selected it will send the options selected").defaultValue(""),

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

@@ -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-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    id: string;\n    options: OptionTypes[];\n    children: React.ReactNode;\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;AAiDnB,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;",
+  "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 type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { globalAttributesPropTypes, 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\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.ReactNode;\n    filter: string;\n    onSelect: (\n      suggestedValue: string,\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\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      Omit<XstyledProps, keyof DefaultProps> {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>,\n      Omit<XstyledProps, keyof DefaultProps> {}\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  ...globalAttributesPropTypes,\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;ACIvB,SAAS,2BAA2B,iBAAiB;AAyD9C,MAAM,eAA6C;AAAA,EACxD,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB,YAAY;AACzD;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,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/typescript-testing/typescript-autocomplete-valid.js ADDED Viewed

@@ -0,0 +1,77 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { DSAutocomplete } from "../index.js";
+const testRequiredProps = {
+  children: /* @__PURE__ */ jsx(Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: ""
+};
+const testPartialDefaults = {
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"]
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  children: /* @__PURE__ */ jsx(Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: "",
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const testInferedTypeCompatibility = {
+  children: /* @__PURE__ */ jsx(Fragment, {}),
+  options: [],
+  onSelect: () => {
+  },
+  filter: "",
+  startPlacementPreference: "bottom",
+  placementOrderPreference: ["bottom", "top"],
+  withoutPortal: false,
+  zIndex: 1e3
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSAutocomplete, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSAutocomplete, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(
+    DSAutocomplete,
+    {
+      options: [],
+      onSelect: () => {
+      },
+      filter: "",
+      startPlacementPreference: "bottom",
+      placementOrderPreference: ["bottom", "top"],
+      withoutPortal: false,
+      zIndex: 1e3,
+      children: /* @__PURE__ */ jsx("input", {})
+    }
+  )
+] });
+//# sourceMappingURL=typescript-autocomplete-valid.js.map

package/dist/esm/typescript-testing/typescript-autocomplete-valid.js.map ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-autocomplete-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { DSAutocomplete } from '../index.js';\nimport type { DSAutocompleteT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSAutocompleteT.Props;\ntype ComponentPropsInternals = DSAutocompleteT.InternalProps;\ntype ComponentPropsDefaultProps = DSAutocompleteT.DefaultProps;\ntype ComponentPropsRequiredProps = DSAutocompleteT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n//  Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n};\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n};\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  children: <></>,\n  options: [],\n  onSelect: () => {},\n  filter: '',\n  startPlacementPreference: 'bottom',\n  placementOrderPreference: ['bottom', 'top'],\n  withoutPortal: false,\n  zIndex: 1000,\n} as ComponentPropsForApp;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSAutocomplete {...testExplicitDefinition} />\n    <DSAutocomplete {...testInferedTypeCompatibility} />\n    {/* works with inline values */}\n    <DSAutocomplete\n      options={[]}\n      onSelect={() => {}}\n      filter=\"\"\n      startPlacementPreference=\"bottom\"\n      placementOrderPreference={['bottom', 'top']}\n      withoutPortal={false}\n      zIndex={1000}\n    >\n      <input />\n    </DSAutocomplete>\n  </>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACWX,wBA8DV,YA9DU;AAVZ,SAAS,sBAAsB;AAS/B,MAAM,oBAAiD;AAAA,EACrD,UAAU,gCAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AACV;AAIA,MAAM,sBAA2D;AAAA,EAC/D,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAC5C;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,uBAA6D;AAAA,EACjE,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,UAAU,gCAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AAGA,MAAM,+BAA+B;AAAA,EACnC,UAAU,gCAAE;AAAA,EACZ,SAAS,CAAC;AAAA,EACV,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ;AAAA,EACR,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,UAAU,KAAK;AAAA,EAC1C,eAAe;AAAA,EACf,QAAQ;AACV;AAEA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,kBAAgB,GAAG,wBAAwB;AAAA,EAC5C,oBAAC,kBAAgB,GAAG,8BAA8B;AAAA,EAElD;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC;AAAA,MACV,UAAU,MAAM;AAAA,MAAC;AAAA,MACjB,QAAO;AAAA,MACP,0BAAyB;AAAA,MACzB,0BAA0B,CAAC,UAAU,KAAK;AAAA,MAC1C,eAAe;AAAA,MACf,QAAQ;AAAA,MAER,8BAAC,WAAM;AAAA;AAAA,EACT;AAAA,GACF;",
+  "names": []
+}

package/dist/types/config/useVirtualization.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import { useVirtual, type ScrollToIndexOptions } from 'react-virtual';
+import type { DSAutocompleteT } from '../react-desc-prop-types.js';
+import type { useRefs } from './useRefs.js';
+export declare const useVirtualization: ({ references, propsWithDefault, }: {
+    references: ReturnType<typeof useRefs>;
+    propsWithDefault: DSAutocompleteT.InternalProps;
+}) => {
+    virtualListHelpers: ReturnType<typeof useVirtual>;
+    scrollOptionIntoView: (dsId: string, opts?: ScrollToIndexOptions) => void;
+};

package/dist/types/parts/menu-list/styled.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ export declare const StyledListWrapper: import("styled-components").StyledCompon
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledList: import("styled-components").StyledComponent<"ul", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"ul">, never>;
 export declare const StyledVirtualListWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    maxHeight: number;
+    maxHeight?: number | undefined;
 } & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/react-desc-prop-types.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import type React from 'react';
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 export declare namespace DSAutocompleteT {
     interface CommonItemOptions {
         dsId: string;
@@ -20,11 +21,10 @@ export declare namespace DSAutocompleteT {
     type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions;
     type SelectedOptionsT = ItemOption[] | ItemOption | null;
     interface RequiredProps {
-        id: string;
         options: OptionTypes[];
         children: React.ReactNode;
         filter: string;
-        onSelect: (suggestedValue: string | number, e: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement>) => void;
+        onSelect: (suggestedValue: string, e: React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLInputElement>) => void;
     }
     interface DefaultProps {
         startPlacementPreference: string;
@@ -32,9 +32,9 @@ export declare namespace DSAutocompleteT {
         withoutPortal: boolean;
         zIndex: number;
     }
-    interface Props extends Partial<DefaultProps>, RequiredProps {
+    interface Props extends Partial<DefaultProps>, RequiredProps, Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>, Omit<XstyledProps, keyof DefaultProps> {
     }
-    interface InternalProps extends DefaultProps, RequiredProps {
+    interface InternalProps extends DefaultProps, RequiredProps, Omit<GlobalAttributesT, keyof DefaultProps | keyof RequiredProps>, Omit<XstyledProps, keyof DefaultProps> {
     }
 }
 export declare const defaultProps: DSAutocompleteT.DefaultProps;
@@ -43,4 +43,373 @@ export declare const propTypes: {
     filter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     onSelect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
     children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'on-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'data-*': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'all HTML attributes': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    about: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    accept: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    acceptCharset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    accessKey: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    action: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    allowFullScreen: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    allowTransparency: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    alt: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-activedescendant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-atomic': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-autocomplete': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-busy': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-checked': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-controls': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-current': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-describedby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-details': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-disabled': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-dropeffect': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-errormessage': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-expanded': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-flowto': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-grabbed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-haspopup': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-hidden': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-invalid': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-keyshortcuts': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-label': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-labelledby': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-level': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-live': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-modal': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-multiline': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-multiselectable': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-orientation': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-owns': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-placeholder': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-posinset': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-pressed': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-readonly': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-relevant': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-required': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-roledescription': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowcount': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowindex': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowspan': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-selected': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-setsize': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-sort': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuemax': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuemin': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuenow': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-valuetext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    as: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    async: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoCapitalize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoComplete: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoCorrect: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    autoSave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    capture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cellPadding: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cellSpacing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    challenge: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    charSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    checked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cite: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    classID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    color: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    cols: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    colSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    content: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    contentEditable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    contextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    controls: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    coords: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    crossOrigin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    data: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    datatype: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    dateTime: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    default: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defaultChecked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defaultValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    defer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    dir: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    download: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    draggable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    encType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    form: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formAction: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formEncType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formMethod: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formNoValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    formTarget: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    frameBorder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    headers: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    height: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hidden: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    high: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    href: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    hrefLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    htmlFor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    httpEquiv: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    id: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inlist: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    inputMode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    integrity: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    is: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemID: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemProp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemScope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    itemType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    keyParams: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    keyType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    kind: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    label: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    lang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    list: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    loop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    low: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    manifest: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    marginHeight: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    marginWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    max: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    maxLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    media: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    mediaGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    method: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    min: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    minLength: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    multiple: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    muted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    nonce: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    noValidate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAbort: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAbortCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationIteration: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationIterationCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAnimationStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAuxClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onAuxClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBeforeInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBeforeInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBlur: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onBlurCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayThrough: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCanPlayThroughCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCompositionUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onContextMenu: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onContextMenuCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCopy: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCopyCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onCutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDoubleClick: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDoubleClickCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDrag: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragExit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragExitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDragStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDrop: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDropCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDurationChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onDurationChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEmptied: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEmptiedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEncrypted: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEncryptedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEnded: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onEndedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onErrorCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFocus: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onFocusCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onGotPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onGotPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInput: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInputCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInvalid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onInvalidCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyPress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyPressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onKeyUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoad: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedData: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedDataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedMetadata: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadedMetadataCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLoadStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLostPointerCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onLostPointerCaptureCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onMouseUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPaste: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPasteCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPause: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPauseCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlay: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlayCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlaying: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPlayingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerDownCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerEnter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerEnterCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerLeave: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerLeaveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOut: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOutCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOver: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerOverCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerUp: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onPointerUpCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onProgress: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onProgressCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onRateChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onRateChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onReset: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResetCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onResizeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onScroll: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onScrollCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeeked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeekedCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeeking: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSeekingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSelectCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onStalled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onStalledCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSubmit: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSubmitCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSuspend: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onSuspendCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTimeUpdate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTimeUpdateCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchCancel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchCancelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchMove: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchMoveCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchStart: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTouchStartCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTransitionEnd: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onTransitionEndCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onVolumeChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onVolumeChangeCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWaiting: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWaitingCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWheel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    onWheelCapture: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    open: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    optimum: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    pattern: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    playsInline: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    poster: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    prefix: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    preload: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    property: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    radioGroup: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rev: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    required: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    resource: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    results: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    reversed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    role: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rows: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    rowSpan: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    sandbox: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scope: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scoped: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    scrolling: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    seamless: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    security: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    selected: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    shape: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    sizes: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    slot: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    span: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    spellCheck: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    src: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcDoc: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcLang: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    srcSet: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    start: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    step: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    summary: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    suppressContentEditableWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    suppressHydrationWarning: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    target: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    translate: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    typeof: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    unselectable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    useMap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    vocab: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    width: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    wmode: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    wrap: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-braillelabel': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-brailleroledescription': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-colindextext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-description': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    'aria-rowindextext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
 };

package/dist/types/typescript-testing/typescript-autocomplete-valid.d.ts ADDED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-form-layout-autocomplete",
-  "version": "3.26.1-rc.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Form Layout - Autocomplete",
   "files": [
@@ -38,19 +38,19 @@
     "react-virtual": "~2.10.4",
     "styled-components": "~5.3.9",
     "uid": "~2.0.1",
-    "@elliemae/ds-grid": "3.26.1-rc.1",
-    "@elliemae/ds-menu-items": "3.26.1-rc.1",
-    "@elliemae/ds-popperjs": "3.26.1-rc.1",
-    "@elliemae/ds-props-helpers": "3.26.1-rc.1",
-    "@elliemae/ds-system": "3.26.1-rc.1"
+    "@elliemae/ds-grid": "3.27.0-next.2",
+    "@elliemae/ds-menu-items": "3.27.0-next.2",
+    "@elliemae/ds-popperjs": "3.27.0-next.2",
+    "@elliemae/ds-system": "3.27.0-next.2",
+    "@elliemae/ds-props-helpers": "3.27.0-next.2"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "@elliemae/pui-theme": "~2.7.0",
     "styled-components": "~5.3.9",
     "styled-system": "~5.1.5",
-    "@elliemae/ds-form-input-text": "3.26.1-rc.1",
-    "@elliemae/ds-monorepo-devops": "3.26.1-rc.1"
+    "@elliemae/ds-form-input-text": "3.27.0-next.2",
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "@elliemae/pui-theme": "~2.7.0",
@@ -61,7 +61,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",