carbon-react 147.4.3 → 147.6.0

package/esm/components/split-button/index.d.ts

@@ -1,2 +1,2 @@
 export { default } from "./split-button.component";
-export type { SplitButtonProps } from "./split-button.component";
+export type { SplitButtonHandle, SplitButtonProps, } from "./split-button.component";

package/esm/components/split-button/split-button.component.d.ts

@@ -29,5 +29,11 @@ export interface SplitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonE
     /** Sets rendering position of menu */
     position?: "left" | "right";
 }
-export declare const SplitButton: ({ align, position, buttonType, children, disabled, iconPosition, iconType, onClick, size, subtext, text, "data-element": dataElement, "data-role": dataRole, "aria-label": ariaLabel, ...rest }: SplitButtonProps) => React.JSX.Element;
+export declare type SplitButtonHandle = {
+    /** Programmatically focus the main button */
+    focusMainButton: () => void;
+    /** Programmatically focus the toggle button. */
+    focusToggleButton: () => void;
+} | null;
+export declare const SplitButton: React.ForwardRefExoticComponent<SplitButtonProps & React.RefAttributes<SplitButtonHandle>>;
 export default SplitButton;

package/esm/components/split-button/split-button.component.js

@@ -1,5 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useContext, useRef } from "react";
+import React, { useContext, useRef, forwardRef, useImperativeHandle } from "react";
 import PropTypes from "prop-types";
 import { ThemeContext } from "styled-components";
 import { flip, offset } from "@floating-ui/dom";
@@ -17,7 +17,7 @@ import useChildButtons from "../../hooks/__internal__/useChildButtons";
 import SplitButtonContext from "./__internal__/split-button.context";
 import useLocale from "../../hooks/__internal__/useLocale";
 const CONTENT_WIDTH_RATIO = 0.75;
