@luminati-io/uikit 6.2.12 → 6.2.13

package/dist/umd/uikit.development.js

@@ -34109,11 +34109,11 @@ CodeBlock.propTypes = {
 var CodeBlockWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockWrapper",
   componentId: "sc-dgi5hi-0"
-})(["border-radius:4px;overflow:hidden;", "{border-top-left-radius:0;border-top-right-radius:0;}"], _code_snippet__WEBPACK_IMPORTED_MODULE_4__.CodeSnipperWrapper);
+})(["", "{border-top-left-radius:0;border-top-right-radius:0;}"], _code_snippet__WEBPACK_IMPORTED_MODULE_4__.CodeSnipperWrapper);
 var CodeBlockHeader = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "CodeBlockHeader",
   componentId: "sc-dgi5hi-1"
-})(["display:flex;align-items:center;justify-content:space-between;padding:0.9em 1em;font-family:", ";font-size:", ";&.black{background-color:", ";color:", ";}&.white{background-color:", ";color:", ";}"], function (_ref) {
+})(["display:flex;align-items:center;justify-content:space-between;padding:0.9em 1em;border-radius:4px 4px 0 0;font-family:", ";font-size:", ";&.black{background-color:", ";color:", ";}&.white{background-color:", ";color:", ";}"], function (_ref) {
   var font_family = _ref.theme.font_family;
   return font_family.sans;
 }, function (_ref2) {
@@ -34672,6 +34672,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   INPUT_VERTICAL_PADDING: () => (/* binding */ INPUT_VERTICAL_PADDING),
 /* harmony export */   PT_NECESSITY_INDICATOR: () => (/* binding */ PT_NECESSITY_INDICATOR),
 /* harmony export */   PT_TOOLTIP_PLACEMENT: () => (/* binding */ PT_TOOLTIP_PLACEMENT),
+/* harmony export */   PT_TRIGGER: () => (/* binding */ PT_TRIGGER),
 /* harmony export */   TOOLTIP_PLACEMENT: () => (/* binding */ TOOLTIP_PLACEMENT),
 /* harmony export */   Z_INDEX: () => (/* binding */ Z_INDEX)
 /* harmony export */ });
@@ -34683,6 +34684,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var PT_NECESSITY_INDICATOR = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['none', 'asterisk', 'text']);
 var PT_TOOLTIP_PLACEMENT = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['right', 'top', 'left', 'bottom', 'topLeft', 'topRight', 'bottomLeft', 'bottomRight', 'leftTop', 'leftBottom', 'rightTop', 'rightBottom']);
+var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus', 'contextMenu']);
 var Z_INDEX = {
   editingCell: 1,
   cellResizer: 1,
@@ -34693,6 +34695,7 @@ var Z_INDEX = {
   popover: 1000,
   backdrop: 1040,
   drawer: 1050,
+  modal: 1060,
   datepicker: 2000,
   tooltip: 9999,
   dropdown: 999999,
@@ -42313,32 +42316,29 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   MenuItem: () => (/* binding */ MenuItem)
 /* harmony export */ });
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash/omit */ "./node_modules/lodash/omit.js");
-/* harmony import */ var lodash_omit__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_omit__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
-/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
-/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! prop-types */ "prop-types");
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../tooltip */ "./src/tooltip/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../utils */ "./src/utils.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./menu */ "./src/menu/menu.js");
+/* harmony import */ var _menu_item_divider__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./menu_item_divider */ "./src/menu/menu_item_divider.js");
+/* harmony import */ var _menu_item_group__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./menu_item_group */ "./src/menu/menu_item_group.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _menu_item_popup__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./menu_item_popup */ "./src/menu/menu_item_popup.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-
 var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem", "icon", "iconPlacement"],
   _excluded2 = ["isLeft"],
-  _excluded3 = ["subItems", "children"],
-  _excluded4 = ["popover", "onClick"];
+  _excluded3 = ["subItems", "popupPlacement", "popupClassName", "popupTrigger", "popupStyle"];
 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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
