@elliemae/ds-controlled-form 2.2.1 → 2.3.0-alpha.4

package/esm/controlled-autocomplete/Autocomplete.js

@@ -1,24 +1,24 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { describe } from 'react-desc';
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
-import { useAutocomplete } from './config/useAutocomplete.js';
-import { Container } from './parts/container/Container.js';
-import { propTypes } from './propTypes.js';
-import { defaultProps, AutocompleteContext } from './AutocompleteCTX.js';
-
-var _Container;
-
-const DSAutocomplete = props => {
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { useAutocomplete } from "./config/useAutocomplete";
+import { Container } from "./parts/container";
+import { propTypes } from "./propTypes";
+import { AutocompleteContext, defaultProps } from "./AutocompleteCTX";
+const DSAutocomplete = (props) => {
   const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefault, propTypes);
   const ctx = useAutocomplete(props);
-  return /*#__PURE__*/_jsx(AutocompleteContext.Provider, {
+  return /* @__PURE__ */ React2.createElement(AutocompleteContext.Provider, {
     value: ctx
-  }, void 0, _Container || (_Container = /*#__PURE__*/_jsx(Container, {})));
+  }, /* @__PURE__ */ React2.createElement(Container, null));
 };
-
+DSAutocomplete.propTypes = propTypes;
 const DSAutocompleteWithSchema = describe(DSAutocomplete);
 DSAutocompleteWithSchema.propTypes = propTypes;
-
-export { DSAutocomplete, DSAutocompleteWithSchema };
+export {
+  DSAutocomplete,
+  DSAutocompleteWithSchema
+};
+//# sourceMappingURL=Autocomplete.js.map

