@elliemae/ds-form 2.2.0-alpha.3 → 3.0.0-next.0

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v3/ComboBoxCTX.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext, createRef } from 'react';\nimport { noop } from 'lodash';\nimport { ComboBoxPropsT, ComboBoxContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\n\nexport const defaultProps: ComboBoxPropsT = {\n  placeholder: '',\n  options: [],\n  selectedValues: null,\n  hasError: false,\n  inline: false,\n  autoFocus: false,\n  startPlacementPreference: 'bottom-start',\n  placementOrderPreference: ['bottom-start', 'bottom-end'],\n  onClearAll: noop,\n  onSelectAll: noop,\n  onCreate: noop,\n  withToggle: false,\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  hasFocus: false,\n  setHasFocus: noop,\n  pillGroupRef: createRef<HTMLDivElement>(),\n  setReferenceElement: noop,\n  inputRef: createRef<HTMLInputElement>(),\n  listRef: createRef<HTMLDivElement>(),\n  wrapperListRef: createRef<HTMLDivElement>(),\n  controlsWrapperRef: createRef<HTMLInputElement>(),\n  selectedOptionsRef: createRef<HTMLInputElement>(),\n  showSelectedValue: false,\n  setShowSelectedValue: noop,\n  focusOptionIdx: '',\n  setCurrentOption: noop,\n  showSelectedOptions: false,\n  setShowSelectedOptions: noop,\n};\n/** Context for cross component communication */\nexport const ComboBoxContext = createContext<ComboBoxContextT>(defaultContext);\n\nexport default ComboBoxContext;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAIO,MAAM,eAA+B;AAAA,EAC1C,aAAa;AAAA,EACb,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,0BAA0B,CAAC,gBAAgB;AAAA,EAC3C,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,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,UAAU;AAAA,EACV,aAAa;AAAA,EACb,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB;AAAA;AAGnB,MAAM,kBAAkB,cAAgC;AAE/D,IAAO,sBAAQ;",
-  "names": []
-}

package/esm/ComboBox/v3/ComboboxDataTestids.js

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

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v3/ComboboxDataTestids.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ComboboxDataTestid = {\n  INPUT: 'combobox-input',\n  LIST: 'combobox-menu-list',\n  SELECTED_VALUES: 'combobox-selected-values',\n  SELECT_ALL_BUTTON: 'combobox-all-btn',\n  CLEAR_ALL_BUTTON: 'combobox-clear-btn',\n  DROPDOWN: 'combobox-dropdown-btn',\n  OPTION: 'combobox-option',\n  SHOW_ALL_BUTTON: 'combobox-show-all-btn',\n  SHOW_SELECTED_OPTIONS_BUTTON: 'combobox-selected-options-btn',\n};\n"],
-  "mappings": "AAAA;ACAO,MAAM,qBAAqB;AAAA,EAChC,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/ComboBox/v3/config/constants.js

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

package/esm/ComboBox/v3/config/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v3/config/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DATA_TESTID = {\n  COMBOBOX_MENU_LIST: 'combobox-menu-list',\n  COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',\n  COMBOBOX_ALL_BTN: 'combobox-all-btn',\n  COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',\n  COMBOBOX_OPTION: 'combobox-option',\n  COMBOBOX: 'combobox',\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/ComboBox/v3/config/useComboBox.js

@@ -1,96 +0,0 @@
-import * as React from "react";
-import { useMemo, useState, useRef, useCallback } from "react";
-import { useVirtual } from "react-virtual";
-import { useGetComboBoxWithDefaultsProps } from "./useGetPropsWithDefault";
-const useComboBox = (props) => {
-  const [showPopover, setShowPopover] = useState(false);
-  const [referenceElement, setReferenceElement] = useState(null);
-  const [showSelectedValue, setShowSelectedValue] = useState(false);
-  const [showSelectedOptions, setShowSelectedOptions] = useState(false);
-  const [hasFocus, setHasFocus] = useState(false);
-  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 pillGroupRef = useRef(null);
-  const propsWithDefaults = useGetComboBoxWithDefaultsProps(props);
-  const { options, selectedValues } = propsWithDefaults;
-  const selectedValuesWithSections = useCallback(() => {
-    const multiSelectedValue = selectedValues;
-    const items = [];
-    options.forEach((option) => {
-      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);
-      if (isSelectedValue) {
-        items.push(option);
-      }
-      if (option.type === "section") {
-        if (items[items.length - 1]?.type === "section") {
-          items[items.length - 1] = option;
-        } else {
-          items.push(option);
-        }
-      }
-    });
-    if (items[items.length - 1]?.type === "section") {
-      items.pop();
-    }
-    return items;
-  }, [options, selectedValues]);
-  const correctOptions = useMemo(() => showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0 ? selectedValuesWithSections() : options, [options, selectedValuesWithSections, selectedValues, showSelectedOptions]);
-  const virtualListHelpers = useVirtual({
-    size: correctOptions.length,
-    parentRef: listRef,
-    overscan: 15,
-    paddingStart: 0
-  });
-  const scrollOptionIntoView = useCallback((dsId, opts = { align: "center" }) => {
-    virtualListHelpers.scrollToIndex(correctOptions.findIndex((opt) => opt.dsId === dsId), opts);
-  }, [correctOptions, virtualListHelpers]);
-  const ctx = useMemo(() => ({
-    props: { ...propsWithDefaults, options: correctOptions },
-    virtualListHelpers,
-    showPopover,
-    referenceElement,
-    inputRef,
-    showSelectedValue,
-    listRef,
-    focusOptionIdx,
-    selectedOptionsRef,
-    controlsWrapperRef,
-    hasFocus,
-    pillGroupRef,
-    showSelectedOptions,
-    wrapperListRef,
-    setShowSelectedOptions,
-    setHasFocus,
-    setCurrentOption,
-    scrollOptionIntoView,
-    setShowSelectedValue,
-    setReferenceElement,
-    setShowPopover
-  }), [
-    scrollOptionIntoView,
-    correctOptions,
-    propsWithDefaults,
-    virtualListHelpers,
-    focusOptionIdx,
-    showSelectedValue,
-    wrapperListRef,
-    showSelectedOptions,
-    showPopover,
-    pillGroupRef,
-    referenceElement,
-    inputRef,
-    selectedOptionsRef,
-    controlsWrapperRef,
-    hasFocus,
-    listRef
-  ]);
-  return ctx;
-};
-export {
-  useComboBox
-};
-//# sourceMappingURL=useComboBox.js.map

