carbon-react 151.0.0 → 151.2.0

package/esm/components/menu/__internal__/submenu/submenu.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useEffect, useContext, useMemo, useRef, useState } from "react";
-import PropTypes from "prop-types";
 import StyledMenuItemWrapper from "../../menu-item/menu-item.style";
 import { StyledSubmenu, StyledSubmenuWrapper } from "./submenu.style";
 import Events from "../../../../__internal__/utils/helpers/events";
@@ -336,126 +335,5 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
     }
   }, children)));
 });
-if (process.env.NODE_ENV !== "production") {
-  Submenu.propTypes = {
-    "ariaLabel": PropTypes.string,
-    "asPassiveItem": PropTypes.bool,
-    "children": PropTypes.node,
-    "className": PropTypes.string,
-    "clickToOpen": PropTypes.bool,
-    "href": PropTypes.string,
-    "icon": PropTypes.string,
-    "maxWidth": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@iterator": PropTypes.func.isRequired,
-      "anchor": PropTypes.func.isRequired,
-      "at": PropTypes.func.isRequired,
-      "big": PropTypes.func.isRequired,
-      "blink": PropTypes.func.isRequired,
-      "bold": PropTypes.func.isRequired,
-      "charAt": PropTypes.func.isRequired,
-      "charCodeAt": PropTypes.func.isRequired,
-      "codePointAt": PropTypes.func.isRequired,
-      "concat": PropTypes.func.isRequired,
-      "endsWith": PropTypes.func.isRequired,
-      "fixed": PropTypes.func.isRequired,
-      "fontcolor": PropTypes.func.isRequired,
-      "fontsize": PropTypes.func.isRequired,
-      "includes": PropTypes.func.isRequired,
-      "indexOf": PropTypes.func.isRequired,
-      "italics": PropTypes.func.isRequired,
-      "lastIndexOf": PropTypes.func.isRequired,
-      "length": PropTypes.number.isRequired,
-      "link": PropTypes.func.isRequired,
-      "localeCompare": PropTypes.func.isRequired,
-      "match": PropTypes.func.isRequired,
-      "matchAll": PropTypes.func.isRequired,
-      "normalize": PropTypes.func.isRequired,
-      "padEnd": PropTypes.func.isRequired,
-      "padStart": PropTypes.func.isRequired,
-      "repeat": PropTypes.func.isRequired,
-      "replace": PropTypes.func.isRequired,
-      "search": PropTypes.func.isRequired,
-      "slice": PropTypes.func.isRequired,
-      "small": PropTypes.func.isRequired,
-      "split": PropTypes.func.isRequired,
-      "startsWith": PropTypes.func.isRequired,
-      "strike": PropTypes.func.isRequired,
-      "sub": PropTypes.func.isRequired,
-      "substr": PropTypes.func.isRequired,
-      "substring": PropTypes.func.isRequired,
-      "sup": PropTypes.func.isRequired,
-      "toLocaleLowerCase": PropTypes.func.isRequired,
-      "toLocaleUpperCase": PropTypes.func.isRequired,
-      "toLowerCase": PropTypes.func.isRequired,
-      "toString": PropTypes.func.isRequired,
-      "toUpperCase": PropTypes.func.isRequired,
-      "trim": PropTypes.func.isRequired,
-      "trimEnd": PropTypes.func.isRequired,
-      "trimLeft": PropTypes.func.isRequired,
-      "trimRight": PropTypes.func.isRequired,
-      "trimStart": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@iterator": PropTypes.func.isRequired,
-      "anchor": PropTypes.func.isRequired,
-      "at": PropTypes.func.isRequired,
-      "big": PropTypes.func.isRequired,
-      "blink": PropTypes.func.isRequired,
-      "bold": PropTypes.func.isRequired,
-      "charAt": PropTypes.func.isRequired,
-      "charCodeAt": PropTypes.func.isRequired,
-      "codePointAt": PropTypes.func.isRequired,
-      "concat": PropTypes.func.isRequired,
-      "endsWith": PropTypes.func.isRequired,
-      "fixed": PropTypes.func.isRequired,
-      "fontcolor": PropTypes.func.isRequired,
-      "fontsize": PropTypes.func.isRequired,
-      "includes": PropTypes.func.isRequired,
-      "indexOf": PropTypes.func.isRequired,
-      "italics": PropTypes.func.isRequired,
-      "lastIndexOf": PropTypes.func.isRequired,
-      "length": PropTypes.number.isRequired,
-      "link": PropTypes.func.isRequired,
-      "localeCompare": PropTypes.func.isRequired,
-      "match": PropTypes.func.isRequired,
-      "matchAll": PropTypes.func.isRequired,
-      "normalize": PropTypes.func.isRequired,
-      "padEnd": PropTypes.func.isRequired,
-      "padStart": PropTypes.func.isRequired,
-      "repeat": PropTypes.func.isRequired,
-      "replace": PropTypes.func.isRequired,
-      "search": PropTypes.func.isRequired,
-      "slice": PropTypes.func.isRequired,
-      "small": PropTypes.func.isRequired,
-      "split": PropTypes.func.isRequired,
-      "startsWith": PropTypes.func.isRequired,
-      "strike": PropTypes.func.isRequired,
-      "sub": PropTypes.func.isRequired,
-      "substr": PropTypes.func.isRequired,
-      "substring": PropTypes.func.isRequired,
-      "sup": PropTypes.func.isRequired,
-      "toLocaleLowerCase": PropTypes.func.isRequired,
-      "toLocaleUpperCase": PropTypes.func.isRequired,
-      "toLowerCase": PropTypes.func.isRequired,
-      "toString": PropTypes.func.isRequired,
-      "toUpperCase": PropTypes.func.isRequired,
-      "trim": PropTypes.func.isRequired,
-      "trimEnd": PropTypes.func.isRequired,
-      "trimLeft": PropTypes.func.isRequired,
-      "trimRight": PropTypes.func.isRequired,
-      "trimStart": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "onClick": PropTypes.func,
-    "onKeyDown": PropTypes.func,
-    "onSubmenuClose": PropTypes.func,
-    "onSubmenuOpen": PropTypes.func,
-    "showDropdownArrow": PropTypes.bool,
-    "submenuDirection": PropTypes.string,
-    "submenuMaxWidth": PropTypes.string,
-    "title": PropTypes.string,
-    "variant": PropTypes.oneOf(["alternate", "default"])
-  };
-}
 Submenu.displayName = "submenu";
 export default Submenu;

