@elliemae/ds-form 2.2.2-rc.1 → 2.3.0-alpha.10

package/dist/esm/ComboBox/v1/withSelectStringValueConverter.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import React2, { Component } from "react";
+const findOption = (options, valueProperty = "value") => (value) => {
+  if (typeof value === "object")
+    return value;
+  const index = options.findIndex((option) => option[valueProperty] === value);
+  return options[index];
+};
+const getOptionFromValue = ({ value, options, valueProperty, isMulti }) => {
+  if (Array.isArray(value) && isMulti) {
+    return value.map(findOption(options, valueProperty));
+  }
+  return findOption(options, valueProperty)(value);
+};
+const withSelectStringValueConverter = (WrappedComponent) => {
+  var _a;
+  return _a = class extends Component {
+    constructor() {
+      super(...arguments);
+      this.state = {};
+    }
+    static getDerivedStateFromProps(nextProps, prevState) {
+      if (typeof nextProps.value !== "undefined" && nextProps.value !== prevState.prevPropValue) {
+        return {
+          prevPropValue: nextProps.value,
+          value: getOptionFromValue(nextProps)
+        };
+      }
+      return null;
+    }
+    render() {
+      const { value } = this.state;
+      return /* @__PURE__ */ React2.createElement(WrappedComponent, {
+        ...this.props,
+        value
+      });
+    }
+  }, _a.defaultProps = {
+    valueProperty: "value",
+    labelProperty: "label"
+  }, _a;
+};
+var withSelectStringValueConverter_default = withSelectStringValueConverter;
+export {
+  withSelectStringValueConverter_default as default,
+  withSelectStringValueConverter
+};
+//# sourceMappingURL=withSelectStringValueConverter.js.map

package/dist/esm/ComboBox/v1/withSelectStringValueConverter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v1/withSelectStringValueConverter.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\n\nconst findOption = (options, valueProperty = 'value') => value => {\n  if (typeof value === 'object') return value;\n  const index = options.findIndex(option => option[valueProperty] === value);\n  return options[index];\n};\n\nconst getOptionFromValue = ({ value, options, valueProperty, isMulti }) => {\n  if (Array.isArray(value) && isMulti) {\n    return value.map(findOption(options, valueProperty));\n  }\n  return findOption(options, valueProperty)(value);\n};\n\nconst withSelectStringValueConverter = WrappedComponent =>\n  class extends Component {\n    static defaultProps = {\n      valueProperty: 'value',\n      labelProperty: 'label',\n    };\n\n    state = {};\n\n    static getDerivedStateFromProps(nextProps, prevState) {\n      if (\n        typeof nextProps.value !== 'undefined' &&\n        nextProps.value !== prevState.prevPropValue\n      ) {\n        return {\n          prevPropValue: nextProps.value,\n          value: getOptionFromValue(nextProps),\n        };\n      }\n      return null;\n    }\n\n    render() {\n      const { value } = this.state;\n      return <WrappedComponent {...this.props} value={value} />;\n    }\n  };\n\nexport { withSelectStringValueConverter };\nexport default withSelectStringValueConverter;\n"],
+  "mappings": "AAAA;ACCA;AAEA,MAAM,aAAa,CAAC,SAAS,gBAAgB,YAAY,WAAS;AAChE,MAAI,OAAO,UAAU;AAAU,WAAO;AACtC,QAAM,QAAQ,QAAQ,UAAU,YAAU,OAAO,mBAAmB;AACpE,SAAO,QAAQ;AAAA;AAGjB,MAAM,qBAAqB,CAAC,EAAE,OAAO,SAAS,eAAe,cAAc;AACzE,MAAI,MAAM,QAAQ,UAAU,SAAS;AACnC,WAAO,MAAM,IAAI,WAAW,SAAS;AAAA;AAEvC,SAAO,WAAW,SAAS,eAAe;AAAA;AAG5C,MAAM,iCAAiC,sBAAiB;AAhBxD;AAiBE,4BAAc,UAAU;AAAA,IAAxB,cAjBF;AAiBE;AAME,mBAAQ;AAAA;AAAA,WAED,yBAAyB,WAAW,WAAW;AACpD,UACE,OAAO,UAAU,UAAU,eAC3B,UAAU,UAAU,UAAU,eAC9B;AACA,eAAO;AAAA,UACL,eAAe,UAAU;AAAA,UACzB,OAAO,mBAAmB;AAAA;AAAA;AAG9B,aAAO;AAAA;AAAA,IAGT,SAAS;AACP,YAAM,EAAE,UAAU,KAAK;AACvB,aAAO,qCAAC,kBAAD;AAAA,WAAsB,KAAK;AAAA,QAAO;AAAA;AAAA;AAAA,KAtBpC,AADT,GACS,eAAe;AAAA,IACpB,eAAe;AAAA,IACf,eAAe;AAAA,KAHnB;AAAA;AA4BF,IAAO,yCAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/Combobox.js

