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

package/esm/ComboBox/DSComboBox.js

@@ -1,9 +1,4 @@
-import * as React from "react";
-export * from "./v1/DSComboBox";
-import { default as default2 } from "./v2/Combobox";
-import { default as default3 } from "./v2/Combobox";
-export {
-  default3 as DSComboBox2,
-  default2 as default
-};
-//# sourceMappingURL=DSComboBox.js.map
+import './v1/DSComboBox.js';
+export { DSComboBox2, DSComboBox2 as default } from './v2/Combobox.js';
+export { components } from 'react-select';
+export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/ComboBox/index.js

@@ -1,12 +1,4 @@
-import * as React from "react";
-import { components, COMBOBOX_VARIANT, DSComboBoxV1 } from "./v1/DSComboBox";
-import { DSComboBox2, DSComboBox2 as DSComboBox22, ComboBoxWithSchema } from "./v2";
-export {
-  COMBOBOX_VARIANT,
-  ComboBoxWithSchema,
-  DSComboBox22 as DSComboBox,
-  DSComboBox2,
-  DSComboBoxV1,
-  components
-};
-//# sourceMappingURL=index.js.map
+import './v1/DSComboBox.js';
+export { ComboBoxWithSchema, DSComboBox2, DSComboBox2 as default } from './v2/Combobox.js';
+export { components } from 'react-select';
+export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';

package/esm/ComboBox/v1/DSComboBox.js

@@ -1,106 +1,155 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { debounce, throttle } from "lodash";
-import Select from "react-select";
-import { Manager } from "react-popper";
-import { withContentRect } from "react-measure";
-import { cx } from "@elliemae/ds-utilities";
-import { withSelectStringValueConverter } from "./withSelectStringValueConverter";
-import {
-  COMBOBOX_VARIANT,
-  comboBoxVariants
-} from "@elliemae/ds-shared/prop-types";
-import { Control } from "./components/Control";
-import { DropdownIndicator } from "./components/DropdownIndicator";
-import { SelectMenu } from "./components/SelectMenu";
-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 { calculateWidth } from "./components/calculateWidth";
-import { ValueContainer } from "./components/ValueContainer";
+import 'core-js/modules/esnext.async-iterator.filter.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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import React from 'react';
+import { debounce, throttle } from 'lodash';
+import Select from 'react-select';
+export { components } from 'react-select';
+import { Manager } from 'react-popper';
+import { withContentRect } from 'react-measure';
+import { cx } from '@elliemae/ds-utilities';
+import withSelectStringValueConverter from './withSelectStringValueConverter.js';
+import { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+export { COMBOBOX_VARIANT } from '@elliemae/ds-shared/prop-types';
+import Control from './components/Control.js';
+import DropdownIndicator from './components/DropdownIndicator.js';
+import SelectMenu from './components/SelectMenu.js';
+import ClearIndicator from './components/ClearIndicator.js';
+import MenuList from './components/MenuList.js';
+import MultiValueLabel from './components/MultiValueLabel.js';
+import MultiValueRemove from './components/MultiValueRemove.js';
+import SingleValueLabel from './components/SingleValueLabel.js';
+import { calculateWidth } from './components/calculateWidth.js';
+import { ValueContainer } from './components/ValueContainer.js';
+import { jsx } from 'react/jsx-runtime';
+
+var _span;
+
+const _excluded = ["hideSelectedOptions", "autoFocus", "className", "hasError", "onFocus", "onBlur", "onChange", "filterOption", "onClickDropdownIndicator", "onInputKeyDown", "onInputChange", "isRtl", "isFocused", "isMulti", "showAllOption", "value", "options", "clearable", "searchable", "disabled", "placeholder", "valueProperty", "labelProperty", "menuIsOpen", "inlineMenu", "noOptionsMessage", "components", "measureRef", "contentRect", "readOnly", "expandMenuToContainer", "expandMenuOutsideContainer", "customMenuItemOptions", "returnValue", "variant", "containerProps", "zIndex"];
+
+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 ThemeConstants = {
-  prefix: "em-ds"
+  prefix: 'em-ds'
 };
-const blockName = "selectbox";
-const allOption = { value: "SELECT_ALL_COMBOBOX", label: "All" };
+const blockName = 'selectbox';
+const allOption = {
+  value: 'SELECT_ALL_COMBOBOX',
+  label: 'All'
+};
+
 const getValues = (option, isMulti, valueProperty) => {
-  if (!option)
-    return null;
-  return isMulti ? option.map((mOption) => mOption[valueProperty]) : option[valueProperty];
+  if (!option) return null;
+  return isMulti ? option.map(mOption => mOption[valueProperty]) : option[valueProperty];
 };
-class DSComboBox extends React2.Component {
+
+class DSComboBox extends React.Component {
   constructor(props) {
     super(props);
     this.forceFocus = false;
-    this.isHover = void 0;
-    this.handleHover = debounce((value) => {
-      if (this.state.isHover === this.isHover)
-        return;
-      if (!this.unmount)
-        this.setState({ isHover: value });
+    this.isHover = undefined;
+    this.handleHover = debounce(value => {
+      if (this.state.isHover === this.isHover) return;
+      if (!this.unmount) this.setState({
+        isHover: value
+      });
     }, 0);
     this.state = {
       focus: null,
-      isHover: void 0
+      isHover: undefined
     };
+
     this.handleOutsideScroll = () => {
       if (this.isHover !== true && !this.unmount) {
         this.isHover = false;
         this.handleHover(false);
       }
     };
-    this.handleHoverRef = (value) => {
+
+    this.handleHoverRef = value => {
       this.isHover = value;
       this.handleHover(value);
     };
-    this.onKeyDownClear = (e) => {
+
+    this.onKeyDownClear = e => {
+      // if (e.key === 'ArrowRight') {
+      //   this.arrow.focus()
+      // } else if (e.key === 'ArrowLeft') {
+      //   this.select.focus()
+      // }
       if (e.keyCode === 32 || e.keyCode === 13) {
         this.select.focus();
       }
     };
-    this.handleKeyDown = (e) => {
-      if (e.target.type === "text" && e.key === "Backspace") {
+
+    this.handleKeyDown = e => {
+      // if (e.key === 'ArrowRight') e.preventDefault()
+      // if (e.target.type === 'text' && e.key === 'ArrowRight') {
+      //   if (this.clear && this.clear.focus) {
+      //     this.clear.focus()
+      //   } else {
+      //     this.arrow.focus()
+      //   }
+      // }
+      if (e.target.type === 'text' && e.key === 'Backspace') {
         this.select.focus();
       }
+
       return () => {
-        const { value } = e.target;
-        if (!value && e.key === " ")
-          e.preventDefault();
+        const {
+          value
+        } = e.target;
+        if (!value && e.key === ' ') e.preventDefault();
         this.props.onKeyDown(e);
       };
     };
-    this.clear = React2.createRef();
-    this.arrow = React2.createRef();
-    this.select = React2.createRef();
+
+    this.clear = /*#__PURE__*/React.createRef();
+    this.arrow = /*#__PURE__*/React.createRef();
+    this.select = /*#__PURE__*/React.createRef();
   }
+
   componentDidMount() {
-    const { handleHoverRef } = this.props;
-    if (handleHoverRef)
-      handleHoverRef(this.handleHoverRef);
-    window.addEventListener("scroll", throttle(this.handleOutsideScroll, 300), true);
+    const {
+      handleHoverRef
+    } = this.props;
+    if (handleHoverRef) handleHoverRef(this.handleHoverRef);
+    window.addEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);
   }
+
   componentWillUnmount() {
     this.unmount = true;
-    window.removeEventListener("scroll", throttle(this.handleOutsideScroll, 300), true);
+    window.removeEventListener('scroll', throttle(this.handleOutsideScroll, 300), true);
   }
+
   render() {
-    const {
+    const _this$props = this.props,
+          {
       hideSelectedOptions = false,
       autoFocus = false,
-      className = "",
+      className = '',
       hasError = false,
       onFocus = () => null,
       onBlur = () => null,
       onChange = () => null,
-      filterOption = void 0,
+      // onKeyDown = () => null,
+      filterOption = undefined,
       onClickDropdownIndicator = () => null,
       onInputKeyDown = () => null,
-      onInputChange = void 0,
+      onInputChange = undefined,
       isRtl = false,
-      isFocused = void 0,
+      isFocused = undefined,
       isMulti = false,
       showAllOption = false,
       value = null,
@@ -108,12 +157,12 @@ class DSComboBox extends React2.Component {
       clearable = false,
       searchable = true,
       disabled = false,
-      placeholder = "",
-      valueProperty = "value",
-      labelProperty = "label",
-      menuIsOpen = void 0,
+      placeholder = '',
+      valueProperty = 'value',
+      labelProperty = 'label',
+      menuIsOpen = undefined,
       inlineMenu = false,
-      noOptionsMessage = () => /* @__PURE__ */ React2.createElement("span", null, "No options"),
+      noOptionsMessage = () => _span || (_span = /*#__PURE__*/_jsx("span", {}, void 0, "No options")),
       components: customComponents = {},
       measureRef,
       contentRect,
@@ -127,200 +176,157 @@ class DSComboBox extends React2.Component {
       returnValue = true,
       variant = COMBOBOX_VARIANT.DEFAULT,
       containerProps = {},
-      zIndex = 11,
-      ...restPropsToCustomizeSelect
-    } = this.props;
-    const { focus } = this.state;
+      zIndex = 11
+    } = _this$props,
+          restPropsToCustomizeSelect = _objectWithoutProperties(_this$props, _excluded);
+
+    const {
+      focus
+    } = this.state;
     let internalOptions = options;
     let internalValue = value;
+
     if (showAllOption && isMulti) {
       internalOptions = [allOption, ...options];
     }
+
     if (this.allSelected && isMulti) {
       internalValue = [allOption, ...value];
     }
-    return /* @__PURE__ */ React2.createElement(Manager, null, /* @__PURE__ */ React2.createElement("div", {
+
+    return /*#__PURE__*/_jsx(Manager, {}, void 0, /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
       ref: measureRef,
-      className: cx(`${ThemeConstants.prefix}-${blockName}-wrapper`, className, hasError && `${ThemeConstants.prefix}-${blockName}--${COMBOBOX_VARIANT.ERROR}`, `${ThemeConstants.prefix}-${blockName}--${variant}`, `focus-${focus}`, isMulti && "combo-multi", expandMenuOutsideContainer && "expanded-outside-container"),
-      ...containerProps,
+      className: cx("".concat(ThemeConstants.prefix, "-").concat(blockName, "-wrapper"), className, hasError && "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(COMBOBOX_VARIANT.ERROR), "".concat(ThemeConstants.prefix, "-").concat(blockName, "--").concat(variant), "focus-".concat(focus), isMulti && 'combo-multi', expandMenuOutsideContainer && 'expanded-outside-container')
+    }, containerProps), {}, {
       onMouseEnter: () => {
-        this.handleHoverRef(void 0);
-      }
-    }, /* @__PURE__ */ React2.createElement(Select, {
-      ref: (ref) => {
-        this.select = ref;
+        this.handleHoverRef(undefined);
       },
-      autoFocus,
-      classNamePrefix: `${ThemeConstants.prefix}-${blockName}`,
-      components: {
-        Control,
-        Menu: !options || options.length === 0 ? SelectMenu : (props) => /* @__PURE__ */ React2.createElement("div", {
-          className: `select-menu-combo ${isMulti && "select-menu-combo-multi"}`,
-          onMouseLeave: () => {
-            this.isHover = void 0;
-            this.handleHover(void 0);
-          },
-          onMouseOverCapture: () => {
-            this.isHover = true;
-            this.handleHover(true);
+      children: /*#__PURE__*/jsx(Select, _objectSpread({
+        ref: ref => {
+          this.select = ref;
+        },
+        autoFocus: autoFocus,
+        classNamePrefix: "".concat(ThemeConstants.prefix, "-").concat(blockName),
+        components: _objectSpread({
+          Control,
+          Menu: !options || options.length === 0 ? SelectMenu : props => /*#__PURE__*/_jsx("div", {
+            className: "select-menu-combo ".concat(isMulti && 'select-menu-combo-multi'),
+            onMouseLeave: () => {
+              this.isHover = undefined;
+              this.handleHover(undefined);
+            },
+            onMouseOverCapture: () => {
+              this.isHover = true;
+              this.handleHover(true);
+            }
+          }, void 0, /*#__PURE__*/jsx(SelectMenu, _objectSpread({}, props))),
+          // Menu: SelectMenu,
+          DropdownIndicator: () => /*#__PURE__*/_jsx(DropdownIndicator, {
+            innerRef: ref => {
+              this.arrow = ref;
+            },
+            onClick: onClickDropdownIndicator,
+            onKeyDown: this.onKeyDownIndicator
+          }),
+          ClearIndicator: props => /*#__PURE__*/jsx(ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+            innerRef: ref => {
+              this.clear = ref;
+            },
+            onKeyDown: this.onKeyDownClear
+          })),
+          MultiValueLabel,
+          MultiValueRemove,
+          SingleValue: SingleValueLabel,
+          MenuList,
+          ValueContainer
+        }, customComponents),
+        customMenuItemOptions: customMenuItemOptions,
+        expandMenuOutsideContainer: expandMenuOutsideContainer,
+        expandMenuToContainer: expandMenuToContainer,
+        filterOption: filterOption,
+        getOptionLabel: option => option[labelProperty],
+        getOptionValue: option => option[valueProperty],
+        hideSelectedOptions: hideSelectedOptions,
+        inlineMenu: inlineMenu,
+        isClearable: clearable,
+        isDisabled: disabled || readOnly,
+        isFocused: isFocused,
+        isMulti: isMulti,
+        isRtl: isRtl,
+        isSearchable: readOnly ? false : searchable,
+        menuIsOpen: menuIsOpen === undefined ? this.isHover : menuIsOpen,
+        noOptionsMessage: function () {
+          noOptionsMessage(...arguments);
+        },
+        onBlur: onBlur,
+        onChange: returnValue ? (option, action) => {
+          this.allSelected = false;
+          this.isHover = undefined;
+          this.setState({
+            isHover: undefined
+          });
+
+          if (showAllOption && isMulti && option.find(op => op.value === 'SELECT_ALL_COMBOBOX')) {
+            this.allSelected = true;
+            return onChange(getValues(options, isMulti, valueProperty), action);
           }
-        }, /* @__PURE__ */ React2.createElement(SelectMenu, {
-          ...props
-        })),
-        DropdownIndicator: () => /* @__PURE__ */ React2.createElement(DropdownIndicator, {
-          innerRef: (ref) => {
-            this.arrow = ref;
-          },
-          onClick: onClickDropdownIndicator,
-          onKeyDown: this.onKeyDownIndicator
-        }),
-        ClearIndicator: (props) => /* @__PURE__ */ React2.createElement(ClearIndicator, {
-          ...props,
-          innerRef: (ref) => {
-            this.clear = ref;
-          },
-          onKeyDown: this.onKeyDownClear
-        }),
-        MultiValueLabel,
-        MultiValueRemove,
-        SingleValue: SingleValueLabel,
-        MenuList,
-        ValueContainer,
-        ...customComponents
-      },
-      customMenuItemOptions,
-      expandMenuOutsideContainer,
-      expandMenuToContainer,
-      filterOption,
-      getOptionLabel: (option) => option[labelProperty],
-      getOptionValue: (option) => option[valueProperty],
-      hideSelectedOptions,
-      inlineMenu,
-      isClearable: clearable,
-      isDisabled: disabled || readOnly,
-      isFocused,
-      isMulti,
-      isRtl,
-      isSearchable: readOnly ? false : searchable,
-      menuIsOpen: menuIsOpen === void 0 ? this.isHover : menuIsOpen,
-      noOptionsMessage: (...args) => {
-        noOptionsMessage(...args);
-      },
-      onBlur,
-      onChange: returnValue ? (option, action) => {
-        this.allSelected = false;
-        this.isHover = void 0;
-        this.setState({ isHover: void 0 });
-        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
-          this.allSelected = true;
-          return onChange(getValues(options, isMulti, valueProperty), action);
-        }
-        return onChange(getValues(option, isMulti, valueProperty), action);
-      } : (option, action) => {
-        this.allSelected = false;
-        this.isHover = void 0;
-        this.setState({ isHover: void 0 });
-        if (showAllOption && isMulti && option.find((op) => op.value === "SELECT_ALL_COMBOBOX")) {
-          this.allSelected = true;
-          return onChange(options, action);
-        }
-        return onChange(option, action);
-      },
-      onFocus,
-      onInputChange,
-      onInputKeyDown,
-      onKeyDown: this.handleKeyDown,
-      options: internalOptions,
-      placeholder,
-      selectMeasure: contentRect,
-      styles: {
-        control: () => null,
-        menu: () => {
-          if (expandMenuOutsideContainer) {
-            const width = calculateWidth(options);
-            if (!width)
-              return null;
-            return {
-              width: `${width}px`
-            };
+
+          return onChange(getValues(option, isMulti, valueProperty), action);
+        } : (option, action) => {
+          this.allSelected = false;
+          this.isHover = undefined;
+          this.setState({
+            isHover: undefined
+          });
+
+          if (showAllOption && isMulti && option.find(op => op.value === 'SELECT_ALL_COMBOBOX')) {
+            this.allSelected = true;
+            return onChange(options, action);
           }
-          return null;
+
+          return onChange(option, action);
         },
-        option: () => null,
-        dropdownIndicator: () => null,
-        clearIndicator: () => null,
-        placeholder: () => null,
-        indicatorSeparator: () => null,
-        multiValue: (base) => ({
-          ...base,
-          background: "none",
-          minWidth: "3rem"
-        })
-      },
-      value: internalValue,
-      zIndex,
-      ...restPropsToCustomizeSelect
+        onFocus: onFocus,
+        onInputChange: onInputChange,
+        onInputKeyDown: onInputKeyDown,
+        onKeyDown: this.handleKeyDown,
+        options: internalOptions,
+        placeholder: placeholder,
+        selectMeasure: contentRect,
+        styles: {
+          control: () => null,
+          menu: () => {
+            if (expandMenuOutsideContainer) {
+              const width = calculateWidth(options);
+              if (!width) return null;
+              return {
+                width: "".concat(width, "px")
+              };
+            }
+
+            return null;
+          },
+          option: () => null,
+          dropdownIndicator: () => null,
+          clearIndicator: () => null,
+          placeholder: () => null,
+          indicatorSeparator: () => null,
+          multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
+            background: 'none',
+            minWidth: '3rem'
+          })
+        },
+        value: internalValue,
+        zIndex: zIndex
+      }, restPropsToCustomizeSelect))
     })));
   }
+
 }
+
 DSComboBox.defaultProps = {
   showAllOption: false
 };
-DSComboBox.propTypes = {
-  containerProps: PropTypes.shape({}),
-  handleHoverRef: PropTypes.func,
-  autoFocus: PropTypes.bool,
-  className: PropTypes.string,
-  hasError: PropTypes.bool,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  onChange: PropTypes.func,
-  onKeyDown: PropTypes.func,
-  onInputKeyDown: PropTypes.func,
-  onInputChange: PropTypes.func,
-  isRtl: PropTypes.bool,
-  isFocused: PropTypes.bool,
-  isMulti: PropTypes.bool,
-  inputValue: PropTypes.string,
-  showAllOption: PropTypes.bool,
-  allOption: PropTypes.shape({
-    label: PropTypes.string,
-    value: PropTypes.string
-  }),
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
-  options: PropTypes.array,
-  clearable: PropTypes.bool,
-  searchable: PropTypes.bool,
-  disabled: PropTypes.bool,
-  placeholder: PropTypes.string,
-  loading: PropTypes.bool,
-  valueProperty: PropTypes.string,
-  labelProperty: PropTypes.string,
-  menuIsOpen: PropTypes.bool,
-  inlineMenu: PropTypes.bool,
-  noOptionsMessage: PropTypes.func,
-  measureRef: PropTypes.func,
-  readOnly: PropTypes.bool,
-  expandMenuToContainer: PropTypes.bool,
-  expandMenuOutsideContainer: PropTypes.bool,
-  customMenuItemOptions: PropTypes.object,
-  returnValue: PropTypes.bool,
-  variant: PropTypes.oneOf(comboBoxVariants),
-  hideSelectedOptions: PropTypes.bool,
-  maxOptions: PropTypes.number,
-  filterOption: PropTypes.func,
-  onClickDropdownIndicator: PropTypes.func,
-  components: PropTypes.object,
-  contentRect: PropTypes.object,
-  zIndex: PropTypes.number
-};
-import { components } from "react-select";
-const DSComboBoxHOC = withSelectStringValueConverter(withContentRect("bounds")(DSComboBox));
-var DSComboBox_default = DSComboBoxHOC;
-export {
-  COMBOBOX_VARIANT,
-  DSComboBoxHOC as DSComboBoxV1,
-  components,
-  DSComboBox_default as default
-};
-//# sourceMappingURL=DSComboBox.js.map
+var DSComboBox$1 = withSelectStringValueConverter(withContentRect('bounds')(DSComboBox));
+
+export { DSComboBox$1 as default };

package/esm/ComboBox/v1/components/AllOption.js

@@ -1,14 +1,29 @@
-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
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'react';
+import { DSCheckbox } from '../../../Checkbox/DSCheckbox.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; }
+
+const MultiSelectHeader = _ref => {
+  let rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx("div", {
+    className: "combobox-multi-select-all"
+  }, void 0, /*#__PURE__*/jsx(DSCheckbox, _objectSpread({
+    labelText: "All"
+  }, rest)));
 };
-//# sourceMappingURL=AllOption.js.map
+
+export { MultiSelectHeader as default };