@luminati-io/uikit 3.3.2 → 3.3.4

package/dist/umd/uikit.development.js

@@ -36004,6 +36004,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var assign = Object.assign;
+var DEFAULT_CLOSE_DELAY = 200;
 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) {
@@ -36016,7 +36017,9 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     var placement = popoverOptions.placement,
       zIndex = popoverOptions.zIndex,
       wrapperClassName = popoverOptions.wrapperClassName,
-      wrapperStyle = popoverOptions.wrapperStyle;
+      wrapperStyle = popoverOptions.wrapperStyle,
+      interactive = popoverOptions.interactive,
+      delay = popoverOptions.delay;
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
       _useState2 = _slicedToArray(_useState, 2),
       referenceElement = _useState2[0],
@@ -36029,11 +36032,19 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       _useStateWithCallback2 = _slicedToArray(_useStateWithCallback, 2),
       popoverVisible = _useStateWithCallback2[0],
       setPopoverVisible = _useStateWithCallback2[1];
+    var timer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
+    var close_delay = delay || DEFAULT_CLOSE_DELAY;
     var showPopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-      return setPopoverVisible(true);
+      clearTimeout(timer.current);
+      timer.current = setTimeout(function () {
+        return setPopoverVisible(true);
+      }, interactive ? delay : 0);
     }, []);
     var hidePopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-      return setPopoverVisible(false);
+      clearTimeout(timer.current);
+      timer.current = setTimeout(function () {
+        return setPopoverVisible(false);
+      }, interactive ? close_delay : 0);
     }, []);
     var togglePopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
       return setPopoverVisible(function (v) {
@@ -36077,7 +36088,9 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, _extends({
       ref: ref
     }, compProps, {
-      popover: popoverApi
+      popover: popoverApi,
+      onPointerEnter: interactive ? showPopover : undefined,
+      onPointerLeave: interactive ? hidePopover : undefined
     }))), popoverVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverContainer, {
       ref: setPopperElement,
       style: styles.popper,
@@ -36086,6 +36099,8 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       portalTarget: portalTarget,
       zIndex: zIndex
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({}, restPopoverProps, {
+      onPointerEnter: showPopover,
+      onPointerLeave: hidePopover,
       popover: popoverApi
     }))));
   });
@@ -41269,7 +41284,7 @@ __webpack_require__.r(__webpack_exports__);
 var SnackbarContent = function SnackbarContent(props) {
   var header = props.header,
     children = props.children;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Container, null, !!header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Label, {
     variant: "lg",
     color: "gray_11_50"
   }, header), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_2__.Paragraph, {