@elliemae/ds-form 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/ComboBox/v2/components/MultiValueRemove.js

@@ -1,24 +1,36 @@
-import * as React from "react";
-import React2 from "react";
-import { components } from "react-select";
-function MultiValueRemove({ innerProps, ...rest }) {
-  const innerPropsWithOutRemoval = {
-    ...innerProps,
-    onClick: () => {
-    },
-    onTouchEnd: () => {
-    },
-    onMouseDown: () => {
-    }
-  };
-  return /* @__PURE__ */ React2.createElement(components.MultiValueRemove, {
-    ...rest,
-    innerProps: innerPropsWithOutRemoval
-  }, ",");
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { components } from 'react-select';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["innerProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function MultiValueRemove(_ref) {
+  let {
+    innerProps
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
+    onClick: () => {},
+    onTouchEnd: () => {},
+    onMouseDown: () => {}
+  });
+
+  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, rest), {}, {
+    innerProps: innerPropsWithOutRemoval,
+    children: ","
+  }));
 }
-var MultiValueRemove_default = MultiValueRemove;
-export {
-  MultiValueRemove,
-  MultiValueRemove_default as default
-};
-//# sourceMappingURL=MultiValueRemove.js.map
+
+export { MultiValueRemove as default };

package/esm/ComboBox/v2/components/SelectMenu.js

@@ -1,43 +1,58 @@
-import * as React from "react";
-import React2 from "react";
-import { components } from "react-select";
-import { DSPopper, PopperPositions } from "@elliemae/ds-popper";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { Content } from "./Content";
-const TriggerComponent = aggregatedClasses("div")("combobox-trigger", null);
-const SelectMenu = (props) => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { components } from 'react-select';
+import DSPopper, { PopperPositions } from '@elliemae/ds-popper';
+import { aggregatedClasses } from '@elliemae/ds-classnames';
+import Content from './Content.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _TriggerComponent, _TriggerComponent2;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+const TriggerComponent = aggregatedClasses('div')('combobox-trigger', null);
+
+const SelectMenu = props => {
   const {
     inlineMenu,
-    selectMeasure: { bounds },
+    selectMeasure: {
+      bounds
+    },
     expandMenuToContainer,
     expandMenuOutsideContainer,
     zIndex
   } = props.selectProps;
+
   if (inlineMenu) {
-    return /* @__PURE__ */ React2.createElement(components.Menu, {
-      ...props
-    });
+    return /*#__PURE__*/jsx(components.Menu, _objectSpread({}, props));
   }
-  const styleMenu = expandMenuToContainer ? { width: bounds.width } : {};
+
+  const styleMenu = expandMenuToContainer ? {
+    width: bounds.width
+  } : {};
+
   if (expandMenuOutsideContainer) {
-    styleMenu.width = "auto";
+    styleMenu.width = 'auto';
   }
-  return /* @__PURE__ */ React2.createElement(DSPopper, {
-    contentComponent: /* @__PURE__ */ React2.createElement(Content, {
-      ...props,
-      styleMenu
-    }),
+
+  return /*#__PURE__*/_jsx(DSPopper, {
+    contentComponent: /*#__PURE__*/jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
+      styleMenu: styleMenu
+    })),
     isOpen: true,
     placement: PopperPositions.BOTTOM_START,
-    preventOverflow: /* @__PURE__ */ React2.createElement(TriggerComponent, null),
+    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx(TriggerComponent, {})),
     showArrow: false,
-    triggerComponent: /* @__PURE__ */ React2.createElement(TriggerComponent, null),
-    zIndex
+    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx(TriggerComponent, {})),
+    zIndex: zIndex
   });
 };
-var SelectMenu_default = SelectMenu;
-export {
-  SelectMenu,
-  SelectMenu_default as default
-};
-//# sourceMappingURL=SelectMenu.js.map
+
+export { SelectMenu as default };

