carbon-react 150.1.0 → 151.1.0

package/lib/components/tabs/__internal__/tab-title/tab-title.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tabTitle = require("./tab-title.style");
 var _tags = _interopRequireDefault(require("../../../../__internal__/utils/helpers/tags/tags"));
 var _validationIcon = _interopRequireDefault(require("../../../../__internal__/validations/validation-icon.component"));
@@ -218,37 +217,5 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
     id: `${id}-message`
   }, screenReaderMessage));
 });
-if (process.env.NODE_ENV !== "production") {
-  TabTitle.propTypes = {
-    "align": _propTypes.default.oneOf(["left", "right"]),
-    "alternateStyling": _propTypes.default.bool,
-    "borders": _propTypes.default.bool,
-    "children": _propTypes.default.node,
-    "className": _propTypes.default.string,
-    "customLayout": _propTypes.default.node,
-    "data-role": _propTypes.default.string,
-    "dataTabId": _propTypes.default.string,
-    "error": _propTypes.default.bool,
-    "errorMessage": _propTypes.default.string,
-    "href": _propTypes.default.string,
-    "id": _propTypes.default.string,
-    "info": _propTypes.default.bool,
-    "infoMessage": _propTypes.default.string,
-    "isInSidebar": _propTypes.default.bool,
-    "isTabSelected": _propTypes.default.bool,
-    "noLeftBorder": _propTypes.default.bool,
-    "noRightBorder": _propTypes.default.bool,
-    "onClick": _propTypes.default.func.isRequired,
-    "onKeyDown": _propTypes.default.func.isRequired,
-    "position": _propTypes.default.oneOf(["left", "top"]),
-    "siblings": _propTypes.default.node,
-    "size": _propTypes.default.oneOf(["default", "large"]),
-    "tabIndex": _propTypes.default.number,
-    "title": _propTypes.default.string,
-    "titlePosition": _propTypes.default.oneOf(["after", "before"]),
-    "warning": _propTypes.default.bool,
-    "warningMessage": _propTypes.default.string
-  };
-}
 TabTitle.displayName = "TabTitle";
 var _default = exports.default = TabTitle;

package/lib/components/tabs/__internal__/tabs-header/tabs-header.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _useResizeObserver = _interopRequireDefault(require("../../../../hooks/__internal__/useResizeObserver"));
 var _icon = _interopRequireDefault(require("../../../icon/icon.style"));
 var _tabsHeader = require("./tabs-header.style");

