@luminati-io/uikit 6.2.12 → 6.2.14

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,
@@ -34883,7 +34886,10 @@ var Drawer = function Drawer(_ref) {
     footerVariant = _ref$footerVariant === void 0 ? 'horizontal' : _ref$footerVariant,
     afterOpenChange = _ref.afterOpenChange,
     _ref$mask = _ref.mask,
-    mask = _ref$mask === void 0 ? false : _ref$mask;
+    mask = _ref$mask === void 0 ? false : _ref$mask,
+    shadow = _ref.shadow,
+    styles = _ref.styles,
+    classNames = _ref.classNames;
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
@@ -34907,7 +34913,8 @@ var Drawer = function Drawer(_ref) {
   };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DrawerStyle, {
     $prefixCls: classNamePrefix,
-    $theme: theme
+    $theme: theme,
+    $shadow: shadow
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(rc_drawer__WEBPACK_IMPORTED_MODULE_3__["default"], {
     width: width,
     height: height,
@@ -34919,8 +34926,10 @@ var Drawer = function Drawer(_ref) {
     prefixCls: classNamePrefix,
     zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.drawer,
     maskClosable: closable,
+    classNames: classNames,
     afterOpenChange: afterOpenChange,
     mask: mask,
+    styles: styles,
     maskMotion: maskMotion,
     motion: motion
   }, closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton, {
@@ -34968,9 +34977,20 @@ Drawer.propTypes = {
   cancelProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   footerVariant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['vertical', 'horizontal', 'horizontal_full']),
   afterOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
-  mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  shadow: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
+  styles: prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
+    mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+    wrapper: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
+    content: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object)
+  }),
+  classNames: prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
+    mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+    wrapper: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+    content: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  })
 };
-var DrawerStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{inset:0;position:fixed;pointer-events:none;&-inline{position:absolute;}&-mask{inset:0;position:absolute;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:auto;}&-content-wrapper{position:absolute;overflow:hidden;&-hidden{display:none;}}&-left &-content-wrapper{top:0;bottom:0;left:0;}&-right &-content-wrapper{top:0;right:0;bottom:0;}&-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:", ";pointer-events:auto;}&-left &-content{border-right:1px solid ", ";}&-right &-content{border-left:1px solid ", ";}&-close{position:absolute;margin-top:16px;inset-inline-end:16px;z-index:1;background:transparent;}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-body{flex:1;overflow:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-mask-motion{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0;}}}&-panel-motion{&-left,&-right{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0.7;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0.7;}}}&-left{&-enter,&-appear{transform:translateX(-100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(-100%);}}}&-right{&-enter,&-appear{transform:translateX(100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(100%);}}}}}"], function (_ref2) {
+var DrawerStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobalStyle)([".", "{inset:0;position:fixed;pointer-events:none;&-inline{position:absolute;}&-mask{inset:0;position:absolute;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:auto;}&-content-wrapper{position:absolute;overflow:hidden;box-shadow:", ";&-hidden{display:none;}}&-left &-content-wrapper{top:0;bottom:0;left:0;}&-right &-content-wrapper{top:0;right:0;bottom:0;}&-content{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:", ";pointer-events:auto;}&-left &-content{border-right:1px solid ", ";}&-right &-content{border-left:1px solid ", ";}&-close{position:absolute;margin-top:16px;inset-inline-end:16px;z-index:1;background:transparent;}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-body{flex:1;overflow:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-mask-motion{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0;}}}&-panel-motion{&-left,&-right{&-enter,&-appear,&-leave{&-start{transition:none;}&-active{transition:all 0.3s;}}&-enter,&-appear{opacity:0.7;&-active{opacity:1;}}&-leave{opacity:1;&-active{opacity:0.7;}}}&-left{&-enter,&-appear{transform:translateX(-100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(-100%);}}}&-right{&-enter,&-appear{transform:translateX(100%);&-active{transform:none;}}&-leave{transform:none;&-active{transform:translateX(100%);}}}}}"], function (_ref2) {
   var $prefixCls = _ref2.$prefixCls;
   return $prefixCls;
 }, function (_ref3) {
@@ -34980,58 +35000,62 @@ var DrawerStyle = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.createGlobal
   var $theme = _ref4.$theme;
   return $theme.color.modal2_shadow_bg;
 }, function (_ref5) {
-  var $theme = _ref5.$theme;
-  return $theme.color.bg_elevated;
+  var $shadow = _ref5.$shadow,
+    $theme = _ref5.$theme;
+  return $theme.box_shadow[$shadow];
 }, function (_ref6) {
   var $theme = _ref6.$theme;
-  return $theme.color.border_secondary;
+  return $theme.color.bg_elevated;
 }, function (_ref7) {
   var $theme = _ref7.$theme;
   return $theme.color.border_secondary;
 }, function (_ref8) {
   var $theme = _ref8.$theme;
-  return $theme.spacing['05'];
+  return $theme.color.border_secondary;
 }, function (_ref9) {
   var $theme = _ref9.$theme;
-  return $theme.spacing['08'];
+  return $theme.spacing['05'];
 }, function (_ref10) {
   var $theme = _ref10.$theme;
-  return $theme.spacing['05'];
+  return $theme.spacing['08'];
 }, function (_ref11) {
   var $theme = _ref11.$theme;
   return $theme.spacing['05'];
 }, function (_ref12) {
   var $theme = _ref12.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['05'];
 }, function (_ref13) {
   var $theme = _ref13.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['06'];
 }, function (_ref14) {
   var $theme = _ref14.$theme;
-  return $theme.spacing['06'];
+  return $theme.spacing['07'];
 }, function (_ref15) {
   var $theme = _ref15.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['06'];
 }, function (_ref16) {
   var $theme = _ref16.$theme;
-  return $theme.color.text_secondary;
+  return $theme.spacing['07'];
 }, function (_ref17) {
   var $theme = _ref17.$theme;
-  return $theme.scrollbars.thin;
+  return $theme.color.text_secondary;
 }, function (_ref18) {
   var $theme = _ref18.$theme;
-  return $theme.spacing['05'];
+  return $theme.scrollbars.thin;
 }, function (_ref19) {
   var $theme = _ref19.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['05'];
 }, function (_ref20) {
   var $theme = _ref20.$theme;
-  return $theme.spacing['05'];
+  return $theme.spacing['07'];
 }, function (_ref21) {
   var $theme = _ref21.$theme;
-  return $theme.spacing['07'];
+  return $theme.spacing['05'];
 }, function (_ref22) {
   var $theme = _ref22.$theme;
+  return $theme.spacing['07'];
+}, function (_ref23) {
+  var $theme = _ref23.$theme;
   return $theme.color.border_secondary;
 });
 