package/esm/controlled-autocomplete/Autocomplete.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/Autocomplete.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { useAutocomplete } from './config/useAutocomplete';\nimport { Container } from './parts/container';\nimport { propTypes } from './propTypes';\nimport { AutocompleteContext, defaultProps } from './AutocompleteCTX';\nimport type { AutocompletePropsT } from './index.d';\n\nconst DSAutocomplete = (props: AutocompletePropsT): JSX.Element => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n  const ctx = useAutocomplete(props);\n  return (\n    <AutocompleteContext.Provider value={ctx}>\n      <Container />\n    </AutocompleteContext.Provider>\n  );\n};\nDSAutocomplete.propTypes = propTypes;\nconst DSAutocompleteWithSchema = describe(DSAutocomplete);\nDSAutocompleteWithSchema.propTypes = propTypes;\n\nexport { DSAutocomplete, DSAutocompleteWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,iBAAiB,CAAC,UAA2C;AACjE,QAAM,mBAAmB,6BAA6B,OAAO;AAE7D,iCAA+B,kBAAkB;AACjD,QAAM,MAAM,gBAAgB;AAC5B,SACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,WAAD;AAAA;AAIN,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/esm/controlled-autocomplete/AutocompleteCTX.js

@@ -1,16 +1,15 @@
-import { createContext, createRef } from 'react';
-import { noop } from 'lodash';
-
-// eslint-disable-next-line @typescript-eslint/no-empty-function
+import * as React from "react";
+import { createContext, createRef } from "react";
+import { noop } from "lodash";
 const defaultProps = {
-  placeholder: '',
+  placeholder: "",
   options: [],
-  selectedValues: '',
+  selectedValues: "",
   hasError: false,
   isLoading: false,
   autoFocus: false,
-  startPlacementPreference: 'bottom-start',
-  placementOrderPreference: ['bottom-start', 'bottom-end'],
+  startPlacementPreference: "bottom-start",
+  placementOrderPreference: ["bottom-start", "bottom-end"],
   onChange: noop,
   onKeyDown: noop,
   onFilter: noop,
@@ -23,16 +22,19 @@ const defaultContext = {
   scrollOptionIntoView: noop,
   referenceElement: null,
   setReferenceElement: noop,
-  inputRef: /*#__PURE__*/createRef(),
-  listRef: /*#__PURE__*/createRef(),
-  wrapperListRef: /*#__PURE__*/createRef(),
-  controlsWrapperRef: /*#__PURE__*/createRef(),
-  selectedOptionsRef: /*#__PURE__*/createRef(),
-  focusOptionIdx: '',
+  inputRef: createRef(),
+  listRef: createRef(),
+  wrapperListRef: createRef(),
+  controlsWrapperRef: createRef(),
+  selectedOptionsRef: createRef(),
+  focusOptionIdx: "",
   setCurrentOption: noop
 };
-/** Context for cross component communication */
-
-const AutocompleteContext = /*#__PURE__*/createContext(defaultContext);
-
-export { AutocompleteContext, AutocompleteContext as default, defaultProps };
+const AutocompleteContext = createContext(defaultContext);
+var AutocompleteCTX_default = AutocompleteContext;
+export {
+  AutocompleteContext,
+  AutocompleteCTX_default as default,
+  defaultProps
+};
+//# sourceMappingURL=AutocompleteCTX.js.map

package/esm/controlled-autocomplete/AutocompleteCTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/AutocompleteCTX.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { noop } from 'lodash';\nimport type { AutocompletePropsT, AutocompleteContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport const defaultProps: AutocompletePropsT = {\n  placeholder: '',\n  options: [],\n  selectedValues: '',\n  hasError: false,\n  isLoading: false,\n  autoFocus: false,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'bottom-end'],\n  onChange: noop,\n  onKeyDown: noop,\n  onFilter: noop,\n  onMenuOpen: noop,\n};\nconst defaultContext = {\n  props: defaultProps,\n  showPopover: false,\n  setShowPopover: noop,\n  scrollOptionIntoView: noop,\n  referenceElement: null,\n  setReferenceElement: noop,\n  inputRef: createRef<HTMLInputElement>(),\n  listRef: createRef<HTMLDivElement>(),\n  wrapperListRef: createRef<HTMLDivElement>(),\n  controlsWrapperRef: createRef<HTMLInputElement>(),\n  selectedOptionsRef: createRef<HTMLInputElement>(),\n  focusOptionIdx: '',\n  setCurrentOption: noop,\n};\n/** Context for cross component communication */\nexport const AutocompleteContext = createContext<AutocompleteContextT>(defaultContext);\n\nexport default AutocompleteContext;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAIO,MAAM,eAAmC;AAAA,EAC9C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB;AAAA,EAC3C,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA;AAEd,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA;AAGb,MAAM,sBAAsB,cAAoC;AAEvE,IAAO,0BAAQ;",
+  "names": []
+}

package/esm/controlled-autocomplete/AutocompleteDataTestids.js

@@ -1,13 +1,16 @@
+import * as React from "react";
 const AutocompleteDataTestid = {
-  INPUT: 'autocomplete-input',
-  LIST: 'autocomplete-menu-list',
-  SELECTED_VALUES: 'autocomplete-selected-values',
-  SELECT_ALL_BUTTON: 'autocomplete-all-btn',
-  CLEAR_ALL_BUTTON: 'autocomplete-clear-btn',
-  DROPDOWN: 'autocomplete-dropdown-btn',
-  OPTION: 'autocomplete-option',
-  SHOW_ALL_BUTTON: 'autocomplete-show-all-btn',
-  SHOW_SELECTED_OPTIONS_BUTTON: 'autocomplete-selected-options-btn'
+  INPUT: "autocomplete-input",
+  LIST: "autocomplete-menu-list",
+  SELECTED_VALUES: "autocomplete-selected-values",
+  SELECT_ALL_BUTTON: "autocomplete-all-btn",
+  CLEAR_ALL_BUTTON: "autocomplete-clear-btn",
+  DROPDOWN: "autocomplete-dropdown-btn",
+  OPTION: "autocomplete-option",
+  SHOW_ALL_BUTTON: "autocomplete-show-all-btn",
+  SHOW_SELECTED_OPTIONS_BUTTON: "autocomplete-selected-options-btn"
 };
-
-export { AutocompleteDataTestid };
+export {
+  AutocompleteDataTestid
+};
+//# sourceMappingURL=AutocompleteDataTestids.js.map

package/esm/controlled-autocomplete/AutocompleteDataTestids.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/AutocompleteDataTestids.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const AutocompleteDataTestid = {\n  INPUT: 'autocomplete-input',\n  LIST: 'autocomplete-menu-list',\n  SELECTED_VALUES: 'autocomplete-selected-values',\n  SELECT_ALL_BUTTON: 'autocomplete-all-btn',\n  CLEAR_ALL_BUTTON: 'autocomplete-clear-btn',\n  DROPDOWN: 'autocomplete-dropdown-btn',\n  OPTION: 'autocomplete-option',\n  SHOW_ALL_BUTTON: 'autocomplete-show-all-btn',\n  SHOW_SELECTED_OPTIONS_BUTTON: 'autocomplete-selected-options-btn',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,8BAA8B;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/config/constants.js

@@ -1,10 +1,13 @@
+import * as React from "react";
 const DATA_TESTID = {
-  COMBOBOX_MENU_LIST: 'autocomplete-menu-list',
-  COMBOBOX_CLEAR_BTN: 'autocomplete-clear-btn',
-  COMBOBOX_ALL_BTN: 'autocomplete-all-btn',
-  COMBOBOX_DROPDOWN_BTN: 'autocomplete-dropdown-btn',
-  COMBOBOX_OPTION: 'autocomplete-option',
-  COMBOBOX: 'autocomplete'
+  COMBOBOX_MENU_LIST: "autocomplete-menu-list",
+  COMBOBOX_CLEAR_BTN: "autocomplete-clear-btn",
+  COMBOBOX_ALL_BTN: "autocomplete-all-btn",
+  COMBOBOX_DROPDOWN_BTN: "autocomplete-dropdown-btn",
+  COMBOBOX_OPTION: "autocomplete-option",
+  COMBOBOX: "autocomplete"
 };
-
-export { DATA_TESTID };
+export {
+  DATA_TESTID
+};
+//# sourceMappingURL=constants.js.map

package/esm/controlled-autocomplete/config/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/constants.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DATA_TESTID = {\n  COMBOBOX_MENU_LIST: 'autocomplete-menu-list',\n  COMBOBOX_CLEAR_BTN: 'autocomplete-clear-btn',\n  COMBOBOX_ALL_BTN: 'autocomplete-all-btn',\n  COMBOBOX_DROPDOWN_BTN: 'autocomplete-dropdown-btn',\n  COMBOBOX_OPTION: 'autocomplete-option',\n  COMBOBOX: 'autocomplete',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,cAAc;AAAA,EACzB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,UAAU;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/config/useAutocomplete.js

@@ -1,50 +1,29 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useState, useRef, useCallback, useMemo } from 'react';
-import { useVirtual } from 'react-virtual';
-import { useGetAutocompleteWithDefaultsProps } from './useGetPropsWithDefault.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const useAutocomplete = props => {
+import * as React from "react";
+import { useMemo, useState, useRef, useCallback } from "react";
+import { useVirtual } from "react-virtual";
+import { useGetAutocompleteWithDefaultsProps } from "./useGetPropsWithDefault";
+const useAutocomplete = (props) => {
   const [showPopover, setShowPopover] = useState(false);
   const [referenceElement, setReferenceElement] = useState(null);
-  const [focusOptionIdx, setCurrentOption] = useState('');
+  const [focusOptionIdx, setCurrentOption] = useState("");
   const inputRef = useRef(null);
   const listRef = useRef(null);
   const wrapperListRef = useRef(null);
   const selectedOptionsRef = useRef(null);
   const controlsWrapperRef = useRef(null);
   const propsWithDefaults = useGetAutocompleteWithDefaultsProps(props);
-  const {
-    options
-  } = propsWithDefaults; // ===========================================================================
-  // Virtualization setup
-  // ===========================================================================
-
+  const { options } = propsWithDefaults;
   const virtualListHelpers = useVirtual({
     size: options.length,
     parentRef: listRef,
     overscan: 15,
     paddingStart: 0
-  }); // ===========================================================================
-  // Scroll into view function
-  // ===========================================================================
-
-  const scrollOptionIntoView = useCallback(function (dsId) {
-    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      align: 'center'
-    };
-    virtualListHelpers.scrollToIndex(options.findIndex(opt => opt.dsId === dsId), opts);
+  });
+  const scrollOptionIntoView = useCallback((dsId, opts = { align: "center" }) => {
+    virtualListHelpers.scrollToIndex(options.findIndex((opt) => opt.dsId === dsId), opts);
   }, [options, virtualListHelpers]);
   const ctx = useMemo(() => ({
-    props: _objectSpread({}, propsWithDefaults),
+    props: { ...propsWithDefaults },
     virtualListHelpers,
     showPopover,
     referenceElement,
@@ -58,8 +37,22 @@ const useAutocomplete = props => {
     scrollOptionIntoView,
     setReferenceElement,
     setShowPopover
-  }), [scrollOptionIntoView, propsWithDefaults, virtualListHelpers, focusOptionIdx, wrapperListRef, showPopover, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, listRef]);
+  }), [
+    scrollOptionIntoView,
+    propsWithDefaults,
+    virtualListHelpers,
+    focusOptionIdx,
+    wrapperListRef,
+    showPopover,
+    referenceElement,
+    inputRef,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    listRef
+  ]);
   return ctx;
 };
