carbon-react 118.0.0 → 118.1.1

package/lib/components/select/multi-select/multi-select.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.MultiSelect = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -13,7 +13,7 @@ var _invariant = _interopRequireDefault(require("invariant"));
 
 var _utils = require("../../../style/utils");
 
-var _selectTextbox = _interopRequireWildcard(require("../select-textbox/select-textbox.component"));
+var _selectTextbox = _interopRequireDefault(require("../select-textbox"));
 
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 
@@ -78,7 +78,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   multiColumn,
   tooltipPosition,
   size,
-  "data-component": dataComponent,
+  "data-component": dataComponent = "multiselect",
   "data-element": dataElement,
   "data-role": dataRole,
   listPlacement = "bottom",
@@ -93,8 +93,8 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   const [activeDescendantId, setActiveDescendantId] = (0, _react.useState)();
   const selectListId = (0, _react.useRef)((0, _guid.default)());
   const accessibilityLabelId = (0, _react.useRef)((0, _guid.default)());
-  const containerRef = (0, _react.useRef)();
-  const listboxRef = (0, _react.useRef)();
+  const containerRef = (0, _react.useRef)(null);
+  const listboxRef = (0, _react.useRef)(null);
   const isInputFocused = (0, _react.useRef)(false);
   const isClickTriggeredBySelect = (0, _react.useRef)(false);
   const isMouseDownReported = (0, _react.useRef)(false);
@@ -160,7 +160,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   const updateValue = (0, _react.useCallback)(updateFunction => {
     const newValue = updateFunction(actualValue); // only call onChange if an option has been selected or deselected
 
-    if (onChange && newValue.length !== actualValue.length) {
+    if (onChange && newValue.length !== (actualValue === null || actualValue === void 0 ? void 0 : actualValue.length)) {
       onChange(createCustomEvent(newValue));
     } // no need to update selectedValue if the component is controlled: onChange should take care of updating the value
 
@@ -169,6 +169,16 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
       setSelectedValue(updateFunction);
     }
   }, [createCustomEvent, onChange, actualValue]);
+
+  function findElementWithMatchingText(textToMatch, list) {
+    return list.find(child => {
+      const {
+        text
+      } = child.props;
+      return (text === null || text === void 0 ? void 0 : text.toLowerCase().indexOf(textToMatch.toLowerCase())) !== -1;
+    });
+  }
+
   const handleTextboxChange = (0, _react.useCallback)(event => {
     const newValue = event.target.value;
     const match = findElementWithMatchingText(newValue, children);
@@ -188,7 +198,8 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
         return previousValue;
       }
 
-      const newValue = [...previousValue];
+      const newValue = previousValue.slice(); // spreading does not work but slice does - see https://github.com/microsoft/TypeScript/issues/53670
+
       newValue.splice(index, 1);
       return newValue;
     });