@@ -42313,32 +42337,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 +42375,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 +42397,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 +42405,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 +42420,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 +42494,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 +42548,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 +42556,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 +42566,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 +42671,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 ***!
@@ -42901,18 +43093,20 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! rc-util/lib/React/render */ "./node_modules/rc-util/lib/React/render.js");
-/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../themes */ "./src/themes/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
-/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../themes */ "./src/themes/index.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _global_config__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../global_config */ "./src/global_config.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../icon */ "./src/icon.js");
+/* harmony import */ var _modal2__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./modal2 */ "./src/modal/modal2.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 var _excluded = ["className", "classNamePrefix", "closeOnOutsideClick", "zIndex", "show", "afterClose", "closable", "onClose", "onConfirm", "okLabel", "cancelLabel", "okProps", "cancelProps", "size", "content", "title"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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; }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -42934,6 +43128,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 
 
+
 var destroyFns = [];
 var withWarn = function withWarn(props) {
   return _objectSpread(_objectSpread({}, props), {}, {
@@ -42988,9 +43183,9 @@ var confirm = function confirm(config) {
   var render = function render(props) {
     clearTimeout(timeoutId);
     timeoutId = setTimeout(function () {
-      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_4__.globalConfig)(),
+      var _globalConfig = (0,_global_config__WEBPACK_IMPORTED_MODULE_5__.globalConfig)(),
         themeName = _globalConfig.themeName;
-      (0,rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__.render)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_themes__WEBPACK_IMPORTED_MODULE_2__.ThemeProvider, {
+      (0,rc_util_lib_React_render__WEBPACK_IMPORTED_MODULE_1__.render)(/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_themes__WEBPACK_IMPORTED_MODULE_3__.ThemeProvider, {
         theme: themeName
       }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(ConfirmModal, props)), container);
     });
@@ -43043,8 +43238,10 @@ var ConfirmModal = function ConfirmModal(_ref) {
     content = _ref.content,
     title = _ref.title,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_5__.firstDefined)(rest.icon, getIconByType(rest.type));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_7__.Modal2, {
+  var icon = (0,_util__WEBPACK_IMPORTED_MODULE_6__.firstDefined)(rest.icon, getIconByType(rest.type));
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_modal2__WEBPACK_IMPORTED_MODULE_8__.Modal2, _extends({}, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_2__["default"])(rest, {
+    data: true
+  }), {
     className: className,
     classNamePrefix: classNamePrefix,
     onClose: function onClose() {
@@ -43075,32 +43272,32 @@ var ConfirmModal = function ConfirmModal(_ref) {
     },
     okProps: okProps,
     cancelProps: cancelProps
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Paragraph, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Paragraph, {
     variant: "sm"
   }, content));
 };
 var getIconByType = function getIconByType(type) {
-  if (type == 'warning') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  if (type == 'warning') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__.Icon, {
     size: "sm",
     name: "Warning",
     color: "icon_warning"
   });
-  if (type == 'info') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  if (type == 'info') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__.Icon, {
     size: "sm",
     name: "Info",
     color: "icon_primary"
   });
-  if (type == 'success') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  if (type == 'success') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__.Icon, {
     size: "sm",
     name: "CheckCircle",
     color: "icon_success"
   });
-  if (type == 'error') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  if (type == 'error') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__.Icon, {
     size: "sm",
     name: "Warning",
     color: "icon_error"
   });
-  if (type == 'confirm') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_6__.Icon, {
+  if (type == 'confirm') return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_7__.Icon, {
     size: "sm",
     name: "Question",
     color: "icon_primary"
@@ -43280,12 +43477,12 @@ __webpack_require__.r(__webpack_exports__);
 /* 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 rc_dialog__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! rc-dialog */ "./node_modules/rc-dialog/es/index.js");
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
-/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../icon.js */ "./src/icon.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
+/* harmony import */ var rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! rc-util/lib/pickAttrs */ "./node_modules/rc-util/lib/pickAttrs.js");
+/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../typography */ "./src/typography/index.js");
+/* harmony import */ var _icon_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../icon.js */ "./src/icon.js");
+/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../layout */ "./src/layout/index.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
 /* harmony import */ var _base_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./base.js */ "./src/modal/base.js");
 /* harmony import */ var _modal_button_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./modal_button.js */ "./src/modal/modal_button.js");
 // LICENSE_CODE ZON
@@ -43332,7 +43529,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_8__.Z_INDEX.modal : _ref$zIndex,
     children = _ref.children,
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 300 : _ref$minHeight,
@@ -43340,7 +43537,7 @@ var Modal2 = function Modal2(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
   var width = _base_js__WEBPACK_IMPORTED_MODULE_10__.MODAL_WIDTHS[size] || _base_js__WEBPACK_IMPORTED_MODULE_10__.MODAL_WIDTHS.md;
-  var _useWindowSize = (0,_hooks__WEBPACK_IMPORTED_MODULE_8__.useWindowSize)(),
+  var _useWindowSize = (0,_hooks__WEBPACK_IMPORTED_MODULE_9__.useWindowSize)(),
     windowHeight = _useWindowSize.height;
   var maxHeight = "".concat(Math.max(windowHeight * 0.8, minHeight), "px");
   var dialogFooter = footer !== null ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DialogFooter, {
@@ -43384,7 +43581,7 @@ var Modal2 = function Modal2(_ref) {
     keyboard: false,
     animation: "zoom",
     maskAnimation: "fade"
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest)), children));
+  }, (0,rc_util_lib_pickAttrs__WEBPACK_IMPORTED_MODULE_4__["default"])(rest)), children));
 };
 Modal2.propTypes = {
   className: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
@@ -43501,9 +43698,9 @@ var DialogHeader = function DialogHeader(_ref30) {
     prefixCls = _ref30.prefixCls;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     className: "".concat(prefixCls, "-title-wrap")
-  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Header, {
+  }, icon, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Header, {
     color: "text"
-  }, title)), !!subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
+  }, title)), !!subtitle && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_5__.Label, {
     padding_right: "04",
     color: "text_tertiary"
   }, subtitle));
@@ -43544,7 +43741,7 @@ var DialogFooter = function DialogFooter(_ref31) {
 // top: 0;
 // transform: translate(0, ${$show=>$show ? '0': 'calc(50vh - 50%)'});
 
-var FooterHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex).attrs({
+var FooterHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex).attrs({
   gap: '04',
   align_items: 'center',
   justify_content: 'flex-end'
@@ -43552,14 +43749,14 @@ var FooterHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(
   displayName: "FooterHorizontal",
   componentId: "sc-1p3wums-0"
 })([""]);
-var FooterFullHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex).attrs({
+var FooterFullHorizontal = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex).attrs({
   gap: '04',
   align_items: 'space-between'
 }).withConfig({
   displayName: "FooterFullHorizontal",
   componentId: "sc-1p3wums-1"
 })(["button{width:100%;}"]);
-var FooterVertical = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_6__.Flex).attrs({
+var FooterVertical = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_7__.Flex).attrs({
   gap: '04',
   flex_direction: 'column'
 }).withConfig({
@@ -43572,7 +43769,7 @@ var footerLayout = {
   vertical: FooterVertical
 };
 var CloseIcon = function CloseIcon() {
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_5__.Icon, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_js__WEBPACK_IMPORTED_MODULE_6__.Icon, {
     name: "Close",
     size: "xs",
     "data-testid": "modal_header_close_button"
@@ -49992,7 +50189,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 +50238,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),