carbon-react 106.7.0 → 107.1.1

package/lib/components/toast/toast.component.js

@@ -27,8 +27,6 @@ var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLoc
 
 var _useModalManager = _interopRequireDefault(require("../../hooks/__internal__/useModalManager"));
 
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
@@ -37,10 +35,7 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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); }
 
-let deprecatedWarnTriggered = false;
-
 const Toast = ({
-  as,
   children,
   className,
   id,
@@ -53,13 +48,6 @@ const Toast = ({
   variant,
   ...restProps
 }) => {
-  if (!deprecatedWarnTriggered && as) {
-    deprecatedWarnTriggered = true;
-
-    _logger.default.deprecate( // eslint-disable-next-line max-len
-    "The `as` prop is deprecated and will soon be removed from the `Toast` component interface. You should use the `variant` prop to achieve the same styling. The following codemod is available to help with updating your code https://github.com/Sage/carbon-codemod/tree/master/transforms/rename-prop");
-  }
-
   const locale = (0, _useLocale.default)();
   const toastRef = (0, _react.useRef)();
   const timer = (0, _react.useRef)();
@@ -99,7 +87,7 @@ const Toast = ({
     if (!open) return null;
     const toastProps = {
       isCenter,
-      variant: variant || as || "success",
+      variant: variant || "success",
       id,
       maxWidth
     };
@@ -139,9 +127,6 @@ Toast.propTypes = {
   /** Customizes the appearance in the DLS theme */
   variant: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
 
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as: _propTypes.default.oneOf(["error", "info", "success", "warning"]),
-
   /** Custom className */
   className: _propTypes.default.string,
 

package/lib/components/toast/toast.d.ts

@@ -7,8 +7,6 @@ export interface ToastPropTypes {
   children: React.ReactNode;
   /** Customizes the appearance in the DLS theme */
   variant?: ToastVariants;
-  /** Customizes the appearance in a legacy theme through colour (see the 'iconColorSets' for possible values) */
-  as?: ToastVariants;
   /** Custom className */
   className?: string;
   /** Custom id  */

package/lib/locales/en-gb.js

@@ -125,15 +125,6 @@ const enGB = {
     ariaLabels: {
       close: () => "Close"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Submit",
-        next: () => "Next",
-        back: () => "Back"
-      }
-    }
   }
 };
 var _default = enGB;

package/lib/locales/locale.d.ts

@@ -92,14 +92,5 @@ interface Locale {
             close: () => string;
         };
     };
-    wizards: {
-        multiStep: {
-            buttons: {
-                submit: () => string;
-                next: () => string;
-                back: () => string;
-            };
-        };
-    };
 }
 export default Locale;

package/lib/locales/pl-pl.js

@@ -123,15 +123,6 @@ const plPL = {
     ariaLabels: {
       close: () => "Zamknij"
     }
-  },
-  wizards: {
-    multiStep: {
-      buttons: {
-        submit: () => "Wyślij",
-        next: () => "Następny",
-        back: () => "Wstecz"
-      }
-    }
   }
 };
 var _default = plPL;

package/package.json

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

package/esm/components/app-wrapper/app-wrapper.component.d.ts

@@ -1,25 +0,0 @@
-export default AppWrapper;
-/**
- * Manages the width and containment of your application.
- */
-declare class AppWrapper extends React.Component<any, any, any> {
-    constructor(...args: any[]);
-    /**
-     * Returns the classes for the component.
-     *
-     * @method classes
-     * @return {String}
-     */
-    classes(): string;
-    /**
-     * @method render
-     */
-    render(): JSX.Element;
-}
-declare namespace AppWrapper {
-    namespace propTypes {
-        const children: Node;
-        const className: string;
-    }
-}
-import React from "react";

package/esm/components/app-wrapper/app-wrapper.component.js

@@ -1,104 +0,0 @@
-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); }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import StyledAppWrapper from "./app-wrapper.style";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-/**
- * Manages the width and containment of your application.
- */
-
-let AppWrapper = /*#__PURE__*/function (_React$Component) {
-  _inherits(AppWrapper, _React$Component);
-
-  var _super = _createSuper(AppWrapper);
-
-  function AppWrapper(...args) {
-    var _this;
-
-    _classCallCheck(this, AppWrapper);
-
-    _this = _super.call(this, ...args);
-    _this.classes = _this.classes.bind(_assertThisInitialized(_this));
-
-    if (!deprecatedWarnTriggered) {
-      deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-      Logger.deprecate("`AppWrapper` component is now deprecated and will soon be removed. Please use the `Box` component instead.");
-    }
-
-    return _this;
-  }
-  /**
-   * Returns the classes for the component.
-   *
-   * @method classes
-   * @return {String}
-   */
-
-
-  _createClass(AppWrapper, [{
-    key: "classes",
-    value: function classes() {
-      return classNames("carbon-app-wrapper", this.props.className);
-    }
-    /**
-     * @method render
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      const {
-        children
-      } = this.props;
-      return /*#__PURE__*/React.createElement(StyledAppWrapper, _extends({}, this.props, {
-        className: this.classes()
-      }, tagComponent("app-wrapper", this.props)), children);
-    }
-  }]);
-
-  return AppWrapper;
-}(React.Component);
-
-AppWrapper.propTypes = {
-  /**
-   * Children elements
-   *
-   * @property children
-   * @type {Node}
-   */
-  children: PropTypes.node,
-
-  /**
-   * Custom className
-   *
-   * @property className
-   * @type {String}
-   */
-  className: PropTypes.string
-};
-export default AppWrapper;