-
-export { useAutocomplete };
+export {
+  useAutocomplete
+};
+//# sourceMappingURL=useAutocomplete.js.map

package/esm/controlled-autocomplete/config/useAutocomplete.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/useAutocomplete.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useRef, useCallback } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { useGetAutocompleteWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { AutocompletePropsT, AutocompleteContextT } from '../index.d';\n\nexport const useAutocomplete = (props: Partial<AutocompletePropsT>): AutocompleteContextT => {\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n  const [focusOptionIdx, setCurrentOption] = useState<string>('');\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const wrapperListRef = useRef<HTMLDivElement>(null);\n\n  const selectedOptionsRef = useRef<HTMLDivElement>(null);\n  const controlsWrapperRef = useRef<HTMLDivElement>(null);\n\n  const propsWithDefaults = useGetAutocompleteWithDefaultsProps(props);\n  const { options } = propsWithDefaults;\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: options.length,\n    parentRef: listRef,\n    overscan: 15,\n    paddingStart: 0,\n  });\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts = { align: 'center' }) => {\n      virtualListHelpers.scrollToIndex(\n        options.findIndex((opt) => opt.dsId === dsId),\n        opts,\n      );\n    },\n    [options, virtualListHelpers],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults },\n      virtualListHelpers,\n      showPopover,\n      referenceElement,\n      inputRef,\n      listRef,\n      focusOptionIdx,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      wrapperListRef,\n      setCurrentOption,\n      scrollOptionIntoView,\n      setReferenceElement,\n      setShowPopover,\n    }),\n    [\n      scrollOptionIntoView,\n      propsWithDefaults,\n      virtualListHelpers,\n      focusOptionIdx,\n      wrapperListRef,\n      showPopover,\n      referenceElement,\n      inputRef,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n"],
+  "mappings": "AAAA;ACIA;AACA;AACA;AAGO,MAAM,kBAAkB,CAAC,UAA6D;AAC3F,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAE7E,QAAM,CAAC,gBAAgB,oBAAoB,SAAiB;AAC5D,QAAM,WAAW,OAAyB;AAC1C,QAAM,UAAU,OAAuB;AACvC,QAAM,iBAAiB,OAAuB;AAE9C,QAAM,qBAAqB,OAAuB;AAClD,QAAM,qBAAqB,OAAuB;AAElD,QAAM,oBAAoB,oCAAoC;AAC9D,QAAM,EAAE,YAAY;AAMpB,QAAM,qBAAoD,WAAW;AAAA,IACnE,MAAM,QAAQ;AAAA,IACd,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,YAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,QAAQ,UAAU,CAAC,QAAQ,IAAI,SAAS,OACxC;AAAA,KAGJ,CAAC,SAAS;AAGZ,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO,KAAK;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/config/useGetPropsWithDefault.js

@@ -1,7 +1,8 @@
-import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
-import { defaultProps } from '../AutocompleteCTX.js';
-
-// we have to merge the "default" nested default values with what the user gives us...
-const useGetAutocompleteWithDefaultsProps = props => useMemoMergePropsWithDefault(props, defaultProps);
-
-export { useGetAutocompleteWithDefaultsProps };
+import * as React from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { defaultProps } from "../AutocompleteCTX";
+const useGetAutocompleteWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
+export {
+  useGetAutocompleteWithDefaultsProps
+};
+//# sourceMappingURL=useGetPropsWithDefault.js.map

package/esm/controlled-autocomplete/config/useGetPropsWithDefault.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/controlled-autocomplete/config/useGetPropsWithDefault.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../AutocompleteCTX';\nimport { AutocompletePropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetAutocompleteWithDefaultsProps = (props: Partial<AutocompletePropsT>): AutocompletePropsT =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAGO,MAAM,sCAAsC,CAAC,UAClD,6BAA6B,OAAO;",
+  "names": []
+}