package/esm/components/menu/menu-divider/menu-divider.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext } from "react";
-import PropTypes from "prop-types";
 import StyledDivider from "./menu-divider.style";
 import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
@@ -19,12 +18,5 @@ const MenuDivider = /*#__PURE__*/React.forwardRef(({
     ref: ref
   })));
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuDivider.propTypes = {
-    "data-element": PropTypes.string,
-    "data-role": PropTypes.string,
-    "size": PropTypes.oneOf(["default", "large"])
-  };
-}
 MenuDivider.displayName = "MenuDivider";
 export default MenuDivider;

package/esm/components/menu/menu-full-screen/menu-full-screen.component.js

@@ -1,5 +1,4 @@
 import React, { useCallback, useContext, useRef } from "react";
-import PropTypes from "prop-types";
 import { CSSTransition } from "react-transition-group";
 import { StyledMenuFullscreen, StyledMenuModal, StyledMenuFullscreenHeader } from "./menu-full-screen.style";
 import { StyledMenuWrapper } from "../menu.style";

package/esm/components/menu/menu-item/menu-item.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useRef, useEffect, useContext } from "react";
-import PropTypes from "prop-types";
 import invariant from "invariant";
 import { defaultFocusableSelectors as focusableSelectors } from "../../../__internal__/focus-trap/focus-trap-utils";
 import { filterStyledSystemPaddingProps } from "../../../style/utils";

package/esm/components/menu/menu-segment-title/menu-segment-title.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext, useMemo } from "react";
-import PropTypes from "prop-types";
 import { StyledTitle, StyledSegmentChildren } from "./menu-segment-title.style";
 import MenuContext from "../__internal__/menu.context";
 import { StyledMenuItem } from "../menu.style";
