carbon-react 150.1.0 → 151.1.0

package/esm/components/time/time.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, useImperativeHandle, useRef, useState } from "react";
-import PropTypes from "prop-types";
 import guid from "../../__internal__/utils/helpers/guid";
 import useLocale from "../../hooks/__internal__/useLocale";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
@@ -247,216 +246,5 @@ const Time = /*#__PURE__*/React.forwardRef(({
     disabled: disabled || readOnly
   })))));
 });
-if (process.env.NODE_ENV !== "production") {
-  Time.propTypes = {
-    "data-element": PropTypes.string,
-    "data-role": PropTypes.string,
-    "disabled": PropTypes.bool,
-    "fieldLabelsAlign": PropTypes.oneOf(["left", "right"]),
-    "hoursInputProps": PropTypes.shape({
-      "aria-label": PropTypes.string,
-      "data-element": PropTypes.string,
-      "data-role": PropTypes.string,
-      "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-      "id": PropTypes.string,
-      "label": PropTypes.string,
-      "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-    }),
-    "inputHint": PropTypes.string,
-    "isOptional": PropTypes.bool,
-    "label": PropTypes.string,
-    "labelAlign": PropTypes.oneOf(["left", "right"]),
-    "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]),
-    "minutesInputProps": PropTypes.shape({
-      "aria-label": PropTypes.string,
-      "data-element": PropTypes.string,
-      "data-role": PropTypes.string,
-      "error": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),
-      "id": PropTypes.string,
-      "label": PropTypes.string,
-      "warning": PropTypes.oneOfType([PropTypes.string, PropTypes.bool])
-    }),
-    "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,
-    "onBlur": PropTypes.func,
-    "onChange": PropTypes.func.isRequired,
-    "readOnly": PropTypes.bool,
-    "required": PropTypes.bool,
-    "size": PropTypes.oneOf(["large", "medium", "small"]),
-    "toggleProps": PropTypes.shape({
-      "amToggleProps": PropTypes.shape({
-        "data-element": PropTypes.string,
-        "data-role": PropTypes.string
-      }),
-      "pmToggleProps": PropTypes.shape({
-        "data-element": PropTypes.string,
-        "data-role": PropTypes.string
-      }),
-      "wrapperProps": PropTypes.shape({
-        "data-element": PropTypes.string,
-        "data-role": PropTypes.string
-      })
-    }),
-    "value": PropTypes.shape({
-      "formattedHours": PropTypes.string,
-      "formattedMinutes": PropTypes.string,
-      "hours": PropTypes.string.isRequired,
-      "minutes": PropTypes.string.isRequired,
-      "period": PropTypes.oneOf(["AM", "PM"])
-    }).isRequired
-  };
-}
 Time.displayName = "Time";
 export default Time;

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

@@ -3,7 +3,7 @@ import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 declare type ToastVariants = "error" | "info" | "success" | "warning" | "notice" | "neutral" | "notification";
 declare type AlignOptions = "left" | "center" | "right";
 declare type AlignYOptions = "top" | "center" | "bottom";
-export interface ToastProps {
+export interface ToastProps extends TagProps {
     /** Sets the horizontal alignment of the component. */
     align?: AlignOptions;
     /** Sets the vertical alignment of the component */
@@ -14,8 +14,6 @@ export interface ToastProps {
     variant?: ToastVariants;
     /** Custom id  */
     id?: string;
-    /** Component name */
-    "data-component"?: string;
     /** Determines if the Toast is open. */
     open?: boolean;
     /** Callback for when dismissed. */

package/esm/components/toast/toast.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 } from "react";
-import PropTypes from "prop-types";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import Icon from "../icon";
 import tagComponent from "../../__internal__/utils/helpers/tags/tags";
@@ -11,7 +10,7 @@ import useLocale from "../../hooks/__internal__/useLocale";
 import useModalManager from "../../hooks/__internal__/useModalManager";
 import guid from "../../__internal__/utils/helpers/guid";
 import Typography from "../typography";
-const Toast = /*#__PURE__*/React.forwardRef(({
+export const Toast = /*#__PURE__*/React.forwardRef(({
   align = "center",
   alignY,
   children,
@@ -125,7 +124,7 @@ const Toast = /*#__PURE__*/React.forwardRef(({
       alignY: alignY,
       isNotice: isNotice,
       isNotification: isNotification
-    }, tagComponent(restProps["data-component"] || "toast", restProps), {
+    }, tagComponent("toast", restProps), {
       variant: toastVariant,
       id: id,
       maxWidth: maxWidth,
@@ -163,26 +162,5 @@ const Toast = /*#__PURE__*/React.forwardRef(({
     "aria-labelledby": open ? ariaLabelledBy : undefined
   }, /*#__PURE__*/React.createElement(TransitionGroup, null, renderToastContent())));
 });
-if (process.env.NODE_ENV !== "production") {
-  Toast.propTypes = {
-    "align": PropTypes.oneOf(["center", "left", "right"]),
-    "alignY": PropTypes.oneOf(["bottom", "center", "top"]),
-    "children": PropTypes.node,
-    "closeButtonDataProps": PropTypes.shape({
-      "data-element": PropTypes.string,
-      "data-role": PropTypes.string
-    }),
-    "data-component": PropTypes.string,
-    "disableAutoFocus": PropTypes.bool,
-    "id": PropTypes.string,
-    "maxWidth": PropTypes.string,
-    "onDismiss": PropTypes.func,
-    "open": PropTypes.bool,
-    "targetPortalId": PropTypes.string,
-    "timeout": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-    "variant": PropTypes.oneOf(["error", "info", "neutral", "notice", "notification", "success", "warning"])
-  };
-}
-export { Toast };
 Toast.displayName = "Toast";
 export default Toast;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { TooltipPositions } from "./tooltip.config";
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 export declare type InputSizes = "small" | "medium" | "large";
-export interface TooltipProps {
+export interface TooltipProps extends TagProps {
     /** The message to be displayed within the tooltip */
     message: React.ReactNode;
     /** The id attribute to use for the tooltip */

package/esm/components/tooltip/tooltip.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, { useRef, useMemo, useCallback, useState, useEffect } from "react";
-import PropTypes from "prop-types";
 import invariant from "invariant";
 import { offset, flip, shift, arrow, limitShift, autoUpdate, useFloating } from "@floating-ui/react-dom";
 import StyledTooltip from "./tooltip.style";
@@ -18,7 +17,7 @@ function preserveRef(ref, node) {
   }
 }
 const TOOLTIP_DELAY = 100;
-const Tooltip = /*#__PURE__*/React.forwardRef(({
+export const Tooltip = /*#__PURE__*/React.forwardRef(({
   children,
   isVisible,
   position = "top",
@@ -182,29 +181,5 @@ const Tooltip = /*#__PURE__*/React.forwardRef(({
     style: arrowStyle
   }), message)) : null);
 });
-if (process.env.NODE_ENV !== "production") {
-  Tooltip.propTypes = {
-    "bgColor": PropTypes.string,
-    "children": PropTypes.element.isRequired,
-    "flipOverrides": PropTypes.arrayOf(PropTypes.oneOf(["bottom", "left", "right", "top"])),
-    "fontColor": PropTypes.string,
-    "id": PropTypes.string,
-    "inputSize": PropTypes.oneOf(["large", "medium", "small"]),
-    "isPartOfInput": PropTypes.bool,
-    "isVisible": PropTypes.bool,
-    "message": PropTypes.node,
-    "position": PropTypes.oneOf(["bottom", "left", "right", "top"]),
-    "size": PropTypes.oneOf(["large", "medium"]),
-    "target": function (props, propName) {
-      if (props[propName] == null) {
-        return null;
-      } else if (typeof props[propName] !== 'object' || props[propName].nodeType !== 1) {
-        return new Error("Expected prop '" + propName + "' to be of type Element");
-      }
-    },
-    "type": PropTypes.string
-  };
-}
-export { Tooltip };
 Tooltip.displayName = "Tooltip";
 export default Tooltip;

package/esm/components/typography/list.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 } from "react";
-import PropTypes from "prop-types";
 import Typography from "./typography.component";
 import ListContext from "./list.context";
 const getListStyleType = as => {

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

@@ -63,6 +63,8 @@ export interface TypographyProps extends SpaceProps, TagProps {
      * @ignore
      * Sets className for component. INTERNAL USE ONLY. */
     className?: string;
+    /** @private @internal @ignore */
+    "data-component"?: string;
 }
 export declare const Typography: {
     ({ "data-component": dataComponent, variant, as, id, fontSize, fontWeight, textTransform, lineHeight, textDecoration, display, listStyleType, whiteSpace, wordBreak, wordWrap, textAlign, textOverflow, truncate, color, backgroundColor, bg, opacity, children, screenReaderOnly, isDisabled, "aria-hidden": ariaHidden, className, ...rest }: TypographyProps): React.JSX.Element;

package/esm/components/typography/typography.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 tagComponent from "../../__internal__/utils/helpers/tags";
 import { filterStyledSystemMarginProps, filterStyledSystemPaddingProps } from "../../style/utils";
 import StyledTypography from "./typography.style";

package/esm/components/vertical-divider/vertical-divider.component.d.ts

@@ -1,6 +1,7 @@
 import { SpaceProps } from "styled-system";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 declare type TintRange = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100;
-export interface VerticalDividerProps extends SpaceProps {
+export interface VerticalDividerProps extends SpaceProps, TagProps {
     /** Shorthand for the height attribute */
     h?: number | string;
     /** Height attribute of the component */