package/esm/controlled-autocomplete/index.d.js

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

package/esm/controlled-autocomplete/index.d.js.map

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

package/esm/controlled-autocomplete/index.js

@@ -1 +1,3 @@
-export { DSAutocomplete, DSAutocompleteWithSchema } from './Autocomplete.js';
+import * as React from "react";
+export * from "./Autocomplete";
+//# sourceMappingURL=index.js.map

package/esm/controlled-autocomplete/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/controlled-autocomplete/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// export { CBContainer, CBContainerWithSchema } from './parts/cb-container';\nexport * from './Autocomplete';\n"],
+  "mappings": "AAAA;ACCA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js

@@ -1,25 +1,21 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { useContext } from 'react';
-import { AutocompleteContext } from '../../AutocompleteCTX.js';
-import { getSelectableOptions } from '../../utils/listHelper.js';
-import { StyledA11ySelectedValues } from './styled.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { AutocompleteContext } from "../../AutocompleteCTX";
+import { getSelectableOptions } from "../../utils/listHelper";
+import { StyledA11ySelectedValues } from "./styled";
 const MultiAllyMessages = () => {
   const {
-    props: {
-      options,
-      selectedValues
-    }
+    props: { options, selectedValues }
   } = useContext(AutocompleteContext);
   const selectableOptions = getSelectableOptions(options);
   const multipleSelectedValues = selectedValues;
-  return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
+  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
-  }, void 0, "Options selected: ".concat(multipleSelectedValues.map(item => item.label).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
+  }, `Options selected: ${multipleSelectedValues.map((item) => item.label).join(", ")}. ${multipleSelectedValues.length} of ${selectableOptions.length}`);
 };
