carbon-react 118.2.1 → 118.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "118.2.1",
+  "version": "118.3.0",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",
@@ -13,8 +13,7 @@
     "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
     "test": "jest --config=./jest.config.json",
     "test-update": "jest --config=./jest.config.json --updateSnapshot",
-    "test:cypress": "npx cypress open --e2e",
-    "cypress:react": "npx cypress open --component",
+    "cypress:react": "npx cypress open --component --browser chrome",
     "format": "prettier --write './src/**/*.{js,jsx,ts,tsx}'",
     "lint": "eslint ./src",
     "build": "node ./scripts/build.js",
@@ -63,6 +62,7 @@
     "@babel/types": "^7.16.0",
     "@commitlint/cli": "^11.0.0",
     "@commitlint/config-conventional": "^11.0.0",
+    "@dlgshi/cypress-plugin-designtokens": "^0.0.1-development",
     "@sage/design-tokens": "^2.65.0",
     "@semantic-release/changelog": "^6.0.1",
     "@semantic-release/exec": "^6.0.2",
@@ -116,7 +116,7 @@
     "css-loader": "4.0.0",
     "cypress": "^12.7.0",
     "cypress-axe": "^1.4.0",
-    "cypress-each": "^1.13.1",
+    "cypress-each": "^1.13.3",
     "cypress-plugin-tab": "^1.0.5",
     "cypress-real-events": "^1.7.6",
     "cz-conventional-changelog": "^3.3.0",

package/esm/__internal__/DeprecationWarning.js

@@ -1,20 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-
-const DeprecationWarning = ({
-  children
-}) => /*#__PURE__*/React.createElement("div", {
-  style: {
-    backgroundColor: "red",
-    textAlign: "center",
-    color: "white",
-    padding: 20,
-    fontWeight: "bold",
-    marginBottom: 10
-  }
-}, children);
-
-DeprecationWarning.propTypes = {
-  children: PropTypes.node.isRequired
-};
-export default DeprecationWarning;

package/esm/__internal__/utils/storybook/partial-action.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function partialAction(actionName: string): (eventObj?: string | React.SyntheticEvent<Element, Event> | undefined, ...args: string[]) => void;
-export default partialAction;

package/esm/__internal__/utils/storybook/partial-action.js

@@ -1,13 +0,0 @@
-import { action } from "@storybook/addon-actions";
-
-function partialAction(actionName) {
-  return (eventObj, ...args) => {
-    action(actionName)(typeof eventObj === "string" ? {
-      view: undefined
-    } : { ...eventObj,
-      view: undefined
-    }, ...args);
-  };
-}
-
-export default partialAction;

package/esm/components/text-editor/__internal__/editor-counter/editor-counter.d.ts

@@ -1,11 +0,0 @@
-export interface EditorCounterProps {
-  count: number;
-  limit: number;
-  error?: string;
-  warning?: string;
-  info?: string;
-}
-
-declare function EditorCounter(props: EditorCounterProps): JSX.Element;
-
-export default EditorCounter;

package/esm/components/text-editor/__internal__/editor-link/editor-link.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface EditorLinkProps {
-  children: React.ReactNode;
-  contentState: Record<string, unknown>;
-  entityKey?: string;
-}
-
-declare function EditorLink(props: EditorLinkProps): JSX.Element;
-
-export default EditorLink;

package/esm/components/text-editor/__internal__/label-wrapper/label-wrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-
-export interface LabelWrapperProps {
-  children: React.ReactNode;
-  onClick: () => void;
-}
-
-declare function LabelWrapper(props: LabelWrapperProps): JSX.Element;
-
-export default LabelWrapper;

package/esm/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarButtonProps {
-  ariaLabel?: string;
-  children: React.ReactNode;
-  activated?: boolean;
-  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  tabbable?: boolean;
-}
-
-declare function ToolbarButton(
-  props: ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>
-): JSX.Element;
-
-export default ToolbarButton;

package/esm/components/text-editor/__internal__/toolbar/toolbar.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarProps {
-  activeControls: Record<string, unknown>;
-  /** Additional elements to be rendered, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  setInlineStyle: (args: number) => any;
-  setBlockStyle: (args: number) => any;
-}
-
-declare function Toolbar(props: ToolbarProps): JSX.Element;
-
-export default Toolbar;

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

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { Editor, EditorState, ContentState } from "draft-js";
-
-export interface TextEditorProps extends MarginProps {
-  /** The maximum characters that the input will accept */
-  characterLimit?: number;
-  /** The text for the editor's label */
-  labelText: string;
-  /** onChange callback to control value updates */
-  onChange: (event: EditorState) => void;
-  /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  /** The value of the input, this is an EditorState immutable object */
-  value: EditorState;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** Message to be displayed when there is an error */
-  error?: string;
-  /** Message to be displayed when there is a warning */
-  warning?: string;
-  /** Message to be displayed when there is an info */
-  info?: string;
-  /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
-  rows?: number;
-  /** The previews to display of any links added to the Editor */
-  previews?: React.ReactNode[];
-  /** Callback to report a url when a link is added */
-  onLinkAdded?: (url: string) => void;
-}
-
-declare function TextEditor(
-  props: TextEditorProps & React.RefAttributes<Editor>
-): JSX.Element;
-
-export {
-  EditorState as TextEditorState,
-  ContentState as TextEditorContentState,
-};
-export default TextEditor;

