carbon-react 151.2.0 → 151.2.2

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

@@ -29,7 +29,7 @@ export interface DateInputProps extends Omit<TextboxProps, "value" | "formattedV
     value: string;
     /**
      * Pass any props that match the DayPickerProps interface to override default behaviors
-     * See [DayPickerProps](https://react-day-picker-v7.netlify.app/docs/getting-started/) for a full list of available props
+     * See [DayPickerProps](https://daypicker.dev/start) for a full list of available props
      * */
     pickerProps?: PickerProps;
     /**

package/esm/components/text-editor/text-editor.component.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { SaveCallbackProps } from "./__internal__/plugins/Toolbar/buttons/save.component";
-export interface TextEditorProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface TextEditorProps extends MarginProps, TagProps {
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */
@@ -37,5 +38,5 @@ export interface TextEditorProps extends MarginProps {
     /** The initial value of the editor, as a HTML string, or JSON */
     value?: string | undefined;
 }
-export declare const TextEditor: ({ characterLimit, error, inputHint, isOptional, labelText, namespace, onCancel, onChange, onLinkAdded, onSave, placeholder, previews, readOnly, required, rows, warning, value, }: TextEditorProps) => React.JSX.Element;
+export declare const TextEditor: ({ characterLimit, error, inputHint, isOptional, labelText, namespace, onCancel, onChange, onLinkAdded, onSave, placeholder, previews, readOnly, required, rows, warning, value, ...rest }: TextEditorProps) => React.JSX.Element;
 export default TextEditor;

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

@@ -1,3 +1,4 @@
+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); }
 /* eslint-disable no-console */
 import { LexicalComposer } from "@lexical/react/LexicalComposer";
 import { ClickableLinkPlugin } from "@lexical/react/LexicalClickableLinkPlugin";
@@ -17,9 +18,11 @@ import { COMPONENT_PREFIX, markdownNodes, theme } from "./__internal__/constants
 import { validateUrl } from "./__internal__/helpers";
 import { AutoLinkerPlugin, CharacterCounterPlugin, ContentEditor, LinkMonitorPlugin, OnChangePlugin, Placeholder, ToolbarPlugin } from "./__internal__/plugins";
 import TextEditorContext from "./text-editor.context";
-import StyledTextEditor, { StyledEditorToolbarWrapper, StyledValidationMessage, StyledWrapper } from "./text-editor.style";
+import StyledTextEditor, { StyledEditorToolbarWrapper, StyledTextEditorWrapper, StyledValidationMessage, StyledWrapper } from "./text-editor.style";
 import { createEmpty } from "./__internal__";
 import HintText from "../../__internal__/hint-text";
+import { filterStyledSystemMarginProps } from "../../style/utils";
+import tagComponent from "../../__internal__/utils/helpers/tags";
 export const TextEditor = ({
   characterLimit = 3000,
   error,
@@ -37,7 +40,8 @@ export const TextEditor = ({
   required = false,
   rows,
   warning,
-  value
+  value,
+  ...rest
 }) => {
   const editorRef = useRef(undefined);
   const locale = useLocale();
@@ -101,7 +105,9 @@ export const TextEditor = ({
     onCancel: onCancel ? handleCancel : undefined,
     onSave
   }), [handleCancel, namespace, onCancel, onSave]);
-  return /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
+  return /*#__PURE__*/React.createElement(StyledTextEditorWrapper, _extends({
+    "data-role": `${namespace}-editor-wrapper`
+  }, filterStyledSystemMarginProps(rest), tagComponent("text-editor", rest)), /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
     value: {
       onLinkAdded,
       readOnly
@@ -156,6 +162,6 @@ export const TextEditor = ({
   }), /*#__PURE__*/React.createElement(AutoLinkerPlugin, null)), !readOnly && /*#__PURE__*/React.createElement(ToolbarPlugin, toolbarProps), /*#__PURE__*/React.createElement(LinkMonitorPlugin, null)), characterLimit > 0 && !readOnly && /*#__PURE__*/React.createElement(CharacterCounterPlugin, {
     maxChars: characterLimit,
     namespace: namespace
-  }))));
+  })))));
 };
 export default TextEditor;