-
-export { MultiAllyMessages };
+export {
+  MultiAllyMessages
+};
+//# sourceMappingURL=MultiAllyMessages.js.map

package/esm/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/a11y-messages/MultiAllyMessages.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n  const {\n    props: { options, selectedValues },\n  } = useContext(AutocompleteContext);\n  const selectableOptions = getSelectableOptions(options);\n\n  const multipleSelectedValues = selectedValues as CBItemOption[];\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n        multipleSelectedValues.length\n      } of ${selectableOptions.length}`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { MultiAllyMessages };\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AACA;AACA,MAAM,oBAAoB,MAAmB;AAC3C,QAAM;AAAA,IACJ,OAAO,EAAE,SAAS;AAAA,MAChB,WAAW;AACf,QAAM,oBAAoB,qBAAqB;AAE/C,QAAM,yBAAyB;AAC/B,SACE,qCAAC,0BAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,qBAAqB,uBAAuB,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK,UAC1E,uBAAuB,aAClB,kBAAkB;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js

@@ -1,20 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { AutocompleteContext } from '../../AutocompleteCTX.js';
-import { StyledA11ySelectedValues } from './styled.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import { AutocompleteContext } from "../../AutocompleteCTX";
+import { StyledA11ySelectedValues } from "./styled";
 const SingleAllyMessages = () => {
   const {
-    props: {
-      selectedValues
-    }
+    props: { selectedValues }
   } = useContext(AutocompleteContext);
   const singleSelectedValue = selectedValues;
-  return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
+  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
     "aria-live": "polite",
     "aria-atomic": "false",
     "aria-relevant": "additions text"
-  }, void 0, "Option selected: ".concat(singleSelectedValue.label, "."));
+  }, `Option selected: ${singleSelectedValue.label}.`);
 };
-
-export { SingleAllyMessages };
+export {
+  SingleAllyMessages
+};
+//# sourceMappingURL=SingleAllyMessages.js.map

package/esm/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/a11y-messages/SingleAllyMessages.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { CBItemOption } from '../../index.d';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(AutocompleteContext);\n\n  const singleSelectedValue = selectedValues as CBItemOption;\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Option selected: ${singleSelectedValue.label}.`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { SingleAllyMessages };\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AACA,MAAM,qBAAqB,MAAmB;AAC5C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,qCAAC,0BAAD;AAAA,IAA0B,aAAU;AAAA,IAAS,eAAY;AAAA,IAAQ,iBAAc;AAAA,KAC5E,oBAAoB,oBAAoB;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/a11y-messages/index.js