package/lib/__internal__/DeprecationWarning.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DeprecationWarning = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  style: {
-    backgroundColor: "red",
-    textAlign: "center",
-    color: "white",
-    padding: 20,
-    fontWeight: "bold",
-    marginBottom: 10
-  }
-}, children);
-
-DeprecationWarning.propTypes = {
-  children: _propTypes.default.node.isRequired
-};
-var _default = DeprecationWarning;
-exports.default = _default;

package/lib/__internal__/utils/helpers/useUniqueId/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../../esm/__internal__/utils/helpers/useUniqueId/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/__internal__/utils/storybook/partial-action.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare function partialAction(actionName: string): (eventObj?: string | React.SyntheticEvent<Element, Event> | undefined, ...args: string[]) => void;
-export default partialAction;

package/lib/__internal__/utils/storybook/partial-action.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _addonActions = require("@storybook/addon-actions");
-
-function partialAction(actionName) {
-  return (eventObj, ...args) => {
-    (0, _addonActions.action)(actionName)(typeof eventObj === "string" ? {
-      view: undefined
-    } : { ...eventObj,
-      view: undefined
-    }, ...args);
-  };
-}
-
-var _default = partialAction;
-exports.default = _default;

package/lib/components/text-editor/__internal__/editor-counter/editor-counter.d.ts

@@ -1,11 +0,0 @@
-export interface EditorCounterProps {
-  count: number;
-  limit: number;
-  error?: string;
-  warning?: string;
-  info?: string;
-}
-
-declare function EditorCounter(props: EditorCounterProps): JSX.Element;
-
-export default EditorCounter;

package/lib/components/text-editor/__internal__/editor-link/editor-link.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-
-export interface EditorLinkProps {
-  children: React.ReactNode;
-  contentState: Record<string, unknown>;
-  entityKey?: string;
-}
-
-declare function EditorLink(props: EditorLinkProps): JSX.Element;
-
-export default EditorLink;

package/lib/components/text-editor/__internal__/label-wrapper/label-wrapper.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-
-export interface LabelWrapperProps {
-  children: React.ReactNode;
-  onClick: () => void;
-}
-
-declare function LabelWrapper(props: LabelWrapperProps): JSX.Element;
-
-export default LabelWrapper;

package/lib/components/text-editor/__internal__/toolbar/toolbar-button/toolbar-button.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarButtonProps {
-  ariaLabel?: string;
-  children: React.ReactNode;
-  activated?: boolean;
-  onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
-  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseOver?: (event: React.MouseEvent<HTMLElement>) => void;
-  onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
-  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  tabbable?: boolean;
-}
-
-declare function ToolbarButton(
-  props: ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>
-): JSX.Element;
-
-export default ToolbarButton;

package/lib/components/text-editor/__internal__/toolbar/toolbar.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface ToolbarProps {
-  activeControls: Record<string, unknown>;
-  /** Additional elements to be rendered, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  setInlineStyle: (args: number) => any;
-  setBlockStyle: (args: number) => any;
-}
-
-declare function Toolbar(props: ToolbarProps): JSX.Element;
-
-export default Toolbar;

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

@@ -1,40 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { Editor, EditorState, ContentState } from "draft-js";
-
-export interface TextEditorProps extends MarginProps {
-  /** The maximum characters that the input will accept */
-  characterLimit?: number;
-  /** The text for the editor's label */
-  labelText: string;
-  /** onChange callback to control value updates */
-  onChange: (event: EditorState) => void;
-  /** Additional elements to be rendered in the Editor Toolbar, e.g. Save and Cancel Button */
-  toolbarElements?: React.ReactNode;
-  /** The value of the input, this is an EditorState immutable object */
-  value: EditorState;
-  /** Flag to configure component as mandatory */
-  required?: boolean;
-  /** Message to be displayed when there is an error */
-  error?: string;
-  /** Message to be displayed when there is a warning */
-  warning?: string;
-  /** Message to be displayed when there is an info */
-  info?: string;
-  /** Number greater than 2 multiplied by line-height (21px) to override the default min-height of the editor */
-  rows?: number;
-  /** The previews to display of any links added to the Editor */
-  previews?: React.ReactNode[];
-  /** Callback to report a url when a link is added */
-  onLinkAdded?: (url: string) => void;
-}
-
-declare function TextEditor(
-  props: TextEditorProps & React.RefAttributes<Editor>
-): JSX.Element;
-
-export {
-  EditorState as TextEditorState,
-  ContentState as TextEditorContentState,
-};
-export default TextEditor;