@@ -218,9 +229,11 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
 
   }, [onKeyDown, readOnly, filterText, textValue, setOpen, removeSelectedValue]);
   const accessibilityLabel = (0, _react.useMemo)(() => {
-    return actualValue && actualValue.length ? _react.default.Children.map(children, child => {
-      return actualValue.includes(child.props.value) ? child.props.text : false;
-    }).filter(child => child).reduce((acc, item) => {
+    var _React$Children$map;
+
+    return actualValue && actualValue.length ? (_React$Children$map = _react.default.Children.map(children, child => {
+      return /*#__PURE__*/_react.default.isValidElement(child) && actualValue.includes(child.props.value) ? child.props.text : false;
+    })) === null || _React$Children$map === void 0 ? void 0 : _React$Children$map.filter(child => child).reduce((acc, item) => {
       return acc ? `${acc}, ${item}` : item;
     }, "") : null;
   }, [children, actualValue]);
@@ -246,16 +259,16 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   const mapValuesToPills = (0, _react.useMemo)(() => {
     const canDelete = !disabled && !readOnly;
 
-    if (!actualValue.length) {
+    if (!(actualValue !== null && actualValue !== void 0 && actualValue.length)) {
       return "";
     }
 
     return actualValue.map((singleValue, index) => {
-      const matchingOption = _react.default.Children.toArray(children).find(child => (0, _isExpectedOption.default)(child, singleValue));
+      const matchingOption = _react.default.Children.toArray(children).find(child => /*#__PURE__*/_react.default.isValidElement(child) && (0, _isExpectedOption.default)(child, singleValue));
 
       let pillProps = {};
 
-      if (matchingOption) {
+      if ( /*#__PURE__*/_react.default.isValidElement(matchingOption)) {
         pillProps = {
           title: matchingOption.props.text,
           fill: matchingOption.props.fill,
@@ -263,10 +276,8 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
         };
       }
 
-      const {
-        title
-      } = pillProps;
-      const key = title + ((matchingOption === null || matchingOption === void 0 ? void 0 : matchingOption.props.value) || index);
+      const title = pillProps.title || "";
+      const key = title + ( /*#__PURE__*/_react.default.isValidElement(matchingOption) && matchingOption.props.value || index);
       return /*#__PURE__*/_react.default.createElement(_multiSelect.StyledSelectPillContainer, {
         key: key
       }, /*#__PURE__*/_react.default.createElement(_pill.default, _extends({
@@ -356,7 +367,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   function handleTextboxMouseDown(event) {
     isMouseDownReported.current = true;
 
-    if (event.target.attributes["data-element"] && event.target.attributes["data-element"].value === "input") {
+    if (event.target.dataset.element === "input") {
       isMouseDownOnInput.current = true;
     }
   }
@@ -366,7 +377,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   }
 
   function handleTextboxFocus(event) {
-    const triggerFocus = () => onFocus(event);
+    const triggerFocus = () => onFocus === null || onFocus === void 0 ? void 0 : onFocus(event);
 
     if (openOnFocus) {
       setOpenState(isAlreadyOpen => {
@@ -413,8 +424,8 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     }
 
     setTextValue("");
-    const isAlreadySelected = actualValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue)) !== -1;
-    textboxRef.focus();
+    const isAlreadySelected = (actualValue === null || actualValue === void 0 ? void 0 : actualValue.findIndex(val => (0, _isExpectedValue.default)(val, newValue))) !== -1;
+    textboxRef === null || textboxRef === void 0 ? void 0 : textboxRef.focus();
     isMouseDownReported.current = false;
     updateValue(previousValue => {
       if (isAlreadySelected) {
@@ -428,16 +439,6 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     setOpenState(false);
     setFilterText("");
   }, []);
-
-  function findElementWithMatchingText(textToMatch, list) {
-    return list.find(child => {
-      const {
-        text
-      } = child.props;
-      return text && text.toLowerCase().indexOf(textToMatch.toLowerCase()) !== -1;
-    });
-  }
-
   const assignInput = (0, _react.useCallback)(element => {
     setTextboxRef(element);
 
@@ -483,7 +484,7 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
     ref: listboxRef,
     id: selectListId.current,
     labelId: labelId,
-    anchorElement: textboxRef && textboxRef.parentElement,
+    anchorElement: (textboxRef === null || textboxRef === void 0 ? void 0 : textboxRef.parentElement) || undefined,
     onSelect: onSelectOption,
     onSelectListClose: onSelectListClose,
     onMouseDown: handleListMouseDown,
@@ -532,84 +533,554 @@ const MultiSelect = /*#__PURE__*/_react.default.forwardRef(({
   }, getTextboxProps()))), selectList);
 });
 
-MultiSelect.propTypes = { ..._selectTextbox.formInputPropTypes,
-
-  /** Prop to specify the aria-label attribute of the component input */
+exports.MultiSelect = MultiSelect;
+MultiSelect.propTypes = {
+  "about": _propTypes.default.string,
+  "accept": _propTypes.default.string,
+  "accessibilityLabelId": _propTypes.default.string,
+  "accessKey": _propTypes.default.string,
+  "adaptiveLabelBreakpoint": _propTypes.default.number,
+  "align": _propTypes.default.oneOf(["left", "right"]),
+  "alt": _propTypes.default.string,
+  "aria-activedescendant": _propTypes.default.string,
+  "aria-atomic": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-autocomplete": _propTypes.default.oneOf(["both", "inline", "list", "none"]),
+  "aria-busy": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-checked": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "mixed", "true"]), _propTypes.default.bool]),
+  "aria-colcount": _propTypes.default.number,
+  "aria-colindex": _propTypes.default.number,
+  "aria-colspan": _propTypes.default.number,
+  "aria-controls": _propTypes.default.string,
+  "aria-current": _propTypes.default.oneOfType([_propTypes.default.oneOf(["date", "false", "location", "page", "step", "time", "true"]), _propTypes.default.bool]),
+  "aria-describedby": _propTypes.default.string,
+  "aria-details": _propTypes.default.string,
+  "aria-disabled": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-dropeffect": _propTypes.default.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
+  "aria-errormessage": _propTypes.default.string,
+  "aria-expanded": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-flowto": _propTypes.default.string,
+  "aria-grabbed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-haspopup": _propTypes.default.oneOfType([_propTypes.default.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), _propTypes.default.bool]),
+  "aria-hidden": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-invalid": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "grammar", "spelling", "true"]), _propTypes.default.bool]),
+  "aria-keyshortcuts": _propTypes.default.string,
   "aria-label": _propTypes.default.string,
-
-  /** Prop to specify the aria-labeledby property of the component input */
   "aria-labelledby": _propTypes.default.string,
-
-  /** Identifier used for testing purposes, applied to the root element of the component. */
+  "aria-level": _propTypes.default.number,
+  "aria-live": _propTypes.default.oneOf(["assertive", "off", "polite"]),
+  "aria-modal": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiline": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-multiselectable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-orientation": _propTypes.default.oneOf(["horizontal", "vertical"]),
+  "aria-owns": _propTypes.default.string,
+  "aria-placeholder": _propTypes.default.string,
+  "aria-posinset": _propTypes.default.number,
+  "aria-pressed": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "mixed", "true"]), _propTypes.default.bool]),
+  "aria-readonly": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-relevant": _propTypes.default.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+  "aria-required": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-roledescription": _propTypes.default.string,
+  "aria-rowcount": _propTypes.default.number,
+  "aria-rowindex": _propTypes.default.number,
+  "aria-rowspan": _propTypes.default.number,
+  "aria-selected": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "aria-setsize": _propTypes.default.number,
+  "aria-sort": _propTypes.default.oneOf(["ascending", "descending", "none", "other"]),
+  "aria-valuemax": _propTypes.default.number,
+  "aria-valuemin": _propTypes.default.number,
+  "aria-valuenow": _propTypes.default.number,
+  "aria-valuetext": _propTypes.default.string,
+  "ariaDescribedBy": _propTypes.default.string,
+  "ariaLabel": _propTypes.default.string,
+  "ariaLabelledby": _propTypes.default.string,
+  "as": _propTypes.default.elementType,
+  "autoCapitalize": _propTypes.default.string,
+  "autoComplete": _propTypes.default.string,
+  "autoCorrect": _propTypes.default.string,
+  "autoFocus": _propTypes.default.bool,
+  "autoSave": _propTypes.default.string,
+  "capture": _propTypes.default.oneOfType([_propTypes.default.oneOf(["environment", "user"]), _propTypes.default.bool]),
+  "checked": _propTypes.default.bool,
+  "children": _propTypes.default.node,
+  "className": _propTypes.default.string,
+  "color": _propTypes.default.string,
+  "contentEditable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "inherit", "true"]), _propTypes.default.bool]),
+  "contextMenu": _propTypes.default.string,
+  "crossOrigin": _propTypes.default.string,
+  "css": _propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__emotion_styles": _propTypes.default.any.isRequired
+  }), _propTypes.default.string, _propTypes.default.bool]),
+  "dangerouslySetInnerHTML": _propTypes.default.shape({
+    "__html": _propTypes.default.string.isRequired
+  }),
   "data-component": _propTypes.default.string,
-
-  /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-element": _propTypes.default.string,
-
-  /** Identifier used for testing purposes, applied to the root element of the component. */
   "data-role": _propTypes.default.string,
-
-  /** Boolean to toggle where SelectList is rendered in relation to the Select Input */
-  disablePortal: _propTypes.default.bool,
-
-  /** The selected value(s), when the component is operating in controlled mode */
-  value: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)]),
-
-  /** The default selected value(s), when the component is operating in uncontrolled mode */
-  defaultValue: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.arrayOf(_propTypes.default.object)]),
-
-  /** Child components (such as Option or OptionRow) for the SelectList */
-  children: _propTypes.default.node.isRequired,
-
-  /** A custom callback for when the input text changes */
-  onFilterChange: _propTypes.default.func,
-
-  /** A custom callback for when the dropdown menu opens */
-  onOpen: _propTypes.default.func,
-
-  /** If true the Component opens on focus */
-  openOnFocus: _propTypes.default.bool,
-
-  /** SelectList table header, should consist of multiple th elements.
-  Works only in multiColumn mode */
-  tableHeader: _propTypes.default.node,
-
-  /** When true component will work in multi column mode.
-  Children should consist of OptionRow components in this mode */
-  multiColumn: _propTypes.default.bool,
-
-  /** A custom message to be displayed when any option does not match the filter text */
-  noResultsMessage: _propTypes.default.string,
-
-  /** If true the loader animation is displayed in the option list */
-  isLoading: _propTypes.default.bool,
-
-  /** Overrides the default tooltip position */
-  tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"]),
-
-  /** Maximum list height - defaults to 180 */
-  listMaxHeight: _propTypes.default.number,
-
-  /** Placement of the select list in relation to the input element */
-  listPlacement: _propTypes.default.oneOf(["top", "bottom", "right", "left"]),
-
-  /** Use the opposite list placement if the set placement does not fit */
-  flipEnabled: _propTypes.default.bool,
-
-  /** Wraps the pill text when it would overflow the input width */
-  wrapPillText: _propTypes.default.bool,
-
-  /** Set this prop to enable a virtualised list of options. If it is not used then all options will be in the
-   * DOM at all times, which may cause performance problems on very large lists */
-  enableVirtualScroll: _propTypes.default.bool,
-
-  /** The number of options to render into the DOM at once, either side of the currently-visible ones.
-   * Higher values make for smoother scrolling but may impact performance.
-   * Only used if the `enableVirtualScroll` prop is set. */
-  virtualScrollOverscan: _propTypes.default.number
-};
-MultiSelect.defaultProps = {
-  "data-component": "multiselect"
+  "datatype": _propTypes.default.string,
+  "defaultChecked": _propTypes.default.bool,
+  "defaultValue": _propTypes.default.arrayOf(_propTypes.default.string),
+  "deferTimeout": _propTypes.default.number,
+  "dir": _propTypes.default.string,
+  "disabled": _propTypes.default.bool,
+  "disablePortal": _propTypes.default.bool,
+  "draggable": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "enableVirtualScroll": _propTypes.default.bool,
+  "enterKeyHint": _propTypes.default.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),
+  "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "fieldHelp": _propTypes.default.node,
+  "flipEnabled": _propTypes.default.bool,
+  "form": _propTypes.default.string,
+  "formAction": _propTypes.default.string,
+  "formattedValue": _propTypes.default.string,
+  "formEncType": _propTypes.default.string,
+  "formMethod": _propTypes.default.string,
+  "formNoValidate": _propTypes.default.bool,
+  "formTarget": _propTypes.default.string,
+  "height": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "helpAriaLabel": _propTypes.default.string,
+  "hidden": _propTypes.default.bool,
+  "iconOnClick": _propTypes.default.func,
+  "iconOnMouseDown": _propTypes.default.func,
+  "iconTabIndex": _propTypes.default.number,
+  "id": _propTypes.default.string,
+  "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "inlist": _propTypes.default.any,
+  "inputHint": _propTypes.default.string,
+  "inputIcon": _propTypes.default.oneOf(["add", "admin", "alert_on", "alert", "analysis", "arrow_bottom_right_circle", "arrow_down", "arrow_left_boxed", "arrow_left_right_small", "arrow_left_small", "arrow_left", "arrow_right_small", "arrow_right", "arrow_top_left_circle", "arrow_up", "arrow", "arrows_left_right", "attach", "bank_with_card", "bank", "basket_with_squares", "basket", "bed", "bin", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "caret_down", "caret_large_down", "caret_large_left", "caret_large_right", "caret_large_up", "caret_left", "caret_right", "caret_up", "cart", "cash", "chart_bar", "chart_line", "chart_pie", "chat_notes", "chat", "chevron_down_thick", "chevron_down", "chevron_left_thick", "chevron_left", "chevron_right_thick", "chevron_right", "chevron_up_thick", "chevron_up", "circle_with_dots", "circles_connection", "clock", "close", "coins", "collaborate", "computer_clock", "connect", "construction", "contacts", "copy", "create", "credit_card_slash", "credit_card", "cross_circle", "cross", "csv", "dashboard", "delete", "delivery", "disconnect", "disputed", "document_right_align", "document_tick", "document_vertical_lines", "download", "draft", "drag_vertical", "drag", "drill", "dropdown", "duplicate", "edit", "edited", "ellipsis_horizontal", "ellipsis_vertical", "email_switch", "email", "entry", "envelope_dollar", "envelope_euro", "error_square", "error", "euro", "expand", "factory", "favourite_lined", "favourite", "fax", "feedback", "file_excel", "file_generic", "file_image", "file_pdf", "file_word", "files_leaning", "filter_new", "filter", "fit_height", "fit_width", "flag", "folder", "form_refresh", "gift", "go", "graduation_hat", "graph", "grid", "hand_cash_coins", "hand_cash_note", "help", "hide", "home", "image", "in_progress", "in_transit", "individual", "info", "italic", "key", "laptop", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "minus_large", "minus", "mobile", "money_bag", "none", "old_warning", "palm_tree", "pause_circle", "pause", "pdf", "people_switch", "people", "percentage_boxed", "person_info", "person_tick", "person", "petrol_pump", "phone", "piggy_bank", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "question_hollow", "question_mark", "question", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "services", "settings_old", "settings", "share", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "submitted", "sync", "tag", "talk", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "warning"]),
+  "inputMode": _propTypes.default.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
+  "inputRef": _propTypes.default.func,
+  "inputWidth": _propTypes.default.number,
+  "is": _propTypes.default.string,
+  "isLoading": _propTypes.default.bool,
+  "itemID": _propTypes.default.string,
+  "itemProp": _propTypes.default.string,
+  "itemRef": _propTypes.default.string,
+  "itemScope": _propTypes.default.bool,
+  "itemType": _propTypes.default.string,
+  "label": _propTypes.default.string,
+  "labelAlign": _propTypes.default.oneOf(["left", "right"]),
+  "labelHelp": _propTypes.default.node,
+  "labelId": _propTypes.default.string,
+  "labelInline": _propTypes.default.bool,
+  "labelSpacing": _propTypes.default.oneOf([1, 2]),
+  "labelWidth": _propTypes.default.number,
+  "lang": _propTypes.default.string,
+  "leftChildren": _propTypes.default.node,
+  "list": _propTypes.default.string,
+  "listMaxHeight": _propTypes.default.number,
+  "listPlacement": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+  "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "max": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "maxLength": _propTypes.default.number,
+  "maxWidth": _propTypes.default.string,
+  "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "min": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "minLength": _propTypes.default.number,
+  "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "multiColumn": _propTypes.default.bool,
+  "multiple": _propTypes.default.bool,
+  "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
+    "__@toStringTag": _propTypes.default.string.isRequired,
+    "description": _propTypes.default.string,
+    "toString": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  }), _propTypes.default.string]),
+  "name": _propTypes.default.string,
+  "noResultsMessage": _propTypes.default.string,
+  "onAbort": _propTypes.default.func,
+  "onAbortCapture": _propTypes.default.func,
+  "onAnimationEnd": _propTypes.default.func,
+  "onAnimationEndCapture": _propTypes.default.func,
+  "onAnimationIteration": _propTypes.default.func,
+  "onAnimationIterationCapture": _propTypes.default.func,
+  "onAnimationStart": _propTypes.default.func,
+  "onAnimationStartCapture": _propTypes.default.func,
+  "onAuxClick": _propTypes.default.func,
+  "onAuxClickCapture": _propTypes.default.func,
+  "onBeforeInput": _propTypes.default.func,
+  "onBeforeInputCapture": _propTypes.default.func,
+  "onBlur": _propTypes.default.func,
+  "onBlurCapture": _propTypes.default.func,
+  "onCanPlay": _propTypes.default.func,
+  "onCanPlayCapture": _propTypes.default.func,
+  "onCanPlayThrough": _propTypes.default.func,
+  "onCanPlayThroughCapture": _propTypes.default.func,
+  "onChange": _propTypes.default.func,
+  "onChangeCapture": _propTypes.default.func,
+  "onChangeDeferred": _propTypes.default.func,
+  "onClick": _propTypes.default.func,
+  "onClickCapture": _propTypes.default.func,
+  "onCompositionEnd": _propTypes.default.func,
+  "onCompositionEndCapture": _propTypes.default.func,
+  "onCompositionStart": _propTypes.default.func,
+  "onCompositionStartCapture": _propTypes.default.func,
+  "onCompositionUpdate": _propTypes.default.func,
+  "onCompositionUpdateCapture": _propTypes.default.func,
+  "onContextMenu": _propTypes.default.func,
+  "onContextMenuCapture": _propTypes.default.func,
+  "onCopy": _propTypes.default.func,
+  "onCopyCapture": _propTypes.default.func,
+  "onCut": _propTypes.default.func,
+  "onCutCapture": _propTypes.default.func,
+  "onDoubleClick": _propTypes.default.func,
+  "onDoubleClickCapture": _propTypes.default.func,
+  "onDrag": _propTypes.default.func,
+  "onDragCapture": _propTypes.default.func,
+  "onDragEnd": _propTypes.default.func,
+  "onDragEndCapture": _propTypes.default.func,
+  "onDragEnter": _propTypes.default.func,
+  "onDragEnterCapture": _propTypes.default.func,
+  "onDragExit": _propTypes.default.func,
+  "onDragExitCapture": _propTypes.default.func,
+  "onDragLeave": _propTypes.default.func,
+  "onDragLeaveCapture": _propTypes.default.func,
+  "onDragOver": _propTypes.default.func,
+  "onDragOverCapture": _propTypes.default.func,
+  "onDragStart": _propTypes.default.func,
+  "onDragStartCapture": _propTypes.default.func,
+  "onDrop": _propTypes.default.func,
+  "onDropCapture": _propTypes.default.func,
+  "onDurationChange": _propTypes.default.func,
+  "onDurationChangeCapture": _propTypes.default.func,
+  "onEmptied": _propTypes.default.func,
+  "onEmptiedCapture": _propTypes.default.func,
+  "onEncrypted": _propTypes.default.func,
+  "onEncryptedCapture": _propTypes.default.func,
+  "onEnded": _propTypes.default.func,
+  "onEndedCapture": _propTypes.default.func,
+  "onError": _propTypes.default.func,
+  "onErrorCapture": _propTypes.default.func,
+  "onFilterChange": _propTypes.default.func,
+  "onFocus": _propTypes.default.func,
+  "onFocusCapture": _propTypes.default.func,
+  "onGotPointerCapture": _propTypes.default.func,
+  "onGotPointerCaptureCapture": _propTypes.default.func,
+  "onInput": _propTypes.default.func,
+  "onInputCapture": _propTypes.default.func,
+  "onInvalid": _propTypes.default.func,
+  "onInvalidCapture": _propTypes.default.func,
+  "onKeyDown": _propTypes.default.func,
+  "onKeyDownCapture": _propTypes.default.func,
+  "onKeyPress": _propTypes.default.func,
+  "onKeyPressCapture": _propTypes.default.func,
+  "onKeyUp": _propTypes.default.func,
+  "onKeyUpCapture": _propTypes.default.func,
+  "onLoad": _propTypes.default.func,
+  "onLoadCapture": _propTypes.default.func,
+  "onLoadedData": _propTypes.default.func,
+  "onLoadedDataCapture": _propTypes.default.func,
+  "onLoadedMetadata": _propTypes.default.func,
+  "onLoadedMetadataCapture": _propTypes.default.func,
+  "onLoadStart": _propTypes.default.func,
+  "onLoadStartCapture": _propTypes.default.func,
+  "onLostPointerCapture": _propTypes.default.func,
+  "onLostPointerCaptureCapture": _propTypes.default.func,
+  "onMouseDown": _propTypes.default.func,
+  "onMouseDownCapture": _propTypes.default.func,
+  "onMouseEnter": _propTypes.default.func,
+  "onMouseLeave": _propTypes.default.func,
+  "onMouseMove": _propTypes.default.func,
+  "onMouseMoveCapture": _propTypes.default.func,
+  "onMouseOut": _propTypes.default.func,
+  "onMouseOutCapture": _propTypes.default.func,
+  "onMouseOver": _propTypes.default.func,
+  "onMouseOverCapture": _propTypes.default.func,
+  "onMouseUp": _propTypes.default.func,
+  "onMouseUpCapture": _propTypes.default.func,
+  "onOpen": _propTypes.default.func,
+  "onPaste": _propTypes.default.func,
+  "onPasteCapture": _propTypes.default.func,
+  "onPause": _propTypes.default.func,
+  "onPauseCapture": _propTypes.default.func,
+  "onPlay": _propTypes.default.func,
+  "onPlayCapture": _propTypes.default.func,
+  "onPlaying": _propTypes.default.func,
+  "onPlayingCapture": _propTypes.default.func,
+  "onPointerCancel": _propTypes.default.func,
+  "onPointerCancelCapture": _propTypes.default.func,
+  "onPointerDown": _propTypes.default.func,
+  "onPointerDownCapture": _propTypes.default.func,
+  "onPointerEnter": _propTypes.default.func,
+  "onPointerEnterCapture": _propTypes.default.func,
+  "onPointerLeave": _propTypes.default.func,
+  "onPointerLeaveCapture": _propTypes.default.func,
+  "onPointerMove": _propTypes.default.func,
+  "onPointerMoveCapture": _propTypes.default.func,
+  "onPointerOut": _propTypes.default.func,
+  "onPointerOutCapture": _propTypes.default.func,
+  "onPointerOver": _propTypes.default.func,
+  "onPointerOverCapture": _propTypes.default.func,
+  "onPointerUp": _propTypes.default.func,
+  "onPointerUpCapture": _propTypes.default.func,
+  "onProgress": _propTypes.default.func,
+  "onProgressCapture": _propTypes.default.func,
+  "onRateChange": _propTypes.default.func,
+  "onRateChangeCapture": _propTypes.default.func,
+  "onReset": _propTypes.default.func,
+  "onResetCapture": _propTypes.default.func,
+  "onScroll": _propTypes.default.func,
+  "onScrollCapture": _propTypes.default.func,
+  "onSeeked": _propTypes.default.func,
+  "onSeekedCapture": _propTypes.default.func,
+  "onSeeking": _propTypes.default.func,
+  "onSeekingCapture": _propTypes.default.func,
+  "onSelect": _propTypes.default.func,
+  "onSelectCapture": _propTypes.default.func,
+  "onStalled": _propTypes.default.func,
+  "onStalledCapture": _propTypes.default.func,
+  "onSubmit": _propTypes.default.func,
+  "onSubmitCapture": _propTypes.default.func,
+  "onSuspend": _propTypes.default.func,
+  "onSuspendCapture": _propTypes.default.func,
+  "onTimeUpdate": _propTypes.default.func,
+  "onTimeUpdateCapture": _propTypes.default.func,
+  "onTouchCancel": _propTypes.default.func,
+  "onTouchCancelCapture": _propTypes.default.func,
+  "onTouchEnd": _propTypes.default.func,
+  "onTouchEndCapture": _propTypes.default.func,
+  "onTouchMove": _propTypes.default.func,
+  "onTouchMoveCapture": _propTypes.default.func,
+  "onTouchStart": _propTypes.default.func,
+  "onTouchStartCapture": _propTypes.default.func,
+  "onTransitionEnd": _propTypes.default.func,
+  "onTransitionEndCapture": _propTypes.default.func,
+  "onVolumeChange": _propTypes.default.func,
+  "onVolumeChangeCapture": _propTypes.default.func,
+  "onWaiting": _propTypes.default.func,
+  "onWaitingCapture": _propTypes.default.func,
+  "onWheel": _propTypes.default.func,
+  "onWheelCapture": _propTypes.default.func,
+  "openOnFocus": _propTypes.default.bool,
+  "pattern": _propTypes.default.string,
+  "placeholder": _propTypes.default.string,
+  "prefix": _propTypes.default.string,
+  "property": _propTypes.default.string,
+  "radioGroup": _propTypes.default.string,
+  "readOnly": _propTypes.default.bool,
+  "required": _propTypes.default.bool,
+  "resource": _propTypes.default.string,
+  "results": _propTypes.default.number,
+  "reverse": _propTypes.default.bool,
+  "role": _propTypes.default.oneOfType([_propTypes.default.oneOf(["alert", "alertdialog", "application", "article", "banner", "button", "cell", "checkbox", "columnheader", "combobox", "complementary", "contentinfo", "definition", "dialog", "directory", "document", "feed", "figure", "form", "grid", "gridcell", "group", "heading", "img", "link", "list", "listbox", "listitem", "log", "main", "marquee", "math", "menu", "menubar", "menuitem", "menuitemcheckbox", "menuitemradio", "navigation", "none", "note", "option", "presentation", "progressbar", "radio", "radiogroup", "region", "row", "rowgroup", "rowheader", "scrollbar", "search", "searchbox", "separator", "slider", "spinbutton", "status", "switch", "tab", "table", "tablist", "tabpanel", "term", "textbox", "timer", "toolbar", "tooltip", "tree", "treegrid", "treeitem"]), _propTypes.default.shape({
+    "__@iterator": _propTypes.default.func.isRequired,
+    "anchor": _propTypes.default.func.isRequired,
+    "at": _propTypes.default.func.isRequired,
+    "big": _propTypes.default.func.isRequired,
+    "blink": _propTypes.default.func.isRequired,
+    "bold": _propTypes.default.func.isRequired,
+    "charAt": _propTypes.default.func.isRequired,
+    "charCodeAt": _propTypes.default.func.isRequired,
+    "codePointAt": _propTypes.default.func.isRequired,
+    "concat": _propTypes.default.func.isRequired,
+    "endsWith": _propTypes.default.func.isRequired,
+    "fixed": _propTypes.default.func.isRequired,
+    "fontcolor": _propTypes.default.func.isRequired,
+    "fontsize": _propTypes.default.func.isRequired,
+    "includes": _propTypes.default.func.isRequired,
+    "indexOf": _propTypes.default.func.isRequired,
+    "italics": _propTypes.default.func.isRequired,
+    "lastIndexOf": _propTypes.default.func.isRequired,
+    "length": _propTypes.default.number.isRequired,
+    "link": _propTypes.default.func.isRequired,
+    "localeCompare": _propTypes.default.func.isRequired,
+    "match": _propTypes.default.func.isRequired,
+    "matchAll": _propTypes.default.func.isRequired,
+    "normalize": _propTypes.default.func.isRequired,
+    "padEnd": _propTypes.default.func.isRequired,
+    "padStart": _propTypes.default.func.isRequired,
+    "repeat": _propTypes.default.func.isRequired,
+    "replace": _propTypes.default.func.isRequired,
+    "search": _propTypes.default.func.isRequired,
+    "slice": _propTypes.default.func.isRequired,
+    "small": _propTypes.default.func.isRequired,
+    "split": _propTypes.default.func.isRequired,
+    "startsWith": _propTypes.default.func.isRequired,
+    "strike": _propTypes.default.func.isRequired,
+    "sub": _propTypes.default.func.isRequired,
+    "substr": _propTypes.default.func.isRequired,
+    "substring": _propTypes.default.func.isRequired,
+    "sup": _propTypes.default.func.isRequired,
+    "toLocaleLowerCase": _propTypes.default.func.isRequired,
+    "toLocaleUpperCase": _propTypes.default.func.isRequired,
+    "toLowerCase": _propTypes.default.func.isRequired,
+    "toString": _propTypes.default.func.isRequired,
+    "toUpperCase": _propTypes.default.func.isRequired,
+    "trim": _propTypes.default.func.isRequired,
+    "trimEnd": _propTypes.default.func.isRequired,
+    "trimLeft": _propTypes.default.func.isRequired,
+    "trimRight": _propTypes.default.func.isRequired,
+    "trimStart": _propTypes.default.func.isRequired,
+    "valueOf": _propTypes.default.func.isRequired
+  })]),
+  "security": _propTypes.default.string,
+  "size": _propTypes.default.oneOf(["large", "medium", "small"]),
+  "slot": _propTypes.default.string,
+  "spellCheck": _propTypes.default.oneOfType([_propTypes.default.oneOf(["false", "true"]), _propTypes.default.bool]),
+  "src": _propTypes.default.string,
+  "step": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "style": _propTypes.default.object,
+  "suppressContentEditableWarning": _propTypes.default.bool,
+  "suppressHydrationWarning": _propTypes.default.bool,
+  "tabIndex": _propTypes.default.number,
+  "tableHeader": _propTypes.default.node,
+  "title": _propTypes.default.string,
+  "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
+  "translate": _propTypes.default.oneOf(["no", "yes"]),
+  "typeof": _propTypes.default.string,
+  "unselectable": _propTypes.default.oneOf(["off", "on"]),
+  "validationIconId": _propTypes.default.string,
+  "validationOnLabel": _propTypes.default.bool,
+  "value": _propTypes.default.arrayOf(_propTypes.default.string),
+  "virtualScrollOverscan": _propTypes.default.number,
+  "vocab": _propTypes.default.string,
+  "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
+  "width": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  "wrapPillText": _propTypes.default.bool
 };
 var _default = MultiSelect;
 exports.default = _default;