@@ -1,2 +1,8 @@
-export { MultiAllyMessages } from './MultiAllyMessages.js';
-export { SingleAllyMessages } from './SingleAllyMessages.js';
+import * as React from "react";
+import { MultiAllyMessages } from "./MultiAllyMessages";
+import { SingleAllyMessages } from "./SingleAllyMessages";
+export {
+  MultiAllyMessages,
+  SingleAllyMessages
+};
+//# sourceMappingURL=index.js.map

package/esm/controlled-autocomplete/parts/a11y-messages/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/a11y-messages/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { MultiAllyMessages } from './MultiAllyMessages';\nexport { SingleAllyMessages } from './SingleAllyMessages';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/a11y-messages/styled.js

@@ -1,7 +1,12 @@
-import styled from 'styled-components';
-
-const StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-1yqq7du-0"
-})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
-
-export { StyledA11ySelectedValues };
+import * as React from "react";
+import styled from "styled-components";
+const StyledA11ySelectedValues = styled.span`
+  width: 1px;
+  height: 1px;
+  position: absolute;
+  clip: rect(1px, 1px, 1px, 1px);
+`;
+export {
+  StyledA11ySelectedValues
+};
+//# sourceMappingURL=styled.js.map

package/esm/controlled-autocomplete/parts/a11y-messages/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/a11y-messages/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,2BAA2B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/container/Container.js

