carbon-react 150.1.0 → 151.1.0

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

@@ -1,6 +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, { useCallback, useEffect, useRef, useState, useMemo, useImperativeHandle, forwardRef } from "react";
-import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { flip, offset } from "@floating-ui/dom";
 import useMediaQuery from "../../hooks/useMediaQuery";
@@ -66,7 +65,7 @@ function usePopoverMiddleware(shouldCoverButton) {
     fallbackStrategy: "initialPlacement"
   })], [shouldCoverButton]);
 }
-const PopoverContainer = /*#__PURE__*/forwardRef(({
+export const PopoverContainer = /*#__PURE__*/forwardRef(({
   children,
   title,
   position = "right",
@@ -220,12 +219,10 @@ const PopoverContainer = /*#__PURE__*/forwardRef(({
     "aria-hidden": true,
     onFocus: ev => handleFocusGuard("next", ev)
   }));
-  return /*#__PURE__*/React.createElement(PopoverContainerWrapperStyle, {
-    "data-component": "popover-container",
-    "data-role": "popover-container",
+  return /*#__PURE__*/React.createElement(PopoverContainerWrapperStyle, _extends({
     onMouseDown: handleClick,
     hasFullWidth: hasFullWidth
-  }, /*#__PURE__*/React.createElement("div", {
+  }, tagComponent("popover-container", rest)), /*#__PURE__*/React.createElement("div", {
     ref: popoverReference
   }, renderOpenComponent(renderOpenComponentProps)), /*#__PURE__*/React.createElement(CSSTransition, {
     nodeRef: popoverContentNodeRef,
@@ -244,182 +241,4 @@ const PopoverContainer = /*#__PURE__*/forwardRef(({
     childRefOverride: popoverContentNodeRef
   }, childrenToRender())));
 });
-if (process.env.NODE_ENV !== "production") {
-  PopoverContainer.propTypes = {
-    "ariaDescribedBy": PropTypes.string,
-    "children": PropTypes.node,
-    "closeButtonAriaLabel": PropTypes.string,
-    "closeButtonDataProps": PropTypes.shape({
-      "data-element": PropTypes.string,
-      "data-role": PropTypes.string
-    }),
-    "containerAriaLabel": PropTypes.string,
-    "disableAnimation": PropTypes.bool,
-    "hasFullWidth": PropTypes.bool,
-    "onClose": PropTypes.func,
-    "onOpen": PropTypes.func,
-    "open": PropTypes.bool,
-    "openButtonAriaLabel": PropTypes.string,
-    "p": 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]),
-    "padding": 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]),
-    "paddingBottom": 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]),
-    "paddingLeft": 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]),
-    "paddingRight": 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]),
-    "paddingTop": 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]),
-    "paddingX": 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]),
-    "paddingY": 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]),
-    "pb": 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]),
-    "pl": 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]),
-    "position": PropTypes.oneOf(["left", "right"]),
-    "pr": 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]),
-    "pt": 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]),
-    "px": 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]),
-    "py": 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]),
-    "renderCloseComponent": PropTypes.func,
-    "renderOpenComponent": PropTypes.func,
-    "shouldCoverButton": PropTypes.bool,
-    "title": PropTypes.string
-  };
-}
-export { PopoverContainer };
 export default PopoverContainer;

package/esm/components/portrait/portrait.component.d.ts

@@ -4,7 +4,7 @@ import { IconType } from "../icon";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export declare type PortraitShapes = "circle" | "square";
 export declare type PortraitSizes = "XS" | "S" | "M" | "ML" | "L" | "XL" | "XXL";
