carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/menu/menu.component.js

@@ -1,76 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Menu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-var _menu = require("./menu.style");
-var _strictMenu = require("./__internal__/strict-menu.context");
-var _menu2 = _interopRequireDefault(require("../menu/__internal__/menu.context"));
-var _keyboardNavigation = require("./__internal__/keyboard-navigation");
-var _locators = require("./__internal__/locators");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const Menu = ({
-  menuType = "light",
-  children,
-  ...rest
-}) => {
-  const [openSubmenuId, setOpenSubmenuId] = (0, _react.useState)(null);
-  const ref = (0, _react.useRef)(null);
-  const [focusId, setFocusId] = (0, _react.useState)(undefined);
-  const [itemIds, setItemIds] = (0, _react.useState)([]);
-  const registerItem = (0, _react.useCallback)(id => {
-    setItemIds(prevState => {
-      return [...prevState, id];
-    });
-  }, []);
-  const unregisterItem = (0, _react.useCallback)(id => {
-    setItemIds(prevState => {
-      return prevState.filter(itemId => itemId !== id);
-    });
-  }, []);
-  const handleKeyDown = event => {
-    /* istanbul ignore else */
-    if (ref.current) {
-      const focusableItems = ref.current.querySelectorAll(_locators.MENU_ITEM_CHILDREN_LOCATOR);
-
-      /* istanbul ignore else */
-      if (focusableItems) {
-        const newIndex = (0, _keyboardNavigation.menuKeyboardNavigation)(event, Array.from(focusableItems));
-
-        /* istanbul ignore else */
-        if (newIndex !== undefined) {
-          setFocusId(itemIds[newIndex]);
-        }
-      }
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_menu.StyledMenuWrapper, _extends({
-    menuType: menuType
-  }, rest, (0, _tags.default)("menu", rest), {
-    ref: ref,
-    role: "list",
-    onKeyDown: handleKeyDown
-  }), /*#__PURE__*/_react.default.createElement(_strictMenu.StrictMenuProvider, {
-    value: {
-      menuType,
-      openSubmenuId,
-      setOpenSubmenuId,
-      focusId,
-      updateFocusId: setFocusId,
-      registerItem,
-      unregisterItem
-    }
-  }, /*#__PURE__*/_react.default.createElement(_menu2.default.Provider, {
-    value: {
-      inMenu: true
-    }
-  }, children)));
-};
-exports.Menu = Menu;
-var _default = exports.default = Menu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../__internal__/utils/helpers/tags/tags.js"),n=require("./menu.style.js"),u=require("./__internal__/strict-menu.context.js"),o=require("./__internal__/menu.context.js"),i=require("./__internal__/keyboard-navigation/index.js"),l=require("./__internal__/locators.js");function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const s=s=>{var{menuType:a="light",children:p}=s,f=function(e,r){if(null==e)return{};var t,n,u=function(e,r){if(null==e)return{};var t,n,u={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(u[t]=e[t]);return u}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(u[t]=e[t])}return u}(s,["menuType","children"]);const[y,b]=r.useState(null),O=r.useRef(null),[j,d]=r.useState(void 0),[_,m]=r.useState([]),g=r.useCallback((e=>{m((r=>[...r,e]))}),[]),v=r.useCallback((e=>{m((r=>r.filter((r=>r!==e))))}),[]);return e.jsx(n.StyledMenuWrapper,(P=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){c(e,r,t[r])}))}return e}({menuType:a},f,t.default("menu",f)),S=null!=(S={ref:O,role:"list",onKeyDown:e=>{if(O.current){const r=O.current.querySelectorAll(l.MENU_ITEM_CHILDREN_LOCATOR);if(r){const t=i.menuKeyboardNavigation(e,Array.from(r));void 0!==t&&d(_[t])}}},children:e.jsx(u.StrictMenuProvider,{value:{menuType:a,openSubmenuId:y,setOpenSubmenuId:b,focusId:j,updateFocusId:d,registerItem:g,unregisterItem:v},children:e.jsx(o.default.Provider,{value:{inMenu:!0},children:p})})})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(P,Object.getOwnPropertyDescriptors(S)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(S)).forEach((function(e){Object.defineProperty(P,e,Object.getOwnPropertyDescriptor(S,e))})),P));var P,S};exports.Menu=s,exports.default=s;

package/lib/components/menu/menu.config.js

@@ -1,76 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = exports.default = {
-  light: {
-    background: "var(--colorsComponentsMenuSpringStandard500)",
-    color: "var(--colorsComponentsMenuYin090)",
-    selected: "var(--colorsComponentsMenuSpringStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuSpringParent600)",
-    submenuBackground: "var(--colorsComponentsMenuSpringParent500)",
-    submenuSelected: "var(--colorsComponentsMenuSpringParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuSpringChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuSpringChild600)",
-    title: "var(--colorsComponentsMenuYin065)",
-    alternate: "var(--colorsComponentsMenuSpringChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuSpringChildAlt600)",
-    divider: "var(--colorsComponentsMenuSpringChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  },
-  dark: {
-    background: "var(--colorsComponentsMenuAutumnStandard500)",
-    color: "var(--colorsComponentsMenuYang100)",
-    selected: "var(--colorsComponentsMenuAutumnStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuAutumnParent600)",
-    submenuBackground: "var(--colorsComponentsMenuAutumnParent500)",
-    submenuSelected: "var(--colorsComponentsMenuAutumnParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuAutumnChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuAutumnChild600)",
-    title: "var(--colorsComponentsMenuYang080)",
-    alternate: "var(--colorsComponentsMenuAutumnChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuAutumnChildAlt600)",
-    divider: "var(--colorsComponentsMenuAutumnChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  },
-  black: {
-    background: "var(--colorsComponentsMenuWinterStandard500)",
-    color: "var(--colorsComponentsMenuYang100)",
-    selected: "var(--colorsComponentsMenuWinterStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuWinterParent600)",
-    submenuBackground: "var(--colorsComponentsMenuWinterParent500)",
-    submenuSelected: "var(--colorsComponentsMenuWinterParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuWinterChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuWinterChild600)",
-    title: "var(--colorsComponentsMenuYang080)",
-    alternate: "var(--colorsComponentsMenuWinterChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuWinterChildAlt600)",
-    divider: "var(--colorsComponentsMenuWinterChild400)",
-    scrollbarThumb: "#CCCCCC",
-    scrollbarTrack: "#808080",
-    scrollbarColor: "#CCCCCC #808080"
-  },
-  white: {
-    background: "var(--colorsComponentsMenuSummerStandard500)",
-    color: "var(--colorsComponentsMenuYin090)",
-    selected: "var(--colorsComponentsMenuSummerStandard700)",
-    submenuOpenedBackground: "var(--colorsComponentsMenuSummerParent600)",
-    submenuBackground: "var(--colorsComponentsMenuSummerParent500)",
-    submenuSelected: "var(--colorsComponentsMenuSummerParent700)",
-    submenuItemBackground: "var(--colorsComponentsMenuSummerChild500)",
-    submenuItemBackgroundHover: "var(--colorsComponentsMenuSummerChild600)",
-    title: "var(--colorsComponentsMenuYin065)",
-    alternate: "var(--colorsComponentsMenuSummerChildAlt500)",
-    alternateHover: "var(--colorsComponentsMenuSummerChildAlt600)",
-    divider: "var(--colorsComponentsMenuSummerChild400)",
-    scrollbarThumb: "#597a8b",
-    scrollbarTrack: "#f2f5f6",
-    scrollbarColor: "#597a8b #f2f5f6"
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default={light:{background:"var(--colorsComponentsMenuSpringStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSpringStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSpringParent600)",submenuBackground:"var(--colorsComponentsMenuSpringParent500)",submenuSelected:"var(--colorsComponentsMenuSpringParent700)",submenuItemBackground:"var(--colorsComponentsMenuSpringChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSpringChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSpringChildAlt500)",alternateHover:"var(--colorsComponentsMenuSpringChildAlt600)",divider:"var(--colorsComponentsMenuSpringChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},dark:{background:"var(--colorsComponentsMenuAutumnStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuAutumnStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuAutumnParent600)",submenuBackground:"var(--colorsComponentsMenuAutumnParent500)",submenuSelected:"var(--colorsComponentsMenuAutumnParent700)",submenuItemBackground:"var(--colorsComponentsMenuAutumnChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuAutumnChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuAutumnChildAlt500)",alternateHover:"var(--colorsComponentsMenuAutumnChildAlt600)",divider:"var(--colorsComponentsMenuAutumnChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"},black:{background:"var(--colorsComponentsMenuWinterStandard500)",color:"var(--colorsComponentsMenuYang100)",selected:"var(--colorsComponentsMenuWinterStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuWinterParent600)",submenuBackground:"var(--colorsComponentsMenuWinterParent500)",submenuSelected:"var(--colorsComponentsMenuWinterParent700)",submenuItemBackground:"var(--colorsComponentsMenuWinterChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuWinterChild600)",title:"var(--colorsComponentsMenuYang080)",alternate:"var(--colorsComponentsMenuWinterChildAlt500)",alternateHover:"var(--colorsComponentsMenuWinterChildAlt600)",divider:"var(--colorsComponentsMenuWinterChild400)",scrollbarThumb:"#CCCCCC",scrollbarTrack:"#808080",scrollbarColor:"#CCCCCC #808080"},white:{background:"var(--colorsComponentsMenuSummerStandard500)",color:"var(--colorsComponentsMenuYin090)",selected:"var(--colorsComponentsMenuSummerStandard700)",submenuOpenedBackground:"var(--colorsComponentsMenuSummerParent600)",submenuBackground:"var(--colorsComponentsMenuSummerParent500)",submenuSelected:"var(--colorsComponentsMenuSummerParent700)",submenuItemBackground:"var(--colorsComponentsMenuSummerChild500)",submenuItemBackgroundHover:"var(--colorsComponentsMenuSummerChild600)",title:"var(--colorsComponentsMenuYin065)",alternate:"var(--colorsComponentsMenuSummerChildAlt500)",alternateHover:"var(--colorsComponentsMenuSummerChildAlt600)",divider:"var(--colorsComponentsMenuSummerChild400)",scrollbarThumb:"#597a8b",scrollbarTrack:"#f2f5f6",scrollbarColor:"#597a8b #f2f5f6"}};

package/lib/components/menu/menu.style.js

@@ -1,95 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMenuWrapper = exports.StyledMenuItem = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _menu = _interopRequireDefault(require("./menu.config"));
-var _verticalDivider = require("../vertical-divider/vertical-divider.style");
-var _link = require("../link/link.style");
-var _themes = require("../../style/themes");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledMenuWrapper = exports.StyledMenuWrapper = _styledComponents.default.ul`
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  outline: none;
-  display: flex;
-  align-items: stretch;
-  min-height: 40px;
-
-  ${_styledSystem.layout}
-  ${_styledSystem.flexbox}
-
-  ${_verticalDivider.StyledVerticalWrapper} {
-    ${({
-  menuType
-}) => menuType && (0, _styledComponents.css)`
-        display: inline-block;
-        vertical-align: bottom;
-        background-color: ${_menu.default[menuType].background};
-        ${menuType === "dark" && (0, _styledComponents.css)`
-          color: ${_menu.default[menuType].color};
-        `}
-      `}
-    ${_verticalDivider.StyledDivider} {
-      position: relative;
-      top: -1px;
-    }
-  }
-`;
-const StyledMenuItem = exports.StyledMenuItem = _styledComponents.default.li`
-  display: flex;
-  list-style: none;
-  ${({
-  maxWidth
-}) => maxWidth && (0, _styledComponents.css)`
-      align-items: stretch;
-    `}
-
-  ${_styledSystem.layout}
-  ${_styledSystem.flexbox}
-
-  ${_link.StyledLink} a:focus, ${_link.StyledLink} button:focus {
-    border-radius: var(--borderRadius000);
-  }
-
-  ${({
-  inSubmenu
-}) => (0, _styledComponents.css)`
-    ${inSubmenu && (0, _styledComponents.css)`
-      display: list-item;
-    `}
-
-    ${!inSubmenu && (0, _styledComponents.css)`
-      height: inherit;
-    `}
-  `}
-
-  ${({
-  inFullscreenView
-}) => inFullscreenView && (0, _styledComponents.css)`
-      padding-top: var(--spacing200);
-      padding-bottom: var(--spacing200);
-
-      > a,
-      ${_link.StyledLink} > a,
-      > button,
-      ${_link.StyledLink} > button,
-      > span,
-      > div,
-      [data-component="submenu-wrapper"] > ${_link.StyledLink} {
-        width: 100%;
-        box-sizing: border-box;
-        height: auto;
-        white-space: normal;
-      }
-    `}
-`;
-StyledMenuItem.defaultProps = {
-  theme: _themes.baseTheme
-};
+"use strict";var e=require("styled-components"),t=require("styled-system"),i=require("./menu.config.js"),s=require("../vertical-divider/vertical-divider.style.js"),n=require("../link/link.style.js");require("../../style/themes/sage/index.js");var l=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");var a=r(e);const d=a.default.ul.withConfig({displayName:"menu.style__StyledMenuWrapper",componentId:"sc-fe2a8073-0"})(["list-style:none;margin:0;padding:0;outline:none;display:flex;align-items:stretch;min-height:40px;"," "," ","{"," ","{position:relative;top:-1px;}}"],t.layout,t.flexbox,s.StyledVerticalWrapper,(({menuType:t})=>t&&e.css(["display:inline-block;vertical-align:bottom;background-color:",";",""],i.default[t].background,"dark"===t&&e.css(["color:",";"],i.default[t].color))),s.StyledDivider),o=a.default.li.withConfig({displayName:"menu.style__StyledMenuItem",componentId:"sc-fe2a8073-1"})(["display:flex;list-style:none;"," "," "," "," a:focus,"," button:focus{border-radius:var(--borderRadius000);}"," ",""],(({maxWidth:t})=>t&&e.css(["align-items:stretch;"])),t.layout,t.flexbox,n.StyledLink,n.StyledLink,(({inSubmenu:t})=>e.css([""," ",""],t&&e.css(["display:list-item;"]),!t&&e.css(["height:inherit;"]))),(({inFullscreenView:t})=>t&&e.css(["padding-top:var(--spacing200);padding-bottom:var(--spacing200);> a,"," > a,> button,",' > button,> span,> div,[data-component="submenu-wrapper"] > ',"{width:100%;box-sizing:border-box;height:auto;white-space:normal;}"],n.StyledLink,n.StyledLink,n.StyledLink)));o.defaultProps={theme:l.default},exports.StyledMenuItem=o,exports.StyledMenuWrapper=d;

package/lib/components/menu/package.json

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

package/lib/components/menu/scrollable-block/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _scrollableBlock.default;
-  }
-});
-var _scrollableBlock = _interopRequireDefault(require("./scrollable-block.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./scrollable-block.component.js");exports.default=e.ScrollableBlock;

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

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

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

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ScrollableBlock = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _strictMenu = require("../__internal__/strict-menu.context");
-var _menuItem = _interopRequireDefault(require("../menu-item"));
-var _scrollableBlock = _interopRequireDefault(require("./scrollable-block.style"));
-var _box = _interopRequireDefault(require("../../box"));
-var _tags = _interopRequireDefault(require("../../../__internal__/utils/helpers/tags"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
-const ScrollableBlock = ({
-  children,
-  height,
-  variant = "default",
-  parent,
-  parentVariant,
-  ...rest
-}) => {
-  const {
-    menuType
-  } = (0, _strictMenu.useStrictMenuContext)();
-  const scrollVariants = {
-    light: "light",
-    dark: "dark",
-    white: "light",
-    black: "dark"
-  };
-  return /*#__PURE__*/_react.default.createElement(_scrollableBlock.default, _extends({
-    menuType: menuType,
-    variant: variant
-  }, rest, (0, _tags.default)("submenu-scrollable-block", rest)), parent && /*#__PURE__*/_react.default.createElement(_menuItem.default, {
-    "data-component": "scrollable-block-parent",
-    overrideColor: true,
-    variant: parentVariant,
-    p: "2px 16px",
-    as: "div",
-    "data-role": "scrollable-block-parent-menu-item"
-  }, parent), /*#__PURE__*/_react.default.createElement(_box.default, {
-    overflowY: "scroll",
-    scrollVariant: scrollVariants[menuType],
-    height: height,
-    p: 0,
-    as: "ul",
-    role: "list"
-  }, children));
-};
-exports.ScrollableBlock = ScrollableBlock;
-var _default = exports.default = ScrollableBlock;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../__internal__/strict-menu.context.js"),t=require("../menu-item/menu-item.component.js"),n=require("./scrollable-block.style.js"),o=require("../../box/box.component.js"),l=require("../../../__internal__/utils/helpers/tags/tags.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=c=>{var{children:i,height:u,variant:s="default",parent:p,parentVariant:b}=c,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["children","height","variant","parent","parentVariant"]);const{menuType:O}=r.useStrictMenuContext();return e.jsxs(n.default,(y=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}({menuType:O,variant:s},f,l.default("submenu-scrollable-block",f)),j=null!=(j={children:[p&&e.jsx(t.MenuItem,{"data-component":"scrollable-block-parent",overrideColor:!0,variant:b,p:"2px 16px",as:"div","data-role":"scrollable-block-parent-menu-item",children:p}),e.jsx(o.Box,{overflowY:"scroll",scrollVariant:{light:"light",dark:"dark",white:"light",black:"dark"}[O],height:u,p:0,as:"ul",role:"list",children:i})]})?j:{},Object.getOwnPropertyDescriptors?Object.defineProperties(y,Object.getOwnPropertyDescriptors(j)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(j)).forEach((function(e){Object.defineProperty(y,e,Object.getOwnPropertyDescriptor(j,e))})),y));var y,j};exports.ScrollableBlock=c,exports.default=c;

package/lib/components/menu/scrollable-block/scrollable-block.style.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _menuItem = _interopRequireDefault(require("../menu-item/menu-item.style"));
-var _menu = _interopRequireDefault(require("../menu.config"));
-var _box = _interopRequireDefault(require("../../box/box.style"));
-var _menu2 = require("../menu.style");
-var _link = require("../../link/link.style");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledScrollableBlock = _styledComponents.default.li`
-  ${({
-  menuType,
-  variant
-}) => (0, _styledComponents.css)`
-    && ${_menuItem.default} {
-      background-color: ${variant === "default" ? _menu.default[menuType].submenuItemBackground : _menu.default[menuType].alternate};
-      padding-right: var(--spacing150);
-    }
-
-    ${_box.default} {
-      border-radius: var(--borderRadius000);
-      border-bottom-left-radius: var(--borderRadius100);
-
-      ${_menu2.StyledMenuItem}:last-child ${_link.StyledLink},
-      ${_menu2.StyledMenuItem}:last-child a,
-      ${_menu2.StyledMenuItem}:last-child button {
-        border-bottom-left-radius: var(--borderRadius100);
-        border-bottom-right-radius: var(--borderRadius000);
-      }
-
-      scrollbar-color: ${_menu.default[menuType].scrollbarColor};
-
-      &::-webkit-scrollbar {
-        width: var(--sizing150);
-      }
-      &::-webkit-scrollbar-thumb {
-        background-color: ${_menu.default[menuType].scrollbarThumb};
-      }
-      &::-webkit-scrollbar-track {
-        background-color: ${_menu.default[menuType].scrollbarTrack};
-      }
-    }
-  `}
-`;
-var _default = exports.default = StyledScrollableBlock;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../menu-item/menu-item.style.js"),l=require("../menu.config.js"),t=require("../../box/box.style.js"),a=require("../menu.style.js"),o=require("../../link/link.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const u=d(e).default.li.withConfig({displayName:"scrollable-block.style__StyledScrollableBlock",componentId:"sc-278d2dad-0"})(["",""],(({menuType:d,variant:u})=>e.css(["&& ","{background-color:",";padding-right:var(--spacing150);}","{border-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius100);",":last-child ",",",":last-child a,",":last-child button{border-bottom-left-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius000);}scrollbar-color:",";&::-webkit-scrollbar{width:var(--sizing150);}&::-webkit-scrollbar-thumb{background-color:",";}&::-webkit-scrollbar-track{background-color:",";}}"],r.default,"default"===u?l.default[d].submenuItemBackground:l.default[d].alternate,t.default,a.StyledMenuItem,o.StyledLink,a.StyledMenuItem,a.StyledMenuItem,l.default[d].scrollbarColor,l.default[d].scrollbarThumb,l.default[d].scrollbarTrack)));exports.default=u;

package/lib/components/message/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _message.default;
-  }
-});
-var _message = _interopRequireDefault(require("./message.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./message.component.js");exports.default=e.Message;

package/lib/components/message/message.component.js

@@ -1,82 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Message = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _typography = _interopRequireDefault(require("../typography"));
-var _content = _interopRequireDefault(require("../content"));
-var _message = _interopRequireWildcard(require("./message.style"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _icon = _interopRequireDefault(require("../icon"));
-var _iconButton = _interopRequireDefault(require("../icon-button"));
-var _aiIcon = _interopRequireDefault(require("../../__internal__/ai-icon"));
-var _utils = require("../../style/utils");
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const Message = exports.Message = /*#__PURE__*/_react.default.forwardRef(({
-  open = true,
-  transparent = false,
-  title,
-  variant = "info",
-  children,
-  onDismiss,
-  id,
-  closeButtonAriaLabel,
-  showCloseIcon = true,
-  width,
-  ...props
-}, ref) => {
-  const localRef = (0, _react.useRef)(null);
-  const messageRef = ref || localRef;
-  const locale = (0, _useLocale.default)();
-  const marginProps = (0, _utils.filterStyledSystemMarginProps)(props);
-  const VARIANT_ICON_MAP = {
-    neutral: "info",
-    success: "tick_circle",
-    error: "error",
-    warning: "warning",
-    info: "info"
-  };
-  if (!open) {
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_message.default, _extends({}, (0, _tags.default)("Message", props), {
-    transparent: transparent,
-    variant: variant,
-    id: id,
-    width: width,
-    ref: messageRef
-  }, marginProps, {
-    tabIndex: -1
-  }), /*#__PURE__*/_react.default.createElement(_message.TypeIconStyle, {
-    variant: variant,
-    transparent: transparent
-  }, variant === "ai" ? /*#__PURE__*/_react.default.createElement(_aiIcon.default, {
-    "data-role": "ai-icon"
-  }) : /*#__PURE__*/_react.default.createElement(_icon.default, {
-    "data-role": "category-icon",
-    type: VARIANT_ICON_MAP[variant]
-  })), /*#__PURE__*/_react.default.createElement(_typography.default, {
-    screenReaderOnly: true
-  }, locale.message[variant]()), /*#__PURE__*/_react.default.createElement(_message.MessageContent, {
-    "data-element": "message-content",
-    "data-role": "message-content"
-  }, !showCloseIcon || !onDismiss ? /*#__PURE__*/_react.default.createElement(_content.default, {
-    title: title
-  }, children) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_content.default, {
-    title: title
-  }, children), /*#__PURE__*/_react.default.createElement(_iconButton.default, {
-    "data-element": "close",
-    "aria-label": closeButtonAriaLabel || locale.message.closeButtonAriaLabel(),
-    onClick: onDismiss
-  }, /*#__PURE__*/_react.default.createElement(_icon.default, {
-    type: "close"
-  })))));
-});
-Message.displayName = "Message";
-var _default = exports.default = Message;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../typography/typography.component.js"),n=require("../content/content.component.js"),o=require("./message.style.js"),s=require("../../__internal__/utils/helpers/tags/tags.js"),i=require("../icon/icon.component.js"),a=require("../icon-button/icon-button.component.js"),l=require("../../__internal__/ai-icon/ai-icon.component.js");require("../../style/utils/filter-styled-system-padding-props.js");var c=require("../../style/utils/filter-styled-system-margin-props.js"),u=require("../../hooks/__internal__/useLocale/useLocale.js");function p(e){return e&&e.__esModule?e:{default:e}}function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){f(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const j=p(t).default.forwardRef(((p,f)=>{var{open:j=!0,transparent:b=!1,title:g,variant:O="info",children:m,onDismiss:h,id:w,closeButtonAriaLabel:x,showCloseIcon:_=!0,width:v}=p,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(p,["open","transparent","title","variant","children","onDismiss","id","closeButtonAriaLabel","showCloseIcon","width"]);const q=t.useRef(null),S=f||q,k=u.default(),C=c.default(P);return j?e.jsxs(o.default,y(d(y(d({},s.default("Message",P)),{transparent:b,variant:O,id:w,width:v,ref:S}),C),{tabIndex:-1,children:[e.jsx(o.TypeIconStyle,{variant:O,transparent:b,children:"ai"===O?e.jsx(l.AiIcon,{"data-role":"ai-icon"}):e.jsx(i.default,{"data-role":"category-icon",type:{neutral:"info",success:"tick_circle",error:"error",warning:"warning",info:"info"}[O]})}),e.jsx(r.Typography,{screenReaderOnly:!0,children:k.message[O]()}),e.jsx(o.MessageContent,{"data-element":"message-content","data-role":"message-content",children:_&&h?e.jsxs(e.Fragment,{children:[e.jsx(n.Content,{title:g,children:m}),e.jsx(a.default,{"data-element":"close","aria-label":x||k.message.closeButtonAriaLabel(),onClick:h,children:e.jsx(i.default,{type:"close"})})]}):e.jsx(n.Content,{title:g,children:m})})]})):null}));j.displayName="Message",exports.Message=j,exports.default=j;

package/lib/components/message/message.style.js

@@ -1,86 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TypeIconStyle = exports.MessageContent = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const messageVariants = {
-  error: "var(--colorsSemanticNegative500)",
-  info: "var(--colorsSemanticInfo500)",
-  success: "var(--colorsSemanticPositive500)",
-  warning: "var(--colorsSemanticCaution500)",
-  neutral: "var(--colorsSemanticNeutral500)",
-  ai: "var(--colorsUtilityYin100)"
-};
-const MessageStyle = _styledComponents.default.div`
-  position: relative;
-  display: flex;
-  border-radius: var(--borderRadius100);
-  overflow: hidden;
-  border: 1px solid ${({
-  variant
-}) => variant && messageVariants[variant]};
-  background-color: var(--colorsUtilityYang100);
-  min-height: 38px;
-
-  :focus {
-    outline: none;
-  }
-
-  ${({
-  transparent
-}) => transparent && (0, _styledComponents.css)`
-      border: none;
-      background: transparent;
-    `}
-
-  ${({
-  width
-}) => width && `width: ${width};`}
-  ${_styledSystem.margin}
-`;
-const MessageContent = exports.MessageContent = _styledComponents.default.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--spacing200);
-  gap: var(--spacing300);
-`;
-const TypeIconStyle = exports.TypeIconStyle = _styledComponents.default.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: ${({
-  variant
-}) => messageVariants[variant]};
-  min-width: 30px;
-
-  span {
-    &:before {
-      color: var(--colorsUtilityYang100);
-    }
-  }
-
-  ${({
-  transparent,
-  variant
-}) => transparent && (0, _styledComponents.css)`
-      background-color: transparent;
-      span {
-        &:before {
-          color: ${messageVariants[variant]};
-        }
-      }
-    `}
-`;
-MessageStyle.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = MessageStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),a=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}var n=r(e);const o={error:"var(--colorsSemanticNegative500)",info:"var(--colorsSemanticInfo500)",success:"var(--colorsSemanticPositive500)",warning:"var(--colorsSemanticCaution500)",neutral:"var(--colorsSemanticNeutral500)",ai:"var(--colorsUtilityYin100)"},s=n.default.div.withConfig({displayName:"message.style__MessageStyle",componentId:"sc-e5133bb9-0"})(["position:relative;display:flex;border-radius:var(--borderRadius100);overflow:hidden;border:1px solid ",";background-color:var(--colorsUtilityYang100);min-height:38px;:focus{outline:none;}"," "," ",""],(({variant:e})=>e&&o[e]),(({transparent:t})=>t&&e.css(["border:none;background:transparent;"])),(({width:e})=>e&&`width: ${e};`),t.margin),i=n.default.div.withConfig({displayName:"message.style__MessageContent",componentId:"sc-e5133bb9-1"})(["width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing200);gap:var(--spacing300);"]),l=n.default.div.withConfig({displayName:"message.style__TypeIconStyle",componentId:"sc-e5133bb9-2"})(["display:flex;justify-content:center;align-items:center;background-color:",";min-width:30px;span{&:before{color:var(--colorsUtilityYang100);}}",""],(({variant:e})=>o[e]),(({transparent:t,variant:a})=>t&&e.css(["background-color:transparent;span{&:before{color:",";}}"],o[a])));s.defaultProps={theme:a.default},exports.MessageContent=i,exports.TypeIconStyle=l,exports.default=s;

package/lib/components/message/package.json

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