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

package/esm/ComboBox/v3/parts/a11y-messages/styled.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,51 @@
+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 },
+    showPopover,
+    inputRef,
+    setReferenceElement,
+    setShowPopover,
+    referenceElement
+  } = useContext(ComboBoxContext);
+  const handleCloseMenu = useCallback(() => {
+    setShowPopover(false);
+    if (inputRef.current)
+      inputRef.current.blur();
+  }, [inputRef, setShowPopover]);
+  const handleMouseDown = useCallback((e) => {
+    e.preventDefault();
+  }, []);
+  const handleOnClickContainer = useCallback(() => {
+    setShowPopover(!showPopover);
+  }, [setShowPopover, showPopover]);
+  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;
+  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
+};
+//# 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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,57 @@
+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 },
+    inputRef,
+    selectedOptionsRef,
+    setShowPopover,
+    showPopover,
+    hasFocus,
+    controlsWrapperRef
+  } = useContext(ComboBoxContext);
+  const handleOnClick = useCallback(() => {
+    if (hasFocus && showPopover && !inline) {
+      inputRef.current.blur();
+    } else if (hasFocus) {
+      setShowPopover(true);
+    } else {
+      inputRef.current.focus();
+    }
+  }, [hasFocus, setShowPopover, showPopover, inputRef, inline]);
+  const handleOnMouseDown = (e) => {
+    if (hasFocus || inline) {
+      e.preventDefault();
+    }
+  };
+  const cols = !inline ? ["minmax(0px,max-content)", "minmax(20px, auto)", "29px"] : ["minmax(0px, auto)"];
+  return /* @__PURE__ */ React2.createElement(StyledControlsWrapper, {
+    ref: controlsWrapperRef,
+    cols,
+    minWidth: inputMinWidth,
+    hasError,
+    hasFocus,
+    inline,
+    onClick: handleOnClick,
+    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
+};
+//# 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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,72 @@
+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`
+  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;
+
+  .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": []
+}

package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
+import { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from "./styled";
+import { useKeyboardNavigation } from "../../utils/hooks/useKeyboardNavigation";
+import { useControlsInput } from "./useControlsInput";
+import ComboBoxContext from "../../ComboBoxCTX";
+const ControlsInput = () => {
+  const {
+    props: { autoFocus },
+    showPopover,
+    focusOptionIdx,
+    inputRef
+  } = useContext(ComboBoxContext);
+  const { onInputKeyDown } = useKeyboardNavigation();
+  const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } = useControlsInput();
+  return /* @__PURE__ */ React2.createElement(StyledInputWrapper, null, /* @__PURE__ */ React2.createElement(StyledInputWidthReference, {
+    ref: spanReference
+  }, spanReferenceText), /* @__PURE__ */ React2.createElement(StyledInputPlaceHolder, null, /* @__PURE__ */ React2.createElement(SimpleTruncatedTooltipText, {
+    value: showPlaceholder
+  })), /* @__PURE__ */ React2.createElement(StyledInput, {
+    "data-testid": ComboboxDataTestid.INPUT,
+    autoFocus,
+    "aria-labelledby": "combo-label",
+    "aria-controls": "combo-listbox",
+    "aria-owns": "combo-listbox",
+    "aria-activedescendant": focusOptionIdx,
+    "aria-expanded": showPopover,
+    "aria-haspopup": "listbox",
+    role: "combobox",
+    style: { width },
+    ref: inputRef,
+    type: "text",
+    onKeyDown: onInputKeyDown,
+    onChange: handleOnChange,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus
+  }));
+};
+export {
+  ControlsInput
+};
+//# sourceMappingURL=ControlsInput.js.map

package/esm/ComboBox/v3/parts/controls-input/ControlsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/ControlsInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nimport { StyledInput, StyledInputWrapper, StyledInputPlaceHolder, StyledInputWidthReference } from './styled';\nimport { useKeyboardNavigation } from '../../utils/hooks/useKeyboardNavigation';\nimport { useControlsInput } from './useControlsInput';\nimport ComboBoxContext from '../../ComboBoxCTX';\n\nconst ControlsInput = (): JSX.Element => {\n  const {\n    props: { autoFocus },\n    showPopover,\n    focusOptionIdx,\n    inputRef,\n  } = useContext(ComboBoxContext);\n  const { onInputKeyDown } = useKeyboardNavigation();\n  const { spanReference, width, spanReferenceText, showPlaceholder, handleOnBlur, handleOnChange, handleOnFocus } =\n    useControlsInput();\n\n  return (\n    <StyledInputWrapper>\n      <StyledInputWidthReference ref={spanReference}>{spanReferenceText}</StyledInputWidthReference>\n      <StyledInputPlaceHolder>\n        <SimpleTruncatedTooltipText value={showPlaceholder}></SimpleTruncatedTooltipText>\n      </StyledInputPlaceHolder>\n      <StyledInput\n        data-testid={ComboboxDataTestid.INPUT}\n        autoFocus={autoFocus}\n        aria-labelledby=\"combo-label\"\n        aria-controls=\"combo-listbox\"\n        aria-owns=\"combo-listbox\"\n        aria-activedescendant={focusOptionIdx}\n        aria-expanded={showPopover}\n        aria-haspopup=\"listbox\"\n        role=\"combobox\"\n        style={{ width }}\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputKeyDown}\n        onChange={handleOnChange}\n        onBlur={handleOnBlur}\n        onFocus={handleOnFocus}\n      />\n    </StyledInputWrapper>\n  );\n};\n\nexport { ControlsInput };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,MAAmB;AACvC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,EAAE,mBAAmB;AAC3B,QAAM,EAAE,eAAe,OAAO,mBAAmB,iBAAiB,cAAc,gBAAgB,kBAC9F;AAEF,SACE,qCAAC,oBAAD,MACE,qCAAC,2BAAD;AAAA,IAA2B,KAAK;AAAA,KAAgB,oBAChD,qCAAC,wBAAD,MACE,qCAAC,4BAAD;AAAA,IAA4B,OAAO;AAAA,OAErC,qCAAC,aAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC;AAAA,IACA,mBAAgB;AAAA,IAChB,iBAAc;AAAA,IACd,aAAU;AAAA,IACV,yBAAuB;AAAA,IACvB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,MAAK;AAAA,IACL,OAAO,EAAE;AAAA,IACT,KAAK;AAAA,IACL,MAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,42 @@
+import * as React from "react";
+import styled from "styled-components";
+const StyledInput = styled.input`
+  font-size: 13px;
+  line-height: 13px;
+  border: none;
+  padding: 0;
+  outline: none;
+  color: ${(props) => props.theme.colors.neutral[700]};
+  &:focus {
+    outline: none;
+  }
+`;
+const StyledInputPlaceHolder = styled.div`
+  font-style: italic;
+  color: ${(props) => props.theme.colors.neutral[500]};
+  position: absolute;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  user-select: none;
+  height: 28px;
+`;
+const StyledInputWidthReference = styled.span`
+  visibility: hidden;
+  position: absolute;
+  top: -9999px;
+`;
+const StyledInputWrapper = styled.div`
+  position: relative;
+  flex: 1;
+  margin-right: 5px;
+  display: flex;
+  align-items: center;
+`;
+export {
+  StyledInput,
+  StyledInputPlaceHolder,
+  StyledInputWidthReference,
+  StyledInputWrapper
+};
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledInput = styled.input`\n  font-size: 13px;\n  line-height: 13px;\n  border: none;\n  padding: 0;\n  outline: none;\n  color: ${(props) => props.theme.colors.neutral[700]};\n  &:focus {\n    outline: none;\n  }\n`;\n\nexport const StyledInputPlaceHolder = styled.div`\n  font-style: italic;\n  color: ${(props) => props.theme.colors.neutral[500]};\n  position: absolute;\n  display: flex;\n  align-items: center;\n  width: 100%;\n  user-select: none;\n  height: 28px;\n`;\n\nexport const StyledInputWidthReference = styled.span`\n  visibility: hidden;\n  position: absolute;\n  top: -9999px;\n`;\n\nexport const StyledInputWrapper = styled.div`\n  position: relative;\n  flex: 1;\n  margin-right: 5px;\n  display: flex;\n  align-items: center;\n`;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAMvB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,yBAAyB,OAAO;AAAA;AAAA,WAElC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS1C,MAAM,4BAA4B,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzC,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js

@@ -0,0 +1,62 @@
+import * as React from "react";
+import { useContext, useEffect, useMemo, useRef, useCallback, useState } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { isSelectedValueEmpty } from "../../utils/listHelper";
+const useControlsInput = () => {
+  const {
+    props: { selectedValues, placeholder, onFilter },
+    setShowPopover,
+    setCurrentOption,
+    inputRef,
+    wrapperListRef,
+    setHasFocus,
+    setShowSelectedValue,
+    setShowSelectedOptions
+  } = useContext(ComboBoxContext);
+  const [width, setWidth] = useState(1);
+  const spanReference = useRef(null);
+  useEffect(() => {
+    setWidth(spanReference.current?.offsetWidth || 1);
+  }, [inputRef.current?.value]);
+  useEffect(() => {
+    setShowSelectedValue(true);
+  }, [selectedValues, setShowSelectedValue]);
+  const handleOnChange = useCallback((e) => {
+    setShowSelectedOptions(false);
+    if (e.currentTarget.value)
+      setShowSelectedValue(false);
+    setShowPopover(true);
+    onFilter(e.currentTarget.value);
+  }, [onFilter, setShowPopover, setShowSelectedOptions, setShowSelectedValue]);
+  const handleOnBlur = useCallback(() => {
+    setHasFocus(false);
+    setTimeout(() => {
+      if (!wrapperListRef?.current?.contains(document.activeElement)) {
+        setShowPopover(false);
+      }
+      setCurrentOption("");
+      setShowSelectedValue(true);
+      onFilter("");
+      if (inputRef.current)
+        inputRef.current.value = "";
+    });
+  }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);
+  const handleOnFocus = useCallback(() => {
+    setHasFocus(true);
+  }, [setHasFocus]);
+  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;
+  const spanReferenceText = inputRef.current?.value.replace(/\s/g, "\xA0");
+  return useMemo(() => ({
+    handleOnFocus,
+    handleOnBlur,
+    handleOnChange,
+    showPlaceholder,
+    spanReferenceText,
+    width,
+    spanReference
+  }), [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference]);
+};
+export {
+  useControlsInput
+};
+//# sourceMappingURL=useControlsInput.js.map

package/esm/ComboBox/v3/parts/controls-input/useControlsInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/controls-input/useControlsInput.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext, useEffect, useMemo, useRef, useCallback, useState } from 'react';\n\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { isSelectedValueEmpty } from '../../utils/listHelper';\n\ninterface UseControlsInputT {\n  handleOnFocus: () => void;\n  handleOnBlur: () => void;\n  handleOnChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  showPlaceholder?: string;\n  spanReferenceText: string;\n  width: number;\n  spanReference: React.Ref<HTMLSpanElement>;\n}\nconst useControlsInput = (): UseControlsInputT => {\n  const {\n    props: { selectedValues, placeholder, onFilter },\n    setShowPopover,\n    setCurrentOption,\n    inputRef,\n    wrapperListRef,\n    setHasFocus,\n    setShowSelectedValue,\n    setShowSelectedOptions,\n  } = useContext(ComboBoxContext);\n\n  const [width, setWidth] = useState(1);\n  const spanReference = useRef<HTMLSpanElement>(null);\n\n  useEffect(() => {\n    setWidth(spanReference.current?.offsetWidth || 1);\n  }, [inputRef.current?.value]);\n\n  useEffect(() => {\n    setShowSelectedValue(true);\n  }, [selectedValues, setShowSelectedValue]);\n\n  // When writting open popover\n  // and refresh selected values and update filter outside value.\n  const handleOnChange = useCallback(\n    (e: React.FormEvent<HTMLInputElement>) => {\n      setShowSelectedOptions(false);\n      if (e.currentTarget.value) setShowSelectedValue(false);\n      setShowPopover(true);\n      onFilter(e.currentTarget.value);\n    },\n    [onFilter, setShowPopover, setShowSelectedOptions, setShowSelectedValue],\n  );\n\n  const handleOnBlur = useCallback(() => {\n    setHasFocus(false);\n    setTimeout(() => {\n      if (!wrapperListRef?.current?.contains(document.activeElement)) {\n        setShowPopover(false);\n      }\n      setCurrentOption('');\n      setShowSelectedValue(true);\n      onFilter('');\n      if (inputRef.current) inputRef.current.value = '';\n    });\n  }, [setHasFocus, setCurrentOption, wrapperListRef, onFilter, inputRef, setShowPopover, setShowSelectedValue]);\n\n  const handleOnFocus = useCallback(() => {\n    setHasFocus(true);\n  }, [setHasFocus]);\n\n  const showPlaceholder = !inputRef.current?.value && isSelectedValueEmpty(selectedValues) ? placeholder : null;\n  const spanReferenceText = inputRef.current?.value.replace(/\\s/g, '\\u00a0');\n\n  return useMemo(\n    () => ({\n      handleOnFocus,\n      handleOnBlur,\n      handleOnChange,\n      showPlaceholder,\n      spanReferenceText,\n      width,\n      spanReference,\n    }),\n    [handleOnFocus, handleOnBlur, handleOnChange, spanReferenceText, showPlaceholder, width, spanReference],\n  );\n};\n\nexport { useControlsInput };\n"],
+  "mappings": "AAAA;ACAA;AAEA;AACA;AAWA,MAAM,mBAAmB,MAAyB;AAChD,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,aAAa;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,QAAM,CAAC,OAAO,YAAY,SAAS;AACnC,QAAM,gBAAgB,OAAwB;AAE9C,YAAU,MAAM;AACd,aAAS,cAAc,SAAS,eAAe;AAAA,KAC9C,CAAC,SAAS,SAAS;AAEtB,YAAU,MAAM;AACd,yBAAqB;AAAA,KACpB,CAAC,gBAAgB;AAIpB,QAAM,iBAAiB,YACrB,CAAC,MAAyC;AACxC,2BAAuB;AACvB,QAAI,EAAE,cAAc;AAAO,2BAAqB;AAChD,mBAAe;AACf,aAAS,EAAE,cAAc;AAAA,KAE3B,CAAC,UAAU,gBAAgB,wBAAwB;AAGrD,QAAM,eAAe,YAAY,MAAM;AACrC,gBAAY;AACZ,eAAW,MAAM;AACf,UAAI,CAAC,gBAAgB,SAAS,SAAS,SAAS,gBAAgB;AAC9D,uBAAe;AAAA;AAEjB,uBAAiB;AACjB,2BAAqB;AACrB,eAAS;AACT,UAAI,SAAS;AAAS,iBAAS,QAAQ,QAAQ;AAAA;AAAA,KAEhD,CAAC,aAAa,kBAAkB,gBAAgB,UAAU,UAAU,gBAAgB;AAEvF,QAAM,gBAAgB,YAAY,MAAM;AACtC,gBAAY;AAAA,KACX,CAAC;AAEJ,QAAM,kBAAkB,CAAC,SAAS,SAAS,SAAS,qBAAqB,kBAAkB,cAAc;AACzG,QAAM,oBAAoB,SAAS,SAAS,MAAM,QAAQ,OAAO;AAEjE,SAAO,QACL,MAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF,CAAC,eAAe,cAAc,gBAAgB,mBAAmB,iBAAiB,OAAO;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js

@@ -0,0 +1,24 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import ChevronSmallDown from "@elliemae/ds-icons/ChevronSmallDown";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { StyledDropDownButton } from "./styled";
+import { ComboboxDataTestid } from "../../ComboboxDataTestids";
+const DropdownIndicator = () => {
+  const { showPopover } = useContext(ComboBoxContext);
+  return /* @__PURE__ */ React2.createElement(StyledDropDownButton, {
+    "data-testid": ComboboxDataTestid.DROPDOWN,
+    "aria-controls": "combo-listbox",
+    "aria-labelledby": "combo-label",
+    "aria-expanded": showPopover,
+    "aria-haspopup": "listbox",
+    buttonType: "text",
+    icon: /* @__PURE__ */ React2.createElement(ChevronSmallDown, null),
+    tabIndex: -1
+  });
+};
+var DropdownIndicator_default = DropdownIndicator;
+export {
+  DropdownIndicator_default as default
+};
+//# sourceMappingURL=DropdownIndicator.js.map

package/esm/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useContext } from 'react';\nimport ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledDropDownButton } from './styled';\nimport { ComboboxDataTestid } from '../../ComboboxDataTestids';\nconst DropdownIndicator = (): JSX.Element => {\n  const { showPopover } = useContext(ComboBoxContext);\n\n  return (\n    <StyledDropDownButton\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      buttonType=\"text\"\n      icon={<ChevronSmallDown />}\n      tabIndex={-1}\n    />\n  );\n};\n\nexport default DropdownIndicator;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AACA,MAAM,oBAAoB,MAAmB;AAC3C,QAAM,EAAE,gBAAgB,WAAW;AAEnC,SACE,qCAAC,sBAAD;AAAA,IACE,eAAa,mBAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,YAAW;AAAA,IACX,MAAM,qCAAC,kBAAD;AAAA,IACN,UAAU;AAAA;AAAA;AAKhB,IAAO,4BAAQ;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/dropdown-indicator/index.js

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

package/esm/ComboBox/v3/parts/dropdown-indicator/index.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/ComboBox/v3/parts/dropdown-indicator/styled.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import styled from "styled-components";
+import DSButton from "@elliemae/ds-button";
+const StyledDropDownButton = styled(DSButton)`
+  box-sizing: border-box;
+  width: 100;
+  & svg {
+    fill: ${(props) => props.theme.colors.brand["700"]};
+  }
+`;
+export {
+  StyledDropDownButton
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/dropdown-indicator/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/dropdown-indicator/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport DSButton from '@elliemae/ds-button';\n\nexport const StyledDropDownButton = styled(DSButton)`\n  box-sizing: border-box;\n  width: 100;\n  & svg {\n    fill: ${(props) => props.theme.colors.brand['700']};\n  }\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA,YAI/B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/empty-state/index.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import ComboBoxContext from "../../ComboBoxCTX";
+import { StyledNoResults, StyledNoResultsWrapper } from "./styled";
+const EmptyState = () => {
+  const {
+    props: { onCreate }
+  } = useContext(ComboBoxContext);
+  return /* @__PURE__ */ React2.createElement(StyledNoResultsWrapper, {
+    id: "id-no-results"
+  }, onCreate ? /* @__PURE__ */ React2.createElement(StyledNoResults, null, "No items match your search, click RETURN at any point to add your unique entry to the field") : /* @__PURE__ */ React2.createElement(StyledNoResults, null, "No matches found."));
+};
+export {
+  EmptyState
+};
+//# sourceMappingURL=index.js.map

package/esm/ComboBox/v3/parts/empty-state/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/empty-state/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledNoResults, StyledNoResultsWrapper } from './styled';\n\nconst EmptyState = (): JSX.Element => {\n  const {\n    props: { onCreate },\n  } = useContext(ComboBoxContext);\n  return (\n    <StyledNoResultsWrapper id=\"id-no-results\">\n      {onCreate ? (\n        <StyledNoResults>\n          No items match your search, click RETURN at any point to add your unique entry to the field\n        </StyledNoResults>\n      ) : (\n        <StyledNoResults>No matches found.</StyledNoResults>\n      )}\n    </StyledNoResultsWrapper>\n  );\n};\n\nexport { EmptyState };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,aAAa,MAAmB;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,WAAW;AACf,SACE,qCAAC,wBAAD;AAAA,IAAwB,IAAG;AAAA,KACxB,WACC,qCAAC,iBAAD,MAAiB,iGAIjB,qCAAC,iBAAD,MAAiB;AAAA;",
+  "names": []
+}

package/esm/ComboBox/v3/parts/empty-state/styled.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import styled from "styled-components";
+const StyledNoResultsWrapper = styled.div`
+  padding: 16px;
+`;
+const StyledNoResults = styled.span``;
+export {
+  StyledNoResults,
+  StyledNoResultsWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/ComboBox/v3/parts/empty-state/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/ComboBox/v3/parts/empty-state/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const StyledNoResultsWrapper = styled.div`\n  padding: 16px;\n`;\n\nexport const StyledNoResults = styled.span``;\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAItC,MAAM,kBAAkB,OAAO;",
+  "names": []
+}