package/esm/ComboBox/v2/components/SingleValueLabel.js

@@ -1,20 +1,16 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { PopperPositions as Positions } from "@elliemae/ds-popper";
-import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-function SingleValueLabel({ children }) {
-  return /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    tooltipPlacement: Positions.TOP,
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PopperPositions } from '@elliemae/ds-popper';
+import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
+
+function SingleValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
+    tooltipPlacement: PopperPositions.TOP,
     value: children
   });
 }
-SingleValueLabel.propTypes = {
-  children: PropTypes.string.isRequired
-};
-var SingleValueLabel_default = SingleValueLabel;
-export {
-  SingleValueLabel,
-  SingleValueLabel_default as default
-};
-//# sourceMappingURL=SingleValueLabel.js.map
+
+export { SingleValueLabel as default };

package/esm/ComboBox/v2/components/ValueContainer.js

@@ -1,9 +1,28 @@
-import * as React from "react";
-import React2, { useContext, useRef, useState } from "react";
-import { components } from "react-select";
-import { cx } from "@elliemae/ds-utilities";
-import { DropDownContext } from "../context";
-function ValueContainer({ children, ...rest }) {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useRef, useContext, useState } from 'react';
+import { components } from 'react-select';
+import { cx } from '@elliemae/ds-utilities';
+import { DropDownContext } from '../context.js';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["children"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ValueContainer(_ref) {
+  let {
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
   const valueContainerRef = useRef(null);
   const {
     changeMenuOpen,
@@ -13,27 +32,23 @@ function ValueContainer({ children, ...rest }) {
     removeDropdownIndicator
   } = useContext(DropDownContext);
   const [touchClick, setTouchClick] = useState(false);
-  return /* @__PURE__ */ React2.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     "data-testid": "combobox-value-container",
-    onClick: (e) => {
+    onClick: e => {
       e.stopPropagation();
       changeMenuOpen(true);
     },
     onTouchStart: () => setTouchClick(true),
     onTouchEnd: () => {
-      if (touchClick)
-        changeMenuOpen(true);
+      if (touchClick) changeMenuOpen(true);
       setTouchClick(false);
     },
     ref: valueContainerRef,
-    className: cx("combobox-v2-value-container", inputInFocus && "in-focus", value && clearable && "has-value", removeDropdownIndicator && "dropdown-indicator-removed")
-  }, /* @__PURE__ */ React2.createElement(components.ValueContainer, {
-    ...rest
-  }, children));
+    className: cx('combobox-v2-value-container', inputInFocus && 'in-focus', value && clearable && 'has-value', removeDropdownIndicator && 'dropdown-indicator-removed'),
+    children: /*#__PURE__*/jsx(components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
+      children: children
+    }))
+  });
 }
-var ValueContainer_default = ValueContainer;
-export {
-  ValueContainer,
-  ValueContainer_default as default
-};
-//# sourceMappingURL=ValueContainer.js.map
+
+export { ValueContainer, ValueContainer as default };

package/esm/ComboBox/v2/components/calculateWidth.js

@@ -1,18 +1,22 @@
-import * as React from "react";
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+
 const letterFactor = 5.7;
 const fixedSpace = 45;
 function calculateWidth(options) {
+  // get longest label string
   const longest = options.reduce((a, b) => {
-    if (a && a.label && b && b.label)
-      return a.label.length > b.label.length ? a : b;
-    return 0;
+    if (a && a.label && b && b.label) return a.label.length > b.label.length ? a : b;
+    return 0; // Calling reduce on an empty array without an initialValue will throw a TypeError.
   }, options[0] || null);
+
   if (longest && longest.label && longest.label.length) {
+    // if (longest.label.length > fixedSpace) return fixedSpace * letterFactor
     return longest.label.length * letterFactor + fixedSpace;
   }
+
   return 0;
 }