package/esm/ComboBox/v3/config/useComboBox.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v3/config/useComboBox.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 { useGetComboBoxWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { ComboBoxPropsT, ComboBoxContextT, CBOptionT } from '../index.d';\n\nexport const useComboBox = (props: Partial<ComboBoxPropsT>): ComboBoxContextT => {\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n  const [showSelectedValue, setShowSelectedValue] = useState<boolean>(false);\n  const [showSelectedOptions, setShowSelectedOptions] = useState<boolean>(false);\n\n  const [hasFocus, setHasFocus] = useState<boolean>(false);\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  const pillGroupRef = useRef<HTMLDivElement>(null);\n\n  const propsWithDefaults = useGetComboBoxWithDefaultsProps(props);\n  const { options, selectedValues } = propsWithDefaults;\n\n  // ---------------------------------------------------------------------------\n  // Menu Options with/out selected filter\n  // ---------------------------------------------------------------------------\n\n  const selectedValuesWithSections = useCallback(() => {\n    const multiSelectedValue = selectedValues as CBOptionT[];\n    const items = [] as CBOptionT[];\n\n    options.forEach((option) => {\n      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);\n      if (isSelectedValue) {\n        items.push(option);\n      }\n\n      if (option.type === 'section') {\n        if (items[items.length - 1]?.type === 'section') {\n          items[items.length - 1] = option;\n        } else {\n          items.push(option);\n        }\n      }\n    });\n    if (items[items.length - 1]?.type === 'section') {\n      items.pop();\n    }\n\n    return items;\n  }, [options, selectedValues]);\n\n  const correctOptions = useMemo(\n    () =>\n      showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0\n        ? selectedValuesWithSections()\n        : options,\n    [options, selectedValuesWithSections, selectedValues, showSelectedOptions],\n  );\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: correctOptions.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        correctOptions.findIndex((opt) => opt.dsId === dsId),\n        opts,\n      );\n    },\n    [correctOptions, virtualListHelpers],\n  );\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults, options: correctOptions },\n      virtualListHelpers,\n      showPopover,\n      referenceElement,\n      inputRef,\n      showSelectedValue,\n      listRef,\n      focusOptionIdx,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      hasFocus,\n      pillGroupRef,\n      showSelectedOptions,\n      wrapperListRef,\n      setShowSelectedOptions,\n      setHasFocus,\n      setCurrentOption,\n      scrollOptionIntoView,\n      setShowSelectedValue,\n      setReferenceElement,\n      setShowPopover,\n    }),\n    [\n      scrollOptionIntoView,\n      correctOptions,\n      propsWithDefaults,\n      virtualListHelpers,\n      focusOptionIdx,\n      showSelectedValue,\n      wrapperListRef,\n      showSelectedOptions,\n      showPopover,\n      pillGroupRef,\n      referenceElement,\n      inputRef,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      hasFocus,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n"],
-  "mappings": "AAAA;ACIA;AACA;AACA;AAGO,MAAM,cAAc,CAAC,UAAqD;AAC/E,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,SAA6B;AAC7E,QAAM,CAAC,mBAAmB,wBAAwB,SAAkB;AACpE,QAAM,CAAC,qBAAqB,0BAA0B,SAAkB;AAExE,QAAM,CAAC,UAAU,eAAe,SAAkB;AAClD,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;AAClD,QAAM,eAAe,OAAuB;AAE5C,QAAM,oBAAoB,gCAAgC;AAC1D,QAAM,EAAE,SAAS,mBAAmB;AAMpC,QAAM,6BAA6B,YAAY,MAAM;AACnD,UAAM,qBAAqB;AAC3B,UAAM,QAAQ;AAEd,YAAQ,QAAQ,CAAC,WAAW;AAC1B,YAAM,kBAAkB,mBAAmB,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO;AAC/E,UAAI,iBAAiB;AACnB,cAAM,KAAK;AAAA;AAGb,UAAI,OAAO,SAAS,WAAW;AAC7B,YAAI,MAAM,MAAM,SAAS,IAAI,SAAS,WAAW;AAC/C,gBAAM,MAAM,SAAS,KAAK;AAAA,eACrB;AACL,gBAAM,KAAK;AAAA;AAAA;AAAA;AAIjB,QAAI,MAAM,MAAM,SAAS,IAAI,SAAS,WAAW;AAC/C,YAAM;AAAA;AAGR,WAAO;AAAA,KACN,CAAC,SAAS;AAEb,QAAM,iBAAiB,QACrB,MACE,uBAAuB,MAAM,QAAQ,mBAAmB,eAAe,SAAS,IAC5E,+BACA,SACN,CAAC,SAAS,4BAA4B,gBAAgB;AAOxD,QAAM,qBAAoD,WAAW;AAAA,IACnE,MAAM,eAAe;AAAA,IACrB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,YAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,eAAe,UAAU,CAAC,QAAQ,IAAI,SAAS,OAC/C;AAAA,KAGJ,CAAC,gBAAgB;AAGnB,QAAM,MAAM,QACV,MAAO;AAAA,IACL,OAAO,KAAK,mBAAmB,SAAS;AAAA,IACxC;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,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,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
-  "names": []
-}

package/esm/ComboBox/v3/config/useGetPropsWithDefault.js

@@ -1,8 +0,0 @@
-import * as React from "react";
-import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
-import { defaultProps } from "../ComboBoxCTX";
-const useGetComboBoxWithDefaultsProps = (props) => useMemoMergePropsWithDefault(props, defaultProps);
-export {
-  useGetComboBoxWithDefaultsProps
-};
-//# sourceMappingURL=useGetPropsWithDefault.js.map

package/esm/ComboBox/v3/config/useGetPropsWithDefault.js.map

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

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

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

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

@@ -1,7 +0,0 @@
-{
-  "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/index.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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,21 +0,0 @@
-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 }
-  } = useContext(ComboBoxContext);
-  const selectableOptions = getSelectableOptions(options);
-  const multipleSelectedValues = selectedValues;
-  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
-    "aria-live": "polite",
-    "aria-atomic": "false",
-    "aria-relevant": "additions text"
-  }, `Options selected: ${multipleSelectedValues.map((item) => item.label).join(", ")}. ${multipleSelectedValues.length} of ${selectableOptions.length}`);
-};
-export {
-  MultiAllyMessages
-};
-//# sourceMappingURL=MultiAllyMessages.js.map

package/esm/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "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,19 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import ComboBoxContext from "../../ComboBoxCTX";
-import { StyledA11ySelectedValues } from "./styled";
-const SingleAllyMessages = () => {
-  const {
-    props: { selectedValues }
-  } = useContext(ComboBoxContext);
-  const singleSelectedValue = selectedValues;
-  return /* @__PURE__ */ React2.createElement(StyledA11ySelectedValues, {
-    "aria-live": "polite",
-    "aria-atomic": "false",
-    "aria-relevant": "additions text"
-  }, `Option selected: ${singleSelectedValue.label}.`);
-};
-export {
-  SingleAllyMessages
-};
-//# sourceMappingURL=SingleAllyMessages.js.map

package/esm/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map

@@ -1,7 +0,0 @@
-{
-  "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,8 +0,0 @@
-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

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

@@ -1,7 +0,0 @@
-{
-  "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,51 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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,6 +0,0 @@
-import * as React from "react";
-import { Container } from "./Container";
-export {
-  Container
-};
-//# sourceMappingURL=index.js.map

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

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

@@ -1,7 +0,0 @@
-{
-  "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,57 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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,6 +0,0 @@
-import * as React from "react";
-import { Controls } from "./Controls";
-export {
-  Controls
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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,72 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}