carbon-react 106.7.0 → 107.0.0

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 {};

package/esm/components/multi-step-wizard/__spec__.js

@@ -1,191 +0,0 @@
-import React from "react";
-import TestUtils from "react-dom/test-utils";
-import { shallow } from "enzyme";
-import MultiStepWizard from "./multi-step-wizard";
-import MultiActionButton from "./../multi-action-button";
-import Button from "./../button";
-import { elementsTagTest, rootTagTest } from "../../__internal__/utils/helpers/tags/tags-specs";
-describe("MultiStepWizard", () => {
-  let instance,
-      spySubmitHandler = jasmine.createSpy("submitHandler");
-  beforeEach(() => {
-    instance = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(MultiStepWizard, {
-      steps: [/*#__PURE__*/React.createElement("div", null, "Step 1"), /*#__PURE__*/React.createElement("div", null, "Step 2")],
-      onSubmit: spySubmitHandler
-    }));
-  });
-  describe("lifecycle", () => {
-    describe("componentWillMount", () => {
-      it("sets the states", () => {
-        spyOn(instance, "validateStepProps").and.returnValue({
-          currentStep: 1,
-          completed: false
-        });
-        expect(instance.state.currentStep).toEqual(1);
-        expect(instance.state.completed).toEqual(false);
-      });
-    });
-    describe("componentWillReceiveProps", () => {
-      it("sets the states", () => {
-        spyOn(instance, "validateStepProps").and.returnValue({
-          currentStep: 3,
-          completed: true
-        });
-        instance.UNSAFE_componentWillReceiveProps({});
-        expect(instance.state.currentStep).toEqual(3);
-        expect(instance.state.completed).toEqual(true);
-      });
-    });
-  });
-  describe("initialize", () => {
-    it("sets current step", () => {
-      expect(instance.state.currentStep).toBeTruthy();
-    });
-    it("sets completed to false", () => {
-      expect(instance.state.completed).toBeFalsy();
-    });
-  });
-  describe("totalSteps", () => {
-    it("returns the total number of steps", () => {
-      expect(instance.totalSteps).toEqual(2);
-    });
-  });
-  describe("validateStepProps", () => {
-    describe("when the completed prop equals to true", () => {
-      it("returns the valid props", () => {
-        let props = instance.validateStepProps({
-          completed: true,
-          steps: [1, 2, 3]
-        });
-        expect(props.currentStep).toEqual(3);
-        expect(props.completed).toEqual(true);
-      });
-    });
-    describe("when the currentStep prop is not number", () => {
-      it("returns the valid props", () => {
-        let props = instance.validateStepProps({
-          currentStep: "test",
-          steps: [1, 2, 3]
-        });
-        expect(props.currentStep).toEqual(1);
-        expect(props.completed).toEqual(false);
-      });
-    });
-    describe("when the currentStep prop is less than 1", () => {
-      it("returns the valid props", () => {
-        let props = instance.validateStepProps({
-          currentStep: 0,
-          steps: [1, 2, 3]
-        });
-        expect(props.currentStep).toEqual(1);
-        expect(props.completed).toEqual(false);
-      });
-    });
-    describe("when the currentStep prop is larger than the total of steps", () => {
-      it("returns the valid props", () => {
-        let props = instance.validateStepProps({
-          currentStep: 4,
-          steps: [1, 2, 3]
-        });
-        expect(props.currentStep).toEqual(1);
-        expect(props.completed).toEqual(false);
-      });
-    });
-    describe("when the currentStep prop is valid", () => {
-      it("returns the valid props", () => {
-        let props = instance.validateStepProps({
-          currentStep: 2,
-          steps: [1, 2, 3]
-        });
-        expect(props.currentStep).toEqual(2);
-        expect(props.completed).toEqual(false);
-      });
-    });
-  });
-  describe("next", () => {
-    beforeEach(() => {
-      spyOn(instance, "setState").and.callThrough();
-    });
-    describe("when current step is less than the total of steps", () => {
-      it("moves the step forward", () => {
-        instance.next();
-        expect(instance.state.currentStep).toEqual(2);
-      });
-    });
-    describe("when current step is not less than the total of steps", () => {
-      it("does nothing", () => {
-        instance.state.currentStep = 3;
-        instance.next();
-        expect(instance.setState).not.toHaveBeenCalled();
-        expect(instance.state.currentStep).toEqual(3);
-      });
-    });
-  });
-  describe("back", () => {
-    beforeEach(() => {
-      spyOn(instance, "setState").and.callThrough();
-    });
-    describe("when current step is larger than 1", () => {
-      it("moves the step backward", () => {
-        instance.state.currentStep = 2;
-        instance.back();
-        expect(instance.state.completed).toEqual(false);
-        expect(instance.state.currentStep).toEqual(1);
-      });
-    });
-    describe("when current step is not larger than 1", () => {
-      it("does nothing", () => {
-        instance.back();
-        expect(instance.setState).not.toHaveBeenCalled();
-        expect(instance.state.currentStep).toEqual(1);
-      });
-    });
-  });
-  describe("complete", () => {
-    beforeEach(() => {
-      spyOn(instance, "setState").and.callThrough();
-    });
-    describe("when current step is the last step", () => {
-      it("completes the wizard", () => {
-        instance.state.currentStep = 2;
-        instance.complete();
-        expect(instance.setState).toHaveBeenCalledWith({
-          completed: true
-        });
-        expect(instance.state.completed).toBeTruthy();
-      });
-    });
-    describe("when current step is not the last step", () => {
-      it("does nothing", () => {
-        instance.complete();
-        expect(instance.setState).not.toHaveBeenCalled();
-        expect(instance.state.completed).toBeFalsy();
-      });
-    });
-  });
-  describe("wizardStepsHTML", () => {
-    describe("when passing the steps prop", () => {
-      it("returns step components", () => {
-        let steps = instance.wizardStepsHTML,
-            step1 = steps[0],
-            step2 = steps[1];
-        expect(steps.length).toEqual(2);
-        expect(step1.props.children.props.children).toEqual("Step 1");
-        expect(step1.props.stepNumber).toEqual(1);
-        expect(step1.props.defaultButton).toEqual(true);
-        expect(step2.props.children.props.children).toEqual("Step 2");
-        expect(step2.props.stepNumber).toEqual(2);
-        expect(step2.props.defaultButton).toEqual(true);
-      });
-    });
-    describe("when not passing the steps prop", () => {
-      it("does not returns step components", () => {
-        instance = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(MultiStepWizard, {
-          steps: [],
-          onSubmit: spySubmitHandler
-        }));
-        expect(instance.wizardStepsHTML).toEqual([]);
-      });
-    });
-  });
-});