-export interface PortraitProps extends MarginProps, Omit<TagProps, "data-component"> {
+export interface PortraitProps extends MarginProps, TagProps {
     /** A custom image URL. */
     src?: string;
     /** The size of the Portrait. */

package/esm/components/portrait/portrait.component.js

@@ -1,6 +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, { useEffect, useState } from "react";
-import PropTypes from "prop-types";
 import Tooltip from "../tooltip";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { StyledCustomImg, StyledIcon, StyledPortraitContainer, StyledPortraitInitials } from "./portrait.style";

package/esm/components/preview/preview.component.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export declare type Shapes = "text" | "rectangle" | "rectangle-round" | "circle";
-export interface PreviewProps extends MarginProps {
+export interface PreviewProps extends MarginProps, TagProps {
     /** Children content to render in the component. */
     children?: React.ReactNode;
     /** Sets loading state. */

package/esm/components/preview/preview.component.js

@@ -1,9 +1,9 @@
 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 from "react";
-import PropTypes from "prop-types";
 import { StyledPreview, StyledPreviewPlaceholder } from "./preview.style";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import useMediaQuery from "../../hooks/useMediaQuery";
+import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 export const Preview = ({
   children,
   loading,
@@ -24,7 +24,6 @@ export const Preview = ({
     const placeholders = [];
     for (let i = 0; i < lines; i++) {
       placeholders.push(/*#__PURE__*/React.createElement(StyledPreviewPlaceholder, _extends({
-        "data-component": "preview",
         "data-role": "preview-placeholder",
         key: i,
         height: height,
@@ -32,7 +31,7 @@ export const Preview = ({
         isLastLine: isLastLine(i),
         shape: shape,
         disableAnimation: disableAnimation || reduceMotion
-      }, props)));
+      }, props, tagComponent("preview", props))));
     }
     return /*#__PURE__*/React.createElement(StyledPreview, _extends({
       "data-role": "preview-wrapper"

package/esm/components/profile/profile.component.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 import { ProfileSize } from "./profile.config";
-export interface ProfileProps extends MarginProps {
+export interface ProfileProps extends MarginProps, TagProps {
     /**
      * @private
      * @internal

package/esm/components/profile/profile.component.js

@@ -1,6 +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 from "react";
-import PropTypes from "prop-types";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
 import { ProfileStyle, ProfileNameStyle, ProfileDetailsStyle, ProfileAvatarStyle, ProfileEmailStyle, ProfileTextStyle } from "./profile.style";

package/esm/components/progress-tracker/progress-tracker.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { MarginProps } from "styled-system";
-export interface ProgressTrackerProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface ProgressTrackerProps extends MarginProps, TagProps {
     /** Size of the progress bar. */
     size?: "small" | "medium" | "large";
     /** Length of the component, any valid css string. */

package/esm/components/progress-tracker/progress-tracker.component.js

@@ -1,6 +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 from "react";
-import PropTypes from "prop-types";
 import useLocale from "../../hooks/__internal__/useLocale";
 import tagComponent from "../../__internal__/utils/helpers/tags";
 import { StyledProgressBar, InnerBar, StyledValuesLabel, StyledProgressTracker, StyledValue, StyledDescription } from "./progress-tracker.style";

package/esm/components/radio-button/radio-button-group/radio-button-group.component.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
+import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
 import { ValidationProps } from "../../../__internal__/validations";
-export interface RadioButtonGroupProps extends ValidationProps, MarginProps {
+export interface RadioButtonGroupProps extends ValidationProps, MarginProps, TagProps {
     /**
      * Unique identifier for the component.
      * Will use a randomly generated GUID if none is provided.

package/esm/components/radio-button/radio-button-group/radio-button-group.component.js

@@ -1,6 +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 PropTypes from "prop-types";
 import tagComponent from "../../../__internal__/utils/helpers/tags/tags";
 import Fieldset from "../../../__internal__/fieldset";
 import RadioButtonGroupStyle from "../radio-button-group/radio-button-group.style";

package/esm/components/radio-button/radio-button-svg.component.js

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import StyledCheckableInputSvgWrapper from "../../__internal__/checkable-input/checkable-input-svg-wrapper.style";
 const RadioButtonSvg = () => {
   return /*#__PURE__*/React.createElement(StyledCheckableInputSvgWrapper, null, /*#__PURE__*/React.createElement("svg", {

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

@@ -1,16 +1,11 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { CommonCheckableInputProps } from "../../__internal__/checkable-input";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 interface InternalRadioButtonProps {
     inline?: boolean;
 }
-export interface RadioButtonProps extends Omit<CommonCheckableInputProps, "required" | "IsOptional">, MarginProps {
-    /** Identifier used for testing purposes, applied to the root element of the component. */
-    "data-component"?: string;
-    /** Identifier used for testing purposes, applied to the root element of the component. */
-    "data-element"?: string;
-    /** Identifier used for testing purposes, applied to the root element of the component. */
-    "data-role"?: string;
+export interface RadioButtonProps extends Omit<CommonCheckableInputProps, "required" | "IsOptional">, MarginProps, TagProps {
     /** Accepts a callback function which is triggered on click event */
     onClick?: (ev: React.MouseEvent<HTMLInputElement>) => void;
     /** the value of the Radio Button, passed on form submit */