@luminati-io/uikit 6.2.9 → 6.2.10

package/dist/umd/uikit.development.js

@@ -34878,7 +34878,9 @@ var Drawer = function Drawer(_ref) {
     cancelProps = _ref.cancelProps,
     _ref$footerVariant = _ref.footerVariant,
     footerVariant = _ref$footerVariant === void 0 ? 'horizontal' : _ref$footerVariant,
-    afterOpenChange = _ref.afterOpenChange;
+    afterOpenChange = _ref.afterOpenChange,
+    _ref$mask = _ref.mask,
+    mask = _ref$mask === void 0 ? false : _ref$mask;
   var theme = (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.useTheme)();
   var renderCancel = !footer && !!(onCancel && cancelLabel);
   var renderOk = !footer && !!(onOk && okLabel);
@@ -34915,6 +34917,7 @@ var Drawer = function Drawer(_ref) {
     zIndex: _constants__WEBPACK_IMPORTED_MODULE_4__.Z_INDEX.drawer,
     maskClosable: closable,
     afterOpenChange: afterOpenChange,
+    mask: mask,
     maskMotion: maskMotion,
     motion: motion
   }, closable && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_icon_button__WEBPACK_IMPORTED_MODULE_6__.IconButton, {
@@ -34961,7 +34964,8 @@ Drawer.propTypes = {
   onCancel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
   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)
+  afterOpenChange: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().func),
+  mask: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 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 $prefixCls = _ref2.$prefixCls;
@@ -35143,29 +35147,28 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ "react-dom");
 /* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
+/* harmony import */ var react_popper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react-popper */ "./node_modules/react-popper/lib/esm/usePopper.js");
 /* 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 _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../util */ "./src/util/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
 var _excluded = ["popoverProps", "onOpenChange"],
-  _excluded2 = ["portalTarget", "ref"];
+  _excluded2 = ["portalTarget"];
 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 _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; }
-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 _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+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; }
 
 
 
@@ -35175,6 +35178,69 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 var assign = Object.assign;
 var DEFAULT_CLOSE_DELAY = 200;
+var Observable = function () {
+  var eventMap = new Map();
+  var on = function on(evt, fn) {
+    if (!eventMap.has(evt)) eventMap.set(evt, new Set());
+    eventMap.get(evt).add(fn);
+    return function () {
+      return eventMap.get(evt)["delete"](fn);
+    };
+  };
+  var notify = function notify(evt, data) {
+    if (!eventMap.has(evt)) return;
+    var _iterator = _createForOfIteratorHelper(eventMap.get(evt)),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var fn = _step.value;
+        fn(data);
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+  };
+  return {
+    on: on,
+    notify: notify
+  };
+}();
+
+// tracks all popovers elements currently open, helps useOutsideClick
+// to determine if the click was outside all of the popovers
+var usePopoverElements = function usePopoverElements(elm) {
+  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    popovers = _useState2[0],
+    setPopovers = _useState2[1];
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var off_open = Observable.on('popover_open', function (p) {
+      return setPopovers(function (v) {
+        return v.concat(p);
+      });
+    });
+    var off_close = Observable.on('popover_close', function (p) {
+      return setPopovers(function (v) {
+        return v.filter(function (x) {
+          return x !== p;
+        });
+      });
+    });
+    return function () {
+      off_open();
+      off_close();
+    };
+  }, []);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    if (elm) Observable.notify('popover_open', elm);
+    return function () {
+      Observable.notify('popover_close', elm);
+    };
+  }, [elm]);
+  return popovers;
+};
 var withPopover = function withPopover(Comp, PopoverComp) {
   var popoverOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   var WithPopover = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {
@@ -35183,7 +35249,6 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       onOpenChange = props.onOpenChange,
       compProps = _objectWithoutProperties(props, _excluded);
     var portalTarget = popoverProps.portalTarget,
-      popoverRef = popoverProps.ref,
       restPopoverProps = _objectWithoutProperties(popoverProps, _excluded2);
     var placement = popoverOptions.placement,
       zIndex = popoverOptions.zIndex,
@@ -35193,18 +35258,15 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       popoverStyle = popoverOptions.popoverStyle,
       interactive = popoverOptions.interactive,
       delay = popoverOptions.delay;
-    var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      referenceElement = _useState2[0],
-      setReferenceElement = _useState2[1];
     var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
       _useState4 = _slicedToArray(_useState3, 2),
-      popperElement = _useState4[0],
-      setPopperElement = _useState4[1];
+      referenceElement = _useState4[0],
+      setReferenceElement = _useState4[1];
     var _useState5 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
       _useState6 = _slicedToArray(_useState5, 2),
-      popoverCompElement = _useState6[0],
-      setPopoverCompElement = _useState6[1];
+      popperElement = _useState6[0],
+      setPopperElement = _useState6[1];
+    var popoverElms = usePopoverElements(popperElement);
     var _useStateWithCallback = useStateWithCallback(false, onOpenChange),
       _useStateWithCallback2 = _slicedToArray(_useStateWithCallback, 2),
       isOpen = _useStateWithCallback2[0],
@@ -35228,7 +35290,7 @@ var withPopover = function withPopover(Comp, PopoverComp) {
         return !v;
       });
     }, []);
-    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_7__.usePopper)(referenceElement, popperElement, {
+    var _usePopper = (0,react_popper__WEBPACK_IMPORTED_MODULE_6__.usePopper)(referenceElement, popperElement, {
         placement: placement,
         modifiers: [{
           name: 'offset',
@@ -35267,7 +35329,10 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       if (interactive) hidePopover();
       (_compProps$onPointerL = compProps.onPointerLeave) === null || _compProps$onPointerL === void 0 || _compProps$onPointerL.call(compProps, evt);
     }, [interactive, hidePopover, compProps.onPointerLeave]);
-    (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useOutsideClick)([referenceElement, popperElement, popoverCompElement], hideAndStopEvt);
+    var inClickElements = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+      return [referenceElement].concat(popoverElms);
+    }, [referenceElement, popoverElms]);
+    (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useOutsideClick)(inClickElements, hideAndStopEvt);
     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(RefCompContainer, {
       ref: setReferenceElement,
       className: wrapperClassName,
@@ -35287,15 +35352,13 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       visible: isOpen,
       portalTarget: portalTarget,
       zIndex: zIndex
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({
-      ref: (0,_util__WEBPACK_IMPORTED_MODULE_5__.mergeRefs)(popoverRef, setPopoverCompElement)
-    }, restPopoverProps, {
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({}, restPopoverProps, {
       onPointerEnter: showPopover,
       onPointerLeave: hidePopover,
       popover: popoverApi
     }))));
   });
-  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_6__.getDisplayName)(Comp), ")");
+  WithPopover.displayName = "WithPopover(".concat((0,_util__WEBPACK_IMPORTED_MODULE_5__.getDisplayName)(Comp), ")");
   return WithPopover;
 };
 var PopoverContainer = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardRef(function (props, ref) {