carbon-react 104.58.2 → 104.58.5

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+exports.default = exports.StepSequenceContext = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
 
 var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
@@ -19,14 +19,19 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+const StepSequenceContext = /*#__PURE__*/_react.default.createContext({});
+
+exports.StepSequenceContext = StepSequenceContext;
 const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
 
 const StepSequence = props => {
   return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
     "data-component": "step-sequence"
-  }, props), _react.default.Children.map(props.children, child => /*#__PURE__*/_react.default.cloneElement(child, { ...child.props,
-    orientation: props.orientation
-  }, child.props.children)));
+  }, props), /*#__PURE__*/_react.default.createElement(StepSequenceContext.Provider, {
+    value: {
+      orientation: props.orientation
+    }
+  }, props.children));
 };
 
 StepSequence.propTypes = { ...marginPropTypes,

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

@@ -12,4 +12,4 @@ declare const Typography: import("styled-components").StyledComponent<"span", an
     color: any;
     bg: any;
     backgroundColor: any;
-}, "as" | "textDecoration" | "size" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;
+}, "as" | "size" | "textDecoration" | "lineHeight" | "textTransform" | "weight" | "defaultMargin">;

package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.d.ts

@@ -5,6 +5,8 @@ declare class ScrollBlockManager {
     registerComponent(id: any): void;
     unregisterComponent(id: any): void;
     saveOriginalValues(values: any): void;
+    saveRestoreValuesCallback(callback: any): void;
+    getRestoreValuesCallback(): any;
     getOriginalValues(): any;
     isBlocked(): boolean;
 }