@@ -1,21 +1,13 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useCallback } from 'react';
-import { DSPopperJS } from '@elliemae/ds-popperjs';
-import { AutocompleteContext } from '../../AutocompleteCTX.js';
-import { StyledPopperWrapper, StyledContainerInline, StyledContainerWithPopper } from './styled.js';
-import { Controls } from '../controls/Controls.js';
-import { MenuList } from '../menu-list/MenuList.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _Controls, _MenuList, _MenuList2;
-
+import * as React from "react";
+import React2, { useCallback, useContext } from "react";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import { AutocompleteContext } from "../../AutocompleteCTX";
+import { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from "./styled";
+import { Controls } from "../controls";
+import { MenuList } from "../menu-list";
 const Container = () => {
   const {
-    props: {
-      inline,
-      startPlacementPreference,
-      placementOrderPreference
-    },
+    props: { inline, startPlacementPreference, placementOrderPreference },
     showPopover,
     inputRef,
     setReferenceElement,
@@ -24,32 +16,32 @@ const Container = () => {
   } = useContext(AutocompleteContext);
   const handleCloseMenu = useCallback(() => {
     setShowPopover(false);
-    if (inputRef.current) inputRef.current.blur();
+    if (inputRef.current)
+      inputRef.current.blur();
   }, [inputRef, setShowPopover]);
-  const handleMouseDown = useCallback(e => {
+  const handleMouseDown = useCallback((e) => {
     e.preventDefault();
   }, []);
   const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(StyledContainer, {
-      ref: setReferenceElement,
-      children: [_Controls || (_Controls = /*#__PURE__*/_jsx(Controls, {})), inline ? _MenuList || (_MenuList = /*#__PURE__*/_jsx(MenuList, {})) : null]
-    }), /*#__PURE__*/_jsx(DSPopperJS, {
-      customOffset: [0, 5],
-      closeContextMenu: handleCloseMenu,
-      referenceElement: referenceElement,
-      showPopover: showPopover,
-      startPlacementPreference: startPlacementPreference,
-      placementOrderPreference: placementOrderPreference,
-      withoutPortal: true,
-      withoutArrow: true,
-      withoutAnimation: true,
-      zIndex: 10
-    }, void 0, /*#__PURE__*/_jsx(StyledPopperWrapper, {
-      tabIndex: -1,
-      onMouseDown: handleMouseDown
-    }, void 0, _MenuList2 || (_MenuList2 = /*#__PURE__*/_jsx(MenuList, {}))))]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledContainer, {
+    ref: setReferenceElement
+  }, /* @__PURE__ */ React2.createElement(Controls, null), inline ? /* @__PURE__ */ React2.createElement(MenuList, null) : null), /* @__PURE__ */ React2.createElement(DSPopperJS, {
+    customOffset: [0, 5],
+    closeContextMenu: handleCloseMenu,
+    referenceElement,
+    showPopover,
+    startPlacementPreference,
+    placementOrderPreference,
+    withoutPortal: true,
+    withoutArrow: true,
+    withoutAnimation: true,
+    zIndex: 10
+  }, /* @__PURE__ */ React2.createElement(StyledPopperWrapper, {
+    tabIndex: -1,
+    onMouseDown: handleMouseDown
+  }, /* @__PURE__ */ React2.createElement(MenuList, null))));
+};
+export {
+  Container
 };
-
-export { Container };
+//# sourceMappingURL=Container.js.map

package/esm/controlled-autocomplete/parts/container/Container.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/controlled-autocomplete/parts/container/Container.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport { AutocompleteContext } from '../../AutocompleteCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n  const {\n    props: { inline, startPlacementPreference, placementOrderPreference },\n    showPopover,\n    inputRef,\n    setReferenceElement,\n    setShowPopover,\n    referenceElement,\n  } = useContext(AutocompleteContext);\n\n  const handleCloseMenu = useCallback(() => {\n    setShowPopover(false);\n    if (inputRef.current) inputRef.current.blur();\n  }, [inputRef, setShowPopover]);\n\n  const handleMouseDown = useCallback((e: React.KeyboardEvent) => {\n    e.preventDefault();\n  }, []);\n\n  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n  return (\n    <>\n      <StyledContainer ref={setReferenceElement}>\n        <Controls />\n        {inline ? <MenuList /> : null}\n      </StyledContainer>\n      <DSPopperJS\n        customOffset={[0, 5]}\n        closeContextMenu={handleCloseMenu}\n        referenceElement={referenceElement}\n        showPopover={showPopover}\n        startPlacementPreference={startPlacementPreference}\n        placementOrderPreference={placementOrderPreference}\n        withoutPortal\n        withoutArrow\n        withoutAnimation\n        zIndex={10}\n      >\n        <StyledPopperWrapper tabIndex={-1} onMouseDown={handleMouseDown}>\n          <MenuList />\n        </StyledPopperWrapper>\n      </DSPopperJS>\n    </>\n  );\n};\n\nexport { Container };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,YAAY,MAAmB;AACnC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,0BAA0B;AAAA,IAC3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,kBAAkB,YAAY,MAAM;AACxC,mBAAe;AACf,QAAI,SAAS;AAAS,eAAS,QAAQ;AAAA,KACtC,CAAC,UAAU;AAEd,QAAM,kBAAkB,YAAY,CAAC,MAA2B;AAC9D,MAAE;AAAA,KACD;AAEH,QAAM,kBAAkB,SAAS,wBAAwB;AACzD,SACE,4DACE,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,KACpB,qCAAC,UAAD,OACC,SAAS,qCAAC,UAAD,QAAe,OAE3B,qCAAC,YAAD;AAAA,IACE,cAAc,CAAC,GAAG;AAAA,IAClB,kBAAkB;AAAA,IAClB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,cAAY;AAAA,IACZ,kBAAgB;AAAA,IAChB,QAAQ;AAAA,KAER,qCAAC,qBAAD;AAAA,IAAqB,UAAU;AAAA,IAAI,aAAa;AAAA,KAC9C,qCAAC,UAAD;AAAA;",
+  "names": []
+}

package/esm/controlled-autocomplete/parts/container/index.js

@@ -1 +1,6 @@
-export { Container } from './Container.js';
+import * as React from "react";
+import { Container } from "./Container";
+export {
+  Container
+};
+//# sourceMappingURL=index.js.map

package/esm/controlled-autocomplete/parts/container/index.js.map

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