carbon-react 106.6.9 → 107.0.0

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([]);
-      });
-    });
-  });
-});

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

@@ -1,109 +0,0 @@
-export default MultiStepWizard;
-declare class MultiStepWizard extends React.Component<any, any, any> {
-    constructor(props: any);
-    /**
-     * Returns wizard object to child components.
-     *
-     * @method getChildContext
-     * @return {void}
-     */
-    getChildContext(): void;
-    /**
-     * A lifecycle method that is called before initial render.
-     * Can set up state of component without causing a re-render.
-     *
-     * @method componentWillMount
-     */
-    UNSAFE_componentWillMount(): void;
-    /**
-     * A lifecycle method to update the currentStep state when a new valid value has been specified.
-     *
-     * @method componentWillReceiveProps
-     * @param {Object} props The new props passed down to the component
-     * @return {void}
-     */
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    /**
-     * Validate step props
-     *
-     * @method validateStepProps
-     * @return {Object}
-     */
-    validateStepProps: (stepProps: any) => Object;
-    /**
-     * Get total number of steps
-     *
-     * @method totalSteps
-     * @return {Number}
-     */
-    get totalSteps(): number;
-    /**
-     * Moves to the next step.
-     *
-     * @method next
-     * @return {void}
-     */
-    next: () => void;
-    /**
-     * Back to the previous step.
-     *
-     * @method back
-     * @return {void}
-     */
-    back: () => void;
-    /**
-     * Completes the wizard.
-     *
-     * @method complete
-     * @return {void}
-     */
-    complete: () => void;
-    /**
-     * Returns the computed HTML for the wizard's steps.
-     *
-     * @method wizardStepsHTML
-     * @return {Object} JSX
-     */
-    get wizardStepsHTML(): Object;
-    /**
-     * Renders the component.
-     *
-     * @method render
-     * @return {Object} JSX
-     */
-    render(): Object;
-}
-declare namespace MultiStepWizard {
-    namespace propTypes {
-        const steps: any[];
-        const beforeSubmitValidation: Function;
-        const className: string;
-        const onSubmit: Function;
-        const currentStep: number;
-        const enableInactiveSteps: boolean;
-        const onNext: PropTypes.Requireable<(...args: any[]) => any>;
-        const onBack: PropTypes.Requireable<(...args: any[]) => any>;
-        const completed: boolean;
-    }
-    namespace defaultProps {
-        const beforeSubmitValidation_1: null;
-        export { beforeSubmitValidation_1 as beforeSubmitValidation };
-        const className_1: string;
-        export { className_1 as className };
-        const completed_1: boolean;
-        export { completed_1 as completed };
-        const currentStep_1: number;
-        export { currentStep_1 as currentStep };
-        const enableInactiveSteps_1: boolean;
-        export { enableInactiveSteps_1 as enableInactiveSteps };
-        const onNext_1: null;
-        export { onNext_1 as onNext };
-        const onBack_1: null;
-        export { onBack_1 as onBack };
-    }
-    namespace childContextTypes {
-        const wizard: Object;
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";