package/lib/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -11,6 +11,8 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 
+// TODO: This component can be refactored to remove redundant code after
+// we can confirm that all Sage products use version 105.0.0^
 let ScrollBlockManager = /*#__PURE__*/function () {
   function ScrollBlockManager() {
     _classCallCheck(this, ScrollBlockManager);
@@ -20,11 +22,13 @@ let ScrollBlockManager = /*#__PURE__*/function () {
     if (!window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
       window.__CARBON_INTERNALS_SCROLL_BLOCKERS = {
         components: {},
+        // originalValues can be removed
         originalValues: []
       };
     }
 
-    this.components = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.components;
+    this.components = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.components; // TODO: originalValues can be removed
+
     this.originalValues = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.originalValues;
   }
 
@@ -37,13 +41,25 @@ let ScrollBlockManager = /*#__PURE__*/function () {
     key: "unregisterComponent",
     value: function unregisterComponent(id) {
       delete this.components[id];
-    }
+    } // TODO: saveOriginalValues can be removed
+
   }, {
     key: "saveOriginalValues",
     value: function saveOriginalValues(values) {
       this.originalValues.length = 0;
       this.originalValues.push(...values);
     }
+  }, {
+    key: "saveRestoreValuesCallback",
+    value: function saveRestoreValuesCallback(callback) {
+      window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues = callback;
+    }
+  }, {
+    key: "getRestoreValuesCallback",
+    value: function getRestoreValuesCallback() {
+      return window.__CARBON_INTERNALS_SCROLL_BLOCKERS.restoreValues;
+    } // TODO: getOriginalValues can be removed
+
   }, {
     key: "getOriginalValues",
     value: function getOriginalValues() {

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -13,6 +13,8 @@ var _scrollBlockManager = _interopRequireDefault(require("./scroll-block-manager
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// TODO: This component can be refactored to remove redundant code after
+// we can confirm that all Sage products use version 105.0.0^
 const scrollBlockManager = new _scrollBlockManager.default();
 /* istanbul ignore next */
 
@@ -22,6 +24,7 @@ const useScrollBlock = () => {
   const {
     current: containerGuid
   } = (0, _react.useRef)((0, _guid.default)());
+  const originalValuesRef = (0, _react.useRef)();
   const rules = (0, _react.useMemo)(() => {
     const {
       documentElement,
@@ -29,7 +32,8 @@ const useScrollBlock = () => {
     } = safeDocument;
     const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
     const bodyPaddingRight = parseInt(window.getComputedStyle(body).getPropertyValue("padding-right")) || 0;
-    return [{
+    return [// TODO: First two entries of this array with the documentElement can be removed
+    {
       element: documentElement,
       property: "position",
       blockingValue: "relative"
@@ -51,6 +55,14 @@ const useScrollBlock = () => {
       blockingValue: `${bodyPaddingRight + scrollBarWidth}px`
     }];
   }, []);
+  const restoreValues = (0, _react.useCallback)(() => {
+    rules.forEach(({
+      element,
+      property
+    }, index) => {
+      element.style[property] = originalValuesRef.current[index];
+    });
+  }, [rules]);
   const blockScroll = (0, _react.useCallback)(() => {
     const isBlocked = scrollBlockManager.isBlocked();
     scrollBlockManager.registerComponent(containerGuid);
@@ -63,19 +75,32 @@ const useScrollBlock = () => {
       element,
       property
     }) => element.style[property]);
-    scrollBlockManager.saveOriginalValues(originalValues);
-    rules.forEach(({
+    originalValuesRef.current = originalValues;
+    scrollBlockManager.saveRestoreValuesCallback(restoreValues); // TODO: saveOriginalValues can be removed
+
+    scrollBlockManager.saveOriginalValues(originalValues); // TODO: slice san be removed
+
+    rules.slice(-3).forEach(({
       element,
       property,
       blockingValue
     }) => {
       element.style[property] = blockingValue;
     });
-  }, [containerGuid, rules]);
+  }, [restoreValues, containerGuid, rules]);
   const allowScroll = (0, _react.useCallback)(() => {
     scrollBlockManager.unregisterComponent(containerGuid);
     const isBlocked = scrollBlockManager.isBlocked();
     if (isBlocked) return;
+    const restoreValuesCallback = scrollBlockManager.getRestoreValuesCallback();
+
+    if (restoreValuesCallback) {
+      restoreValuesCallback();
+      scrollBlockManager.saveRestoreValuesCallback(null);
+      return;
+    } // TODO: all of the code below can be removed from this block
+
+
     const originalValues = scrollBlockManager.getOriginalValues();
     rules.forEach(({
       element,

package/lib/style/themes/aegean/aegean-theme.config.d.ts

@@ -7,9 +7,10 @@ declare function _default(palette: any): {
         loadingBarBackground: any;
     };
     readonly compatibility: {
+        colorsActionMajor150: any;
         colorsActionMajor500: any;
         colorsActionMajor600: any;
-        colorsActionMajor150: any;
+        colorsActionMajor700: any;
         colorsComponentsMenuAutumnStandard600: any;
         colorsComponentsMenuSpringChild600: any;
         colorsComponentsMenuAutumnChild600: any;

package/lib/style/themes/aegean/aegean-theme.config.js

@@ -17,9 +17,10 @@ var _default = palette => {
 
     get compatibility() {
       return {
+        colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
-        colorsActionMajor150: this.colors.loadingBarBackground,
+        colorsActionMajor700: this.colors.tertiary,
         colorsComponentsMenuAutumnStandard600: this.colors.primary,
         colorsComponentsMenuSpringChild600: this.colors.primary,
         colorsComponentsMenuAutumnChild600: this.colors.primary,

package/lib/style/themes/mint/mint-theme.config.d.ts

@@ -7,9 +7,10 @@ declare function _default(palette: any): {
         loadingBarBackground: any;
     };
     readonly compatibility: {
+        colorsActionMajor150: any;
         colorsActionMajor500: any;
         colorsActionMajor600: any;
-        colorsActionMajor150: any;
+        colorsActionMajor700: any;
         colorsComponentsMenuAutumnStandard600: any;
         colorsComponentsMenuSpringChild600: any;
         colorsComponentsMenuAutumnChild600: any;

package/lib/style/themes/mint/mint-theme.config.js

@@ -17,9 +17,10 @@ var _default = palette => {
 
     get compatibility() {
       return {
+        colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
-        colorsActionMajor150: this.colors.loadingBarBackground,
+        colorsActionMajor700: this.colors.tertiary,
         colorsComponentsMenuAutumnStandard600: this.colors.primary,
         colorsComponentsMenuSpringChild600: this.colors.primary,
         colorsComponentsMenuAutumnChild600: this.colors.primary,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "104.58.2",
+  "version": "104.58.5",
   "description": "A library of reusable React components for easily building user interfaces.",
   "engineStrict": true,
   "engines": {

package/esm/components/alert/alert.d.ts

@@ -1,5 +0,0 @@
-import { DialogProps } from "../dialog/dialog";
-
-declare function Alert(props: DialogProps): JSX.Element;
-
-export default Alert;

package/lib/components/alert/alert.d.ts

@@ -1,5 +0,0 @@
-import { DialogProps } from "../dialog/dialog";
-
-declare function Alert(props: DialogProps): JSX.Element;
-
-export default Alert;