@@ -0,0 +1,381 @@
+import * as React from "react";
+import React2, { useCallback, useState, useRef, useEffect, useMemo } from "react";
+import { noop } from "lodash";
+import { PropTypes, describe } from "react-desc";
+import Select, { createFilter } from "react-select";
+import Creatable from "react-select/creatable";
+import { Manager } from "react-popper";
+import { withContentRect } from "react-measure";
+import { cx, isEqual, usePrevious, useShouldRecalculate } from "@elliemae/ds-utilities";
+import { useTheme } from "@elliemae/ds-system";
+import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
+import { withSelectStringValueConverter } from "../v1/withSelectStringValueConverter";
+import { DropdownIndicator } from "./components/DropdownIndicator";
+import { GroupHeading } from "./components/GroupHeading";
+import { SelectMenu } from "./components/SelectMenu";
+import { Control } from "./components/Control";
+import { ClearIndicator } from "./components/ClearIndicator";
+import { MenuList } from "./components/MenuList";
+import { MultiValueLabel } from "./components/MultiValueLabel";
+import { MultiValueRemove } from "./components/MultiValueRemove";
+import { SingleValueLabel } from "./components/SingleValueLabel";
+import { LoadingIndicator } from "./components/LoadingIndicator";
+import { calculateWidth } from "./components/calculateWidth";
+import { ValueContainer } from "./components/ValueContainer";
+import { DropDownContext } from "./context";
+const blockName = "em-ds-combobox";
+const container = `${blockName}-container`;
+const getValues = (options, isMulti, valueProperty) => {
+  if (!options)
+    return null;
+  return isMulti ? options.map((mOption) => mOption[valueProperty]) : options[valueProperty];
+};
+const createOption = (label, value) => ({ label, value });
+const DSComboBox2HOCLess = ({
+  hideSelectedOptions = false,
+  autoFocus = false,
+  className = "",
+  hasError = false,
+  onFocus = noop,
+  onBlur = noop,
+  onChange = noop,
+  onChangeV2 = noop,
+  filterOption = createFilter({ ignoreAccents: false }),
+  onClickDropdownIndicator = noop,
+  onInputKeyDown = noop,
+  onInputChange = noop,
+  isRtl = false,
+  isFocused = void 0,
+  isMulti = false,
+  isFreeSolo,
+  selectAllDisabled = false,
+  formatCreateLabel,
+  createOptionPosition,
+  value: selectedValue = null,
+  options = [],
+  clearable = false,
+  searchable = true,
+  disabled = false,
+  placeholder = "",
+  valueProperty = "value",
+  labelProperty = "label",
+  noOptionsMessage = "No matches found",
+  loading = false,
+  menuIsOpen = void 0,
+  onMenuClose = noop,
+  inlineMenu = false,
+  components: customComponents = {},
+  measureRef,
+  contentRect,
+  readOnly = false,
+  returnValue = true,
+  expandMenuToContainer = true,
+  expandMenuOutsideContainer = false,
+  customMenuItemOptions = {
+    useTruncatedText: false,
+    itemSize: 35
+  },
+  containerProps = {},
+  maxOptions,
+  zIndex = 11,
+  componentsStyle,
+  keepTypedValue = true,
+  ...restPropsToCustomizeSelect
+}) => {
+  const theme = useTheme();
+  const select = useRef();
+  const [selectAll, setSelectAll] = useState(false);
+  const [inputInFocus, setInputInFocus] = useState(false);
+  const [value, setValue] = useState(selectedValue);
+  const [inputValue, setInputValue] = useState("");
+  const [handleOpening, setHandleOpening] = useState(false);
+  const [menuOpen, setMenuOpen] = useState(menuIsOpen);
+  const [isMultipleKeyPressed, setIsMultipleKeyPressed] = useState(false);
+  const prevOptions = usePrevious(options);
+  const optionsChanged = useShouldRecalculate(isEqual(prevOptions, options));
+  const SelectComponent = useMemo(() => isFreeSolo ? Creatable : Select, [isFreeSolo]);
+  useEffect(() => {
+    setInputInFocus(isFocused);
+    if (isFocused)
+      select.current?.focus();
+  }, [isFocused]);
+  useEffect(() => {
+    if (selectedValue && !isFreeSolo && !Array.isArray(selectedValue)) {
+      const newValue = options.find((option) => option.value === selectedValue.value);
+      setValue(newValue);
+    } else
+      setValue(selectedValue);
+  }, [selectedValue, options, optionsChanged]);
+  const handleInputChange = useCallback((val, action) => {
+    setInputValue(val);
+    if (action.action === "input-change" && !isMulti) {
+      setMenuOpen(true);
+      if (!inlineMenu && keepTypedValue) {
+        onChange({ value: val, label: val }, action);
+      }
+    }
+    if (val || typeof val === "string")
+      onInputChange(val, action);
+  }, []);
+  const handleOnKeyDown = (e) => {
+    if (e.key === "Enter" || e.key === "ArrowDown" || e.keyCode === 32) {
+      setMenuOpen(true);
+    }
+    if (e.key === "Tab" && menuOpen) {
+      select.current?.blur();
+    }
+    if (e.key === "Escape")
+      setMenuOpen(false);
+    if (e.key === "Backspace" && !e.target.value && value && clearable) {
+      onChange("", { action: "input-clear" });
+    }
+    if (e.key === "Control")
+      setIsMultipleKeyPressed(true);
+    if (isMultipleKeyPressed && e.key === "Enter") {
+      setInputInFocus(true);
+      setMenuOpen(false);
+      setIsMultipleKeyPressed(false);
+      e.preventDefault();
+    }
+  };
+  const handleOnChange = (newValue, action) => {
+    onChangeV2(newValue, action);
+    setMenuOpen(isMulti);
+    if (returnValue) {
+      if (isFreeSolo)
+        return onChange(newValue, action);
+      return onChange(getValues(newValue, isMulti, valueProperty), action);
+    }
+    if (isMulti && selectAll)
+      return onChange(options, action);
+    return onChange(newValue, action);
+  };
+  const onSelectAll = useCallback((isSelected) => {
+    setSelectAll(isSelected);
+    if (isSelected) {
+      const createdValues = Array.isArray(value) ? value : [];
+      const allOptions = [...createdValues, ...options];
+      const optionsValues = [...new Set(allOptions.map((opt) => opt.value))];
+      const optionsSet = optionsValues.map((val) => allOptions.find((option) => option.value === val));
+      onChange(optionsSet.map((o) => o.value));
+      onChangeV2(optionsSet);
+    } else {
+      onChange(getValues());
+      onChangeV2([]);
+    }
+  }, [value, getValues]);
+  const handleCreateNewOption = (inputVal) => {
+    const newOption = createOption(inputVal, inputVal);
+    const prevValue = Array.isArray(value) ? value : [];
+    const newValue = isMulti ? [...prevValue, newOption] : newOption;
+    setMenuOpen(isMulti);
+    onChange(newValue);
+    onChangeV2(newValue);
+  };
+  const handleFocus = useCallback((e) => {
+    setInputInFocus(true);
+    onFocus(e);
+    setHandleOpening(true);
+  }, []);
+  const handleBlur = (e) => {
+    setInputInFocus(false);
+    if (!inlineMenu)
+      setMenuOpen(false);
+    onBlur(e, value);
+    setHandleOpening(false);
+  };
+  const ctx = useMemo(() => ({
+    inputInFocus,
+    value,
+    isMulti,
+    menuOpen,
+    handleOpening,
+    selectAll,
+    selectAllDisabled,
+    changeHandleOpening: (isOpen) => setHandleOpening(isOpen),
+    changeMenuOpen: (isOpen) => setMenuOpen(isOpen),
+    onClickDropdownIndicator,
+    onSelectAll: (val) => onSelectAll(val),
+    clearable,
+    removeDropdownIndicator: customComponents.DropdownIndicator === null,
+    select
+  }), [
+    inputInFocus,
+    value,
+    isMulti,
+    menuOpen,
+    handleOpening,
+    selectAll,
+    selectAllDisabled,
+    clearable,
+    customComponents.DropdownIndicator,
+    select
+  ]);
+  return /* @__PURE__ */ React2.createElement(TooltipTextProvider, null, /* @__PURE__ */ React2.createElement(DropDownContext.Provider, {
+    value: ctx
+  }, /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement("div", {
+    ref: measureRef,
+    className: cx(`${container}`, inputInFocus && "in-focus", hasError && "with-error", disabled && "is-disabled", className),
+    onBlur: handleBlur,
+    "data-testid": "combobox",
+    role: "combobox",
+    ...containerProps
+  }, /* @__PURE__ */ React2.createElement(SelectComponent, {
+    ref: select,
+    autoFocus,
+    classNamePrefix: blockName,
+    closeMenuOnSelect: !isMulti,
+    components: {
+      Control,
+      Menu: SelectMenu,
+      DropdownIndicator,
+      ClearIndicator: isFreeSolo ? null : ClearIndicator,
+      GroupHeading,
+      MultiValueLabel,
+      MultiValueRemove,
+      SingleValue: SingleValueLabel,
+      MenuList,
+      ValueContainer,
+      ...customComponents
+    },
+    customMenuItemOptions: { maxOptions, ...customMenuItemOptions },
+    expandMenuOutsideContainer,
+    expandMenuToContainer,
+    filterOption,
+    getOptionLabel: (option) => option[labelProperty],
+    getOptionValue: (option) => option[valueProperty],
+    formatCreateLabel,
+    createOptionPosition,
+    hideSelectedOptions,
+    inlineMenu,
+    isClearable: clearable,
+    isDisabled: disabled || readOnly,
+    isFocused,
+    isMulti,
+    isRtl,
+    isSearchable: readOnly ? false : searchable,
+    menuIsOpen: menuIsOpen === true ? menuIsOpen : menuOpen,
+    onMenuClose,
+    noOptionsMessage: () => loading ? /* @__PURE__ */ React2.createElement(LoadingIndicator, null) : noOptionsMessage,
+    onChange: handleOnChange,
+    onCreateOption: handleCreateNewOption,
+    onFocus: handleFocus,
+    onInputChange: handleInputChange,
+    onInputKeyDown,
+    onKeyDown: handleOnKeyDown,
+    options: loading ? [] : options,
+    placeholder,
+    selectMeasure: contentRect,
+    styles: {
+      control: () => null,
+      option: () => null,
+      dropdownIndicator: () => null,
+      groupHeading: (provided) => ({
+        ...provided,
+        color: theme.colors.neutral[500]
+      }),
+      clearIndicator: () => null,
+      placeholder: () => null,
+      indicatorSeparator: () => null,
+      singleValue: (provided) => ({ ...provided, maxWidth: "90%" }),
+      multiValueLabel: (provided) => ({
+        ...provided,
+        backgroundColor: "transparent"
+      }),
+      multiValue: (provided) => ({
+        ...provided,
+        backgroundColor: "transparent"
+      }),
+      multiValueRemove: (provided) => ({
+        ...provided,
+        "&:hover": {
+          backgroundColor: "transparent",
+          color: theme.colors.neutral[800]
+        }
+      }),
+      valueContainer: (provided) => ({
+        ...provided,
+        flexWrap: "nowrap"
+      }),
+      menu: () => {
+        if (expandMenuOutsideContainer) {
+          const width = calculateWidth(options);
+          if (!width)
+            return null;
+          return { width: `${width}px` };
+        }
+        if (loading)
+          return { height: "72px" };
+        return null;
+      },
+      ...componentsStyle
+    },
+    tabSelectsValue: !isMulti,
+    value,
+    inputValue,
+    zIndex,
+    ...restPropsToCustomizeSelect
+  })))));
+};
+const comboBoxProps = {
+  containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description("Selected value").isRequired,
+  options: PropTypes.array.description("List of options"),
+  onChange: PropTypes.func.description("function triggered when an option is selected. use onChangeV2"),
+  onChangeV2: PropTypes.func.description("function triggered when an option is selected it will send the options selected"),
+  autoFocus: PropTypes.bool.description("Whether the combo box uses auto focus or not").defaultValue(false),
+  className: PropTypes.string.description("html class attr"),
+  hasError: PropTypes.bool.description("Whether the combo box has error or not").defaultValue(false),
+  onFocus: PropTypes.func.description("function triggered once the combo box is focused"),
+  onBlur: PropTypes.func.description("function triggered once the combo box loses focus"),
+  onKeyDown: PropTypes.func.description("function triggered once a key is being pressed"),
+  onInputKeyDown: PropTypes.func.description("function triggered once the combobox input key down"),
+  onInputChange: PropTypes.func.description("function triggered once the combo box input changes"),
+  isRtl: PropTypes.bool.description("Whether the combo box is rtl or no").defaultValue(false),
+  isFocused: PropTypes.bool.description("Whether the combo box is focused or not").defaultValue(false),
+  selectAllDisabled: PropTypes.bool.description("Whether the select all/clear buttons are displayed or not").defaultValue(false),
+  isMulti: PropTypes.bool.description("Whether the combo box is multiselect or not").defaultValue(false),
+  clearable: PropTypes.bool.description("Whether the combo box is clearable or not").defaultValue(false),
+  searchable: PropTypes.bool.description("Whether the combo box is searchable or not. Set to false makes the input non-editable").defaultValue(true),
+  disabled: PropTypes.bool.description("Whether the combo box is disabled or not").defaultValue(false),
+  placeholder: PropTypes.string.description("input s placeholder value"),
+  loading: PropTypes.bool.description("Displays a Loading Indicator in the menu").defaultValue(false),
+  valueProperty: PropTypes.string.description("property used as value").defaultValue("value"),
+  labelProperty: PropTypes.string.description("property used as label").defaultValue("label"),
+  menuIsOpen: PropTypes.bool.description("Whether the combo box menu is open or not"),
+  onMenuClose: PropTypes.func.description("Callback that triggers when the select menu is closed"),
+  inlineMenu: PropTypes.bool.description("Whether to show the combo box menu inline or not").defaultValue(false),
+  noOptionsMessage: PropTypes.string.description("Message to show once there are no options").defaultValue("No matches found"),
+  measureRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("ref to the components container"),
+  readOnly: PropTypes.bool.description("Whether the combo box is read only or not").defaultValue(false),
+  expandMenuToContainer: PropTypes.bool.description("Whether the combo box can be expanded the menu to container or not").defaultValue(true),
+  expandMenuOutsideContainer: PropTypes.bool.description("Allow have options larger than his container").defaultValue(false),
+  customMenuItemOptions: PropTypes.shape({
+    useTruncatedText: PropTypes.bool,
+    itemSize: PropTypes.number
+  }).description("Custom combo box menu item options. useTruncatedText controls whether you want an ellipsis and tooltip to show if an option is truncated").defaultValue({ useTruncatedText: true, itemSize: 35 }),
+  returnValue: PropTypes.bool.description("Whether the combo box is has value to return or not").defaultValue(true),
+  hideSelectedOptions: PropTypes.bool.description("Whether to hide the selected options or not").defaultValue(true),
+  maxOptions: PropTypes.number.description("Maximun amount of options to display in the menu before adding scroll, this controls the menu s height"),
+  filterOption: PropTypes.func.description("Custom method to filter whether an option should be displayed in the menu"),
+  isFreeSolo: PropTypes.bool.description("ONLY FOR DIMSUM INTERNAL USE"),
+  formatCreateLabel: PropTypes.func.description("ONLY FOR DIMSUM INTERNAL USE"),
+  createOptionPosition: PropTypes.string.description("ONLY FOR DIMSUM INTERNAL USE"),
+  onClickDropdownIndicator: PropTypes.func.description("function executed when clicking dropdown indicator"),
+  components: PropTypes.object.description("Object with custom components for react-select"),
+  componentsStyle: PropTypes.object.description("Object with custom styles for react-select"),
+  contentRect: PropTypes.object.description(""),
+  zIndex: PropTypes.number.description("z-index value").defaultValue(11),
+  keepTypedValue: PropTypes.bool.description("keep typed value in the input").deprecated("use ComboBoxFreeSolo instead")
+};
+DSComboBox2HOCLess.propTypes = comboBoxProps;
+const DSComboBox2 = withSelectStringValueConverter(withContentRect("bounds")(DSComboBox2HOCLess));
+const ComboBoxWithSchema = describe(DSComboBox2HOCLess);
+ComboBoxWithSchema.propTypes = comboBoxProps;
+var Combobox_default = DSComboBox2;
+export {
+  ComboBoxWithSchema,
+  DSComboBox2,
+  Combobox_default as default
+};
+//# sourceMappingURL=Combobox.js.map