-export const SplitButton = ({
+const SplitButton = /*#__PURE__*/forwardRef(({
   align = "left",
   position = "right",
   buttonType = "secondary",
@@ -33,12 +33,20 @@ export const SplitButton = ({
   "data-role": dataRole,
   "aria-label": ariaLabel,
   ...rest
-}) => {
+}, ref) => {
   const locale = useLocale();
   const theme = useContext(ThemeContext) || baseTheme;
   const buttonLabelId = useRef(guid());
   const mainButtonRef = useRef(null);
-  const toggleButton = useRef(null);
+  const toggleButtonRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    focusMainButton() {
+      mainButtonRef.current?.focus();
+    },
+    focusToggleButton() {
+      toggleButtonRef.current?.focus();
+    }
+  }), []);
   const {
     showAdditionalButtons,
     showButtons,
@@ -47,7 +55,7 @@ export const SplitButton = ({
     handleToggleButtonKeyDown,
     wrapperProps,
     contextValue
-  } = useChildButtons(toggleButton, CONTENT_WIDTH_RATIO);
+  } = useChildButtons(toggleButtonRef, CONTENT_WIDTH_RATIO);
   const handleMainClick = ev => {
     // ensure button is focused when clicked (Safari)
     mainButtonRef.current?.focus();
@@ -106,7 +114,7 @@ export const SplitButton = ({
       "data-element": "toggle-button",
       key: "toggle-button",
       type: "button",
-      ref: toggleButton
+      ref: toggleButtonRef
     }, toggleButtonProps), /*#__PURE__*/React.createElement(Icon, {
       type: "dropdown",
       color: getIconColor(),
@@ -136,5 +144,546 @@ export const SplitButton = ({
     onClick: handleClick,
     ref: buttonNode
   }, componentTags(), marginProps), renderMainButton(), renderAdditionalButtons());
-};
+});
+if (process.env.NODE_ENV !== "production") {
+  SplitButton.propTypes = {
+    "about": PropTypes.string,
+    "accessKey": PropTypes.string,
+    "align": PropTypes.oneOf(["left", "right"]),
+    "aria-activedescendant": PropTypes.string,
+    "aria-atomic": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-autocomplete": PropTypes.oneOf(["both", "inline", "list", "none"]),
+    "aria-busy": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-checked": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+    "aria-colcount": PropTypes.number,
+    "aria-colindex": PropTypes.number,
+    "aria-colspan": PropTypes.number,
+    "aria-controls": PropTypes.string,
+    "aria-current": PropTypes.oneOfType([PropTypes.oneOf(["date", "false", "location", "page", "step", "time", "true"]), PropTypes.bool]),
+    "aria-describedby": PropTypes.string,
+    "aria-details": PropTypes.string,
+    "aria-disabled": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-dropeffect": PropTypes.oneOf(["copy", "execute", "link", "move", "none", "popup"]),
+    "aria-errormessage": PropTypes.string,
+    "aria-expanded": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-flowto": PropTypes.string,
+    "aria-grabbed": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-haspopup": PropTypes.oneOfType([PropTypes.oneOf(["dialog", "false", "grid", "listbox", "menu", "tree", "true"]), PropTypes.bool]),
+    "aria-hidden": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-invalid": PropTypes.oneOfType([PropTypes.oneOf(["false", "grammar", "spelling", "true"]), PropTypes.bool]),
+    "aria-keyshortcuts": PropTypes.string,
+    "aria-label": PropTypes.string,
+    "aria-labelledby": PropTypes.string,
+    "aria-level": PropTypes.number,
+    "aria-live": PropTypes.oneOf(["assertive", "off", "polite"]),
+    "aria-modal": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-multiline": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-multiselectable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-orientation": PropTypes.oneOf(["horizontal", "vertical"]),
+    "aria-owns": PropTypes.string,
+    "aria-placeholder": PropTypes.string,
+    "aria-posinset": PropTypes.number,
+    "aria-pressed": PropTypes.oneOfType([PropTypes.oneOf(["false", "mixed", "true"]), PropTypes.bool]),
+    "aria-readonly": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-relevant": PropTypes.oneOf(["additions removals", "additions text", "additions", "all", "removals additions", "removals text", "removals", "text additions", "text removals", "text"]),
+    "aria-required": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-roledescription": PropTypes.string,
+    "aria-rowcount": PropTypes.number,
+    "aria-rowindex": PropTypes.number,
+    "aria-rowspan": PropTypes.number,
+    "aria-selected": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "aria-setsize": PropTypes.number,
+    "aria-sort": PropTypes.oneOf(["ascending", "descending", "none", "other"]),
+    "aria-valuemax": PropTypes.number,
+    "aria-valuemin": PropTypes.number,
+    "aria-valuenow": PropTypes.number,
+    "aria-valuetext": PropTypes.string,
+    "autoCapitalize": PropTypes.oneOfType([PropTypes.oneOf(["characters", "none", "off", "on", "sentences", "words"]), PropTypes.shape({
+      "__@iterator": PropTypes.func.isRequired,
+      "anchor": PropTypes.func.isRequired,
+      "at": PropTypes.func.isRequired,
+      "big": PropTypes.func.isRequired,
+      "blink": PropTypes.func.isRequired,
+      "bold": PropTypes.func.isRequired,
+      "charAt": PropTypes.func.isRequired,
+      "charCodeAt": PropTypes.func.isRequired,
+      "codePointAt": PropTypes.func.isRequired,
+      "concat": PropTypes.func.isRequired,
+      "endsWith": PropTypes.func.isRequired,
+      "fixed": PropTypes.func.isRequired,
+      "fontcolor": PropTypes.func.isRequired,
+      "fontsize": PropTypes.func.isRequired,
+      "includes": PropTypes.func.isRequired,
+      "indexOf": PropTypes.func.isRequired,
+      "italics": PropTypes.func.isRequired,
+      "lastIndexOf": PropTypes.func.isRequired,
+      "length": PropTypes.number.isRequired,
+      "link": PropTypes.func.isRequired,
+      "localeCompare": PropTypes.func.isRequired,
+      "match": PropTypes.func.isRequired,
+      "matchAll": PropTypes.func.isRequired,
+      "normalize": PropTypes.func.isRequired,
+      "padEnd": PropTypes.func.isRequired,
+      "padStart": PropTypes.func.isRequired,
+      "repeat": PropTypes.func.isRequired,
+      "replace": PropTypes.func.isRequired,
+      "search": PropTypes.func.isRequired,
+      "slice": PropTypes.func.isRequired,
+      "small": PropTypes.func.isRequired,
+      "split": PropTypes.func.isRequired,
+      "startsWith": PropTypes.func.isRequired,
+      "strike": PropTypes.func.isRequired,
+      "sub": PropTypes.func.isRequired,
+      "substr": PropTypes.func.isRequired,
+      "substring": PropTypes.func.isRequired,
+      "sup": PropTypes.func.isRequired,
+      "toLocaleLowerCase": PropTypes.func.isRequired,
+      "toLocaleUpperCase": PropTypes.func.isRequired,
+      "toLowerCase": PropTypes.func.isRequired,
+      "toString": PropTypes.func.isRequired,
+      "toUpperCase": PropTypes.func.isRequired,
+      "trim": PropTypes.func.isRequired,
+      "trimEnd": PropTypes.func.isRequired,
+      "trimLeft": PropTypes.func.isRequired,
+      "trimRight": PropTypes.func.isRequired,
+      "trimStart": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    })]),
+    "autoCorrect": PropTypes.string,
+    "autoFocus": PropTypes.bool,
+    "autoSave": PropTypes.string,
+    "buttonType": PropTypes.oneOf(["primary", "secondary"]),
+    "children": PropTypes.node,
+    "className": PropTypes.string,
+    "color": PropTypes.string,
+    "content": PropTypes.string,
+    "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
+    "contextMenu": PropTypes.string,
+    "dangerouslySetInnerHTML": PropTypes.shape({
+      "__html": PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired
+    }),
+    "data-element": PropTypes.string,
+    "data-role": PropTypes.string,
+    "datatype": PropTypes.string,
+    "defaultChecked": PropTypes.bool,
+    "defaultValue": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string]),
+    "dir": PropTypes.string,
+    "disabled": PropTypes.bool,
+    "draggable": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "enterKeyHint": PropTypes.oneOf(["done", "enter", "go", "next", "previous", "search", "send"]),
+    "form": PropTypes.string,
+    "formAction": PropTypes.string,
+    "formEncType": PropTypes.string,
+    "formMethod": PropTypes.string,
+    "formNoValidate": PropTypes.bool,
+    "formTarget": PropTypes.string,
+    "hidden": PropTypes.bool,
+    "iconPosition": PropTypes.oneOf(["after", "before"]),
+    "iconType": PropTypes.oneOf(["accessibility_web", "add", "admin", "alert_on", "alert", "analysis", "app_facebook", "app_instagram", "app_tiktok", "app_twitter", "app_youtube", "apps", "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", "bill_paid", "bill_unpaid", "bin", "biometric", "block_arrow_right", "blocked_square", "blocked", "bold", "box_arrow_left", "box_arrow_right", "boxed_shapes", "bulk_destroy", "bullet_list_dotted", "bullet_list_numbers", "bullet_list", "business", "calendar_pay_date", "calendar_today", "calendar", "call", "camera", "car_lock", "car_money", "car_repair", "card_view", "card_wallet", "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", "check_all", "check_none", "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", "cloud_co2", "coins", "collaborate", "computer_clock", "connect_off", "connect", "construction", "contact_card", "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", "export", "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", "heart_pulse", "help", "hide", "home", "image", "import", "in_progress", "in_transit", "individual", "info", "intranet", "italic", "job_seeked", "key", "laptop", "leaf", "ledger_arrow_left", "ledger_arrow_right", "ledger", "lightbulb_off", "lightbulb_on", "like_no", "like", "link_cloud", "link_on", "link", "list_view", "location", "locked", "logout", "lookup", "marker", "message", "microphone", "minimise", "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", "pin", "plane", "play_circle", "play", "plus_large", "plus", "pound", "print", "progress", "progressed", "protect", "question_hollow", "question_mark", "question", "recruiting", "refresh_clock", "refresh", "remove", "sage_coin", "save", "scan", "search", "send", "services", "settings_old", "settings", "share", "shield_with_tick_outline", "shield_with_tick", "shop", "sort_down", "sort_up", "spanner", "split_container", "split", "square_dot", "squares_nine", "stacked_boxes", "stacked_squares", "stop_circle", "stop", "submitted", "support_online", "sync", "tag", "talk", "target_man", "target", "theatre_masks", "three_boxes", "tick_circle", "tick_thick", "tick", "true_tick", "u_turn_left", "u_turn_right", "undo", "unlocked", "upload", "uploaded", "video", "view", "volunteering", "warning", "website", "welfare", "worldwide_location"]),
+    "id": PropTypes.string,
+    "inlist": PropTypes.any,
+    "inputMode": PropTypes.oneOf(["decimal", "email", "none", "numeric", "search", "tel", "text", "url"]),
+    "is": PropTypes.string,
+    "itemID": PropTypes.string,
+    "itemProp": PropTypes.string,
+    "itemRef": PropTypes.string,
+    "itemScope": PropTypes.bool,
+    "itemType": PropTypes.string,
+    "lang": PropTypes.string,
+    "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
+      "__@toStringTag": PropTypes.string.isRequired,
+      "description": PropTypes.string,
+      "toString": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    }), PropTypes.string]),
+    "name": PropTypes.string,
+    "nonce": PropTypes.string,
+    "onAbort": PropTypes.func,
+    "onAbortCapture": PropTypes.func,
+    "onAnimationEnd": PropTypes.func,
+    "onAnimationEndCapture": PropTypes.func,
+    "onAnimationIteration": PropTypes.func,
+    "onAnimationIterationCapture": PropTypes.func,
+    "onAnimationStart": PropTypes.func,
+    "onAnimationStartCapture": PropTypes.func,
+    "onAuxClick": PropTypes.func,
+    "onAuxClickCapture": PropTypes.func,
+    "onBeforeInput": PropTypes.func,
+    "onBeforeInputCapture": PropTypes.func,
+    "onBlur": PropTypes.func,
+    "onBlurCapture": PropTypes.func,
+    "onCanPlay": PropTypes.func,
+    "onCanPlayCapture": PropTypes.func,
+    "onCanPlayThrough": PropTypes.func,
+    "onCanPlayThroughCapture": PropTypes.func,
+    "onChange": PropTypes.func,
+    "onChangeCapture": PropTypes.func,
+    "onClick": PropTypes.func,
+    "onClickCapture": PropTypes.func,
+    "onCompositionEnd": PropTypes.func,
+    "onCompositionEndCapture": PropTypes.func,
+    "onCompositionStart": PropTypes.func,
+    "onCompositionStartCapture": PropTypes.func,
+    "onCompositionUpdate": PropTypes.func,
+    "onCompositionUpdateCapture": PropTypes.func,
+    "onContextMenu": PropTypes.func,
+    "onContextMenuCapture": PropTypes.func,
+    "onCopy": PropTypes.func,
+    "onCopyCapture": PropTypes.func,
+    "onCut": PropTypes.func,
+    "onCutCapture": PropTypes.func,
+    "onDoubleClick": PropTypes.func,
+    "onDoubleClickCapture": PropTypes.func,
+    "onDrag": PropTypes.func,
+    "onDragCapture": PropTypes.func,
+    "onDragEnd": PropTypes.func,
+    "onDragEndCapture": PropTypes.func,
+    "onDragEnter": PropTypes.func,
+    "onDragEnterCapture": PropTypes.func,
+    "onDragExit": PropTypes.func,
+    "onDragExitCapture": PropTypes.func,
+    "onDragLeave": PropTypes.func,
+    "onDragLeaveCapture": PropTypes.func,
+    "onDragOver": PropTypes.func,
+    "onDragOverCapture": PropTypes.func,
+    "onDragStart": PropTypes.func,
+    "onDragStartCapture": PropTypes.func,
+    "onDrop": PropTypes.func,
+    "onDropCapture": PropTypes.func,
+    "onDurationChange": PropTypes.func,
+    "onDurationChangeCapture": PropTypes.func,
+    "onEmptied": PropTypes.func,
+    "onEmptiedCapture": PropTypes.func,
+    "onEncrypted": PropTypes.func,
+    "onEncryptedCapture": PropTypes.func,
+    "onEnded": PropTypes.func,
+    "onEndedCapture": PropTypes.func,
+    "onError": PropTypes.func,
+    "onErrorCapture": PropTypes.func,
+    "onFocus": PropTypes.func,
+    "onFocusCapture": PropTypes.func,
+    "onGotPointerCapture": PropTypes.func,
+    "onGotPointerCaptureCapture": PropTypes.func,
+    "onInput": PropTypes.func,
+    "onInputCapture": PropTypes.func,
+    "onInvalid": PropTypes.func,
+    "onInvalidCapture": PropTypes.func,
+    "onKeyDown": PropTypes.func,
+    "onKeyDownCapture": PropTypes.func,
+    "onKeyPress": PropTypes.func,
+    "onKeyPressCapture": PropTypes.func,
+    "onKeyUp": PropTypes.func,
+    "onKeyUpCapture": PropTypes.func,
+    "onLoad": PropTypes.func,
+    "onLoadCapture": PropTypes.func,
+    "onLoadedData": PropTypes.func,
+    "onLoadedDataCapture": PropTypes.func,
+    "onLoadedMetadata": PropTypes.func,
+    "onLoadedMetadataCapture": PropTypes.func,
+    "onLoadStart": PropTypes.func,
+    "onLoadStartCapture": PropTypes.func,
+    "onLostPointerCapture": PropTypes.func,
+    "onLostPointerCaptureCapture": PropTypes.func,
+    "onMouseDown": PropTypes.func,
+    "onMouseDownCapture": PropTypes.func,
+    "onMouseEnter": PropTypes.func,
+    "onMouseLeave": PropTypes.func,
+    "onMouseMove": PropTypes.func,
+    "onMouseMoveCapture": PropTypes.func,
+    "onMouseOut": PropTypes.func,
+    "onMouseOutCapture": PropTypes.func,
+    "onMouseOver": PropTypes.func,
+    "onMouseOverCapture": PropTypes.func,
+    "onMouseUp": PropTypes.func,
+    "onMouseUpCapture": PropTypes.func,
+    "onPaste": PropTypes.func,
+    "onPasteCapture": PropTypes.func,
+    "onPause": PropTypes.func,
+    "onPauseCapture": PropTypes.func,
+    "onPlay": PropTypes.func,
+    "onPlayCapture": PropTypes.func,
+    "onPlaying": PropTypes.func,
+    "onPlayingCapture": PropTypes.func,
+    "onPointerCancel": PropTypes.func,
+    "onPointerCancelCapture": PropTypes.func,
+    "onPointerDown": PropTypes.func,
+    "onPointerDownCapture": PropTypes.func,
+    "onPointerEnter": PropTypes.func,
+    "onPointerEnterCapture": PropTypes.func,
+    "onPointerLeave": PropTypes.func,
+    "onPointerLeaveCapture": PropTypes.func,
+    "onPointerMove": PropTypes.func,
+    "onPointerMoveCapture": PropTypes.func,
+    "onPointerOut": PropTypes.func,
+    "onPointerOutCapture": PropTypes.func,
+    "onPointerOver": PropTypes.func,
+    "onPointerOverCapture": PropTypes.func,
+    "onPointerUp": PropTypes.func,
+    "onPointerUpCapture": PropTypes.func,
+    "onProgress": PropTypes.func,
+    "onProgressCapture": PropTypes.func,
+    "onRateChange": PropTypes.func,
+    "onRateChangeCapture": PropTypes.func,
+    "onReset": PropTypes.func,
+    "onResetCapture": PropTypes.func,
+    "onScroll": PropTypes.func,
+    "onScrollCapture": PropTypes.func,
+    "onSeeked": PropTypes.func,
+    "onSeekedCapture": PropTypes.func,
+    "onSeeking": PropTypes.func,
+    "onSeekingCapture": PropTypes.func,
+    "onSelect": PropTypes.func,
+    "onSelectCapture": PropTypes.func,
+    "onStalled": PropTypes.func,
+    "onStalledCapture": PropTypes.func,
+    "onSubmit": PropTypes.func,
+    "onSubmitCapture": PropTypes.func,
+    "onSuspend": PropTypes.func,
+    "onSuspendCapture": PropTypes.func,
+    "onTimeUpdate": PropTypes.func,
+    "onTimeUpdateCapture": PropTypes.func,
+    "onTouchCancel": PropTypes.func,
+    "onTouchCancelCapture": PropTypes.func,
+    "onTouchEnd": PropTypes.func,
+    "onTouchEndCapture": PropTypes.func,
+    "onTouchMove": PropTypes.func,
+    "onTouchMoveCapture": PropTypes.func,
+    "onTouchStart": PropTypes.func,
+    "onTouchStartCapture": PropTypes.func,
+    "onTransitionEnd": PropTypes.func,
+    "onTransitionEndCapture": PropTypes.func,
+    "onVolumeChange": PropTypes.func,
+    "onVolumeChangeCapture": PropTypes.func,
+    "onWaiting": PropTypes.func,
+    "onWaitingCapture": PropTypes.func,
+    "onWheel": PropTypes.func,
+    "onWheelCapture": PropTypes.func,
+    "placeholder": PropTypes.string,
+    "position": PropTypes.oneOf(["left", "right"]),
+    "prefix": PropTypes.string,
+    "property": PropTypes.string,
+    "radioGroup": PropTypes.string,
+    "rel": PropTypes.string,
+    "resource": PropTypes.string,
+    "results": PropTypes.number,
+    "rev": PropTypes.string,
+    "role": PropTypes.oneOfType([PropTypes.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.shape({
+      "__@iterator": PropTypes.func.isRequired,
+      "anchor": PropTypes.func.isRequired,
+      "at": PropTypes.func.isRequired,
+      "big": PropTypes.func.isRequired,
+      "blink": PropTypes.func.isRequired,
+      "bold": PropTypes.func.isRequired,
+      "charAt": PropTypes.func.isRequired,
+      "charCodeAt": PropTypes.func.isRequired,
+      "codePointAt": PropTypes.func.isRequired,
+      "concat": PropTypes.func.isRequired,
+      "endsWith": PropTypes.func.isRequired,
+      "fixed": PropTypes.func.isRequired,
+      "fontcolor": PropTypes.func.isRequired,
+      "fontsize": PropTypes.func.isRequired,
+      "includes": PropTypes.func.isRequired,
+      "indexOf": PropTypes.func.isRequired,
+      "italics": PropTypes.func.isRequired,
+      "lastIndexOf": PropTypes.func.isRequired,
+      "length": PropTypes.number.isRequired,
+      "link": PropTypes.func.isRequired,
+      "localeCompare": PropTypes.func.isRequired,
+      "match": PropTypes.func.isRequired,
+      "matchAll": PropTypes.func.isRequired,
+      "normalize": PropTypes.func.isRequired,
+      "padEnd": PropTypes.func.isRequired,
+      "padStart": PropTypes.func.isRequired,
+      "repeat": PropTypes.func.isRequired,
+      "replace": PropTypes.func.isRequired,
+      "search": PropTypes.func.isRequired,
+      "slice": PropTypes.func.isRequired,
+      "small": PropTypes.func.isRequired,
+      "split": PropTypes.func.isRequired,
+      "startsWith": PropTypes.func.isRequired,
+      "strike": PropTypes.func.isRequired,
+      "sub": PropTypes.func.isRequired,
+      "substr": PropTypes.func.isRequired,
+      "substring": PropTypes.func.isRequired,
+      "sup": PropTypes.func.isRequired,
+      "toLocaleLowerCase": PropTypes.func.isRequired,
+      "toLocaleUpperCase": PropTypes.func.isRequired,
+      "toLowerCase": PropTypes.func.isRequired,
+      "toString": PropTypes.func.isRequired,
+      "toUpperCase": PropTypes.func.isRequired,
+      "trim": PropTypes.func.isRequired,
+      "trimEnd": PropTypes.func.isRequired,
+      "trimLeft": PropTypes.func.isRequired,
+      "trimRight": PropTypes.func.isRequired,
+      "trimStart": PropTypes.func.isRequired,
+      "valueOf": PropTypes.func.isRequired
+    })]),
+    "security": PropTypes.string,
+    "size": PropTypes.oneOf(["large", "medium", "small"]),
+    "slot": PropTypes.string,
+    "spellCheck": PropTypes.oneOfType([PropTypes.oneOf(["false", "true"]), PropTypes.bool]),
+    "style": PropTypes.object,
+    "subtext": PropTypes.string,
+    "suppressContentEditableWarning": PropTypes.bool,
+    "suppressHydrationWarning": PropTypes.bool,
+    "tabIndex": PropTypes.number,
+    "text": PropTypes.string.isRequired,
+    "title": PropTypes.string,
+    "translate": PropTypes.oneOf(["no", "yes"]),
+    "type": PropTypes.oneOf(["button", "reset", "submit"]),
+    "typeof": PropTypes.string,
+    "unselectable": PropTypes.oneOf(["off", "on"]),
+    "value": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string]),
+    "vocab": PropTypes.string
+  };
+}
+export { SplitButton };
 export default SplitButton;