carbon-react 118.5.1 → 118.6.0

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

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { useContext, useCallback, useMemo, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import { ThemeContext } from "styled-components";
@@ -16,22 +15,22 @@ import { filterStyledSystemMarginProps, filterOutStyledSystemSpacingProps } from
 import { baseTheme } from "../../style/themes";
 import useMenuKeyboardNavigation from "../../hooks/__internal__/useMenuKeyboardNavigation";
 const CONTENT_WIDTH_RATIO = 0.75;
-
-const SplitButton = ({
-  align = "left",
-  buttonType = "secondary",
-  children,
-  disabled = false,
-  iconPosition = "before",
-  iconType,
-  onClick,
-  size = "medium",
-  subtext,
-  text,
-  "data-element": dataElement,
-  "data-role": dataRole,
-  ...rest
-}) => {
+export const SplitButton = _ref => {
+  let {
+    align = "left",
+    buttonType = "secondary",
+    children,
+    disabled = false,
+    iconPosition = "before",
+    iconType,
+    onClick,
+    size = "medium",
+    subtext,
+    text,
+    "data-element": dataElement,
+    "data-role": dataRole,
+    ...rest
+  } = _ref;
   const theme = useContext(ThemeContext) || baseTheme;
   const buttonLabelId = useRef(guid());
   const buttonChildren = useMemo(() => React.Children.toArray(children), [children]);
@@ -44,32 +43,25 @@ const SplitButton = ({
     setShowAdditionalButtons(false);
   }, []);
   const handleKeyDown = useMenuKeyboardNavigation(toggleButton, buttonChildrenRefs, hideButtons, showAdditionalButtons);
-
   function showButtons() {
     setShowAdditionalButtons(true);
-    /* istanbul ignore else */
 
+    /* istanbul ignore else */
     if (splitButtonNode.current) {
       setMinWidth(CONTENT_WIDTH_RATIO * splitButtonNode.current.getBoundingClientRect().width);
     }
   }
-
   function handleToggleButtonKeyDown(ev) {
     if (Events.isEnterKey(ev) || Events.isSpaceKey(ev) || Events.isDownKey(ev) || Events.isUpKey(ev)) {
       ev.preventDefault();
-
       if (!showAdditionalButtons) {
         showButtons();
       }
-
       setTimeout(() => {
-        var _buttonChildrenRefs$, _buttonChildrenRefs$$;
-
-        (_buttonChildrenRefs$ = buttonChildrenRefs[0]) === null || _buttonChildrenRefs$ === void 0 ? void 0 : (_buttonChildrenRefs$$ = _buttonChildrenRefs$.current) === null || _buttonChildrenRefs$$ === void 0 ? void 0 : _buttonChildrenRefs$$.focus();
+        buttonChildrenRefs[0]?.current?.focus();
       }, 0);
     }
   }
-
   const hideButtonsIfTriggerNotFocused = useCallback(() => {
     if (toggleButton.current === document.activeElement) return;
     setShowAdditionalButtons(false);
@@ -99,7 +91,6 @@ const SplitButton = ({
       onClick: showButtons
     })
   };
-
   function componentTags() {
     return {
       "data-component": "split-button",
@@ -107,7 +98,6 @@ const SplitButton = ({
       "data-role": dataRole
     };
   }
-
   function getIconColor() {
     const colorsMap = {
       primary: theme.colors.white,
@@ -115,7 +105,6 @@ const SplitButton = ({
     };
     return colorsMap[buttonType];
   }
-
   function renderMainButton() {
     return [/*#__PURE__*/React.createElement(Button, _extends({
       "data-element": "main-button",
@@ -137,7 +126,6 @@ const SplitButton = ({
       disabled: disabled
     }))];
   }
-
   function childrenWithProps() {
     const childArray = Array.isArray(children) ? children : [children];
     return childArray.filter(Boolean).map((child, index) => {
@@ -147,17 +135,14 @@ const SplitButton = ({
         ref: buttonChildrenRefs[index],
         tabIndex: -1,
         onClick: ev => {
-          var _toggleButton$current;
-
           if (child.props.onClick) child.props.onClick(ev);
           hideButtons();
-          (_toggleButton$current = toggleButton.current) === null || _toggleButton$current === void 0 ? void 0 : _toggleButton$current.focus();
+          toggleButton.current?.focus();
         }
       };
       return /*#__PURE__*/React.cloneElement(child, childProps);
     });
   }
-
   function renderAdditionalButtons() {
     if (!showAdditionalButtons) return null;
     return /*#__PURE__*/React.createElement(Popover, {
@@ -172,7 +157,6 @@ const SplitButton = ({
       onKeyDown: handleKeyDown
     }, childrenWithProps()));
   }
-
   const handleClick = useClickAwayListener(hideButtons);
   const marginProps = filterStyledSystemMarginProps(rest);
   return /*#__PURE__*/React.createElement(StyledSplitButton, _extends({
@@ -181,491 +165,4 @@ const SplitButton = ({
     ref: splitButtonNode
   }, componentTags(), marginProps), renderMainButton(), renderAdditionalButtons());
 };
-
-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.string,
-  "autoCorrect": PropTypes.string,
-  "autoFocus": PropTypes.bool,
-  "autoSave": PropTypes.string,
-  "buttonType": PropTypes.oneOf(["primary", "secondary"]),
-  "children": PropTypes.node,
-  "className": PropTypes.string,
-  "color": PropTypes.string,
-  "contentEditable": PropTypes.oneOfType([PropTypes.oneOf(["false", "inherit", "true"]), PropTypes.bool]),
-  "contextMenu": PropTypes.string,
-  "css": PropTypes.oneOfType([PropTypes.func, PropTypes.number, PropTypes.object, PropTypes.shape({
-    "__emotion_styles": PropTypes.any.isRequired
-  }), PropTypes.string, PropTypes.bool]),
-  "dangerouslySetInnerHTML": PropTypes.shape({
-    "__html": 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]),
-  "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(["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", "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", "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"]),
-  "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,
-  "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,
-  "prefix": PropTypes.string,
-  "property": PropTypes.string,
-  "radioGroup": PropTypes.string,
-  "resource": PropTypes.string,
-  "results": PropTypes.number,
-  "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;

package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts

@@ -15,5 +15,5 @@ export interface StepSequenceItemProps {
     /** Content to be displayed */
     children: React.ReactNode;
 }
-export declare const StepSequenceItem: ({ hideIndicator, indicator, status, hiddenCompleteLabel, hiddenCurrentLabel, children, ariaLabel, ...rest }: StepSequenceItemProps) => JSX.Element;
+export declare const StepSequenceItem: ({ hideIndicator, indicator, status, hiddenCompleteLabel, hiddenCurrentLabel, children, ariaLabel, ...rest }: StepSequenceItemProps) => React.JSX.Element;
 export default StepSequenceItem;