@@ -42354,7 +42354,8 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (_ref, ref) {
+
+var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref, ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'item' : _ref$type,
     text = _ref.text,
@@ -42375,7 +42376,7 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
     icon = _ref.icon,
     iconPlacement = _ref.iconPlacement,
     rest = _objectWithoutProperties(_ref, _excluded);
-  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_10__["default"], {
+  if (type == 'divider') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_divider__WEBPACK_IMPORTED_MODULE_9__["default"], {
     ref: ref
   });
   var subItems = buildSubItems(children, {
@@ -42383,13 +42384,13 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
   });
   var isSubMenu = subMenu || subItems;
   if (type == 'group') {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_11__.MenuItemGroup, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_group__WEBPACK_IMPORTED_MODULE_10__.MenuItemGroup, _extends({
       ref: ref,
       text: text,
       isFirstItem: isFirstItem
     }, rest), subItems);
   }
-  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_8__.getIconProps)('MenuItem', {
+  var _getIconProps = (0,_utils__WEBPACK_IMPORTED_MODULE_7__.getIconProps)('MenuItem', {
       size: size,
       icon: icon,
       iconPlacement: iconPlacement
@@ -42398,62 +42399,73 @@ var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(fu
     iconProps = _objectWithoutProperties(_getIconProps, _excluded2);
   var iconColor = disabled ? 'icon_disabled' : variant == 'negative' ? 'icon_error' : 'icon';
   var labelColor = disabled ? 'text_disabled' : variant == 'negative' ? 'text_error' : 'text';
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuItemContainer, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_11__.MenuItemContainer, {
     ref: ref,
     as: tag,
     role: "menuitem"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_6__.Tooltip2, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__.Tooltip2, {
     tooltip: tooltip
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemComp, _extends({}, rest, {
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemComp, _extends({}, rest, {
     "aria-disabled": disabled ? true : undefined,
     size: size,
     role: "button",
     subItems: subItems
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon, _extends({}, iconProps, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemLeft, null, isLeft && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, _extends({}, iconProps, {
     color: iconColor
-  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(PrimaryText, {
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemRight, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemText, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(PrimaryText, {
     $size: size,
     color: labelColor
-  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement((react__WEBPACK_IMPORTED_MODULE_2___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_7__.Label, {
+  }, text), !isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, !!tertiaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_6__.Label, {
     variant: "sm",
     whiteSpace: "nowrap",
     color: "text_tertiary"
-  }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryText, null, secondaryText))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(Description, null, description))), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
+  }, tertiaryText), !!secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryText, null, secondaryText))), !!description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Description, null, description))), isSubMenu && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
     subMenu: true
-  }), !isSubMenu && !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(SecondaryIcon, {
+  }), !isSubMenu && !secondaryText && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SecondaryIcon, {
     selected: selected
   }))));
 });
 MenuItem.displayName = 'MenuItem';
 MenuItem.propTypes = {
-  text: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
-  description: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().string),
-  type: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['item', 'divider', 'group']),
-  size: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['sm', 'md', 'lg']),
-  icon: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_8__.iconNames),
+  text: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  secondaryText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  tertiaryText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  description: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  type: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['item', 'divider', 'group']),
+  size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  icon: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(_utils__WEBPACK_IMPORTED_MODULE_7__.iconNames),
   // XXX alexanderse: PT.arrayOf(PT.shape(MenuItem.propTypes)) cause parse err
