carbon-react 106.7.0 → 107.1.1

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

@@ -1,407 +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); }
-
-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; }
-
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "classnames";
-import LocaleContext from "../../../__internal__/i18n-context";
-import { StyledStep, StyledStepContent, StyledStepButton, StyledStepIndicatorBar, StyledStepIndicatorBackground, StyledStepIndicatorIconContainer, StepIndicatorIconPlaceholder, StepIndicatorIconContent, StyledStepIndicatorIcon } from "./step.style";
-/**
- * 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.createElement(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.createElement(LocaleContext.Consumer, null, l => /*#__PURE__*/React.createElement(StyledStepButton, {
-          buttonType: "primary",
-          "data-element": "submit",
-          onClick: this.handleOnSubmit
-        }, l.wizards.multiStep.buttons.submit()));
-      } else {
-        nextButton = /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, l => /*#__PURE__*/React.createElement(StyledStepButton, {
-          buttonType: "primary",
-          "data-element": "next",
-          onClick: this.handleOnNext
-        }, l.wizards.multiStep.buttons.next()));
-      }
-
-      if (!this.isFirstStep) {
-        backButton = /*#__PURE__*/React.createElement(LocaleContext.Consumer, null, l => /*#__PURE__*/React.createElement(StyledStepButton, {
-          "data-element": "back",
-          onClick: this.handleOnBack
-        }, l.wizards.multiStep.buttons.back()));
-      }
-
-      return /*#__PURE__*/React.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.createElement(StyledStepIndicatorIcon, {
-          type: "white-tick"
-        });
-      }
-
-      return /*#__PURE__*/React.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.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 classNames(`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.createElement(StyledStep, {
-          disabled: this.stepDisabled,
-          isLastStep: this.isLastStep,
-          isStepProcessed: this.stepProcessed
-        }, /*#__PURE__*/React.createElement(StyledStepIndicatorBar, {
-          className: this.indicatorStatus,
-          isStepProcessed: this.stepProcessed
-        }, /*#__PURE__*/React.createElement(StyledStepIndicatorBackground, null)), /*#__PURE__*/React.createElement(StyledStepIndicatorIconContainer, null, /*#__PURE__*/React.createElement(StepIndicatorIconPlaceholder, null, /*#__PURE__*/React.createElement(StepIndicatorIconContent, {
-          className: this.indicatorStatus,
-          isStepProcessed: this.stepProcessed
-        }, this.indicatorHTML))), this.stepHTML);
-      }
-
-      return /*#__PURE__*/React.createElement("div", {
-        className: "multi-step-wizard-step--none"
-      });
-    }
-  }]);
-
-  return Step;
-}(React.Component);
-
-Step.propTypes = {
-  /**
-   * Step number
-   *
-   * @property stepNumber
-   * @type {Number}
-   */
-  stepNumber: PropTypes.number.isRequired,
-
-  /**
-   * Determines if the step renders default buttons
-   *
-   * @property defaultButton
-   * @type {Boolean}
-   * @default true
-   */
-  defaultButton: PropTypes.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.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.func,
-
-  /**
-   * Additional buttons
-   *
-   * @property extraButtons
-   * @type {Array}
-   */
-  extraButtons: PropTypes.arrayOf(PropTypes.object),
-
-  /**
-   * Determines if the step is enabled
-   *
-   * @property enabled
-   * @type {Boolean}
-   */
-  enabled: PropTypes.bool,
-
-  /**
-   * Custom className
-   *
-   * @property className
-   * @type {String}
-   */
-  className: PropTypes.string,
-
-  /**
-   * Children elements
-   *
-   * @property children
-   * @type {Node}
-   */
-  children: PropTypes.node
-};
-Step.defaultProps = {
-  children: null,
-  className: "",
-  defaultButton: true,
-  enabled: false,
-  extraButtons: [],
-  onBack: null,
-  onNext: null
-};
-Step.contextTypes = {
-  wizard: PropTypes.object
-};
-export default Step;

package/esm/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/esm/components/multi-step-wizard/step/step.style.js

@@ -1,138 +0,0 @@
-import styled, { css } from "styled-components";
-import Button from "../../button";
-import Icon from "../../icon";
-const StyledStepContent = styled.div`
-  display: table-cell;
-  padding-left: 30px;
-  padding-top: 5px;
-  padding-bottom: 40px;
-  width: 100%;
-`;
-const StyledStepButton = styled(Button)`
-  margin-top: 10px;
-  margin-right: 10px;
-
-  :first-child {
-    background-color: #255bc7;
-    border-color: #255bc7;
-    color: #fff;
-  }
-`;
-const StyledStepIndicatorBackground = styled.div`
-  height: 100%;
-  display: inline-block;
-  width: 2px;
-`;
-const StyledStepIndicatorBar = styled.div`
-  display: table-cell;
-  vertical-align: top;
-
-  ${({
-  isStepProcessed
-}) => !isStepProcessed && css`
-      background-color: #ccd6db;
-
-      ${StyledStepIndicatorBackground} {
-        background-color: #ccd6db;
-      }
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && css`
-      background-color: #38c72a;
-
-      ${StyledStepIndicatorBackground} {
-        background-color: #38c72a;
-      }
-    `}
-`;
-const StyledStepIndicatorIconContainer = styled.div`
-  display: table-cell;
-  vertical-align: top;
-`;
-const StepIndicatorIconPlaceholder = styled.div`
-  display: inline-block;
-  width: 26px;
-  height: 36px;
-  margin-left: -14px;
-  background-color: #fff;
-`;
-const StepIndicatorIconContent = styled.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 && css`
-      background-color: #ff7d00;
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && css`
-      background-color: #38c72a;
-    `}
-`;
-const StyledStepIndicatorIcon = styled(Icon)`
-  vertical-align: middle;
-  padding: 0px;
-`;
-const StyledStep = styled.div`
-  display: table;
-  margin-bottom: 10px;
-
-  ${({
-  disabled
-}) => disabled && css`
-      pointer-events: none;
-      opacity: 0.5;
-
-      ${({
-  isStepProcessed
-}) => isStepProcessed && css`
-          ${StyledStepButton} {
-            background-color: #ccd6db;
-            color: #7f98a3;
-            border-color: #ccd6db;
-          }
-        `}
-
-      ${({
-  isStepProcessed
-}) => !isStepProcessed && css`
-          ${StepIndicatorIconContent} {
-            background-color: #b3c2c8;
-          }
-        `}
-    `}
-
-  ${({
-  isLastStep
-}) => isLastStep && css`
-      ${StyledStepIndicatorBar} {
-        background-color: transparent;
-
-        ${StyledStepIndicatorBackground} {
-          background-color: transparent;
-        }
-      }
-    `}
-
-  ${({
-  isStepProcessed
-}) => isStepProcessed && css`
-      input {
-        pointer-events: none;
-        background-color: #e6ebed;
-      }
-    `}
-`;
-export { StyledStep, StyledStepContent, StyledStepButton, StyledStepIndicatorBar, StyledStepIndicatorBackground, StyledStepIndicatorIconContainer, StepIndicatorIconPlaceholder, StepIndicatorIconContent, StyledStepIndicatorIcon };

package/esm/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/esm/components/scrollable-list/as-scrollable-list-item.wrapper.js

@@ -1,10 +0,0 @@
-import React from "react";
-import ScrollableListContext from "./scrollable-list.context";
-
-const asScrollableListItem = (CaptiveComponent, index, isSelected) => /*#__PURE__*/React.createElement(ScrollableListContext.Consumer, null, context => /*#__PURE__*/React.cloneElement(CaptiveComponent, { ...CaptiveComponent.props,
-  onMouseOver: () => context.onMouseOver(index),
-  onClick: () => context.onClick(index),
-  isSelected
-}));
-
-export default asScrollableListItem;

package/esm/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/esm/components/scrollable-list/index.js

@@ -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/esm/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>;

package/esm/components/scrollable-list/scrollable-list-item.component.js

@@ -1,26 +0,0 @@
-import styled, { css } from "styled-components";
-import propTypes from "prop-types";
-const ScrollableListItem = styled.li`
-  ${({
-  isSelectable
-}) => isSelectable && css`
-      cursor: pointer;
-    `}
-  ${({
-  isSelected
-}) => isSelected && css`
-      background-color: var(--colorsUtilityMajor025);
-    `}
-  box-sizing: content-box;
-  padding: 5px 6px;
-  width: 100%;
-`;
-ScrollableListItem.propTypes = {
-  id: propTypes.any,
-  isSelected: propTypes.bool
-};
-ScrollableListItem.defaultProps = {
-  isSelectable: true // defaulted to true so it integrates with ScrollableList by default,
-
-};
-export default ScrollableListItem;

package/esm/components/scrollable-list/scrollable-list.component.d.ts

@@ -1,52 +0,0 @@
-export default ScrollableList;
-declare class ScrollableList extends React.Component<any, any, any> {
-    constructor(props: any);
-    state: {
-        selectedItem: number;
-    };
-    blockOptionsHover: boolean;
-    scrollBox: React.RefObject<any>;
-    UNSAFE_componentWillReceiveProps(nextProps: any): void;
-    componentDidUpdate(prevProps: any): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    updateScroll(item: any): void;
-    setScrollTop({ item, children, listHeight, itemHeight }: {
-        item: any;
-        children: any;
-        listHeight: any;
-        itemHeight: any;
-    }): any;
-    buildHeightReducer(acc: any, { offsetHeight }: {
-        offsetHeight: any;
-    }): any;
-    nextSelectable(direction: any, position: any): any;
-    isSelectable(node: any): any;
-    selectLastItem(): any;
-    selectFirstItem(): any;
-    renderChildren(children: any): any;
-    selectItem: (itemIndex: any) => void;
-    handleMouseMove: () => void;
-    handleMouseOver: (selectedItem: any) => void;
-    handleScroll: ({ target: { scrollTop, scrollHeight } }: {
-        target: {
-            scrollTop: any;
-            scrollHeight: any;
-        };
-    }) => void;
-    handleKeyDown: (e: any) => void;
-    render(): JSX.Element;
-}
-declare namespace ScrollableList {
-    namespace propTypes {
-        const alwaysHighlight: PropTypes.Requireable<boolean>;
-        const isLoopable: PropTypes.Requireable<boolean>;
-        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        const keyNavigation: PropTypes.Requireable<boolean>;
-        const maxHeight: PropTypes.Requireable<string>;
-        const onLazyLoad: PropTypes.Requireable<(...args: any[]) => any>;
-        const onSelect: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import React from "react";
-import PropTypes from "prop-types";