-export {
-  calculateWidth
-};
-//# sourceMappingURL=calculateWidth.js.map
+
+export { calculateWidth };

package/esm/ComboBox/v2/components/getoptions.js

@@ -1,6 +1,13 @@
-import * as React from "react";
-const getOptions = ({ showAllOption, isMulti, allOption, options }) => showAllOption && isMulti ? [allOption, ...options] : options;
-export {
-  getOptions
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+const getOptions = _ref => {
+  let {
+    showAllOption,
+    isMulti,
+    allOption,
+    options
+  } = _ref;
+  return showAllOption && isMulti ? [allOption, ...options] : options;
 };
-//# sourceMappingURL=getoptions.js.map
+
+export { getOptions };

package/esm/ComboBox/v2/components/useMenuListHeight.js

@@ -1,12 +1,26 @@
-import * as React from "react";
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+
+/* eslint-disable no-restricted-syntax */
+
+/* eslint-disable max-statements */
+
+/* eslint-disable complexity */
+
+/* eslint-disable max-params */
 const GROUP_PADDING = 16;
 const GROUP_TITLE = 13.44;
 const SEPARATOR = 17;
+
 function isGroup(opts) {
-  return opts.length && opts[0].type.name === "Group";
+  return opts.length && opts[0].type.name === 'Group';
 }
+
 function countOptions(opts) {
   let count = opts.length;
+
   if (isGroup(opts)) {
     if (opts.length === 1) {
       count = opts[0].props.options.length;
@@ -14,33 +28,44 @@ function countOptions(opts) {
       count = opts.reduce((o1, o2) => o1.props.options.length + o2.props.options.length);
     }
   }
+
   return count;
 }
+
 const useMenuListHeight = (elements, maxElements, itemSize, remainingHeight) => {
   const amountOfOptions = countOptions(elements);
   const elementSlotsToShow = amountOfOptions < maxElements || !maxElements ? amountOfOptions : maxElements;
   let calculatedHeight = itemSize * elementSlotsToShow;
+
   if (elementSlotsToShow === 1) {
-    if (elements[0]?.props?.data?.hasSeparator)
-      calculatedHeight += 40;
-    else
-      calculatedHeight += 25;
-  }
+    var _elements$, _elements$$props, _elements$$props$data;
+
+    if ((_elements$ = elements[0]) !== null && _elements$ !== void 0 && (_elements$$props = _elements$.props) !== null && _elements$$props !== void 0 && (_elements$$props$data = _elements$$props.data) !== null && _elements$$props$data !== void 0 && _elements$$props$data.hasSeparator) calculatedHeight += 40;else calculatedHeight += 25;
+  } // add pixels for group type (title and padding)
+
+
   if (isGroup(elements)) {
     let groupElementsShowed = 0;
+
     for (const group of elements) {
+      var _currentOptions$props, _currentOptions$props2, _currentOptions$props3, _currentOptions$props4;
+
       if (groupElementsShowed >= elementSlotsToShow) {
         break;
       }
+
       const currentOptions = group;
-      groupElementsShowed += currentOptions?.props?.options?.length || 0;
+      groupElementsShowed += (currentOptions === null || currentOptions === void 0 ? void 0 : (_currentOptions$props = currentOptions.props) === null || _currentOptions$props === void 0 ? void 0 : (_currentOptions$props2 = _currentOptions$props.options) === null || _currentOptions$props2 === void 0 ? void 0 : _currentOptions$props2.length) || 0;
       calculatedHeight += GROUP_PADDING + GROUP_TITLE;
-      if (currentOptions?.props?.data?.hasSeparator) {
+
+      if (currentOptions !== null && currentOptions !== void 0 && (_currentOptions$props3 = currentOptions.props) !== null && _currentOptions$props3 !== void 0 && (_currentOptions$props4 = _currentOptions$props3.data) !== null && _currentOptions$props4 !== void 0 && _currentOptions$props4.hasSeparator) {
         calculatedHeight += SEPARATOR;
       }
     }
   }
+
   let height;
+
   if (maxElements) {
     height = calculatedHeight;
   } else if (remainingHeight > calculatedHeight) {
@@ -48,9 +73,8 @@ const useMenuListHeight = (elements, maxElements, itemSize, remainingHeight) =>
   } else {
     height = remainingHeight;
   }
+
   return height;
 };
-export {
-  useMenuListHeight
-};
-//# sourceMappingURL=useMenuListHeight.js.map
+
+export { useMenuListHeight };

package/esm/ComboBox/v2/components/utils.js

@@ -1,6 +1,3 @@
-import * as React from "react";
-const getGroupHeaderPosition = (string) => string.match(/group(.*)/g)[0].match(/[0-9]/g)[0];
-export {
-  getGroupHeaderPosition
-};
-//# sourceMappingURL=utils.js.map
+const getGroupHeaderPosition = string => string.match(/group(.*)/g)[0].match(/[0-9]/g)[0];
+
+export { getGroupHeaderPosition };

package/esm/ComboBox/v2/context.js

@@ -1,7 +1,5 @@
-import * as React from "react";
-import React2 from "react";
-const DropDownContext = React2.createContext();
-export {
-  DropDownContext
-};
-//# sourceMappingURL=context.js.map
+import React from 'react';
+
+const DropDownContext = /*#__PURE__*/React.createContext();
+
+export { DropDownContext };

package/esm/ComboBox/v2/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-export * from "./Combobox";
-import { default as default2 } from "./Combobox";
-export {
-  default2 as default
-};
-//# sourceMappingURL=index.js.map
+export { ComboBoxWithSchema, DSComboBox2, DSComboBox2 as default } from './Combobox.js';

package/esm/ComboBox/v2/mockOptions.js

@@ -1,28 +1,18 @@
-import * as React from "react";
-const options = [
-  {
-    value: "id_1",
-    label: "Luke Skywalker"
-  },
-  {
-    value: "id_2",
-    label: "Obi-Wan Kenobi"
-  },
-  {
-    value: "id_3",
-    label: "Padme Amidala"
-  },
-  {
-    value: "id_4",
-    label: "Han Solo"
-  },
-  {
-    value: "id_5",
-    label: "Anakin Skywalker"
-  }
-];
-var mockOptions_default = options;
-export {
-  mockOptions_default as default
-};
-//# sourceMappingURL=mockOptions.js.map
+const options = [{
+  value: 'id_1',
+  label: 'Luke Skywalker'
+}, {
+  value: 'id_2',
+  label: 'Obi-Wan Kenobi'
+}, {
+  value: 'id_3',
+  label: 'Padme Amidala'
+}, {
+  value: 'id_4',
+  label: 'Han Solo'
+}, {
+  value: 'id_5',
+  label: 'Anakin Skywalker'
+}];
+
+export { options as default };

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,66 +1,81 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { noop } from "lodash";
-import { DSComboBox2 } from "../ComboBox";
-import { MultiValueLabel } from "./components/MultiValueLabel";
-import { MultiValueRemove } from "./components/MultiValueRemove";
-import { SingleValue } from "./components/SingleValue";
-import { SingleValueRemove } from "./components/SingleValueRemove";
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
+import { noop } from 'lodash';
+import '../ComboBox/v1/DSComboBox.js';
+import { DSComboBox2 } from '../ComboBox/v2/Combobox.js';
+import { MultiValueLabel } from './components/MultiValueLabel.js';
+import { MultiValueRemove } from './components/MultiValueRemove.js';
+import { SingleValue } from './components/SingleValue.js';
+import { SingleValueRemove } from './components/SingleValueRemove.js';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 const customStyles = {
   multiValueRemove: MultiValueRemove.style,
   clearIndicator: SingleValueRemove.style,
-  multiValue: (base) => ({
-    ...base,
-    borderRadius: "10px",
-    backgroundColor: "#ebf6ff"
+  multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
+    borderRadius: '10px',
+    backgroundColor: '#ebf6ff'
   }),
-  valueContainer: (base) => ({
-    ...base,
-    display: "-webkit-box",
-    flexWrap: "nowrap",
-    overflowX: "scroll",
-    overflowY: "hidden",
-    "-ms-overflow-style": "none",
-    "scrollbar-width": "none",
-    "::-webkit-scrollbar": { display: "none" }
+  valueContainer: base => _objectSpread(_objectSpread({}, base), {}, {
+    display: '-webkit-box',
+    flexWrap: 'nowrap',
+    overflowX: 'scroll',
+    overflowY: 'hidden',
+    '-ms-overflow-style': 'none',
+    // IE and Edge
+    'scrollbar-width': 'none',
+    // Firefox
+    '::-webkit-scrollbar': {
+      display: 'none'
+    } // Chrome
+
   })
 };
-function ComboBoxFreeSolo({
-  isMulti = false,
-  options = {},
-  value = [],
-  onChange = noop,
-  onChangeV2 = noop,
-  onInputChange = noop,
-  onFocus = noop,
-  onBlur = noop,
-  containerProps = {},
-  disabled = false,
-  menuIsOpen = false,
-  placeholder = "Select values",
-  formatCreateLabel = (val) => `Create ${val}`,
-  maxOptions = void 0
-}) {
-  return /* @__PURE__ */ React2.createElement(DSComboBox2, {
+
+function ComboBoxFreeSolo(_ref) {
+  let {
+    isMulti = false,
+    options = {},
+    value = [],
+    onChange = noop,
+    onChangeV2 = noop,
+    onInputChange = noop,
+    onFocus = noop,
+    onBlur = noop,
+    containerProps = {},
+    disabled = false,
+    menuIsOpen = false,
+    placeholder = 'Select values',
+    formatCreateLabel = val => "Create ".concat(val),
+    maxOptions = undefined
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSComboBox2, {
     isFreeSolo: true,
     clearable: true,
-    isMulti,
-    value,
-    options,
+    isMulti: isMulti,
+    value: value,
+    options: options,
     keepTypedValue: false,
-    placeholder,
-    disabled,
-    menuIsOpen,
-    formatCreateLabel,
+    placeholder: placeholder,
+    disabled: disabled,
+    menuIsOpen: menuIsOpen,
+    formatCreateLabel: formatCreateLabel,
     createOptionPosition: "first",
-    onChange,
-    onChangeV2,
-    onInputChange,
-    onFocus,
-    onBlur,
-    containerProps,
-    maxOptions,
+    onChange: onChange,
+    onChangeV2: onChangeV2,
+    onInputChange: onInputChange,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    containerProps: containerProps,
+    maxOptions: maxOptions,
     components: {
       MultiValueLabel,
       MultiValueRemove,
@@ -69,25 +84,5 @@ function ComboBoxFreeSolo({
     componentsStyle: customStyles
   });
 }
-ComboBoxFreeSolo.propTypes = {
-  containerProps: PropTypes.object,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func.isRequired,
-  onChangeV2: PropTypes.func,
-  onInputChange: PropTypes.func,
-  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
-  options: PropTypes.arrayOf(PropTypes.object),
-  disabled: PropTypes.bool,
-  isMulti: PropTypes.bool,
-  placeholder: PropTypes.string,
-  menuIsOpen: PropTypes.bool,
-  formatCreateLabel: PropTypes.func,
-  maxOptions: PropTypes.number
-};
-var ComboBoxFreeSolo_default = ComboBoxFreeSolo;
-export {
-  ComboBoxFreeSolo,
-  ComboBoxFreeSolo_default as default
-};
-//# sourceMappingURL=ComboBoxFreeSolo.js.map
+
+export { ComboBoxFreeSolo as default };