carbon-react 153.7.1 → 154.0.0

package/lib/components/card/card-row/card-row.component.js

@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../../style/utils");
 var _cardRow = _interopRequireDefault(require("./card-row.style"));
 var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags/tags"));
-var _card = _interopRequireDefault(require("../__internal__/card.context"));
+var _card = require("../__internal__/card.context");
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 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); }
@@ -20,7 +20,7 @@ const CardRow = ({
 }) => {
   const {
     spacing
-  } = (0, _react.useContext)(_card.default);
+  } = (0, _card.useCardContext)();
   const id = (0, _react.useRef)((0, _guid.default)());
   return /*#__PURE__*/_react.default.createElement(_cardRow.default, _extends({
     id: id.current,

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

@@ -5,7 +5,7 @@ import { CardContextProps } from "./__internal__/card.context";
 import { TagProps } from "../../__internal__/utils/helpers/tags/tags";
 type DesignTokensType = keyof typeof DesignTokens;
 type BoxShadowsType = Extract<DesignTokensType, `boxShadow${string}`>;
-export interface CardProps extends MarginProps, Pick<TagProps, "data-element" | "data-role"> {
+export interface CardProps extends MarginProps, TagProps {
     /** Action to be executed when card is clicked or enter pressed.
      * Renders a button when passed and no draggable or href props set
      * */

package/lib/components/card/card.component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../style/utils");
-var _card = _interopRequireDefault(require("./__internal__/card.context"));
+var _card = require("./__internal__/card.context");
 var _card2 = require("./card.style");
 var _icon = _interopRequireDefault(require("../icon"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
@@ -55,7 +55,7 @@ const Card = ({
     "data-role": dataRole
   })), draggable && /*#__PURE__*/_react.default.createElement(_icon.default, {
     type: "drag"
-  }), /*#__PURE__*/_react.default.createElement(_card.default.Provider, {
+  }), /*#__PURE__*/_react.default.createElement(_card.CardProvider, {
     value: {
       roundness,
       spacing

package/lib/components/definition-list/__internal__/dl.context.d.ts

@@ -1,12 +1,4 @@
-import React from "react";
-export type ElementAlignment = "left" | "center" | "right";
-export interface DlContextProps {
-    /** Render the DefinitionList as a single column */
-    asSingleColumn?: boolean;
-    /** This string will specify the text align styling of the `<dt></dt>`. */
-    dtTextAlign?: ElementAlignment;
-    /** This string will specify the text align styling of the `<dd></dd>`. */
-    ddTextAlign?: ElementAlignment;
-}
-declare const _default: React.Context<DlContextProps>;
-export default _default;
+/// <reference types="react" />
+import { DlProps } from "../dl.component";
+declare const DlProvider: import("react").Provider<Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">> | null>, useDlContext: () => Required<Pick<DlProps, "dtTextAlign" | "ddTextAlign" | "asSingleColumn">>;
+export { DlProvider, useDlContext };

package/lib/components/definition-list/__internal__/dl.context.js

@@ -3,7 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.useDlContext = exports.DlProvider = void 0;
+var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = /*#__PURE__*/_react.default.createContext({});
+const [DlProvider, useDlContext] = (0, _createStrictContext.default)({
+  name: "DlContext",
+  errorMessage: "Carbon DefinitionList: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
+  defaultValue: {
+    asSingleColumn: false,
+    dtTextAlign: "right",
+    ddTextAlign: "left"
+  }
+});
+exports.useDlContext = useDlContext;
+exports.DlProvider = DlProvider;

package/lib/components/definition-list/dd/dd.component.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _definitionList = require("../definition-list.style");
-var _dl = _interopRequireDefault(require("../__internal__/dl.context"));
+var _dl = require("../__internal__/dl.context");
 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; }
 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); }
 const Dd = ({
   children,
@@ -22,7 +20,7 @@ const Dd = ({
   const {
     asSingleColumn,
     ddTextAlign
-  } = (0, _react.useContext)(_dl.default);
+  } = (0, _dl.useDlContext)();
   return /*#__PURE__*/_react.default.createElement(_definitionList.StyledDd, _extends({
     "data-element": "dd",
     "data-role": "dd",

package/lib/components/definition-list/dl.component.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
-import { DlContextProps } from "./__internal__/dl.context";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-export interface DlProps extends SpaceProps, DlContextProps, TagProps {
+type ElementAlignment = "left" | "center" | "right";
+export interface DlProps extends SpaceProps, TagProps {
     /** HTML id attribute of the input */
     id?: string;
     /** prop to render children. */
@@ -11,6 +11,12 @@ export interface DlProps extends SpaceProps, DlContextProps, TagProps {
       by the `StyledDdDiv`. This prop has no effect when `asSingleColumn` is set.
     */
     w?: number;
+    /** Render the DefinitionList as a single column */
+    asSingleColumn?: boolean;
+    /** This string will specify the text align styling of the `<dt></dt>`. */
+    dtTextAlign?: ElementAlignment;
+    /** This string will specify the text align styling of the `<dd></dd>`. */
+    ddTextAlign?: ElementAlignment;
 }
 declare const Dl: {
     ({ children, w, dtTextAlign, ddTextAlign, asSingleColumn, ...rest }: DlProps): React.JSX.Element;

package/lib/components/definition-list/dl.component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _definitionList = require("./definition-list.style");
-var _dl = _interopRequireDefault(require("./__internal__/dl.context"));
+var _dl = require("./__internal__/dl.context");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -21,7 +21,7 @@ const Dl = ({
   return /*#__PURE__*/_react.default.createElement(_definitionList.StyledDl, _extends({
     w: w,
     asSingleColumn: asSingleColumn
-  }, rest, (0, _tags.default)("dl", rest)), /*#__PURE__*/_react.default.createElement(_dl.default.Provider, {
+  }, rest, (0, _tags.default)("dl", rest)), /*#__PURE__*/_react.default.createElement(_dl.DlProvider, {
     value: {
       asSingleColumn,
       dtTextAlign,

package/lib/components/definition-list/dt/dt.component.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _definitionList = require("../definition-list.style");
-var _dl = _interopRequireDefault(require("../__internal__/dl.context"));
+var _dl = require("../__internal__/dl.context");
 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; }
 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); }
 const Dt = ({
   children,
@@ -19,7 +17,7 @@ const Dt = ({
   const {
     asSingleColumn,
     dtTextAlign
-  } = (0, _react.useContext)(_dl.default);
+  } = (0, _dl.useDlContext)();
   const {
     mb,
     pr

package/lib/components/flat-table/__internal__/flat-table.context.d.ts

@@ -1,9 +1,7 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { FlatTableProps } from "../flat-table.component";
-export interface FlatTableContextProps extends Pick<FlatTableProps, "colorTheme" | "size"> {
-    getTabStopElementId: () => string;
-    isInFlatTable?: boolean;
-    setHasOpenDatePicker?: Dispatch<SetStateAction<boolean>>;
+/// <reference types="react" />
+interface FlatTableContextType {
+    isInFlatTable: boolean;
+    setHasOpenDatePicker?: (value: boolean) => void;
 }
-declare const _default: React.Context<FlatTableContextProps>;
-export default _default;
+declare const FlatTableContext: import("react").Context<FlatTableContextType>;
+export default FlatTableContext;

package/lib/components/flat-table/__internal__/flat-table.context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = /*#__PURE__*/_react.default.createContext({
-  getTabStopElementId: () => "",
-  isInFlatTable: false
-});
+var _react = require("react");
+const FlatTableContext = /*#__PURE__*/(0, _react.createContext)({
+  isInFlatTable: false,
+  setHasOpenDatePicker: undefined
+});
+var _default = exports.default = FlatTableContext;

package/lib/components/flat-table/__internal__/strict-flat-table.context.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { FlatTableProps } from "../flat-table.component";
+export interface StrictFlatTableContextType extends Pick<FlatTableProps, "colorTheme" | "size"> {
+    getTabStopElementId: () => string;
+}
+declare const StrictFlatTableProvider: import("react").Provider<StrictFlatTableContextType | null>, useStrictFlatTableContext: () => StrictFlatTableContextType;
+export { StrictFlatTableProvider, useStrictFlatTableContext };

package/lib/components/flat-table/__internal__/strict-flat-table.context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStrictFlatTableContext = exports.StrictFlatTableProvider = void 0;
+var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [StrictFlatTableProvider, useStrictFlatTableContext] = (0, _createStrictContext.default)({
+  name: "FlatTableContext",
+  errorMessage: "Carbon FlatTable: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
+  defaultValue: {
+    getTabStopElementId: () => ""
+  }
+});
+exports.useStrictFlatTableContext = useStrictFlatTableContext;
+exports.StrictFlatTableProvider = StrictFlatTableProvider;

package/lib/components/flat-table/__internal__/use-table-cell.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _flatTableRow = _interopRequireDefault(require("../flat-table-row/__internal__/flat-table-row.context"));
-var _flatTable = _interopRequireDefault(require("./flat-table.context"));
+var _strictFlatTable = require("./strict-flat-table.context");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 var _default = id => {
   const {
     getTabStopElementId
-  } = (0, _react.useContext)(_flatTable.default);
+  } = (0, _strictFlatTable.useStrictFlatTableContext)();
   const [tabIndex, setTabIndex] = (0, _react.useState)(-1);
   const {
     expandable,

package/lib/components/flat-table/flat-table-header/flat-table-header.component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = exports.FlatTableHeader = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _flatTableHeader = _interopRequireDefault(require("./flat-table-header.style"));
-var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
+var _strictFlatTable = require("../__internal__/strict-flat-table.context");
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _useTableCell = _interopRequireDefault(require("../__internal__/use-table-cell"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -30,7 +30,7 @@ const FlatTableHeader = ({
   const internalId = (0, _react.useRef)(id || (0, _guid.default)());
   const {
     colorTheme
-  } = (0, _react.useContext)(_flatTable.default);
+  } = (0, _strictFlatTable.useStrictFlatTableContext)();
   const {
     leftPosition,
     rightPosition,

package/lib/components/flat-table/flat-table-row/flat-table-row.component.js

@@ -11,7 +11,7 @@ var _flatTableRow = _interopRequireDefault(require("./flat-table-row.style"));
 var _drawerSidebar = _interopRequireDefault(require("../../drawer/__internal__/drawer-sidebar.context"));
 var _flatTableRowHeader = _interopRequireDefault(require("../flat-table-row-header"));
 var _flatTableRowDraggable = _interopRequireDefault(require("./__internal__/flat-table-row-draggable.component"));
-var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
+var _strictFlatTable = require("../__internal__/strict-flat-table.context");
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _flatTableRow2 = _interopRequireDefault(require("./__internal__/flat-table-row.context"));
 var _subRowProvider = _interopRequireWildcard(require("./__internal__/sub-row-provider"));
@@ -104,7 +104,7 @@ const FlatTableRow = exports.FlatTableRow = /*#__PURE__*/_react.default.forwardR
     colorTheme,
     size,
     getTabStopElementId
-  } = (0, _react.useContext)(_flatTable.default);
+  } = (0, _strictFlatTable.useStrictFlatTableContext)();
   const {
     isInSidebar
   } = (0, _react.useContext)(_drawerSidebar.default);

package/lib/components/flat-table/flat-table.component.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _flatTable = require("./flat-table.style");
 var _drawerSidebar = _interopRequireDefault(require("../drawer/__internal__/drawer-sidebar.context"));
 var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events/events"));
+var _strictFlatTable = require("./__internal__/strict-flat-table.context");
 var _flatTable2 = _interopRequireDefault(require("./__internal__/flat-table.context"));
 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); }
@@ -195,15 +196,18 @@ const FlatTable = ({
   }, /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTable, _extends({
     ref: tableRef,
     "data-component": "flat-table"
-  }, tableStylingProps), caption ? /*#__PURE__*/_react.default.createElement("caption", null, caption) : null, /*#__PURE__*/_react.default.createElement(_flatTable2.default.Provider, {
+  }, tableStylingProps), caption ? /*#__PURE__*/_react.default.createElement("caption", null, caption) : null, /*#__PURE__*/_react.default.createElement(_strictFlatTable.StrictFlatTableProvider, {
     value: {
       colorTheme,
       size,
-      getTabStopElementId,
+      getTabStopElementId
+    }
+  }, /*#__PURE__*/_react.default.createElement(_flatTable2.default.Provider, {
+    value: {
       isInFlatTable: true,
       setHasOpenDatePicker
     }
-  }, children))), footer && /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTableFooter, {
+  }, children)))), footer && /*#__PURE__*/_react.default.createElement(_flatTable.StyledFlatTableFooter, {
     hasStickyFooter: hasStickyFooter,
     "data-role": "flat-table-footer"
   }, footer));

package/lib/components/flat-table/sort/sort.component.js

@@ -10,7 +10,7 @@ var _typography = _interopRequireDefault(require("../../typography"));
 var _sort = require("./sort.style");
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _flatTable = _interopRequireDefault(require("../__internal__/flat-table.context"));
+var _strictFlatTable = require("../__internal__/strict-flat-table.context");
 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; }
@@ -33,7 +33,7 @@ const Sort = ({
   };
   const {
     colorTheme
-  } = (0, _react.useContext)(_flatTable.default);
+  } = (0, _strictFlatTable.useStrictFlatTableContext)();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_typography.default, {
     screenReaderOnly: true,
     id: id.current

package/lib/components/step-flow/__internal__/step-flow.context.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export type StepFlowContextType = {
     validatedCurrentStep?: number;
     totalSteps?: number;
@@ -6,5 +6,5 @@ export type StepFlowContextType = {
     category?: string;
     titleRef?: React.RefObject<HTMLDivElement>;
 };
-declare const StepFlowContext: React.Context<StepFlowContextType>;
-export default StepFlowContext;
+declare const StepFlowProvider: import("react").Provider<StepFlowContextType | null>, useStepFlowContext: () => StepFlowContextType;
+export { StepFlowProvider, useStepFlowContext };

package/lib/components/step-flow/__internal__/step-flow.context.js

@@ -3,8 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+exports.useStepFlowContext = exports.StepFlowProvider = void 0;
+var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StepFlowContext = /*#__PURE__*/_react.default.createContext({});
-var _default = exports.default = StepFlowContext;
+const [StepFlowProvider, useStepFlowContext] = (0, _createStrictContext.default)({
+  name: "StepFlowContext",
+  errorMessage: "Carbon StepFlow: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
+  defaultValue: {}
+});
+exports.useStepFlowContext = useStepFlowContext;
+exports.StepFlowProvider = StepFlowProvider;

package/lib/components/step-flow/step-flow-title/step-flow-title.component.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StepFlowTitle = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _typography = _interopRequireDefault(require("../../typography"));
 var _useLocale = _interopRequireDefault(require("../../../hooks/__internal__/useLocale"));
-var _stepFlow = _interopRequireDefault(require("../__internal__/step-flow.context"));
+var _stepFlow = require("../__internal__/step-flow.context");
 var _stepFlow2 = require("../step-flow.style");
 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 StepFlowTitle = ({
   titleString,
   titleVariant,
@@ -24,7 +22,7 @@ const StepFlowTitle = ({
     totalSteps,
     category,
     titleVariant: titleVariantContext
-  } = (0, _react.useContext)(_stepFlow.default);
+  } = (0, _stepFlow.useStepFlowContext)();
   return /*#__PURE__*/_react.default.createElement(_stepFlow2.StyledTitleFocusWrapper, {
     "data-role": "title-text-wrapper",
     "data-element": "title-text-wrapper",

package/lib/components/step-flow/step-flow.component.js

@@ -11,7 +11,7 @@ var _stepFlow = require("./step-flow.style");
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
 var _typography = _interopRequireDefault(require("../typography"));
 var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _stepFlow2 = _interopRequireDefault(require("./__internal__/step-flow.context"));
+var _stepFlow2 = require("./__internal__/step-flow.context");
 var _stepFlowTitle = _interopRequireDefault(require("./step-flow-title/step-flow-title.component"));
 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); }
@@ -81,7 +81,7 @@ const StepFlow = exports.StepFlow = /*#__PURE__*/(0, _react.forwardRef)(({
       titleRef.current?.focus();
     }
   }), []);
-  const stepFlowTitle = /*#__PURE__*/_react.default.createElement(_stepFlow2.default.Provider, {
+  const stepFlowTitle = /*#__PURE__*/_react.default.createElement(_stepFlow2.StepFlowProvider, {
     value: {
       validatedCurrentStep,
       totalSteps,

package/lib/components/step-sequence/__internal__/step-sequence.context.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface StepSequenceContextType {
+    orientation: "horizontal" | "vertical";
+}
+declare const StepSequenceProvider: import("react").Provider<StepSequenceContextType | null>, useStepSequenceContext: () => StepSequenceContextType;
+export { StepSequenceProvider, useStepSequenceContext };

package/lib/components/step-sequence/__internal__/step-sequence.context.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStepSequenceContext = exports.StepSequenceProvider = void 0;
+var _createStrictContext = _interopRequireDefault(require("../../../__internal__/utils/createStrictContext"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const [StepSequenceProvider, useStepSequenceContext] = (0, _createStrictContext.default)({
+  name: "StepSequenceContext",
+  errorMessage: "Carbon StepSequence: Context not found. Have you wrapped your Carbon subcomponents properly? See stack trace for more details.",
+  defaultValue: {
+    orientation: "horizontal"
+  }
+});
+exports.useStepSequenceContext = useStepSequenceContext;
+exports.StepSequenceProvider = StepSequenceProvider;

package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js

@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.StepSequenceItem = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _stepSequenceItem = require("./step-sequence-item.style");
 var _icon = _interopRequireDefault(require("../../icon"));
-var _stepSequence = require("../step-sequence.component");
+var _stepSequence = require("../__internal__/step-sequence.context");
 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; }
 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); }
 const StepSequenceItem = ({
   hideIndicator = false,
@@ -25,7 +23,7 @@ const StepSequenceItem = ({
 }) => {
   const {
     orientation
-  } = (0, _react.useContext)(_stepSequence.StepSequenceContext);
+  } = (0, _stepSequence.useStepSequenceContext)();
   const indicatorText = () => {
     return !hideIndicator ? /*#__PURE__*/_react.default.createElement(_stepSequenceItem.StyledStepSequenceItemIndicator, null, indicator) : null;
   };

package/lib/components/step-sequence/step-sequence.component.d.ts

@@ -1,9 +1,6 @@
 import React from "react";
 import { SpaceProps } from "styled-system";
 import { TagProps } from "../../__internal__/utils/helpers/tags";
-export declare const StepSequenceContext: React.Context<{
-    orientation: "horizontal" | "vertical";
-}>;
 export interface StepSequenceProps extends SpaceProps, TagProps {
     /** Step sequence items to be rendered */
     children: React.ReactNode;

package/lib/components/step-sequence/step-sequence.component.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.StepSequenceContext = exports.StepSequence = void 0;
+exports.default = exports.StepSequence = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
 var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
+var _stepSequence2 = require("./__internal__/step-sequence.context");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
-const StepSequenceContext = exports.StepSequenceContext = /*#__PURE__*/_react.default.createContext({
-  orientation: "horizontal"
-});
 const StepSequence = ({
   children,
   orientation = "horizontal",
@@ -20,7 +18,7 @@ const StepSequence = ({
   return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
     orientation: orientation,
     p: 0
-  }, props, (0, _tags.default)("step-sequence", props)), /*#__PURE__*/_react.default.createElement(StepSequenceContext.Provider, {
+  }, props, (0, _tags.default)("step-sequence", props)), /*#__PURE__*/_react.default.createElement(_stepSequence2.StepSequenceProvider, {
     value: {
       orientation
     }

package/lib/components/text-editor/__internal__/helpers.js

@@ -20,7 +20,7 @@ var _constants = require("./constants");
 const SerializeLexical = editor => {
   let htmlString;
   let json;
-  editor.update(() => {
+  editor.read(() => {
     // Get the current editor state
     const editorState = editor.getEditorState();
     // Serialize the editor state to JSON

package/lib/components/text-editor/__internal__/plugins/EditorRef/editor-ref.plugin.d.ts

@@ -0,0 +1,5 @@
+import { LexicalEditor } from "lexical";
+declare const EditorRefPlugin: ({ setEditorRef, }: {
+    setEditorRef: (editor: LexicalEditor) => void;
+}) => null;
+export default EditorRefPlugin;

package/lib/components/text-editor/__internal__/plugins/EditorRef/editor-ref.plugin.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
+/**
+ * This plugin allows retrieval of a reference to the current editor. It's useful
+ * for testing purposes, where tests might need to directly interact with the editor to
+ * emulate e.g. blurring.
+ */
+
+const EditorRefPlugin = ({
+  setEditorRef
+}) => {
+  const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
+  (0, _react.useEffect)(() => {
+    setEditorRef(editor);
+  }, [editor, setEditorRef]);
+  return null;
+};
+var _default = exports.default = EditorRefPlugin;

package/lib/components/text-editor/__internal__/plugins/EditorRef/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./editor-ref.plugin";

package/lib/components/text-editor/__internal__/plugins/EditorRef/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _editorRef.default;
+  }
+});
+var _editorRef = _interopRequireDefault(require("./editor-ref.plugin"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/lib/components/text-editor/__internal__/plugins/EditorRef/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "../../../../../../esm/components/text-editor/__internal__/plugins/EditorRef/index.js",
+  "main": "./index.js",
+  "types": "./index.d.ts"
+}

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

@@ -94,7 +94,6 @@ const Toolbar = ({
     "aria-label": locale.textEditor.toolbarAriaLabel(),
     "data-role": `${namespace}-toolbar`,
     id: `${namespace}-toolbar`,
-    onFocus: e => e.stopPropagation(),
     ref: toolbarRef
   }, /*#__PURE__*/_react.default.createElement(_toolbar.FormattingButtons, {
     "data-role": `${namespace}-formatting-buttons`