package/esm/components/app-wrapper/app-wrapper.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-export interface AppWrapperProps {
-  /** Children elements */
-  children?: React.ReactNode;
-  /** Custom className */
-  className?: string;
-}
-
-declare class AppWrapper extends React.Component<AppWrapperProps> {}
-
-export default AppWrapper;

package/esm/components/app-wrapper/app-wrapper.style.d.ts

@@ -1,2 +0,0 @@
-export default StyledAppWrapper;
-declare const StyledAppWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/app-wrapper/app-wrapper.style.js

@@ -1,17 +0,0 @@
-import styled from "styled-components";
-const StyledAppWrapper = styled.div`
-  box-sizing: border-box;
-  max-width: 1600px;
-  min-width: 958px;
-  margin: 0 auto;
-  padding: 0 40px;
-
-  @media only screen and (max-width: 1366px) {
-    padding: 0 30px;
-  }
-
-  @media only screen and (max-width: 1024px) {
-    padding: 0 25px;
-  }
-`;
-export default StyledAppWrapper;

package/esm/components/app-wrapper/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./app-wrapper";

package/esm/components/app-wrapper/index.js

@@ -1 +0,0 @@
-export { default } from "./app-wrapper.component";

package/esm/components/menu/submenu-block/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./submenu-block";
-export * from "./submenu-block";

package/esm/components/menu/submenu-block/index.js

@@ -1 +0,0 @@
-export { default } from "./submenu-block.component";

package/esm/components/menu/submenu-block/submenu-block.component.d.ts

@@ -1,12 +0,0 @@
-export default SubmenuBlock;
-declare function SubmenuBlock({ children, variant }: {
-    children: any;
-    variant?: string | undefined;
-}): JSX.Element;
-declare namespace SubmenuBlock {
-    namespace propTypes {
-        const children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        const variant: PropTypes.Requireable<string>;
-    }
-}
-import PropTypes from "prop-types";

package/esm/components/menu/submenu-block/submenu-block.component.js

@@ -1,34 +0,0 @@
-import React, { useContext } from "react";
-import PropTypes from "prop-types";
-import StyledSubmenuBlock from "./submenu-block.style";
-import MenuContext from "../menu.context";
-import Logger from "../../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-
-const SubmenuBlock = ({
-  children,
-  variant = "default"
-}) => {
-  const menuContext = useContext(MenuContext);
-
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    Logger.deprecate("`The `SubmenuBlock` component is deprecated and will soon be removed. Please use a `MenuItem` component with the `submenu` prop instead.");
-  }
-
-  return /*#__PURE__*/React.createElement(StyledSubmenuBlock, {
-    "data-component": "submenu-block",
-    menuType: menuContext.menuType,
-    variant: variant
-  }, children);
-};
-
-SubmenuBlock.propTypes = {
-  /** Children elements */
-  children: PropTypes.node.isRequired,
-
-  /** set the colour variant for a menuType */
-  variant: PropTypes.oneOf(["default", "alternate"])
-};
-export default SubmenuBlock;

package/esm/components/menu/submenu-block/submenu-block.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-export interface SubmenuBlockProps {
-  /** Children elements */
-  children: React.ReactNode;
-  /** set the colour variant for a menuType */
-  variant?: "default" | "alternate";
-}
-
-declare function SubmenuBlock(props: SubmenuBlockProps): JSX.Element;
-
-export default SubmenuBlock;

package/esm/components/menu/submenu-block/submenu-block.style.d.ts

@@ -1,2 +0,0 @@
-export default StyledSubmenuBlock;
-declare const StyledSubmenuBlock: import("styled-components").StyledComponent<"div", any, {}, never>;

package/esm/components/menu/submenu-block/submenu-block.style.js

