carbon-react 106.7.0 → 107.1.1

package/lib/components/multi-step-wizard/step/step.js

@@ -1,421 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _i18nContext = _interopRequireDefault(require("../../../__internal__/i18n-context"));
-
-var _step = require("./step.style");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-/**
- * A Step widget.
- * This widget is part of MultiStepWizard and it is a wrapper for a step element that is passed to MultiStepWizard.
- *
- * == How to use a Step Widget in a component:
- *  See MultiStepWizard widget
- *
- * @class Step
- * @constructor
- */
-let Step = /*#__PURE__*/function (_React$Component) {
-  _inherits(Step, _React$Component);
-
-  var _super = _createSuper(Step);
-
-  function Step(...args) {
-    var _this;
-
-    _classCallCheck(this, Step);
-
-    _this = _super.call(this, ...args);
-
-    _defineProperty(_assertThisInitialized(_this), "handleOnSubmit", ev => {
-      let valid = true;
-
-      if (_this.wizard.beforeSubmitValidation) {
-        valid = _this.wizard.beforeSubmitValidation(ev, _this.currentStepNumber);
-      }
-
-      if (valid === true) {
-        _this.wizard.complete();
-
-        _this.wizard.submitHandler(ev);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleOnNext", ev => {
-      if (_this.props.onNext) {
-        _this.props.onNext(ev, _this.currentStepNumber);
-      } else {
-        _this.wizard.next();
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleOnBack", ev => {
-      if (_this.props.onBack) {
-        _this.props.onBack(ev, _this.currentStepNumber);
-      } else {
-        _this.wizard.back();
-      }
-    });
-
-    return _this;
-  }
-
-  _createClass(Step, [{
-    key: "wizard",
-    get:
-    /**
-     * Gets the step's wizard
-     *
-     * @method wizard
-     * @return {Object}
-     */
-    function () {
-      return this.context.wizard;
-    }
-    /**
-     * Gets the current step number
-     *
-     * @method currentStepNumber
-     * @return {Number}
-     */
-
-  }, {
-    key: "currentStepNumber",
-    get: function () {
-      return this.wizard.currentStep;
-    }
-    /**
-     * Checks if the step is the first step
-     *
-     * @method isFirstStep
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "isFirstStep",
-    get: function () {
-      return this.props.stepNumber === 1;
-    }
-    /**
-     * Checks if the step is the last step
-     *
-     * @method isLastStep
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "isLastStep",
-    get: function () {
-      return this.props.stepNumber === this.wizard.totalSteps;
-    }
-    /**
-     * Checks if step component should be disabled.
-     *
-     * @method stepDisabled
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "stepDisabled",
-    get: function () {
-      if (this.wizard.enableInactiveSteps || this.props.enabled) {
-        return false;
-      }
-
-      return this.props.stepNumber !== this.currentStepNumber;
-    }
-    /**
-     * Checks if step has been processed.
-     *
-     * @method stepProcessed
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "stepProcessed",
-    get: function () {
-      if (this.isLastStep) {
-        return this.stepsCompleted;
-      }
-
-      return this.props.stepNumber < this.currentStepNumber;
-    }
-    /**
-     * Checks if all steps are completed
-     *
-     * @method stepsCompleted
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "stepsCompleted",
-    get: function () {
-      return this.wizard.completed === true;
-    }
-    /**
-     * Returns the computed HTML for the step.
-     *
-     * @method stepHTML
-     * @return {Object} JSX
-     */
-
-  }, {
-    key: "stepHTML",
-    get: function () {
-      return /*#__PURE__*/_react.default.createElement(_step.StyledStepContent, null, this.props.children, this.buttonHTML);
-    }
-    /**
-     * Returns the computed HTML for the buttons.
-     *
-     * @method buttonHTML
-     * @return {Object} JSX
-     */
-
-  }, {
-    key: "buttonHTML",
-    get: function () {
-      if (this.props.defaultButton === false) {
-        return this.extraButtonHTML;
-      }
-
-      let nextButton, backButton, submitButton;
-
-      if (this.isLastStep) {
-        submitButton = /*#__PURE__*/_react.default.createElement(_i18nContext.default.Consumer, null, l => /*#__PURE__*/_react.default.createElement(_step.StyledStepButton, {
-          buttonType: "primary",
-          "data-element": "submit",
-          onClick: this.handleOnSubmit
-        }, l.wizards.multiStep.buttons.submit()));
-      } else {
-        nextButton = /*#__PURE__*/_react.default.createElement(_i18nContext.default.Consumer, null, l => /*#__PURE__*/_react.default.createElement(_step.StyledStepButton, {
-          buttonType: "primary",
-          "data-element": "next",
-          onClick: this.handleOnNext
-        }, l.wizards.multiStep.buttons.next()));
-      }
-
-      if (!this.isFirstStep) {
-        backButton = /*#__PURE__*/_react.default.createElement(_i18nContext.default.Consumer, null, l => /*#__PURE__*/_react.default.createElement(_step.StyledStepButton, {
-          "data-element": "back",
-          onClick: this.handleOnBack
-        }, l.wizards.multiStep.buttons.back()));
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", null, nextButton, submitButton, backButton, this.extraButtonHTML);
-    }
-    /**
-     * Returns the computed HTML for the step indicator.
-     *
-     * @method indicatorHTML
-     * @return {Object} JSX
-     */
-
-  }, {
-    key: "indicatorHTML",
-    get: function () {
-      if (this.stepProcessed) {
-        return /*#__PURE__*/_react.default.createElement(_step.StyledStepIndicatorIcon, {
-          type: "white-tick"
-        });
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", null, this.props.stepNumber);
-    }
-    /**
-     * Returns the step indicator status.
-     *
-     * @method indicatorStatus
-     * @return {Boolean}
-     */
-
-  }, {
-    key: "indicatorStatus",
-    get: function () {
-      return this.stepProcessed ? "processed" : "pending";
-    }
-    /**
-     * Returns the computed HTML for the extra buttons.
-     *
-     * @method extraButtonHTML
-     * @return {Object} JSX
-     */
-
-  }, {
-    key: "extraButtonHTML",
-    get: function () {
-      return this.props.extraButtons.map((button, index) => {
-        return (
-          /*#__PURE__*/
-          // Would change behaviour to supply a uuid on each button
-
-          /* eslint-disable react/no-array-index-key */
-          _react.default.createElement("span", {
-            key: `multi-step-wizard-step-custom-buttons-${index}`
-          }, button)
-          /* eslint-enable react/no-array-index-key */
-
-        );
-      });
-    }
-    /**
-     * Main class getter
-     *
-     * @method mainClasses
-     * @return {String}
-     */
-
-  }, {
-    key: "mainClasses",
-    get: function () {
-      return (0, _classnames.default)(`multi-step-wizard-step-${this.props.stepNumber}`, {
-        "multi-step-wizard-step-final": this.isLastStep
-      }, this.props.className);
-    }
-    /**
-     * Renders the component.
-     *
-     * @method render
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      if (this.wizard) {
-        return /*#__PURE__*/_react.default.createElement(_step.StyledStep, {
-          disabled: this.stepDisabled,
-          isLastStep: this.isLastStep,
-          isStepProcessed: this.stepProcessed
-        }, /*#__PURE__*/_react.default.createElement(_step.StyledStepIndicatorBar, {
-          className: this.indicatorStatus,
-          isStepProcessed: this.stepProcessed
-        }, /*#__PURE__*/_react.default.createElement(_step.StyledStepIndicatorBackground, null)), /*#__PURE__*/_react.default.createElement(_step.StyledStepIndicatorIconContainer, null, /*#__PURE__*/_react.default.createElement(_step.StepIndicatorIconPlaceholder, null, /*#__PURE__*/_react.default.createElement(_step.StepIndicatorIconContent, {
-          className: this.indicatorStatus,
-          isStepProcessed: this.stepProcessed
-        }, this.indicatorHTML))), this.stepHTML);
-      }
-
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "multi-step-wizard-step--none"
-      });
-    }
-  }]);
-
-  return Step;
-}(_react.default.Component);
-
-Step.propTypes = {
-  /**
-   * Step number
-   *
-   * @property stepNumber
-   * @type {Number}
-   */
-  stepNumber: _propTypes.default.number.isRequired,
-
-  /**
-   * Determines if the step renders default buttons
-   *
-   * @property defaultButton
-   * @type {Boolean}
-   * @default true
-   */
-  defaultButton: _propTypes.default.bool,
-
-  /**
-   * Custom function that is called when moving the step forward.
-   * This function overrides the step's default behaviour of moving next.
-   *
-   * @property onNext
-   * @type {Function}
-   */
-  onNext: _propTypes.default.func,
-
-  /**
-   * Custom function that is called when moving the step backward.
-   * This function overrides the step's default behaviour of moving back.
-   *
-   * @property onBack
-   * @type {Function}
-   */
-  onBack: _propTypes.default.func,
-
-  /**
-   * Additional buttons
-   *
-   * @property extraButtons
-   * @type {Array}
-   */
-  extraButtons: _propTypes.default.arrayOf(_propTypes.default.object),
-
-  /**
-   * Determines if the step is enabled
-   *
-   * @property enabled
-   * @type {Boolean}
-   */
-  enabled: _propTypes.default.bool,
-
-  /**
-   * Custom className
-   *
-   * @property className
-   * @type {String}
-   */
-  className: _propTypes.default.string,
-
-  /**
-   * Children elements
-   *
-   * @property children
-   * @type {Node}
-   */
-  children: _propTypes.default.node
-};
-Step.defaultProps = {
-  children: null,
-  className: "",
-  defaultButton: true,
-  enabled: false,
-  extraButtons: [],
-  onBack: null,
-  onNext: null
-};
-Step.contextTypes = {
-  wizard: _propTypes.default.object
-};
-var _default = Step;
-exports.default = _default;