package/dist/esm/ComboBox/v2/Combobox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/ComboBox/v2/Combobox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable spaced-comment */\n/* eslint-disable no-else-return */\n/* eslint-disable max-statements */\n/* eslint-disable no-confusing-arrow */\n/* eslint-disable import/no-cycle, max-lines */\nimport React, { useCallback, useState, useRef, useEffect, useMemo } from 'react';\nimport { noop } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport Select, { createFilter } from 'react-select';\nimport Creatable from 'react-select/creatable';\nimport { Manager } from 'react-popper';\nimport { withContentRect } from 'react-measure';\nimport { cx, isEqual, usePrevious, useShouldRecalculate } from '@elliemae/ds-utilities';\nimport { useTheme } from '@elliemae/ds-system';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { withSelectStringValueConverter } from '../v1/withSelectStringValueConverter';\nimport { DropdownIndicator } from './components/DropdownIndicator';\nimport { GroupHeading } from './components/GroupHeading';\nimport { SelectMenu } from './components/SelectMenu';\nimport { Control } from './components/Control';\nimport { ClearIndicator } from './components/ClearIndicator';\nimport { MenuList } from './components/MenuList';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValueLabel } from './components/SingleValueLabel';\nimport { LoadingIndicator } from './components/LoadingIndicator';\nimport { calculateWidth } from './components/calculateWidth';\nimport { ValueContainer } from './components/ValueContainer';\nimport { DropDownContext } from './context';\n\nconst blockName = 'em-ds-combobox';\nconst container = `${blockName}-container`;\nconst getValues = (options, isMulti, valueProperty) => {\n  if (!options) return null;\n  return isMulti ? options.map((mOption) => mOption[valueProperty]) : options[valueProperty];\n};\nconst createOption = (label, value) => ({ label, value });\n\nconst DSComboBox2HOCLess = ({\n  hideSelectedOptions = false,\n  autoFocus = false,\n  className = '',\n  hasError = false,\n  onFocus = noop,\n  onBlur = noop,\n  onChange = noop,\n  onChangeV2 = noop,\n  // onKeyDown = () => null,\n  filterOption = createFilter({ ignoreAccents: false }), // this fix performance issue\n  onClickDropdownIndicator = noop,\n  onInputKeyDown = noop,\n  onInputChange = noop,\n  isRtl = false,\n  isFocused = undefined,\n  isMulti = false,\n  isFreeSolo,\n  selectAllDisabled = false,\n  formatCreateLabel,\n  createOptionPosition,\n  value: selectedValue = null,\n  options = [],\n  clearable = false,\n  searchable = true,\n  disabled = false,\n  placeholder = '',\n  valueProperty = 'value',\n  labelProperty = 'label',\n  noOptionsMessage = 'No matches found',\n  loading = false,\n  menuIsOpen = undefined,\n  onMenuClose = noop,\n  inlineMenu = false,\n  components: customComponents = {},\n  measureRef,\n  contentRect,\n  readOnly = false,\n  returnValue = true,\n  expandMenuToContainer = true,\n  expandMenuOutsideContainer = false,\n  customMenuItemOptions = {\n    useTruncatedText: false,\n    itemSize: 35,\n  },\n  containerProps = {},\n  maxOptions,\n  zIndex = 11,\n  componentsStyle,\n  keepTypedValue = true, //TEMPORARY PROP UNTIL WE HAVE THIS FUNCTIONALITY IN SINGLE FREE SOLO\n  ...restPropsToCustomizeSelect\n}) => {\n  const theme = useTheme();\n  const select = useRef();\n  const [selectAll, setSelectAll] = useState(false);\n  const [inputInFocus, setInputInFocus] = useState(false);\n  const [value, setValue] = useState(selectedValue);\n  const [inputValue, setInputValue] = useState('');\n  const [handleOpening, setHandleOpening] = useState(false);\n  const [menuOpen, setMenuOpen] = useState(menuIsOpen);\n  const [isMultipleKeyPressed, setIsMultipleKeyPressed] = useState(false);\n  const prevOptions = usePrevious(options);\n  const optionsChanged = useShouldRecalculate(isEqual(prevOptions, options));\n  const SelectComponent = useMemo(() => (isFreeSolo ? Creatable : Select), [isFreeSolo]);\n\n  useEffect(() => {\n    setInputInFocus(isFocused);\n    if (isFocused) select.current?.focus();\n  }, [isFocused]);\n\n  useEffect(() => {\n    if (selectedValue && !isFreeSolo && !Array.isArray(selectedValue)) {\n      const newValue = options.find((option) => option.value === selectedValue.value);\n      setValue(newValue);\n    } else setValue(selectedValue);\n  }, [selectedValue, options, optionsChanged]);\n\n  const handleInputChange = useCallback((val, action) => {\n    setInputValue(val);\n    if (action.action === 'input-change' && !isMulti) {\n      setMenuOpen(true);\n      if (!inlineMenu && keepTypedValue) {\n        onChange({ value: val, label: val }, action);\n      }\n    }\n    if (val || typeof val === 'string') onInputChange(val, action);\n  }, []);\n\n  const handleOnKeyDown = (e) => {\n    if (e.key === 'Enter' || e.key === 'ArrowDown' || e.keyCode === 32) {\n      setMenuOpen(true);\n    }\n    if (e.key === 'Tab' && menuOpen) {\n      select.current?.blur(); // manually invoking blur to ensure losing focus on tab.\n    }\n    if (e.key === 'Escape') setMenuOpen(false);\n    if (e.key === 'Backspace' && !e.target.value && value && clearable) {\n      onChange('', { action: 'input-clear' }); // this clears the input\n    }\n    if (e.key === 'Control') setIsMultipleKeyPressed(true);\n    // If Ctrl + Enter are pressed, focus is set to the input and the menu closes\n    if (isMultipleKeyPressed && e.key === 'Enter') {\n      setInputInFocus(true);\n      setMenuOpen(false);\n      setIsMultipleKeyPressed(false);\n      e.preventDefault();\n    }\n  };\n\n  const handleOnChange = (newValue, action) => {\n    onChangeV2(newValue, action);\n    setMenuOpen(isMulti);\n    if (returnValue) {\n      if (isFreeSolo) return onChange(newValue, action);\n      return onChange(getValues(newValue, isMulti, valueProperty), action);\n    }\n    if (isMulti && selectAll) return onChange(options, action);\n    return onChange(newValue, action);\n  };\n\n  const onSelectAll = useCallback(\n    (isSelected) => {\n      setSelectAll(isSelected);\n      if (isSelected) {\n        const createdValues = Array.isArray(value) ? value : [];\n        const allOptions = [...createdValues, ...options];\n        const optionsValues = [...new Set(allOptions.map((opt) => opt.value))];\n        const optionsSet = optionsValues.map((val) => allOptions.find((option) => option.value === val));\n        onChange(optionsSet.map((o) => o.value));\n        onChangeV2(optionsSet);\n      } else {\n        onChange(getValues());\n        onChangeV2([]);\n      }\n    },\n    [value, getValues],\n  );\n\n  const handleCreateNewOption = (inputVal) => {\n    const newOption = createOption(inputVal, inputVal);\n    const prevValue = Array.isArray(value) ? value : [];\n    const newValue = isMulti ? [...prevValue, newOption] : newOption;\n    setMenuOpen(isMulti);\n    onChange(newValue);\n    onChangeV2(newValue);\n  };\n\n  const handleFocus = useCallback((e) => {\n    setInputInFocus(true);\n    onFocus(e);\n    setHandleOpening(true);\n  }, []);\n\n  const handleBlur = (e) => {\n    setInputInFocus(false);\n    if (!inlineMenu) setMenuOpen(false);\n    onBlur(e, value);\n    setHandleOpening(false);\n  };\n\n  const ctx = useMemo(\n    // contexts values must be memoized to avoid heavy performance hits\n    () => ({\n      inputInFocus,\n      value,\n      isMulti,\n      menuOpen,\n      handleOpening,\n      selectAll,\n      selectAllDisabled,\n      changeHandleOpening: (isOpen) => setHandleOpening(isOpen),\n      changeMenuOpen: (isOpen) => setMenuOpen(isOpen),\n      onClickDropdownIndicator,\n      onSelectAll: (val) => onSelectAll(val),\n      clearable,\n      removeDropdownIndicator: customComponents.DropdownIndicator === null,\n      select,\n    }),\n    [\n      inputInFocus,\n      value,\n      isMulti,\n      menuOpen,\n      handleOpening,\n      selectAll,\n      selectAllDisabled,\n      clearable,\n      customComponents.DropdownIndicator,\n      select,\n    ],\n  );\n\n  return (\n    <TooltipTextProvider>\n      <DropDownContext.Provider value={ctx}>\n        <Manager>\n          <div\n            ref={measureRef}\n            className={cx(\n              `${container}`,\n              inputInFocus && 'in-focus',\n              hasError && 'with-error',\n              disabled && 'is-disabled',\n              className,\n            )}\n            onBlur={handleBlur}\n            data-testid=\"combobox\"\n            role=\"combobox\"\n            {...containerProps}\n          >\n            <SelectComponent\n              ref={select}\n              autoFocus={autoFocus}\n              classNamePrefix={blockName}\n              // If it is multiselect let the menu open on select.\n              closeMenuOnSelect={!isMulti}\n              components={{\n                Control,\n                // IndicatorSeparator,\n                Menu: SelectMenu,\n                DropdownIndicator,\n                ClearIndicator: isFreeSolo ? null : ClearIndicator,\n                GroupHeading,\n                MultiValueLabel,\n                MultiValueRemove,\n                SingleValue: SingleValueLabel,\n                MenuList,\n                ValueContainer,\n                ...customComponents,\n              }}\n              customMenuItemOptions={{ maxOptions, ...customMenuItemOptions }}\n              expandMenuOutsideContainer={expandMenuOutsideContainer}\n              expandMenuToContainer={expandMenuToContainer}\n              filterOption={filterOption}\n              getOptionLabel={(option) => option[labelProperty]}\n              getOptionValue={(option) => option[valueProperty]}\n              formatCreateLabel={formatCreateLabel}\n              createOptionPosition={createOptionPosition}\n              hideSelectedOptions={hideSelectedOptions}\n              inlineMenu={inlineMenu}\n              isClearable={clearable}\n              isDisabled={disabled || readOnly}\n              isFocused={isFocused}\n              isMulti={isMulti}\n              isRtl={isRtl}\n              isSearchable={readOnly ? false : searchable}\n              menuIsOpen={menuIsOpen === true ? menuIsOpen : menuOpen}\n              onMenuClose={onMenuClose}\n              noOptionsMessage={() => (loading ? <LoadingIndicator /> : noOptionsMessage)}\n              onChange={handleOnChange}\n              onCreateOption={handleCreateNewOption}\n              onFocus={handleFocus}\n              onInputChange={handleInputChange}\n              onInputKeyDown={onInputKeyDown}\n              onKeyDown={handleOnKeyDown}\n              options={loading ? [] : options}\n              placeholder={placeholder}\n              selectMeasure={contentRect}\n              styles={{\n                control: () => null,\n                option: () => null,\n                dropdownIndicator: () => null,\n                groupHeading: (provided) => ({\n                  ...provided,\n                  color: theme.colors.neutral[500],\n                }),\n                clearIndicator: () => null,\n                placeholder: () => null,\n                indicatorSeparator: () => null,\n                singleValue: (provided) => ({ ...provided, maxWidth: '90%' }),\n                multiValueLabel: (provided) => ({\n                  ...provided,\n                  backgroundColor: 'transparent',\n                }),\n                multiValue: (provided) => ({\n                  ...provided,\n                  backgroundColor: 'transparent',\n                }),\n                multiValueRemove: (provided) => ({\n                  ...provided,\n                  '&:hover': {\n                    backgroundColor: 'transparent',\n                    color: theme.colors.neutral[800],\n                  },\n                }),\n                valueContainer: (provided) => ({\n                  ...provided,\n                  flexWrap: 'nowrap',\n                }),\n                menu: () => {\n                  if (expandMenuOutsideContainer) {\n                    const width = calculateWidth(options);\n                    if (!width) return null;\n                    return { width: `${width}px` };\n                  }\n                  if (loading) return { height: '72px' };\n                  return null;\n                },\n                ...componentsStyle,\n              }}\n              tabSelectsValue={!isMulti}\n              value={value}\n              inputValue={inputValue}\n              zIndex={zIndex}\n              {...restPropsToCustomizeSelect}\n            />\n          </div>\n        </Manager>\n      </DropDownContext.Provider>\n    </TooltipTextProvider>\n  );\n};\n\nconst comboBoxProps = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).description('Selected value')\n    .isRequired,\n  options: PropTypes.array.description('List of options'),\n  onChange: PropTypes.func.description('function triggered when an option is selected. use onChangeV2'),\n  onChangeV2: PropTypes.func.description(\n    'function triggered when an option is selected it will send the options selected',\n  ),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue(false),\n  className: PropTypes.string.description('html class attr'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue(false),\n  onFocus: PropTypes.func.description('function triggered once the combo box is focused'),\n  onBlur: PropTypes.func.description('function triggered once the combo box loses focus'),\n  onKeyDown: PropTypes.func.description('function triggered once a key is being pressed'),\n  onInputKeyDown: PropTypes.func.description('function triggered once the combobox input key down'),\n  onInputChange: PropTypes.func.description('function triggered once the combo box input changes'),\n  isRtl: PropTypes.bool.description('Whether the combo box is rtl or no').defaultValue(false),\n  isFocused: PropTypes.bool.description('Whether the combo box is focused or not').defaultValue(false),\n  selectAllDisabled: PropTypes.bool\n    .description('Whether the select all/clear buttons are displayed or not')\n    .defaultValue(false),\n  isMulti: PropTypes.bool.description('Whether the combo box is multiselect or not').defaultValue(false),\n  clearable: PropTypes.bool.description('Whether the combo box is clearable or not').defaultValue(false),\n  searchable: PropTypes.bool\n    .description('Whether the combo box is searchable or not. Set to false makes the input non-editable')\n    .defaultValue(true),\n  disabled: PropTypes.bool.description('Whether the combo box is disabled or not').defaultValue(false),\n  placeholder: PropTypes.string.description('input s placeholder value'),\n  loading: PropTypes.bool.description('Displays a Loading Indicator in the menu').defaultValue(false),\n  valueProperty: PropTypes.string.description('property used as value').defaultValue('value'),\n  labelProperty: PropTypes.string.description('property used as label').defaultValue('label'),\n  menuIsOpen: PropTypes.bool.description('Whether the combo box menu is open or not'),\n  onMenuClose: PropTypes.func.description('Callback that triggers when the select menu is closed'),\n  inlineMenu: PropTypes.bool.description('Whether to show the combo box menu inline or not').defaultValue(false),\n  noOptionsMessage: PropTypes.string\n    .description('Message to show once there are no options')\n    .defaultValue('No matches found'),\n  measureRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('ref to the components container'),\n  readOnly: PropTypes.bool.description('Whether the combo box is read only or not').defaultValue(false),\n  expandMenuToContainer: PropTypes.bool\n    .description('Whether the combo box can be expanded the menu to container or not')\n    .defaultValue(true),\n  expandMenuOutsideContainer: PropTypes.bool\n    .description('Allow have options larger than his container')\n    .defaultValue(false),\n  customMenuItemOptions: PropTypes.shape({\n    useTruncatedText: PropTypes.bool,\n    itemSize: PropTypes.number,\n  })\n    .description(\n      'Custom combo box menu item options. useTruncatedText controls whether you want an ellipsis and tooltip to show if an option is truncated',\n    )\n    .defaultValue({ useTruncatedText: true, itemSize: 35 }),\n  returnValue: PropTypes.bool.description('Whether the combo box is has value to return or not').defaultValue(true),\n  hideSelectedOptions: PropTypes.bool.description('Whether to hide the selected options or not').defaultValue(true),\n  maxOptions: PropTypes.number.description(\n    'Maximun amount of options to display in the menu before adding scroll, this controls the menu s height',\n  ),\n  filterOption: PropTypes.func.description('Custom method to filter whether an option should be displayed in the menu'),\n  isFreeSolo: PropTypes.bool.description('ONLY FOR DIMSUM INTERNAL USE'),\n  formatCreateLabel: PropTypes.func.description('ONLY FOR DIMSUM INTERNAL USE'),\n  createOptionPosition: PropTypes.string.description('ONLY FOR DIMSUM INTERNAL USE'),\n  onClickDropdownIndicator: PropTypes.func.description('function executed when clicking dropdown indicator'),\n  components: PropTypes.object.description('Object with custom components for react-select'),\n  componentsStyle: PropTypes.object.description('Object with custom styles for react-select'),\n  contentRect: PropTypes.object.description(''),\n  zIndex: PropTypes.number.description('z-index value').defaultValue(11),\n  keepTypedValue: PropTypes.bool\n    .description('keep typed value in the input')\n    .deprecated('use ComboBoxFreeSolo instead'),\n};\n\nDSComboBox2HOCLess.propTypes = comboBoxProps;\n\nconst DSComboBox2 = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox2HOCLess));\n\nconst ComboBoxWithSchema = describe(DSComboBox2HOCLess);\nComboBoxWithSchema.propTypes = comboBoxProps;\n\nexport { DSComboBox2, ComboBoxWithSchema };\nexport default DSComboBox2;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/AllOption.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+import React2 from "react";
+import { DSCheckbox } from "../../../Checkbox";
+const MultiSelectHeader = ({ children, ...rest }) => /* @__PURE__ */ React2.createElement("div", {
+  className: "combobox-multi-select-all"
+}, /* @__PURE__ */ React2.createElement(DSCheckbox, {
+  labelText: "All",
+  ...rest
+}));
+var AllOption_default = MultiSelectHeader;
+export {
+  AllOption_default as default
+};
+//# sourceMappingURL=AllOption.js.map

package/dist/esm/ComboBox/v2/components/AllOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/AllOption.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React from 'react';\nimport { DSCheckbox } from '../../../Checkbox';\n\nconst MultiSelectHeader = ({ children, ...rest }) => (\n  <div className=\"combobox-multi-select-all\">\n    <DSCheckbox labelText=\"All\" {...rest} />\n  </div>\n);\n\nexport default MultiSelectHeader;\n"],
+  "mappings": "AAAA;ACEA;AACA;AAEA,MAAM,oBAAoB,CAAC,EAAE,aAAa,WACxC,qCAAC,OAAD;AAAA,EAAK,WAAU;AAAA,GACb,qCAAC,YAAD;AAAA,EAAY,WAAU;AAAA,KAAU;AAAA;AAIpC,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/ClearIndicator.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { get } from "lodash";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { DSButton } from "@elliemae/ds-button";
+import { DropDownContext } from "../context";
+const ClearIndicator = (props) => {
+  const {
+    getStyles,
+    innerProps: { ref, ...restInnerProps },
+    innerRef
+  } = props;
+  const c = useContext(DropDownContext);
+  return /* @__PURE__ */ React2.createElement("div", {
+    ...restInnerProps,
+    ref,
+    "aria-hidden": "false",
+    style: getStyles("clearIndicator", props)
+  }, /* @__PURE__ */ React2.createElement(DSButton, {
+    ...props,
+    "data-testid": "combobox-clear-btn",
+    "aria-label": "clear-indicator",
+    buttonType: "text",
+    tabOrder: "2",
+    className: "clear-indicator",
+    icon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      size: "m"
+    }),
+    innerRef,
+    onKeyDown: (e) => {
+      if (e.keyCode === 32 || e.keyCode === 13) {
+        e.preventDefault();
+        e.stopPropagation();
+        props.clearValue();
+        const select = get(c, "select.current");
+        if (select && select.focus)
+          select.focus();
+      }
+      if (props.onKeyDown)
+        props.onKeyDown(e);
+    }
+  }));
+};
+var ClearIndicator_default = ClearIndicator;
+export {
+  ClearIndicator,
+  ClearIndicator_default as default
+};
+//# sourceMappingURL=ClearIndicator.js.map