-  children: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)),
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['default', 'negative']),
-  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  selected: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
-};
-var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
-  var subItems = props.subItems,
-    children = props.children,
-    rest = _objectWithoutProperties(props, _excluded3);
-  if (!subItems) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemButton, _extends({
+  children: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)),
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'negative']),
+  disabled: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  selected: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
+  popupPlacement: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  popupClassName: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  popupTrigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_3__.PT_TRIGGER)]),
+  popupStyle: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
+};
+var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (_ref2, ref) {
+  var subItems = _ref2.subItems,
+    popupPlacement = _ref2.popupPlacement,
+    popupClassName = _ref2.popupClassName,
+    popupTrigger = _ref2.popupTrigger,
+    popupStyle = _ref2.popupStyle,
+    rest = _objectWithoutProperties(_ref2, _excluded3);
+  var button = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(MenuItemButton, _extends({
     ref: ref
-  }, rest), children);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemPopover, _extends({
-    ref: ref,
-    popoverProps: {
-      subItems: subItems
-    }
-  }, rest), children);
+  }, rest));
+  if (subItems) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu_item_popup__WEBPACK_IMPORTED_MODULE_12__.MenuItemPopup, {
+      subItems: subItems,
+      popupPlacement: popupPlacement,
+      popupTrigger: popupTrigger,
+      popupClassName: popupClassName,
+      popupStyle: popupStyle
+    }, button);
+  }
+  return button;
 });
 MenuItemComp.displayName = 'MenuItemComp';
 var sizes = {
@@ -42461,77 +42473,52 @@ var sizes = {
   md: 40,
   lg: 56
 };
-var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "MenuItemButton",
   componentId: "sc-vtiffr-0"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;text-decoration:none;background:0 none;border:0 none;padding:0 12px;box-sizing:border-box;width:100%;min-width:168px;max-width:540px;height:", ";gap:4px;cursor:", ";&:hover{background-color:", ";}&:hover,:visited,:focus{text-decoration:none;}&:active{background-color:", ";}"], function (props) {
-  return (0,_utils__WEBPACK_IMPORTED_MODULE_8__.toPixel)(sizes[props.size] || sizes.md);
+  return (0,_utils__WEBPACK_IMPORTED_MODULE_7__.toPixel)(sizes[props.size] || sizes.md);
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
-}, function (_ref2) {
-  var color = _ref2.theme.color;
-  return color.bg_fill_secondary;
 }, function (_ref3) {
   var color = _ref3.theme.color;
+  return color.bg_fill_secondary;
+}, function (_ref4) {
+  var color = _ref4.theme.color;
   return color.bg_fill_primary_secondary;
 });
-var MenuItemPopoverTrigger = function MenuItemPopoverTrigger(props) {
-  var popover = props.popover,
-    onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded4);
-  var buttonProps = lodash_omit__WEBPACK_IMPORTED_MODULE_0___default()(rest, 'isOpen');
-  var _onClick = (0,react__WEBPACK_IMPORTED_MODULE_2__.useCallback)(function (evt) {
-    onClick === null || onClick === void 0 || onClick(evt);
-    popover.toggle();
-  }, [onClick, popover.toggle]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(MenuItemButton, _extends({}, buttonProps, {
-    onClick: _onClick
-  }));
-};
-var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(MenuItemPopoverTrigger, function (props) {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_12__.MenuContainer, {
-    onClick: props.popover.hide
-  }, props.subItems);
-}, {
-  placement: 'right-start',
-  wrapperStyle: {
-    width: '100%'
-  },
-  swallowOutsideClick: false
-});
-var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var MenuItemLeft = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "MenuItemLeft",
   componentId: "sc-vtiffr-1"
 })(["display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-width:0;"]);
-var MenuItemRight = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var MenuItemRight = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "MenuItemRight",
   componentId: "sc-vtiffr-2"
 })(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;width:100%;min-width:0;"]);
-var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_3___default().div.withConfig({
+var MenuItemText = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "MenuItemText",
   componentId: "sc-vtiffr-3"
 })(["display:flex;align-items:center;justify-content:flex-start;width:100%;gap:8px;"]);
-var SecondaryIcon = function SecondaryIcon(props) {
-  var subMenu = props.subMenu,
-    selected = props.selected;
-  if (subMenu) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RightIcon, {
+var SecondaryIcon = function SecondaryIcon(_ref5) {
+  var subMenu = _ref5.subMenu,
+    selected = _ref5.selected;
+  if (subMenu) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightIcon, {
     name: "ChevronRight",
     color: "icon"
   });
-  if (selected) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(RightIcon, {
+  if (selected) return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RightIcon, {
     name: "Check",
     color: "icon_primary"
   });
   return null;
 };
-SecondaryIcon.displayName = 'SecondaryIcon';
-var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_icon__WEBPACK_IMPORTED_MODULE_5__.Icon).attrs({
+var RightIcon = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon).attrs({
   size: 'xs'
 }).withConfig({
   displayName: "RightIcon",
   componentId: "sc-vtiffr-4"
 })(["margin-left:auto;"]);
-var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs(function (props) {
+var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs(function (props) {
   return {
     variant: props.$size == 'lg' ? 'lg' : 'sm',
     whiteSpace: 'nowrap'
@@ -42540,7 +42527,7 @@ var PrimaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typo
   displayName: "PrimaryText",
   componentId: "sc-vtiffr-5"
 })(["overflow-x:clip;text-overflow:ellipsis;"]);
-var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
   variant: 'sm',
   color: 'text_secondary',
   whiteSpace: 'nowrap'
@@ -42548,7 +42535,7 @@ var SecondaryText = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_ty
   displayName: "SecondaryText",
   componentId: "sc-vtiffr-6"
 })(["margin-left:auto;"]);
-var Description = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typography__WEBPACK_IMPORTED_MODULE_7__.Label).attrs({
+var Description = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_typography__WEBPACK_IMPORTED_MODULE_6__.Label).attrs({
   variant: 'xs',
   color: 'text_tertiary',
   whiteSpace: 'nowrap'
@@ -42558,7 +42545,7 @@ var Description = styled_components__WEBPACK_IMPORTED_MODULE_3___default()(_typo
 })(["width:100%;overflow-x:clip;text-overflow:ellipsis;"]);
 var buildSubItems = function buildSubItems(children, itemProps) {
   return Array.isArray(children) && children.length > 0 ? children.map(function (item, ind) {
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_9__.Menu.Item, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_8__.Menu.Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
@@ -42663,6 +42650,190 @@ var GroupTitle = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typog
 
 /***/ }),
 
+/***/ "./src/menu/menu_item_popup.js":
+/*!*************************************!*\
+  !*** ./src/menu/menu_item_popup.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   MenuItemPopup: () => (/* binding */ MenuItemPopup)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
+/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _rc_component_trigger__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @rc-component/trigger */ "./node_modules/@rc-component/trigger/es/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shared */ "./src/menu/shared.js");
+/* harmony import */ var _placements__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./placements */ "./src/menu/placements.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+
+
+
+
+
+
+var prefixCls = 'uikit_menu_popup';
+var MenuItemPopup = function MenuItemPopup(_ref) {
+  var subItems = _ref.subItems,
+    _ref$popupPlacement = _ref.popupPlacement,
+    popupPlacement = _ref$popupPlacement === void 0 ? 'right' : _ref$popupPlacement,
+    popupClassName = _ref.popupClassName,
+    _ref$popupTrigger = _ref.popupTrigger,
+    popupTrigger = _ref$popupTrigger === void 0 ? 'click' : _ref$popupTrigger,
+    popupStyle = _ref.popupStyle,
+    children = _ref.children;
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisible = _useState2[1];
+  var popupMotion = {
+    motionName: "".concat(prefixCls, "-motion"),
+    motionAppear: true,
+    motionEnter: true,
+    motionLeave: true,
+    motionDeadline: 500
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuItemPopupStyle, {
+    $prefixCls: prefixCls
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_rc_component_trigger__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    prefixCls: prefixCls,
+    mask: true,
+    action: popupTrigger,
+    popupPlacement: popupPlacement,
+    popupMotion: popupMotion,
+    popupClassName: popupClassName,
+    popupStyle: popupStyle,
+    popupVisible: visible,
+    onPopupVisibleChange: setVisible,
+    builtinPlacements: _placements__WEBPACK_IMPORTED_MODULE_5__.placements,
+    zIndex: _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.popover,
+    popup: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_4__.MenuContainer, {
+      onClick: function onClick() {
+        return setVisible(false);
+      }
+    }, subItems)
+  }, children));
+};
+var MenuItemPopupStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.createGlobalStyle)([".", "{position:absolute;display:block;visibility:visible;width:fit-content;max-width:min(500px,80vw);background-color:transparent;&-hidden{display:none;}&-mask{position:fixed;inset:0;pointer-events:none;&-hidden{display:none;}}&-motion{&-enter,&-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-enter&-enter-active,&-appear&-appear-active{animation-name:rcMenuPopupZoomIn;animation-play-state:running;}&-leave&-leave-active{animation-name:rcMenuPopupZoomOut;animation-play-state:running;}}@keyframes rcMenuPopupZoomIn{0%{opacity:0;transform:scale(0,0);}100%{opacity:1;transform:scale(1,1);}}@keyframes rcMenuPopupZoomOut{0%{transform:scale(1,1);}100%{opacity:0;transform:scale(0,0);}}}"], function (p) {
+  return p.$prefixCls;
+});
+
+/***/ }),
+
+/***/ "./src/menu/placements.js":
+/*!********************************!*\
+  !*** ./src/menu/placements.js ***!
+  \********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   placements: () => (/* binding */ placements)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var autoAdjustOverflowTopBottom = {
+  shiftX: 64,
+  adjustY: 1
+};
+var autoAdjustOverflowLeftRight = {
+  adjustX: 1,
+  shiftY: true
+};
+var targetOffset = [0, 0];
+var placements = {
+  top: {
+    points: ['bc', 'tc'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, -6],
+    targetOffset: [-6, 0]
+  },
+  topLeft: {
+    points: ['bl', 'tl'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [-12, -6],
+    targetOffset: [-6, 0]
+  },
+  topRight: {
+    points: ['br', 'tr'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [12, -6],
+    targetOffset: [-6, 0]
+  },
+  bottom: {
+    points: ['tc', 'bc'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [0, 6],
+    targetOffset: [-6, 0]
+  },
+  bottomLeft: {
+    points: ['tl', 'bl'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [-12, 6],
+    targetOffset: [-6, 0]
+  },
+  bottomRight: {
+    points: ['tr', 'br'],
+    overflow: autoAdjustOverflowTopBottom,
+    offset: [12, 6],
+    targetOffset: [-6, 0]
+  },
+  left: {
+    points: ['cr', 'cl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
+    targetOffset: targetOffset
+  },
+  leftTop: {
+    points: ['tr', 'tl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 0],
+    targetOffset: [0, 6]
+  },
+  leftBottom: {
+    points: ['br', 'bl'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [-6, 6],
+    targetOffset: targetOffset
+  },
+  right: {
+    points: ['cl', 'cr'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
+    targetOffset: targetOffset
+  },
+  rightTop: {
+    points: ['tl', 'tr'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 0],
+    targetOffset: [0, 6]
+  },
+  rightBottom: {
+    points: ['bl', 'br'],
+    overflow: autoAdjustOverflowLeftRight,
+    offset: [6, 6],
+    targetOffset: targetOffset
+  }
+};
+
+/***/ }),
+
 /***/ "./src/menu/shared.js":
 /*!****************************!*\
   !*** ./src/menu/shared.js ***!
@@ -43332,7 +43503,7 @@ var Modal2 = function Modal2(_ref) {
     cancelProps = _ref.cancelProps,
     icon = _ref.icon,
     _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.popover : _ref$zIndex,
+    zIndex = _ref$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.modal : _ref$zIndex,
     children = _ref.children,
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 300 : _ref$minHeight,
@@ -49992,7 +50163,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-var PT_TRIGGER = prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['hover', 'click', 'focus', 'contextMenu']);
 var _Tooltip = function Tooltip2(_ref) {
   var id = _ref.id,
     className = _ref.className,
@@ -50042,7 +50212,7 @@ _Tooltip.propTypes = {
   className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['black', 'white']),
-  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(PT_TRIGGER)]),
+  trigger: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOfType([_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER, prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(_constants__WEBPACK_IMPORTED_MODULE_5__.PT_TRIGGER)]),
   visible: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   placement: _constants__WEBPACK_IMPORTED_MODULE_5__.PT_TOOLTIP_PLACEMENT,
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),