package/lib/components/tabs/tab/tab.component.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { PaddingProps } from "styled-system";
-export interface TabProps extends PaddingProps {
+import { TagProps } from "../../../__internal__/utils/helpers/tags/tags";
+export interface TabProps extends PaddingProps, TagProps {
     title?: string;
     /** A unique ID to identify this specific tab. */
     tabId: string;

package/lib/components/tabs/tab/tab.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.Tab = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tab = _interopRequireDefault(require("./tab.style"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
 var _tab2 = _interopRequireDefault(require("./__internal__/tab.context"));
@@ -79,7 +78,7 @@ const Tab = ({
     isTabSelected: isTabSelected,
     "aria-labelledby": ariaLabelledby,
     position: position
-  }, (0, _tags.default)("tab", rest), rest), !href && children));
+  }, rest, (0, _tags.default)("tab", rest)), !href && children));
 };
 exports.Tab = Tab;
 var _default = exports.default = Tab;

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

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import Tab from "./tab";
-export interface TabsProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
+export interface TabsProps extends MarginProps, TagProps {
     /** Prevent rendering of hidden tabs, by default this is set to true and therefore all tabs will be rendered */
     renderHiddenTabs?: boolean;
     /** Allows manual control over the currently selected tab. */

package/lib/components/tabs/tabs.component.js

@@ -11,7 +11,6 @@ Object.defineProperty(exports, "Tab", {
 });
 exports.Tabs = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _tab = _interopRequireDefault(require("./tab"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -277,10 +276,9 @@ const Tabs = ({
   };
   return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
     position: isInSidebar ? "left" : position,
-    "data-role": "tabs"
-  }, (0, _tags.default)("tabs", rest), {
+    "data-role": "tabs",
     isInSidebar: isInSidebar,
     headerWidth: headerWidth
-  }, rest), renderTabHeaders(), renderTabs());
+  }, rest, (0, _tags.default)("tabs", rest)), renderTabHeaders(), renderTabs());
 };
 exports.Tabs = Tabs;

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

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /* istanbul ignore file */
 /**

package/lib/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _lexical = require("lexical");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const CharacterCounterPlugin = ({

package/lib/components/text-editor/__internal__/plugins/CharacterCounter/character-counter.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _lexical = require("lexical");
 var _characterCounter = require("./character-counter.style");

package/lib/components/text-editor/__internal__/plugins/ContentEditor/content-editor.component.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _contentEditor = _interopRequireDefault(require("./content-editor.style"));
 var _ = require("..");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _textEditor = _interopRequireDefault(require("../../../text-editor.context"));
 var _linkPreviewer = _interopRequireDefault(require("./link-previewer.style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/components/text-editor/__internal__/plugins/Placeholder/placeholder.component.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _placeholder = _interopRequireDefault(require("./placeholder.style"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/bold.component.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _lexical = require("lexical");
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _toolbar = require("../toolbar.style");
 var _constants = require("../../../constants");
 var _useLocale = _interopRequireDefault(require("../../../../../../hooks/__internal__/useLocale"));

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/italic.component.js

@@ -7,7 +7,6 @@ exports.default = void 0;
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _lexical = require("lexical");
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _toolbar = require("../toolbar.style");
 var _constants = require("../../../constants");
 var _useLocale = _interopRequireDefault(require("../../../../../../hooks/__internal__/useLocale"));

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/list.component.js

@@ -9,7 +9,6 @@ var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _utils = require("@lexical/utils");
 var _lexical = require("lexical");
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _toolbar = require("../toolbar.style");
 var _constants = require("../../../constants");
 var _useLocale = _interopRequireDefault(require("../../../../../../hooks/__internal__/useLocale"));

package/lib/components/text-editor/__internal__/plugins/Toolbar/buttons/save.component.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _react = _interopRequireDefault(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _helpers = require("../../../helpers");
 var _button = _interopRequireDefault(require("../../../../../button"));
 var _useLocale = _interopRequireDefault(require("../../../../../../hooks/__internal__/useLocale"));

package/lib/components/text-editor/__internal__/plugins/Toolbar/toolbar.component.js

@@ -8,7 +8,6 @@ var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
 var _utils = require("@lexical/utils");
 var _lexical = require("lexical");
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _toolbar = require("./toolbar.style");
 var _constants = require("../../constants");
 var _button = _interopRequireDefault(require("../../../../button"));

package/lib/components/text-editor/__internal__/read-only-rte.component.js

@@ -9,10 +9,8 @@ var _LexicalContentEditable = require("@lexical/react/LexicalContentEditable");
 var _LexicalErrorBoundary = require("@lexical/react/LexicalErrorBoundary");
 var _LexicalRichTextPlugin = require("@lexical/react/LexicalRichTextPlugin");
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("./utils");
 var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /* eslint-disable no-console */

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

@@ -15,7 +15,6 @@ var _LexicalLinkPlugin = require("@lexical/react/LexicalLinkPlugin");
 var _LexicalListPlugin = require("@lexical/react/LexicalListPlugin");
 var _lexical = require("lexical");
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _label = _interopRequireDefault(require("../../__internal__/label"));
 var _useDebounce = _interopRequireDefault(require("../../hooks/__internal__/useDebounce"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));

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

@@ -2,17 +2,12 @@ import React from "react";
 import { MarginProps } from "styled-system";
 import { IconType } from "../icon";
 import { ValidationProps } from "../../__internal__/validations";
+import { TagProps } from "../../__internal__/utils/helpers/tags";
 import { CommonInputProps } from "../../__internal__/input";
 import { BorderRadiusType } from "../box/box.component";
-export interface TextareaProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size"> {
+export interface TextareaProps extends ValidationProps, MarginProps, Omit<CommonInputProps, "size">, TagProps {
     /** Prop to specify the aria-labelledby property of the component */
     "aria-labelledby"?: string;
-    /** 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;
     /** id of the input */
     id?: string;
     /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */