carbon-react 106.7.0 → 107.1.1

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

@@ -1,306 +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); }
-
-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, { Component } from "react";
-import PropTypes from "prop-types";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-import Events from "../../__internal__/utils/helpers/events";
-import asScrollableListItem from "./as-scrollable-list-item.wrapper";
-import ScrollableListContext from "./scrollable-list.context";
-import ScrollableListContainer from "./scrollable-list.style";
-import Logger from "../../__internal__/utils/logger";
-let deprecatedWarnTriggered = false;
-
-let ScrollableList = /*#__PURE__*/function (_Component) {
-  _inherits(ScrollableList, _Component);
-
-  var _super = _createSuper(ScrollableList);
-
-  function ScrollableList(props) {
-    var _this;
-
-    _classCallCheck(this, ScrollableList);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
-      selectedItem: -1 // defaults to nothing being highlighted
-
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "blockOptionsHover", false);
-
-    _defineProperty(_assertThisInitialized(_this), "scrollBox", /*#__PURE__*/React.createRef());
-
-    _defineProperty(_assertThisInitialized(_this), "selectItem", itemIndex => {
-      const selectedItem = _this.props.children[itemIndex];
-      if (!_this.props.onSelect || !selectedItem) return;
-
-      _this.props.onSelect(selectedItem.props.id);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMouseMove", () => {
-      _this.blockOptionsHover = false;
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleMouseOver", selectedItem => {
-      if (!_this.blockOptionsHover) {
-        _this.setState({
-          selectedItem
-        });
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleScroll", ({
-      target: {
-        scrollTop,
-        scrollHeight
-      }
-    }) => {
-      if (!_this.props.onLazyLoad) return;
-      if (scrollHeight - scrollTop < 300) _this.props.onLazyLoad();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", e => {
-      _this.blockOptionsHover = true;
-      const {
-        selectedItem
-      } = _this.state;
-      let newPos = selectedItem;
-
-      if (Events.isUpKey(e)) {
-        e.preventDefault();
-        newPos = _this.nextSelectable("up", newPos);
-      } else if (Events.isDownKey(e)) {
-        e.preventDefault();
-        newPos = _this.nextSelectable("down", newPos);
-      } else if (Events.isEndKey(e)) {
-        e.preventDefault();
-        newPos = _this.selectLastItem();
-      } else if (Events.isHomeKey(e)) {
-        e.preventDefault();
-        newPos = _this.selectFirstItem();
-      } else if (Events.isEnterKey(e)) {
-        e.preventDefault();
-
-        _this.selectItem(selectedItem);
-
-        return;
-      } else if (Events.isTabKey(e)) {
-        const index = _this.state.selectedItem;
-        if (index > -1) _this.selectItem(index);
-        return;
-      } else {
-        return;
-      }
-
-      _this.updateScroll(newPos);
-
-      _this.setState({
-        selectedItem: newPos
-      });
-    });
-
-    if (!deprecatedWarnTriggered) {
-      deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-      Logger.deprecate("`Scrollable List` component is deprecated and will soon be removed.");
-    }
-
-    return _this;
-  }
-
-  _createClass(ScrollableList, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      // if selected item is beyond the number of children then reset it (eg. through filtering)
-      if (this.state.selectedItem + 1 > React.Children.count(nextProps.children)) {
-        let selectedItem = -1;
-        if (nextProps.alwaysHighlight) selectedItem = this.nextSelectable("down", selectedItem);
-        this.setState({
-          selectedItem
-        });
-        this.scrollBox.current.scrollTop = 0;
-      }
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps) {
-      if (prevProps.keyNavigation && !this.props.keyNavigation) {
-        document.removeEventListener("keydown", this.handleKeyDown);
-      } else if (!prevProps.keyNavigation && this.props.keyNavigation) {
-        document.addEventListener("keydown", this.handleKeyDown);
-      }
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.keyNavigation) {
-        document.addEventListener("keydown", this.handleKeyDown);
-      }
-
-      if (this.props.alwaysHighlight) {
-        const selectedItem = this.nextSelectable("down", -1);
-        this.setState({
-          selectedItem
-        });
-      }
-    }
-  }, {
-    key: "componentWillUnmount",
-    value: function componentWillUnmount() {
-      document.removeEventListener("keydown", this.handleKeyDown);
-    }
-  }, {
-    key: "updateScroll",
-    value: function updateScroll(item) {
-      const {
-        current: list
-      } = this.scrollBox;
-      if (!list) return;
-      const {
-        offsetHeight: listHeight,
-        children
-      } = list;
-      if (!children[item]) return;
-      const {
-        offsetTop: itemTop,
-        offsetHeight: itemHeight
-      } = children[item];
-
-      if (itemTop + itemHeight > listHeight) {
-        // set the bottom of the scroll box to the bottom of the selected item
-        list.scrollTop = this.setScrollTop({
-          item,
-          children,
-          listHeight,
-          itemHeight
-        });
-      } else {
-        list.scrollTop = 0;
-      }
-    }
-  }, {
-    key: "setScrollTop",
-    value: function setScrollTop({
-      item,
-      children,
-      listHeight,
-      itemHeight
-    }) {
-      // total height of list up to selected item
-      const scrollPos = [...children].slice(0, item).reduce(this.buildHeightReducer, 0);
-      return scrollPos - listHeight + itemHeight;
-    }
-  }, {
-    key: "buildHeightReducer",
-    value: function buildHeightReducer(acc, {
-      offsetHeight
-    }) {
-      return acc + offsetHeight;
-    }
-  }, {
-    key: "nextSelectable",
-    value: function nextSelectable(direction, position) {
-      const {
-        isLoopable,
-        children
-      } = this.props;
-      if (!children) return null;
-      const limit = children.length;
-      if (!limit) return null;
-      const change = direction === "down" ? 1 : -1;
-      const nextPosition = position + change;
-
-      if (nextPosition <= -1) {
-        return isLoopable ? this.nextSelectable(direction, limit) : this.nextSelectable("down", -1);
-      }
-
-      if (nextPosition === limit) {
-        return isLoopable ? this.nextSelectable(direction, -1) : this.nextSelectable("up", limit);
-      }
-
-      const testNode = children[nextPosition];
-      return this.isSelectable(testNode) ? nextPosition : this.nextSelectable(direction, nextPosition);
-    }
-  }, {
-    key: "isSelectable",
-    value: function isSelectable(node) {
-      return node.props.isSelectable;
-    }
-  }, {
-    key: "selectLastItem",
-    value: function selectLastItem() {
-      const limit = this.props.children.length;
-      return this.nextSelectable("up", limit);
-    }
-  }, {
-    key: "selectFirstItem",
-    value: function selectFirstItem() {
-      return this.nextSelectable("down", -1);
-    }
-  }, {
-    key: "renderChildren",
-    value: function renderChildren(children) {
-      return React.Children.map(children, (child, index) => {
-        if (!child.props.isSelectable) return child;
-        const isSelected = index === this.state.selectedItem;
-        return asScrollableListItem(child, index, isSelected);
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      const {
-        children,
-        onLazyLoad,
-        ...props
-      } = this.props;
-      return /*#__PURE__*/React.createElement(ScrollableListContainer, _extends({
-        ref: this.scrollBox,
-        onScroll: this.handleScroll,
-        onMouseMove: this.handleMouseMove
-      }, props, tagComponent("scrollable-list", props)), /*#__PURE__*/React.createElement(ScrollableListContext.Provider, {
-        value: {
-          onMouseOver: this.handleMouseOver,
-          onClick: this.selectItem
-        }
-      }, this.renderChildren(children)));
-    }
-  }]);
-
-  return ScrollableList;
-}(Component);
-
-ScrollableList.propTypes = {
-  alwaysHighlight: PropTypes.bool,
-  // ensures an item is always highlighted
-  isLoopable: PropTypes.bool,
-  children: PropTypes.node,
-  keyNavigation: PropTypes.bool,
-  maxHeight: PropTypes.string,
-  onLazyLoad: PropTypes.func,
-  onSelect: PropTypes.func
-};
-export default ScrollableList;

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

@@ -1,3 +0,0 @@
-declare var _default: React.Context<any>;
-export default _default;
-import React from "react";

package/esm/components/scrollable-list/scrollable-list.context.js

@@ -1,2 +0,0 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext();

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

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

package/esm/components/scrollable-list/scrollable-list.style.js

@@ -1,30 +0,0 @@
-import styled from "styled-components";
-const ScrollableListContainer = styled.ul`
-  background-color: white;
-  border: 1px solid rgb(20, 20, 20, 0.5);
-  box-sizing: border-box;
-  box-shadow: 0 5px 5px 0 rgba(0, 20, 29, 0.2),
-    0 10px 10px 0 rgba(0, 20, 29, 0.1);
-  list-style-type: none;
-  max-height: ${props => `${props.maxHeight}`};
-  margin: 0;
-  overflow-x: hidden;
-  overflow-y: scroll;
-  padding: 0;
-  width: 100%;
-
-  &::-webkit-scrollbar {
-    -webkit-appearance: none;
-    background-color: #eee;
-    width: 8px;
-  }
-
-  &::-webkit-scrollbar-thumb {
-    background-color: #777777;
-    border-radius: 4px;
-  }
-`;
-ScrollableListContainer.defaultProps = {
-  maxHeight: "180px"
-};
-export default ScrollableListContainer;

package/esm/components/scrollable-list/test-utils.d.ts

@@ -1,2 +0,0 @@
-export default renderListItems;
-declare function renderListItems(opts: any): any[];

package/esm/components/scrollable-list/test-utils.js

@@ -1,25 +0,0 @@
-import React from "react";
-import { makeArrayKeys } from "../../__spec_helper__/test-utils";
-import ScrollableListItem from "./scrollable-list-item.component";
-
-const listItemReducer = ({
-  nonSelectables = [],
-  customSelectables = []
-}) => {
-  // generate jsx for selectable list items, based on indexes in config
-  return (acc, item, index) => {
-    if (nonSelectables.includes(item)) return [...acc, /*#__PURE__*/React.createElement("div", null)];
-    if (customSelectables.includes(item)) return [...acc, /*#__PURE__*/React.createElement("div", {
-      isSelectable: true
-    })];
-    return [...acc, /*#__PURE__*/React.createElement(ScrollableListItem, {
-      id: index
-    })];
-  };
-};
-
-const renderListItems = opts => {
-  return makeArrayKeys(opts.num).reduce(listItemReducer(opts), []);
-};
-
-export default renderListItems;

package/lib/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/lib/components/app-wrapper/app-wrapper.component.js

@@ -1,120 +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 _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-
-var _appWrapper = _interopRequireDefault(require("./app-wrapper.style"));
-
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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); }
-
-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); }
-
-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.default.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 (0, _classnames.default)("carbon-app-wrapper", this.props.className);
-    }
-    /**
-     * @method render
-     */
-
-  }, {
-    key: "render",
-    value: function render() {
-      const {
-        children
-      } = this.props;
-      return /*#__PURE__*/_react.default.createElement(_appWrapper.default, _extends({}, this.props, {
-        className: this.classes()
-      }, (0, _tags.default)("app-wrapper", this.props)), children);
-    }
-  }]);
-
-  return AppWrapper;
-}(_react.default.Component);
-
-AppWrapper.propTypes = {
-  /**
-   * Children elements
-   *
-   * @property children
-   * @type {Node}
-   */
-  children: _propTypes.default.node,
-
-  /**
-   * Custom className
-   *
-   * @property className
-   * @type {String}
-   */
-  className: _propTypes.default.string
-};
-var _default = AppWrapper;
-exports.default = _default;

package/lib/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/lib/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/lib/components/app-wrapper/app-wrapper.style.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StyledAppWrapper = _styledComponents.default.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;
-  }
-`;
-var _default = StyledAppWrapper;
-exports.default = _default;

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

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

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

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _appWrapper.default;
-  }
-});
-
-var _appWrapper = _interopRequireDefault(require("./app-wrapper.component"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/components/app-wrapper/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../esm/components/app-wrapper/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

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

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

package/lib/components/menu/submenu-block/package.json

@@ -1,6 +0,0 @@
-{
-  "sideEffects": false,
-  "module": "../../../../esm/components/menu/submenu-block/index.js",
-  "main": "./index.js",
-  "types": "./index.d.ts"
-}

package/lib/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/lib/components/menu/submenu-block/submenu-block.component.js

@@ -1,53 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _submenuBlock = _interopRequireDefault(require("./submenu-block.style"));
-
-var _menu = _interopRequireDefault(require("../menu.context"));
-
-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; }
-
-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; }
-
-let deprecatedWarnTriggered = false;
-
-const SubmenuBlock = ({
-  children,
-  variant = "default"
-}) => {
-  const menuContext = (0, _react.useContext)(_menu.default);
-
-  if (!deprecatedWarnTriggered) {
-    deprecatedWarnTriggered = true; // eslint-disable-next-line max-len
-
-    _logger.default.deprecate("`The `SubmenuBlock` component is deprecated and will soon be removed. Please use a `MenuItem` component with the `submenu` prop instead.");
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_submenuBlock.default, {
-    "data-component": "submenu-block",
-    menuType: menuContext.menuType,
-    variant: variant
-  }, children);
-};
-
-SubmenuBlock.propTypes = {
-  /** Children elements */
-  children: _propTypes.default.node.isRequired,
-
-  /** set the colour variant for a menuType */
-  variant: _propTypes.default.oneOf(["default", "alternate"])
-};
-var _default = SubmenuBlock;
-exports.default = _default;