package/esm/components/text-editor/text-editor.style.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { MarginProps } from "styled-system";
+declare type StyledTextEditorWrapperProps = MarginProps;
 interface StyledWrapperProps {
     error?: string;
     namespace: string;
@@ -11,6 +13,7 @@ interface StyledEditorToolbarWrapperProps {
     focused?: boolean;
 }
 export declare const StyledTextEditor: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
 export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
 export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
 export declare const StyledValidationMessage: import("styled-components").StyledComponent<"div", any, StyledValidationMessageProps, never>;

package/esm/components/text-editor/text-editor.style.js

@@ -1,9 +1,13 @@
 import styled, { css } from "styled-components";
+import { margin } from "styled-system";
 import Box from "../box";
 import addFocusStyling from "../../style/utils/add-focus-styling";
 export const StyledTextEditor = styled(Box)`
   position: relative;
 `;
+export const StyledTextEditorWrapper = styled.div`
+  ${margin}
+`;
 export const StyledWrapper = styled.div`
   ${({
   error,

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

@@ -29,7 +29,7 @@ export interface DateInputProps extends Omit<TextboxProps, "value" | "formattedV
     value: string;
     /**
      * Pass any props that match the DayPickerProps interface to override default behaviors
-     * See [DayPickerProps](https://react-day-picker-v7.netlify.app/docs/getting-started/) for a full list of available props
+     * See [DayPickerProps](https://daypicker.dev/start) for a full list of available props
      * */
     pickerProps?: PickerProps;
     /**

package/lib/components/text-editor/text-editor.component.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { MarginProps } from "styled-system";
 import { SaveCallbackProps } from "./__internal__/plugins/Toolbar/buttons/save.component";
-export interface TextEditorProps extends MarginProps {
+import { TagProps } from "../../__internal__/utils/helpers/tags";
+export interface TextEditorProps extends MarginProps, TagProps {
     /** The maximum number of characters allowed in the editor */
     characterLimit?: number;
     /** The message to be shown when the editor is in an error state */
@@ -37,5 +38,5 @@ export interface TextEditorProps extends MarginProps {
     /** The initial value of the editor, as a HTML string, or JSON */
     value?: string | undefined;
 }
-export declare const TextEditor: ({ characterLimit, error, inputHint, isOptional, labelText, namespace, onCancel, onChange, onLinkAdded, onSave, placeholder, previews, readOnly, required, rows, warning, value, }: TextEditorProps) => React.JSX.Element;
+export declare const TextEditor: ({ characterLimit, error, inputHint, isOptional, labelText, namespace, onCancel, onChange, onLinkAdded, onSave, placeholder, previews, readOnly, required, rows, warning, value, ...rest }: TextEditorProps) => React.JSX.Element;
 export default TextEditor;

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

@@ -25,11 +25,12 @@ var _textEditor = _interopRequireDefault(require("./text-editor.context"));
 var _textEditor2 = _interopRequireWildcard(require("./text-editor.style"));
 var _internal__ = require("./__internal__");
 var _hintText = _interopRequireDefault(require("../../__internal__/hint-text"));
+var _utils = require("../../style/utils");
+var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 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 */
-
+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); } /* eslint-disable no-console */
 const TextEditor = ({
   characterLimit = 3000,
   error,
@@ -47,7 +48,8 @@ const TextEditor = ({
   required = false,
   rows,
   warning,
-  value
+  value,
+  ...rest
 }) => {
   const editorRef = (0, _react.useRef)(undefined);
   const locale = (0, _useLocale.default)();
@@ -111,7 +113,9 @@ const TextEditor = ({
     onCancel: onCancel ? handleCancel : undefined,
     onSave
   }), [handleCancel, namespace, onCancel, onSave]);
-  return /*#__PURE__*/_react.default.createElement(_textEditor.default.Provider, {
+  return /*#__PURE__*/_react.default.createElement(_textEditor2.StyledTextEditorWrapper, _extends({
+    "data-role": `${namespace}-editor-wrapper`
+  }, (0, _utils.filterStyledSystemMarginProps)(rest), (0, _tags.default)("text-editor", rest)), /*#__PURE__*/_react.default.createElement(_textEditor.default.Provider, {
     value: {
       onLinkAdded,
       readOnly
@@ -166,7 +170,7 @@ const TextEditor = ({
   }), /*#__PURE__*/_react.default.createElement(_plugins.AutoLinkerPlugin, null)), !readOnly && /*#__PURE__*/_react.default.createElement(_plugins.ToolbarPlugin, toolbarProps), /*#__PURE__*/_react.default.createElement(_plugins.LinkMonitorPlugin, null)), characterLimit > 0 && !readOnly && /*#__PURE__*/_react.default.createElement(_plugins.CharacterCounterPlugin, {
     maxChars: characterLimit,
     namespace: namespace
-  }))));
+  })))));
 };
 exports.TextEditor = TextEditor;
 var _default = exports.default = TextEditor;

package/lib/components/text-editor/text-editor.style.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { MarginProps } from "styled-system";
+declare type StyledTextEditorWrapperProps = MarginProps;
 interface StyledWrapperProps {
     error?: string;
     namespace: string;
@@ -11,6 +13,7 @@ interface StyledEditorToolbarWrapperProps {
     focused?: boolean;
 }
 export declare const StyledTextEditor: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledTextEditorWrapper: import("styled-components").StyledComponent<"div", any, StyledTextEditorWrapperProps, never>;
 export declare const StyledWrapper: import("styled-components").StyledComponent<"div", any, StyledWrapperProps, never>;
 export declare const StyledEditorToolbarWrapper: import("styled-components").StyledComponent<"div", any, StyledEditorToolbarWrapperProps, never>;
 export declare const StyledValidationMessage: import("styled-components").StyledComponent<"div", any, StyledValidationMessageProps, never>;

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

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StyledWrapper = exports.StyledValidationMessage = exports.StyledTextEditor = exports.StyledEditorToolbarWrapper = void 0;
+exports.default = exports.StyledWrapper = exports.StyledValidationMessage = exports.StyledTextEditorWrapper = exports.StyledTextEditor = exports.StyledEditorToolbarWrapper = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _styledSystem = require("styled-system");
 var _box = _interopRequireDefault(require("../box"));
 var _addFocusStyling = _interopRequireDefault(require("../../style/utils/add-focus-styling"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -13,6 +14,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const StyledTextEditor = exports.StyledTextEditor = (0, _styledComponents.default)(_box.default)`
   position: relative;
 `;
+const StyledTextEditorWrapper = exports.StyledTextEditorWrapper = _styledComponents.default.div`
+  ${_styledSystem.margin}
+`;
 const StyledWrapper = exports.StyledWrapper = _styledComponents.default.div`
   ${({
   error,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "151.2.0",
+  "version": "151.2.2",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -32,7 +32,10 @@
     "test:ct": "playwright test -c playwright-ct.config.ts",
     "test:ct:ui": "playwright test --ui -c playwright-ct.config.ts",
     "test:ct:report": "npx playwright show-report",
-    "clear-playwright-cache": "rimraf ./playwright/.cache"
+    "clear-playwright-cache": "rimraf ./playwright/.cache",
+    "clear-playwright-coverage-json": "rimraf ./playwright/coverage/*.json",
+    "test:ct:coverage": "npm run clear-playwright-cache && npm run clear-playwright-coverage-json && rimraf ./playwright/coverage && playwright test -c playwright-ct.config.ts",
+    "pw:coverage:report": "nyc report --reporter=html --report-dir=./playwright/coverage --temp-dir=./playwright/coverage"
   },
   "repository": {
     "type": "git",
@@ -181,6 +184,8 @@
     "invariant": "^2.2.4",
     "lexical": "^0.21.0",
     "lodash": "^4.17.21",
+    "monocart-coverage-reports": "^2.11.4",
+    "nyc": "^17.1.0",
     "polished": "^4.2.2",
     "prop-types": "^15.8.1",
     "react-day-picker": "^9.3.2",