@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

package/esm/ComboBox/v3/index.js

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

package/esm/ComboBox/v3/index.js.map

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

package/esm/ComboBox/v3/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 { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { getSelectableOptions } from '../../utils/listHelper.js';
-import { StyledA11ySelectedValues } from './styled.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { getSelectableOptions } from "../../utils/listHelper";
+import { StyledA11ySelectedValues } from "./styled";
 const MultiAllyMessages = () => {
   const {
-    props: {
-      options,
-      selectedValues
-    }
+    props: { options, selectedValues }
   } = useContext(ComboBoxContext);
   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/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/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 ComboBoxContext from '../../ComboBoxCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n  const {\n    props: { options, selectedValues },\n  } = useContext(ComboBoxContext);\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/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js

@@ -1,20 +1,19 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext } from 'react';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledA11ySelectedValues } from './styled.js';
-
+import * as React from "react";
+import React2, { useContext } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { StyledA11ySelectedValues } from "./styled";
 const SingleAllyMessages = () => {
   const {
-    props: {
-      selectedValues
-    }
+    props: { selectedValues }
   } = useContext(ComboBoxContext);
   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/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/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 ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(ComboBoxContext);\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/ComboBox/v3/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/ComboBox/v3/parts/a11y-messages/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/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/ComboBox/v3/parts/a11y-messages/styled.js

@@ -1,7 +1,12 @@
-import styled from 'styled-components';
-
-const StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-4xp40i-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/ComboBox/v3/parts/a11y-messages/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/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/ComboBox/v3/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 { ComboBoxContext } from '../../ComboBoxCTX.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 ComboBoxContext from "../../ComboBoxCTX";
+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,36 +16,36 @@ const Container = () => {
   } = useContext(ComboBoxContext);
   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 handleOnClickContainer = useCallback(() => {
     setShowPopover(!showPopover);
   }, [setShowPopover, showPopover]);
   const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(StyledContainer, {
-      ref: setReferenceElement,
-      onClick: handleOnClickContainer,
-      children: [_Controls || (_Controls = /*#__PURE__*/_jsx(Controls, {})), inline ? _MenuList || (_MenuList = /*#__PURE__*/_jsx(MenuList, {})) : null]
-    }), !inline ? /*#__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, {})))) : null]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(StyledContainer, {
+    ref: setReferenceElement,
+    onClick: handleOnClickContainer
+  }, /* @__PURE__ */ React2.createElement(Controls, null), inline ? /* @__PURE__ */ React2.createElement(MenuList, null) : null), !inline ? /* @__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))) : null);
+};
+export {
+  Container
 };
-
-export { Container };
+//# sourceMappingURL=Container.js.map

package/esm/ComboBox/v3/parts/container/Container.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/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 ComboBoxContext from '../../ComboBoxCTX';\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(ComboBoxContext);\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 handleOnClickContainer = useCallback(() => {\n    setShowPopover(!showPopover);\n  }, [setShowPopover, showPopover]);\n\n  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n  return (\n    <>\n      <StyledContainer ref={setReferenceElement} onClick={handleOnClickContainer}>\n        <Controls />\n        {inline ? <MenuList /> : null}\n      </StyledContainer>\n      {!inline ? (\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      ) : null}\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,yBAAyB,YAAY,MAAM;AAC/C,mBAAe,CAAC;AAAA,KACf,CAAC,gBAAgB;AAEpB,QAAM,kBAAkB,SAAS,wBAAwB;AACzD,SACE,4DACE,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAqB,SAAS;AAAA,KAClD,qCAAC,UAAD,OACC,SAAS,qCAAC,UAAD,QAAe,OAE1B,CAAC,SACA,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,UAGF;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/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/ComboBox/v3/parts/container/index.js.map

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

package/esm/ComboBox/v3/parts/container/styled.js

@@ -1,13 +1,22 @@
-import styled from 'styled-components';
-
-const StyledContainerWithPopper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-17wftik-0"
-})(["width:100%;height:28px;position:relative;"]);
-const StyledContainerInline = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-17wftik-1"
-})(["width:100%;position:relative;"]);
-const StyledPopperWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-17wftik-2"
-})(["background:#fff;overflow:auto;position:relative;"]);
-
-export { StyledContainerInline, StyledContainerWithPopper, StyledPopperWrapper };
+import * as React from "react";
+import styled from "styled-components";
+const StyledContainerWithPopper = styled.div`
+  width: 100%;
+  height: 28px;
+  position: relative;
+`;
+const StyledContainerInline = styled.div`
+  width: 100%;
+  position: relative;
+`;
+const StyledPopperWrapper = styled.div`
+  background: #fff;
+  overflow: auto;
+  position: relative;
+`;
+export {
+  StyledContainerInline,
+  StyledContainerWithPopper,
+  StyledPopperWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/container/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/container/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledContainerWithPopper = styled.div`\n  width: 100%;\n  height: 28px;\n  position: relative;\n`;\n\nexport const StyledContainerInline = styled.div`\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledPopperWrapper = styled.div`\n  background: #fff;\n  overflow: auto;\n  position: relative;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAKrC,MAAM,sBAAsB,OAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/controls/Controls.js

@@ -1,24 +1,20 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { useContext, useCallback } from 'react';
-import DropdownIndicator from '../dropdown-indicator/DropdownIndicator.js';
-import { ComboboxDataTestid } from '../../ComboboxDataTestids.js';
-import { ComboBoxContext } from '../../ComboBoxCTX.js';
-import { StyledControlsWrapper, StyledSelection, StyledHeaderActionsWrapper, StyleHeaderActionsSeparator } from './styled.js';
-import { MultiSelectedValuesContainer } from '../multi-selected-values-container/MultiSelectedValuesContainer.js';
-import { ControlsInput } from '../controls-input/ControlsInput.js';
-import { SingleSelectedValueContainer } from '../single-selected-value-container/SingleSelectedValueContainer.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _MultiSelectedValuesC, _SingleSelectedValueC, _ControlsInput, _StyledHeaderActionsW;
-
+import * as React from "react";
+import React2, { useContext, useCallback } from "react";
+import DropdownIndicator from "../dropdown-indicator/DropdownIndicator";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
+import ComboBoxContext from "../../ComboBoxCTX";
+import {
+  StyledControlsWrapper,
+  StyleHeaderActionsSeparator,
+  StyledHeaderActionsWrapper,
+  StyledSelection
+} from "./styled";
+import { MultiSelectedValuesContainer } from "../multi-selected-values-container";
+import { ControlsInput } from "../controls-input/ControlsInput";
+import { SingleSelectedValueContainer } from "../single-selected-value-container";
 const Controls = () => {
   const {
-    props: {
-      inline,
-      inputMinWidth,
-      hasError,
-      selectedValues
-    },
+    props: { inline, inputMinWidth, hasError, selectedValues },
     inputRef,
     selectedOptionsRef,
     setShowPopover,
@@ -35,29 +31,27 @@ const Controls = () => {
       inputRef.current.focus();
     }
   }, [hasFocus, setShowPopover, showPopover, inputRef, inline]);
-
-  const handleOnMouseDown = e => {
+  const handleOnMouseDown = (e) => {
     if (hasFocus || inline) {
       e.preventDefault();
     }
   };
-
-  const cols = !inline ? ['minmax(0px,max-content)', 'minmax(20px, auto)', '29px'] : ['minmax(0px, auto)'];
-  return /*#__PURE__*/jsxs(StyledControlsWrapper, {
+  const cols = !inline ? ["minmax(0px,max-content)", "minmax(20px, auto)", "29px"] : ["minmax(0px, auto)"];
+  return /* @__PURE__ */ React2.createElement(StyledControlsWrapper, {
     ref: controlsWrapperRef,
-    cols: cols,
+    cols,
     minWidth: inputMinWidth,
-    hasError: hasError,
-    hasFocus: hasFocus,
-    inline: inline,
+    hasError,
+    hasFocus,
+    inline,
     onClick: handleOnClick,
-    onMouseDown: handleOnMouseDown,
-    children: [!inline && /*#__PURE__*/jsx(StyledSelection, {
-      ref: selectedOptionsRef,
-      "data-testid": ComboboxDataTestid.SELECTED_VALUES,
-      children: Array.isArray(selectedValues) ? _MultiSelectedValuesC || (_MultiSelectedValuesC = /*#__PURE__*/_jsx(MultiSelectedValuesContainer, {})) : _SingleSelectedValueC || (_SingleSelectedValueC = /*#__PURE__*/_jsx(SingleSelectedValueContainer, {}))
-    }), _ControlsInput || (_ControlsInput = /*#__PURE__*/_jsx(ControlsInput, {})), !inline && (_StyledHeaderActionsW || (_StyledHeaderActionsW = /*#__PURE__*/_jsx(StyledHeaderActionsWrapper, {}, void 0, /*#__PURE__*/_jsx(StyleHeaderActionsSeparator, {}), /*#__PURE__*/_jsx(DropdownIndicator, {}))))]
-  });
+    onMouseDown: handleOnMouseDown
+  }, !inline && /* @__PURE__ */ React2.createElement(StyledSelection, {
+    ref: selectedOptionsRef,
+    "data-testid": ComboboxDataTestid.SELECTED_VALUES
+  }, Array.isArray(selectedValues) ? /* @__PURE__ */ React2.createElement(MultiSelectedValuesContainer, null) : /* @__PURE__ */ React2.createElement(SingleSelectedValueContainer, null)), /* @__PURE__ */ React2.createElement(ControlsInput, null), !inline && /* @__PURE__ */ React2.createElement(StyledHeaderActionsWrapper, null, /* @__PURE__ */ React2.createElement(StyleHeaderActionsSeparator, null), /* @__PURE__ */ React2.createElement(DropdownIndicator, null)));
+};
+export {
+  Controls
 };
-
-export { Controls };
+//# sourceMappingURL=Controls.js.map

package/esm/ComboBox/v3/parts/controls/Controls.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls/Controls.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useContext, useCallback } from 'react';\nimport DropdownIndicator from '../dropdown-indicator/DropdownIndicator';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport {\n  StyledControlsWrapper,\n  StyleHeaderActionsSeparator,\n  StyledHeaderActionsWrapper,\n  StyledSelection,\n} from './styled';\nimport { MultiSelectedValuesContainer } from '../multi-selected-values-container';\nimport { ControlsInput } from '../controls-input/ControlsInput';\nimport { SingleSelectedValueContainer } from '../single-selected-value-container';\nconst Controls = (): JSX.Element => {\n  const {\n    props: { inline, inputMinWidth, hasError, selectedValues },\n    inputRef,\n    selectedOptionsRef,\n    setShowPopover,\n    showPopover,\n    hasFocus,\n    controlsWrapperRef,\n  } = useContext(ComboBoxContext);\n\n  const handleOnClick = useCallback(() => {\n    if (hasFocus && showPopover && !inline) {\n      inputRef.current.blur();\n    } else if (hasFocus) {\n      setShowPopover(true);\n    } else {\n      inputRef.current.focus();\n    }\n  }, [hasFocus, setShowPopover, showPopover, inputRef, inline]);\n\n  const handleOnMouseDown = (e) => {\n    if (hasFocus || inline) {\n      e.preventDefault();\n    }\n  };\n  const cols = !inline ? ['minmax(0px,max-content)', 'minmax(20px, auto)', '29px'] : ['minmax(0px, auto)'];\n  return (\n    <StyledControlsWrapper\n      ref={controlsWrapperRef}\n      cols={cols}\n      minWidth={inputMinWidth}\n      hasError={hasError}\n      hasFocus={hasFocus}\n      inline={inline}\n      onClick={handleOnClick}\n      onMouseDown={handleOnMouseDown}\n    >\n      {!inline && (\n        <StyledSelection ref={selectedOptionsRef} data-testid={ComboboxDataTestid.SELECTED_VALUES}>\n          {Array.isArray(selectedValues) ? <MultiSelectedValuesContainer /> : <SingleSelectedValueContainer />}\n        </StyledSelection>\n      )}\n\n      <ControlsInput />\n      {!inline && (\n        <StyledHeaderActionsWrapper>\n          <StyleHeaderActionsSeparator />\n          <DropdownIndicator />\n        </StyledHeaderActionsWrapper>\n      )}\n    </StyledControlsWrapper>\n  );\n};\n\nexport { Controls };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA,MAAM,WAAW,MAAmB;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE,QAAQ,eAAe,UAAU;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,YAAY,MAAM;AACtC,QAAI,YAAY,eAAe,CAAC,QAAQ;AACtC,eAAS,QAAQ;AAAA,eACR,UAAU;AACnB,qBAAe;AAAA,WACV;AACL,eAAS,QAAQ;AAAA;AAAA,KAElB,CAAC,UAAU,gBAAgB,aAAa,UAAU;AAErD,QAAM,oBAAoB,CAAC,MAAM;AAC/B,QAAI,YAAY,QAAQ;AACtB,QAAE;AAAA;AAAA;AAGN,QAAM,OAAO,CAAC,SAAS,CAAC,2BAA2B,sBAAsB,UAAU,CAAC;AACpF,SACE,qCAAC,uBAAD;AAAA,IACE,KAAK;AAAA,IACL;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,aAAa;AAAA,KAEZ,CAAC,UACA,qCAAC,iBAAD;AAAA,IAAiB,KAAK;AAAA,IAAoB,eAAa,mBAAmB;AAAA,KACvE,MAAM,QAAQ,kBAAkB,qCAAC,8BAAD,QAAmC,qCAAC,8BAAD,QAIxE,qCAAC,eAAD,OACC,CAAC,UACA,qCAAC,4BAAD,MACE,qCAAC,6BAAD,OACA,qCAAC,mBAAD;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/controls/index.js

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

package/esm/ComboBox/v3/parts/controls/index.js.map

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

package/esm/ComboBox/v3/parts/controls/styled.js

@@ -1,52 +1,72 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import styled from 'styled-components';
-import { css } from '@elliemae/ds-system';
-import { Grid } from '@elliemae/ds-grid';
-
-var _templateObject, _templateObject2;
-const normalBorder = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  border: 1px solid\n    ", ";\n"])), props => {
+import * as React from "react";
+import styled from "styled-components";
+import { css } from "@elliemae/ds-system";
+import { Grid } from "@elliemae/ds-grid";
+const normalBorder = css`
+  border: 1px solid
+    ${(props) => {
   if (props.hasError) {
     return props.theme.colors.danger[900];
   }
-
   return props.theme.colors.neutral[400];
-});
-const focusBorder = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border: 2px solid ", ";\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.colors.brand[700];
-});
-const StyledControlsWrapper = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-64uci7-0"
-})(["background:transparent;position:relative;border-radius:2px;min-width:", ";align-items:center;align-content:center;height:28px;padding-left:8px;margin:", ";&::after{display:block;content:' ';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:2px;", " pointer-events:none;z-index:7;}"], _ref2 => {
-  let {
-    minWidth,
-    inline
-  } = _ref2;
-  return inline ? '' : "".concat(minWidth, "px");
-}, _ref3 => {
-  let {
-    inline
-  } = _ref3;
-  return inline ? '10px 16px' : 'none';
-}, _ref4 => {
-  let {
-    hasFocus
-  } = _ref4;
-  return hasFocus ? focusBorder : normalBorder;
-});
-const StyledSelection = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-64uci7-1"
-})(["font-size:13px;margin-right:3px;line-height:13px;display:flex;"]);
-const StyledHeaderActionsWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-64uci7-2"
-})(["align-items:center;align-self:stretch;display:flex;box-sizing:border-box;height:28px;.em-ds-button--text:focus::after{border:none;}"]);
-const StyleDropdownIndicator = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-64uci7-3"
-})([""]);
-const StyleHeaderActionsSeparator = /*#__PURE__*/styled.span.withConfig({
-  componentId: "sc-64uci7-4"
-})(["align-self:stretch;margin:4px 0px;width:1px;background-color:", ";"], props => props.theme.colors.neutral['500']);
+}};
+`;
+const focusBorder = css`
+  border: 2px solid ${({ theme }) => theme.colors.brand[700]};
+`;
+const StyledControlsWrapper = styled(Grid)`
+  background: transparent;
+  position: relative;
+  border-radius: 2px;
+  min-width: ${({ minWidth, inline }) => inline ? "" : `${minWidth}px`};
+  align-items: center;
+  align-content: center;
+  height: 28px;
+  padding-left: 8px;
+  margin: ${({ inline }) => inline ? "10px 16px" : "none"};
+  &::after {
+    display: block;
+    content: ' ';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    border-radius: 2px;
+    ${({ hasFocus }) => hasFocus ? focusBorder : normalBorder}
+    pointer-events: none;
+    z-index: 7;
+  }
+`;
+const StyledSelection = styled.div`
+  font-size: 13px;
+  margin-right: 3px;
+  line-height: 13px;
+  display: flex;
+`;
+const StyledHeaderActionsWrapper = styled.div`
+  align-items: center;
+  align-self: stretch;
+  display: flex;
+  box-sizing: border-box;
+  height: 28px;
 
-export { StyleDropdownIndicator, StyleHeaderActionsSeparator, StyledControlsWrapper, StyledHeaderActionsWrapper, StyledSelection };
+  .em-ds-button--text:focus::after {
+    border: none;
+  }
+`;
+const StyleDropdownIndicator = styled.div``;
+const StyleHeaderActionsSeparator = styled.span`
+  align-self: stretch;
+  margin: 4px 0px;
+  width: 1px;
+  background-color: ${(props) => props.theme.colors.neutral["500"]};
+`;
+export {
+  StyleDropdownIndicator,
+  StyleHeaderActionsSeparator,
+  StyledControlsWrapper,
+  StyledHeaderActionsWrapper,
+  StyledSelection
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/controls/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ComboBoxPropsT } from '../../index.d';\n\nconst normalBorder = css`\n  border: 1px solid\n    ${(props) => {\n      if (props.hasError) {\n        return props.theme.colors.danger[900];\n      }\n      return props.theme.colors.neutral[400];\n    }};\n`;\nconst focusBorder = css`\n  border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n`;\n\nexport const StyledControlsWrapper = styled(Grid)<Pick<ComboBoxPropsT, 'hasError' | 'inline'>>`\n  background: transparent;\n  position: relative;\n  border-radius: 2px;\n  min-width: ${({ minWidth, inline }) => (inline ? '' : `${minWidth}px`)};\n  align-items: center;\n  align-content: center;\n  height: 28px;\n  padding-left: 8px;\n  margin: ${({ inline }) => (inline ? '10px 16px' : 'none')};\n  &::after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: 2px;\n    ${({ hasFocus }) => (hasFocus ? focusBorder : normalBorder)}\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nexport const StyledSelection = styled.div`\n  font-size: 13px;\n  margin-right: 3px;\n  line-height: 13px;\n  display: flex;\n`;\n\nexport const StyledHeaderActionsWrapper = styled.div`\n  align-items: center;\n  align-self: stretch;\n  display: flex;\n  box-sizing: border-box;\n  height: 28px;\n\n  .em-ds-button--text:focus::after {\n    border: none;\n  }\n`;\n\nexport const StyleDropdownIndicator = styled.div``;\n\nexport const StyleHeaderActionsSeparator = styled.span`\n  align-self: stretch;\n  margin: 4px 0px;\n  width: 1px;\n  background-color: ${(props) => props.theme.colors.neutral['500']};\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAGA,MAAM,eAAe;AAAA;AAAA,MAEf,CAAC,UAAU;AACX,MAAI,MAAM,UAAU;AAClB,WAAO,MAAM,MAAM,OAAO,OAAO;AAAA;AAEnC,SAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGxC,MAAM,cAAc;AAAA,sBACE,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAGjD,MAAM,wBAAwB,OAAO;AAAA;AAAA;AAAA;AAAA,eAI7B,CAAC,EAAE,UAAU,aAAc,SAAS,KAAK,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA,YAK/C,CAAC,EAAE,aAAc,SAAS,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAU9C,CAAC,EAAE,eAAgB,WAAW,cAAc;AAAA;AAAA;AAAA;AAAA;AAM3C,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,MAAM,6BAA6B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY1C,MAAM,yBAAyB,OAAO;AAEtC,MAAM,8BAA8B,OAAO;AAAA;AAAA;AAAA;AAAA,sBAI5B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;",
+  "names": []
+}