package/lib/components/multi-step-wizard/step/step.style.d.ts

@@ -1,13 +0,0 @@
-export const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepButton: import("styled-components").StyledComponent<{
-    ({ size, subtext, as, children, forwardRef, "aria-label": ariaLabel, disabled, destructive, buttonType: buttonTypeProp, iconType, iconPosition, href, m, px, noWrap, target, rel, iconTooltipMessage, iconTooltipPosition, fullWidth, ...rest }: import("../../button").ButtonProps): JSX.Element;
-    displayName: string;
-}, any, {}, never>;
-export const StyledStepIndicatorBar: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepIndicatorBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepIndicatorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StepIndicatorIconPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StepIndicatorIconContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledStepIndicatorIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
-import Icon from "../../icon";

package/lib/components/multi-step-wizard/step/step.style.js

@@ -1,162 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledStepIndicatorIcon = exports.StepIndicatorIconContent = exports.StepIndicatorIconPlaceholder = exports.StyledStepIndicatorIconContainer = exports.StyledStepIndicatorBackground = exports.StyledStepIndicatorBar = exports.StyledStepButton = exports.StyledStepContent = exports.StyledStep = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _button = _interopRequireDefault(require("../../button"));
-
-var _icon = _interopRequireDefault(require("../../icon"));
-
-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; }
-
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const StyledStepContent = _styledComponents.default.div`
-  display: table-cell;
-  padding-left: 30px;
-  padding-top: 5px;
-  padding-bottom: 40px;
-  width: 100%;
-`;
-exports.StyledStepContent = StyledStepContent;
-const StyledStepButton = (0, _styledComponents.default)(_button.default)`
-  margin-top: 10px;
-  margin-right: 10px;
-
-  :first-child {
-    background-color: #255bc7;
-    border-color: #255bc7;
-    color: #fff;
-  }
-`;
-exports.StyledStepButton = StyledStepButton;
-const StyledStepIndicatorBackground = _styledComponents.default.div`
-  height: 100%;
-  display: inline-block;
-  width: 2px;
-`;
-exports.StyledStepIndicatorBackground = StyledStepIndicatorBackground;
-const StyledStepIndicatorBar = _styledComponents.default.div`
-  display: table-cell;
-  vertical-align: top;
-
-  ${({
-  isStepProcessed
-}) => !isStepProcessed && (0, _styledComponents.css)`
-      background-color: #ccd6db;
-
-      ${StyledStepIndicatorBackground} {
-        background-color: #ccd6db;
-      }
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && (0, _styledComponents.css)`
-      background-color: #38c72a;
-
-      ${StyledStepIndicatorBackground} {
-        background-color: #38c72a;
-      }
-    `}
-`;
-exports.StyledStepIndicatorBar = StyledStepIndicatorBar;
-const StyledStepIndicatorIconContainer = _styledComponents.default.div`
-  display: table-cell;
-  vertical-align: top;
-`;
-exports.StyledStepIndicatorIconContainer = StyledStepIndicatorIconContainer;
-const StepIndicatorIconPlaceholder = _styledComponents.default.div`
-  display: inline-block;
-  width: 26px;
-  height: 36px;
-  margin-left: -14px;
-  background-color: #fff;
-`;
-exports.StepIndicatorIconPlaceholder = StepIndicatorIconPlaceholder;
-const StepIndicatorIconContent = _styledComponents.default.div`
-  border-radius: 50%;
-  display: block;
-  width: 26px;
-  height: 26px;
-  line-height: 26px;
-  text-align: center;
-  font-size: 12px;
-  font-weight: bold;
-  color: #fff;
-
-  ${({
-  isStepProcessed
-}) => !isStepProcessed && (0, _styledComponents.css)`
-      background-color: #ff7d00;
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && (0, _styledComponents.css)`
-      background-color: #38c72a;
-    `}
-`;
-exports.StepIndicatorIconContent = StepIndicatorIconContent;
-const StyledStepIndicatorIcon = (0, _styledComponents.default)(_icon.default)`
-  vertical-align: middle;
-  padding: 0px;
-`;
-exports.StyledStepIndicatorIcon = StyledStepIndicatorIcon;
-const StyledStep = _styledComponents.default.div`
-  display: table;
-  margin-bottom: 10px;
-
-  ${({
-  disabled
-}) => disabled && (0, _styledComponents.css)`
-      pointer-events: none;
-      opacity: 0.5;
-
-      ${({
-  isStepProcessed
-}) => isStepProcessed && (0, _styledComponents.css)`
-          ${StyledStepButton} {
-            background-color: #ccd6db;
-            color: #7f98a3;
-            border-color: #ccd6db;
-          }
-        `}
-
-      ${({
-  isStepProcessed
-}) => !isStepProcessed && (0, _styledComponents.css)`
-          ${StepIndicatorIconContent} {
-            background-color: #b3c2c8;
-          }
-        `}
-    `}
-
-  ${({
-  isLastStep
-}) => isLastStep && (0, _styledComponents.css)`
-      ${StyledStepIndicatorBar} {
-        background-color: transparent;
-
-        ${StyledStepIndicatorBackground} {
-          background-color: transparent;
-        }
-      }
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && (0, _styledComponents.css)`
-      input {
-        pointer-events: none;
-        background-color: #e6ebed;
-      }
-    `}
-`;
-exports.StyledStep = StyledStep;

package/lib/components/scrollable-list/as-scrollable-list-item.wrapper.d.ts

@@ -1,2 +0,0 @@
-export default asScrollableListItem;
-declare function asScrollableListItem(CaptiveComponent: any, index: any, isSelected: any): JSX.Element;

package/lib/components/scrollable-list/as-scrollable-list-item.wrapper.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _scrollableList = _interopRequireDefault(require("./scrollable-list.context"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const asScrollableListItem = (CaptiveComponent, index, isSelected) => /*#__PURE__*/_react.default.createElement(_scrollableList.default.Consumer, null, context => /*#__PURE__*/_react.default.cloneElement(CaptiveComponent, { ...CaptiveComponent.props,
-  onMouseOver: () => context.onMouseOver(index),
-  onClick: () => context.onClick(index),
-  isSelected
-}));
-
-var _default = asScrollableListItem;
-exports.default = _default;

package/lib/components/scrollable-list/index.d.ts

@@ -1,4 +0,0 @@
-import ScrollableList from "./scrollable-list.component";
-import ScrollableListItem from "./scrollable-list-item.component";
-import asScrollableListItem from "./as-scrollable-list-item.wrapper";
-export { ScrollableList, ScrollableListItem, asScrollableListItem };

package/lib/components/scrollable-list/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ScrollableList", {
-  enumerable: true,
-  get: function () {
-    return _scrollableList.default;
-  }
-});
-Object.defineProperty(exports, "ScrollableListItem", {
-  enumerable: true,
-  get: function () {
-    return _scrollableListItem.default;
-  }
-});
-Object.defineProperty(exports, "asScrollableListItem", {
-  enumerable: true,
-  get: function () {
-    return _asScrollableListItem.default;
-  }
-});
-
-var _scrollableList = _interopRequireDefault(require("./scrollable-list.component"));
-
-var _scrollableListItem = _interopRequireDefault(require("./scrollable-list-item.component"));
-
-var _asScrollableListItem = _interopRequireDefault(require("./as-scrollable-list-item.wrapper"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/scrollable-list/scrollable-list-item.component.d.ts

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