@@ -43,15 +42,5 @@ const MenuSegmentTitle = /*#__PURE__*/React.forwardRef(({
     }
   }, children)));
 });
-if (process.env.NODE_ENV !== "production") {
-  MenuSegmentTitle.propTypes = {
-    "as": PropTypes.oneOf(["h2", "h3", "h4", "h5", "h6"]),
-    "children": PropTypes.node,
-    "data-element": PropTypes.string,
-    "data-role": PropTypes.string,
-    "text": PropTypes.string.isRequired,
-    "variant": PropTypes.oneOf(["alternate", "default"])
-  };
-}
 MenuSegmentTitle.displayName = "MenuSegmentTitle";
 export default MenuSegmentTitle;

package/esm/components/menu/menu.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useCallback, useState, useRef } from "react";
-import PropTypes from "prop-types";
 import { StyledMenuWrapper } from "./menu.style";
 import tagComponent from "../../__internal__/utils/helpers/tags";
 import MenuContext from "./__internal__/menu.context";

package/esm/components/menu/scrollable-block/scrollable-block.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useContext } from "react";
-import PropTypes from "prop-types";
 import MenuContext from "../__internal__/menu.context";
 import MenuItem from "../menu-item";
 import StyledScrollableBlock from "./scrollable-block.style";

package/esm/components/message/__internal__/message-content/message-content.component.js

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import Content from "../../../content";
 import MessageContentStyle from "./message-content.style";
 const MessageContent = ({

package/esm/components/message/__internal__/type-icon/type-icon.component.js

@@ -1,5 +1,4 @@
 import React from "react";
-import PropTypes from "prop-types";
 import TypeIconStyle from "./type-icon.style";
 import Icon from "../../../icon";
 const TypeIcon = ({

package/esm/components/message/message.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useRef } from "react";
-import PropTypes from "prop-types";
 import Typography from "../typography";
 import MessageStyle from "./message.style";
 import TypeIcon from "./__internal__/type-icon/type-icon.component";
@@ -10,7 +9,7 @@ import Icon from "../icon";
 import IconButton from "../icon-button";
 import { filterStyledSystemMarginProps } from "../../style/utils";
 import useLocale from "../../hooks/__internal__/useLocale";
-const Message = /*#__PURE__*/React.forwardRef(({
+export const Message = /*#__PURE__*/React.forwardRef(({
   open = true,
   transparent = false,
   title,
@@ -56,176 +55,5 @@ const Message = /*#__PURE__*/React.forwardRef(({
     reduceLeftPadding: transparent
   }, children), renderCloseIcon()) : null;
 });
-if (process.env.NODE_ENV !== "production") {
-  Message.propTypes = {
-    "children": PropTypes.node,
-    "closeButtonAriaLabel": PropTypes.string,
-    "data-element": PropTypes.string,
-    "data-role": PropTypes.string,
-    "id": PropTypes.string,
-    "m": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "margin": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginBottom": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginLeft": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginRight": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginTop": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginX": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "marginY": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "mb": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "ml": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "mr": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "mt": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "mx": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "my": PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.number, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.shape({
-      "__@toStringTag": PropTypes.string.isRequired,
-      "description": PropTypes.string,
-      "toString": PropTypes.func.isRequired,
-      "valueOf": PropTypes.func.isRequired
-    }), PropTypes.string]),
-    "onDismiss": PropTypes.func,
-    "open": PropTypes.bool,
-    "showCloseIcon": PropTypes.bool,
-    "title": PropTypes.node,
-    "transparent": PropTypes.bool,
-    "variant": PropTypes.oneOf(["error", "info", "neutral", "success", "warning"]),
-    "width": PropTypes.string
-  };
-}
-export { Message };
 Message.displayName = "Message";
 export default Message;

package/esm/components/modal/modal.component.js

@@ -1,6 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useEffect, useRef, useCallback, useState } from "react";
-import PropTypes from "prop-types";
 import { TransitionGroup, CSSTransition } from "react-transition-group";
 import useScrollBlock from "../../hooks/__internal__/useScrollBlock";
 import Portal from "../portal";