carbon-react 109.7.0 → 110.0.1

package/lib/components/date/date.component.js

@@ -69,7 +69,6 @@ const DateInput = ({
   const wrapperRef = (0, _react.useRef)();
   const parentRef = (0, _react.useRef)();
   const inputRef = (0, _react.useRef)();
-  const pickerRef = (0, _react.useRef)();
   const alreadyFocused = (0, _react.useRef)(false);
   const isBlurBlocked = (0, _react.useRef)(false);
   const focusedViaPicker = (0, _react.useRef)(false);
@@ -114,6 +113,19 @@ const DateInput = ({
     return ev;
   };
 
+  const handleClickAway = () => {
+    if (open) {
+      alreadyFocused.current = true;
+      inputRef.current.focus();
+      isBlurBlocked.current = false;
+      inputRef.current.blur();
+      setOpen(false);
+      alreadyFocused.current = false;
+    }
+  };
+
+  const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
+
   const handleChange = ev => {
     isInitialValue.current = false;
     onChange(buildCustomEvent(ev));
@@ -220,6 +232,8 @@ const DateInput = ({
   };
 
   const handleMouseDown = ev => {
+    handleClickInside(ev);
+
     if (disabled || readOnly) {
       return;
     }
@@ -241,8 +255,9 @@ const DateInput = ({
     handleMouseDown(e);
   };
 
-  const handlePickerMouseDown = () => {
+  const handlePickerMouseDown = ev => {
     isBlurBlocked.current = true;
+    handleClickInside(ev);
   };
 
   const assignInput = input => {
@@ -292,18 +307,6 @@ const DateInput = ({
     return value;
   };
 
-  const handleClickAway = () => {
-    if (open) {
-      alreadyFocused.current = true;
-      inputRef.current.focus();
-      isBlurBlocked.current = false;
-      inputRef.current.blur();
-      setOpen(false);
-      alreadyFocused.current = false;
-    }
-  };
-
-  (0, _useClickAwayListener.default)([parentRef, pickerRef], handleClickAway, "mousedown");
   return /*#__PURE__*/_react.default.createElement(_date.default, _extends({
     ref: wrapperRef,
     role: "presentation",
@@ -341,7 +344,6 @@ const DateInput = ({
     onDayClick: handleDayClick,
     minDate: minDate,
     maxDate: maxDate,
-    ref: pickerRef,
     pickerMouseDown: handlePickerMouseDown,
     open: open
   }));

package/lib/components/dismissible-box/dismissible-box.component.d.ts

@@ -13,5 +13,5 @@ export interface DismissibleBoxProps extends SpaceProps, StyledDismissibleBoxPro
      * Please note this component has a minWidth of 600px */
     width?: number | string;
 }
-declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
+export declare const DismissibleBox: ({ children, onClose, ...rest }: DismissibleBoxProps) => JSX.Element;
 export default DismissibleBox;

package/lib/components/dismissible-box/dismissible-box.component.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.DismissibleBox = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
@@ -37,6 +37,7 @@ const DismissibleBox = ({
   color: "--colorsActionMinor500"
 }))));
 
+exports.DismissibleBox = DismissibleBox;
 DismissibleBox.propTypes = {
   "alignContent": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-initial", "baseline", "center", "end", "flex-end", "flex-start", "inherit", "initial", "normal", "revert", "space-around", "space-between", "space-evenly", "start", "stretch", "unset", null]), _propTypes.default.shape({
     "__@iterator": _propTypes.default.func.isRequired,

package/lib/components/fieldset/fieldset.component.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { MarginProps } from "styled-system";
+import { StyledFieldsetProps } from "./fieldset.style";
+export interface FieldsetProps extends StyledFieldsetProps, MarginProps {
+    /** Child elements */
+    children?: React.ReactNode;
+    /** The text for the fieldsets legend element. */
+    legend?: string;
+}
+declare const Fieldset: ({ children, inline, legend, ...rest }: FieldsetProps) => JSX.Element;
+export default Fieldset;

package/lib/components/fieldset/fieldset.component.js

@@ -9,8 +9,6 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
-
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 
 var _utils = require("../../style/utils");
@@ -23,11 +21,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
-const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
-
 const Fieldset = ({
   children,
-  inline,
+  inline = false,
   legend,
   ...rest
 }) => {
@@ -54,20 +50,163 @@ const Fieldset = ({
 };
 
 Fieldset.propTypes = {
-  /** Filtered styled system margin props */
-  ...marginPropTypes,
-
-  /** Child elements */
-  children: _propTypes.default.node,
-
-  /** The text for the fieldsets legend element. */
-  legend: _propTypes.default.string,
-
-  /** When true, legend is placed in line with the children */
-  inline: _propTypes.default.bool
-};
-Fieldset.defaultProps = {
-  inline: false
+  "children": _propTypes.default.node,
+  "inline": _propTypes.default.bool,
+  "legend": _propTypes.default.string,
+  "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]),
+  "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]),
+  "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]),
+  "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])
 };
 var _default = Fieldset;
 exports.default = _default;

package/lib/components/fieldset/fieldset.style.d.ts

@@ -0,0 +1,8 @@
+export interface StyledFieldsetProps {
+    /** When true, legend is placed in line with the children */
+    inline?: boolean;
+}
+declare const FieldsetStyle: import("styled-components").StyledComponent<"fieldset", any, {}, never>;
+declare const LegendContainerStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+declare const FieldsetContentStyle: import("styled-components").StyledComponent<"div", any, StyledFieldsetProps, never>;
+export { FieldsetStyle, LegendContainerStyle, FieldsetContentStyle };

package/lib/components/fieldset/index.d.ts

@@ -1 +1,2 @@
-export { default } from "./fieldset";
+export { default } from "./fieldset.component";
+export type { FieldsetProps } from "./fieldset.component";

package/lib/components/grid/grid-container/grid-container.component.js

@@ -5,45 +5,19 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.GridContainer = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _invariant = _interopRequireDefault(require("invariant"));
-
 var _gridContainer = _interopRequireDefault(require("./grid-container.style"));
 
-var _gridItem = _interopRequireDefault(require("../grid-item"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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); }
 
-const GridContainer = props => {
-  const {
-    children,
-    ...rest
-  } = props;
-  const hasProperChildren = (0, _react.useMemo)(() => {
-    const incorrectChild = _react.default.Children.toArray(children).find(child => {
-      if (! /*#__PURE__*/_react.default.isValidElement(child)) {
-        return true;
-      }
-
-      return child.type.displayName !== _gridItem.default.displayName;
-    });
-
-    return !incorrectChild;
-  }, [children]);
-  !hasProperChildren ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `GridContainer only accepts children of type ${_gridItem.default.displayName}.`) : (0, _invariant.default)(false) : void 0;
-  return /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
-    "data-component": "grid"
-  }, rest), children);
-};
+const GridContainer = props => /*#__PURE__*/_react.default.createElement(_gridContainer.default, _extends({
+  "data-component": "grid"
+}, props));
 
 exports.GridContainer = GridContainer;
 GridContainer.propTypes = {

package/lib/components/link/link.component.d.ts

@@ -15,8 +15,6 @@ export interface LinkProps extends React.AriaAttributes {
     onKeyDown?: (ev: React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
     /** Function called when a mouse down event triggers. */
     onMouseDown?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement>) => void;
-    /** Whether to include the link in the tab order of the page */
-    tabbable?: boolean;
     /** A message to display as a tooltip to the link. */
     tooltipMessage?: string;
     /** Positions the tooltip with the link. */

package/lib/components/link/link.component.js

@@ -42,12 +42,10 @@ const Link = /*#__PURE__*/_react.default.forwardRef(({
   rel,
   tooltipMessage,
   tooltipPosition,
-  tabbable = true,
   target,
   ...rest
 }, ref) => {
   const l = (0, _useLocale.default)();
-  const tabIndex = tabbable && !disabled ? "0" : "-1";
 
   const handleOnKeyDown = ev => {
     if (onKeyDown) {
@@ -90,7 +88,6 @@ const Link = /*#__PURE__*/_react.default.forwardRef(({
     onMouseDown,
     onClick,
     disabled,
-    tabIndex,
     target,
     ref,
     href,
@@ -182,7 +179,6 @@ Link.propTypes = {
   "onKeyDown": _propTypes.default.func,
   "onMouseDown": _propTypes.default.func,
   "rel": _propTypes.default.string,
-  "tabbable": _propTypes.default.bool,
   "target": _propTypes.default.string,
   "tooltipMessage": _propTypes.default.string,
   "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"])

package/lib/components/menu/__internal__/submenu/submenu.component.js

@@ -63,7 +63,6 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
   const [submenuOpen, setSubmenuOpen] = (0, _react.useState)(false);
   const [submenuFocusIndex, setSubmenuFocusIndex] = (0, _react.useState)(undefined);
   const [characterString, setCharacterString] = (0, _react.useState)("");
-  const submenuRef = (0, _react.useRef)();
 
   const formattedChildren = _react.default.Children.map(children, child => {
     if (child.type === _scrollableBlock.default) {
@@ -232,24 +231,23 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
     } // eslint-disable-next-line react-hooks/exhaustive-deps
 
   }, [characterString]);
-  (0, _useClickAwayListener.default)([submenuRef], handleClickAway);
+  const handleClickInside = (0, _useClickAwayListener.default)(handleClickAway);
 
   if (inFullscreenView) {
     return /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenuWrapper, {
       "data-component": "submenu-wrapper",
-      ref: submenuRef,
       inFullscreenView: inFullscreenView,
       menuType: menuContext.menuType,
-      asPassiveItem: asPassiveItem
+      asPassiveItem: asPassiveItem,
+      onClick: handleClickInside
     }, /*#__PURE__*/_react.default.createElement(_menuItem.default, _extends({}, rest, {
       onClick: onClick,
       className: className,
       menuType: menuContext.menuType,
       ref: ref,
       as: asPassiveItem ? "div" : _link.default,
-      href: !asPassiveItem ? href : undefined,
+      href: href,
       icon: icon,
-      tabIndex: asPassiveItem ? -1 : 0,
       variant: variant,
       inFullscreenView: inFullscreenView
     }), title), /*#__PURE__*/_react.default.createElement(_submenu.StyledSubmenu, {
@@ -271,8 +269,8 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
     "data-component": "submenu-wrapper",
     onMouseOver: !clickToOpen ? () => openSubmenu() : undefined,
     onMouseLeave: () => closeSubmenu(),
-    ref: submenuRef,
-    isSubmenuOpen: submenuOpen
+    isSubmenuOpen: submenuOpen,
+    onClick: handleClickInside
   }, /*#__PURE__*/_react.default.createElement(_menuItem.default, _extends({}, rest, {
     className: className,
     menuType: menuContext.menuType,

package/lib/components/multi-action-button/multi-action-button.component.js

@@ -136,10 +136,11 @@ const MultiActionButton = ({
     onKeyDown: handleKeyDown
   }, childrenWithProps()));
 
-  (0, _useClickAwayListener.default)([ref], hideButtons);
+  const handleClick = (0, _useClickAwayListener.default)(hideButtons);
   return /*#__PURE__*/_react.default.createElement(_multiActionButton.StyledMultiActionButton, _extends({
     "aria-haspopup": "true",
     onMouseLeave: hideButtons,
+    onClick: handleClick,
     ref: ref,
     "data-component": "multi-action-button",
     "data-element": dataElement,

package/lib/components/popover-container/popover-container.component.js

@@ -113,7 +113,6 @@ const PopoverContainer = ({
 }) => {
   const isControlled = open !== undefined;
   const [isOpenInternal, setIsOpenInternal] = (0, _react.useState)(false);
-  const ref = (0, _react.useRef)(null);
   const closeButtonRef = (0, _react.useRef)(null);
   const openButtonRef = (0, _react.useRef)(null);
   const guid = (0, _react.useRef)((0, _guid.default)());
@@ -164,12 +163,12 @@ const PopoverContainer = ({
     if (onClose) onClose(e);
   };
 
-  (0, _useClickAwayListener.default)([ref], handleClickAway, "mousedown");
+  const handleClick = (0, _useClickAwayListener.default)(handleClickAway, "mousedown");
   return /*#__PURE__*/_react.default.createElement(_popoverContainer.PopoverContainerWrapperStyle, {
     "data-component": "popover-container",
     role: "region",
     "aria-labelledby": popoverContainerId,
-    ref: ref
+    onMouseDown: handleClick
   }, renderOpenComponent(renderOpenComponentProps), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
     in: isOpen,
     timeout: {

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

@@ -201,10 +201,11 @@ const SplitButton = ({
     }, childrenWithProps()));
   }
 
-  (0, _useClickAwayListener.default)([splitButtonNode], hideButtons);
+  const handleClick = (0, _useClickAwayListener.default)(hideButtons);
   return /*#__PURE__*/_react.default.createElement(_splitButton.default, _extends({
     "aria-haspopup": "true",
     onMouseLeave: hideButtons,
+    onClick: handleClick,
     ref: splitButtonNode
   }, componentTags(), (0, _utils.filterStyledSystemMarginProps)(rest)), renderMainButton(), renderAdditionalButtons());
 };

package/lib/components/text-editor/__internal__/editor-link/editor-link.component.js

@@ -47,12 +47,11 @@ const EditorLink = ({
 
   }, [validUrl]);
   return /*#__PURE__*/_react.default.createElement(_editorLink.default, _extends({
-    href: validUrl,
+    href: !editMode ? validUrl : undefined,
     title: validUrl,
-    "aria-label": validUrl,
+    "aria-label": !editMode ? validUrl : undefined,
     target: "_blank",
-    rel: "noopener noreferrer",
-    tabbable: !editMode
+    rel: "noopener noreferrer"
   }, rest), children);
 };
 

package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.d.ts

@@ -1,3 +1,2 @@
-import React from "react";
-declare const _default: (targets: React.RefObject<HTMLElement>[], handleClickAway: (ev: Event) => void, eventTypeId?: "mousedown" | "click") => void;
+declare const _default: (handleClickAway: (ev: Event) => void, eventTypeId?: "mousedown" | "click") => () => void;
 export default _default;

package/lib/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -7,27 +7,29 @@ exports.default = void 0;
 
 var _react = require("react");
 
-var _default = (targets, handleClickAway, eventTypeId = "click") => {
-  const targetsRef = (0, _react.useRef)(targets);
-  targetsRef.current = targets;
-  (0, _react.useEffect)(() => {
-    const fnClickAway = ev => {
-      const clickedElements = targetsRef.current.filter(targetRef => {
-        var _targetRef$current;
-
-        return (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.contains(ev === null || ev === void 0 ? void 0 : ev.target);
-      });
+// Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
+// event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
+// Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
+var _default = (handleClickAway, eventTypeId = "click") => {
+  const clickIsInside = (0, _react.useRef)(false);
+  const onDocumentClick = (0, _react.useCallback)(ev => {
+    if (clickIsInside.current) {
+      clickIsInside.current = false;
+      return;
+    }
 
-      if (!(clickedElements !== null && clickedElements !== void 0 && clickedElements.length)) {
-        handleClickAway(ev);
-      }
-    };
-
-    document.addEventListener(eventTypeId, fnClickAway);
+    handleClickAway(ev);
+  }, [handleClickAway]);
+  const onInsideClick = (0, _react.useCallback)(() => {
+    clickIsInside.current = true;
+  }, []);
+  (0, _react.useEffect)(() => {
+    document.addEventListener(eventTypeId, onDocumentClick);
     return function cleanup() {
-      document.removeEventListener(eventTypeId, fnClickAway);
+      document.removeEventListener(eventTypeId, onDocumentClick);
     };
-  }, [handleClickAway, eventTypeId]);
+  }, [onDocumentClick, eventTypeId]);
+  return onInsideClick;
 };
 
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "109.7.0",
+  "version": "110.0.1",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;

package/lib/components/fieldset/fieldset.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-
-export interface FieldsetProps extends MarginProps {
-  /** Child elements */
-  children?: React.ReactNode;
-  /** The text for the fieldsets legend element. */
-  legend?: string;
-  /** When true, legend is placed in line with the children */
-  inline?: boolean;
-}
-
-declare function Fieldset(props: FieldsetProps): JSX.Element;
-
-export default Fieldset;