package/dist/esm/ComboBox/v2/components/ClearIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/ClearIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */\nimport React, { useContext } from 'react';\nimport { get } from 'lodash';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DropDownContext } from '../context';\n\nconst ClearIndicator = (props) => {\n  const {\n    getStyles,\n    innerProps: { ref, ...restInnerProps },\n    innerRef,\n  } = props;\n  const c = useContext(DropDownContext);\n\n  return (\n    <div {...restInnerProps} ref={ref} aria-hidden=\"false\" style={getStyles('clearIndicator', props)}>\n      <DSButton\n        {...props}\n        data-testid=\"combobox-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        tabOrder=\"2\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall size=\"m\" />}\n        innerRef={innerRef}\n        onKeyDown={(e) => {\n          if (e.keyCode === 32 || e.keyCode === 13) {\n            e.preventDefault();\n            e.stopPropagation();\n            props.clearValue();\n            const select = get(c, 'select.current');\n            if (select && select.focus) select.focus();\n          }\n          if (props.onKeyDown) props.onKeyDown(e);\n        }}\n      />\n    </div>\n  );\n};\n\nexport { ClearIndicator };\nexport default ClearIndicator;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,UAAU;AAChC,QAAM;AAAA,IACJ;AAAA,IACA,YAAY,EAAE,QAAQ;AAAA,IACtB;AAAA,MACE;AACJ,QAAM,IAAI,WAAW;AAErB,SACE,qCAAC,OAAD;AAAA,OAAS;AAAA,IAAgB;AAAA,IAAU,eAAY;AAAA,IAAQ,OAAO,UAAU,kBAAkB;AAAA,KACxF,qCAAC,UAAD;AAAA,OACM;AAAA,IACJ,eAAY;AAAA,IACZ,cAAW;AAAA,IACX,YAAW;AAAA,IACX,UAAS;AAAA,IACT,WAAU;AAAA,IACV,MAAM,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA;AAAA,IACxB;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,YAAY,MAAM,EAAE,YAAY,IAAI;AACxC,UAAE;AACF,UAAE;AACF,cAAM;AACN,cAAM,SAAS,IAAI,GAAG;AACtB,YAAI,UAAU,OAAO;AAAO,iBAAO;AAAA;AAErC,UAAI,MAAM;AAAW,cAAM,UAAU;AAAA;AAAA;AAAA;AAQ/C,IAAO,yBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/Content.js

@@ -0,0 +1,25 @@
+import * as React from "react";
+import React2, { useEffect } from "react";
+import { components } from "react-select";
+import PropTypes from "prop-types";
+const Content = ({ scheduleUpdate, styleMenu, ...rest }) => {
+  useEffect(() => {
+    scheduleUpdate();
+  }, [rest?.selectProps?.inputValue]);
+  return /* @__PURE__ */ React2.createElement("div", {
+    style: styleMenu,
+    "data-testid": "combobox-menu"
+  }, /* @__PURE__ */ React2.createElement(components.Menu, {
+    ...rest
+  }));
+};
+Content.propTypes = {
+  scheduleUpdate: PropTypes.func,
+  styleMenu: PropTypes.any
+};
+var Content_default = Content;
+export {
+  Content,
+  Content_default as default
+};
+//# sourceMappingURL=Content.js.map

package/dist/esm/ComboBox/v2/components/Content.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/Content.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect } from 'react';\nimport { components } from 'react-select';\nimport PropTypes from 'prop-types';\n\nconst Content = ({ scheduleUpdate, styleMenu, ...rest }) => {\n  useEffect(() => {\n    // trigger popper update on input change PUI-4069\n    scheduleUpdate();\n  }, [rest?.selectProps?.inputValue]);\n  return (\n    <div style={styleMenu} data-testid=\"combobox-menu\">\n      <components.Menu {...rest} />\n    </div>\n  );\n};\n\nContent.propTypes = {\n  scheduleUpdate: PropTypes.func,\n  styleMenu: PropTypes.any,\n};\n\nexport { Content };\nexport default Content;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,CAAC,EAAE,gBAAgB,cAAc,WAAW;AAC1D,YAAU,MAAM;AAEd;AAAA,KACC,CAAC,MAAM,aAAa;AACvB,SACE,qCAAC,OAAD;AAAA,IAAK,OAAO;AAAA,IAAW,eAAY;AAAA,KACjC,qCAAC,WAAW,MAAZ;AAAA,OAAqB;AAAA;AAAA;AAK3B,QAAQ,YAAY;AAAA,EAClB,gBAAgB,UAAU;AAAA,EAC1B,WAAW,UAAU;AAAA;AAIvB,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/esm/ComboBox/v2/components/Control.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import React2 from "react";
+import { components } from "react-select";
+import { Reference } from "react-popper";
+const Control = (props) => /* @__PURE__ */ React2.createElement(Reference, null, ({ ref }) => /* @__PURE__ */ React2.createElement("div", {
+  ref
+}, /* @__PURE__ */ React2.createElement(components.Control, {
+  ...props
+})));
+var Control_default = Control;
+export {
+  Control,
+  Control_default as default
+};
+//# sourceMappingURL=Control.js.map

package/dist/esm/ComboBox/v2/components/Control.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/ComboBox/v2/components/Control.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { components } from 'react-select';\nimport { Reference } from 'react-popper';\n\nconst Control = props => (\n  <Reference>\n    {({ ref }) => (\n      <div ref={ref}>\n        <components.Control {...props} />\n      </div>\n    )}\n  </Reference>\n);\n\nexport { Control };\nexport default Control;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,UAAU,WACd,qCAAC,WAAD,MACG,CAAC,EAAE,UACF,qCAAC,OAAD;AAAA,EAAK;AAAA,GACH,qCAAC,WAAW,SAAZ;AAAA,KAAwB;AAAA;AAOhC,IAAO,kBAAQ;",
+  "names": []
+}