@@ -1,16 +0,0 @@
-import styled, { css } from "styled-components";
-import StyledMenuItemWrapper from "../menu-item/menu-item.style";
-import menuConfigVariants from "../menu.config";
-const StyledSubmenuBlock = styled.div`
-  ${({
-  menuType,
-  variant
-}) => css`
-    background-color: ${menuConfigVariants[menuType].submenuItemBackground};
-
-    ${StyledMenuItemWrapper} {
-      background-color: ${variant === "default" ? "transparent" : menuConfigVariants[menuType].alternate};
-    }
-  `}
-`;
-export default StyledSubmenuBlock;

package/esm/components/mount-in-app/__spec__.d.ts

@@ -1 +0,0 @@
-export {};

package/esm/components/mount-in-app/__spec__.js

@@ -1,47 +0,0 @@
-import React from "react";
-import { mount } from "enzyme";
-import MountInApp from "./";
-import TestUtils from "react-dom/test-utils";
-describe("MountInApp", () => {
-  let instance, placeholder;
-
-  function renderComponent() {
-    placeholder = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement("div", null));
-    instance = mount( /*#__PURE__*/React.createElement(MountInApp, {
-      targetId: "say_hello_here"
-    }, /*#__PURE__*/React.createElement("div", null, "Hello!!")));
-  }
-
-  describe("if the target element does not exist", () => {
-    beforeEach(() => {
-      renderComponent();
-    });
-    it("doesn't mount anything inside of the placeholder", () => {
-      expect(placeholder.children.length).toEqual(0);
-    });
-  });
-  describe("if the target element exists", () => {
-    beforeEach(() => {
-      spyOn(document, "getElementById").and.callFake(elementId => {
-        return elementId === "say_hello_here" ? placeholder : null;
-      });
-      renderComponent();
-    });
-    it("mounts the specified children in the placeholder", () => {
-      expect(placeholder.children.length).toEqual(1);
-      let wrapperDiv = placeholder.children[0];
-      expect(wrapperDiv.tagName).toEqual("DIV");
-      expect(wrapperDiv.className).toEqual("carbon-mount-in-app");
-      expect(wrapperDiv.children.length).toEqual(1);
-      let contentDiv = wrapperDiv.children[0];
-      expect(contentDiv.tagName).toEqual("DIV");
-      expect(contentDiv.textContent).toEqual("Hello!!");
-    });
-    describe("componentWillUnmount", () => {
-      it("removes all children", () => {
-        instance.unmount();
-        expect(placeholder.children.length).toEqual(0);
-      });
-    });
-  });
-});

package/esm/components/mount-in-app/index.d.ts

@@ -1 +0,0 @@
-export { default } from "./mount-in-app";

package/esm/components/mount-in-app/mount-in-app.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-
-export interface MountInAppProps {
-  /** Children elements */
-  children?: React.ReactNode;
-  /** ID of the element in which the children components will be rendered. */
-  targetId?: string;
-}
-
-declare class MountInApp extends React.Component<MountInAppProps> {}
-
-export default MountInApp;

package/esm/components/mount-in-app/mount-in-app.js

@@ -1,90 +0,0 @@
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (typeof call === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-import React from "react";
-import PropTypes from "prop-types";
-import ReactDOM from "react-dom";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-
-let MountInApp = /*#__PURE__*/function (_React$Component) {
-  _inherits(MountInApp, _React$Component);
-
-  var _super = _createSuper(MountInApp);
-
-  function MountInApp() {
-    _classCallCheck(this, MountInApp);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(MountInApp, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.targetElement) {
-        ReactDOM.render(this.contentHtml, this.targetElement);
-      }
-
-      if (!deprecatedWarnTriggered) {
-        deprecatedWarnTriggered = true;
-        Logger.deprecate( // eslint-disable-next-line max-len
-        "The `MountInApp` component is deprecated and will soon be removed. We recommend using React Portals instead (https://reactjs.org/docs/portals.html)");
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      this.targetElement.removeChild(this.targetElement.firstChild);
-    }
-  }, {
-    key: "contentHtml",
-    get: function () {
-      return /*#__PURE__*/React.createElement("div", {
-        "data-component": "mount-in-app",
-        className: "carbon-mount-in-app"
-      }, this.props.children);
-    }
-  }, {
-    key: "targetElement",
-    get: function () {
-      return document.getElementById(this.props.targetId);
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return null;
-    }
-  }]);
-
-  return MountInApp;
-}(React.Component);
-
-MountInApp.propTypes = {
-  /**
-   * Children elements
-   */
-  children: PropTypes.node,
-
-  /**
-   * ID of the element in which the children components will be rendered.
-   */
-  targetId: PropTypes.string
-};
-export default MountInApp;

package/esm/components/mount-in-app/package.json

@@ -1,3 +0,0 @@
-{
-  "main": "./mount-in-app"
-}

package/esm/components/multi-step-wizard/__spec__.d.ts

@@ -1 +0,0 @@
-export {};