@luminati-io/uikit 3.4.7 → 3.4.8

package/dist/umd/uikit.development.js

@@ -33909,7 +33909,8 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 
 var useStyles = function useStyles(_ref) {
   var styles = _ref.styles,
-    size = _ref.size;
+    size = _ref.size,
+    menuPortalTarget = _ref.menuPortalTarget;
   return (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
     return (0,_util_with_user_styles__WEBPACK_IMPORTED_MODULE_5__.withUserStyles)(styles, {
       control: function control(baseStyles, _ref2) {
@@ -33976,7 +33977,8 @@ var useStyles = function useStyles(_ref) {
           width: '100%',
           backgroundColor: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].color.white,
           borderRadius: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].spacing['02'],
-          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].box_shadow.md
+          boxShadow: _theme__WEBPACK_IMPORTED_MODULE_1__["default"].box_shadow.md,
+          zIndex: menuPortalTarget ? baseStyles.zIndex : _constants__WEBPACK_IMPORTED_MODULE_3__.Z_INDEX.dropdown
         });
       },
       menuPortal: function menuPortal(baseStyles) {
@@ -34022,7 +34024,7 @@ var useStyles = function useStyles(_ref) {
         });
       }
     });
-  }, [styles, size]);
+  }, [styles, size, menuPortalTarget]);
 };
 
 /***/ }),
@@ -36112,8 +36114,8 @@ __webpack_require__.r(__webpack_exports__);
 /*jslint react:true*/
 
 
-_menu__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _menu_item__WEBPACK_IMPORTED_MODULE_1__["default"];
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_menu__WEBPACK_IMPORTED_MODULE_0__["default"]);
+_menu__WEBPACK_IMPORTED_MODULE_0__.Menu.Item = _menu_item__WEBPACK_IMPORTED_MODULE_1__.MenuItem;
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_menu__WEBPACK_IMPORTED_MODULE_0__.Menu);
 
 /***/ }),
 
@@ -36126,7 +36128,7 @@ _menu__WEBPACK_IMPORTED_MODULE_0__["default"].Item = _menu_item__WEBPACK_IMPORTE
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   Menu: () => (/* binding */ Menu)
 /* harmony export */ });
 /* 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__);
@@ -36173,7 +36175,6 @@ Menu.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg']),
   items: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().any)).isRequired
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Menu);
 
 /***/ }),
 
@@ -36186,7 +36187,7 @@ Menu.propTypes = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* 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__);
@@ -36214,7 +36215,7 @@ __webpack_require__.r(__webpack_exports__);
 var _excluded = ["type", "text", "secondaryText", "tertiaryText", "description", "size", "children", "variant", "tag", "disabled", "selected", "subMenu", "tooltip", "isFirstItem"],
   _excluded2 = ["isLeft"],
   _excluded3 = ["subItems", "children"],
-  _excluded4 = ["popover"];
+  _excluded4 = ["popover", "onClick"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -36231,7 +36232,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
-var MenuItem = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+var MenuItem = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
   var type = props.type,
     text = props.text,
     secondaryText = props.secondaryText,
@@ -36314,7 +36315,7 @@ MenuItem.propTypes = {
   subMenu: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   tooltip: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node)
 };
-var MenuItemComp = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forwardRef(function (props, ref) {
+var MenuItemComp = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_2__.forwardRef)(function (props, ref) {
   var subItems = props.subItems,
     children = props.children,
     rest = _objectWithoutProperties(props, _excluded3);
@@ -36342,13 +36343,19 @@ var MenuItemButton = styled_components__WEBPACK_IMPORTED_MODULE_3___default().di
 }, function (props) {
   return props['aria-disabled'] ? 'not-allowed' : 'pointer';
 }, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2, _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_4);
-var MenuItemPopover = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(function (_ref) {
-  var popover = _ref.popover,
-    rest = _objectWithoutProperties(_ref, _excluded4);
+var MenuItemPopoverTrigger = function MenuItemPopoverTrigger(props) {
+  var popover = props.popover,
+    onClick = props.onClick,
+    rest = _objectWithoutProperties(props, _excluded4);
+  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({}, rest, {
-    onClick: popover.toggle
+    onClick: _onClick
   }));
-}, function (props) {
+};
+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_13__.MenuContainer, {
     onClick: props.popover.hide
   }, props.subItems);
@@ -36416,14 +36423,13 @@ 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_10__["default"].Item, _extends({
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().createElement(_menu__WEBPACK_IMPORTED_MODULE_10__.Menu.Item, _extends({
       key: item.key
     }, item, itemProps, {
       isFirstItem: ind == 0
     }));
   }) : undefined;
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MenuItem);
 
 /***/ }),