@luminati-io/uikit 3.5.8 → 3.5.9

package/dist/umd/uikit.development.js

@@ -31607,12 +31607,11 @@ __webpack_require__.r(__webpack_exports__);
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__),
-/* harmony export */   getDisplayName: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_1__.getDisplayName),
-/* harmony export */   withPopover: () => (/* reexport safe */ _with_popover__WEBPACK_IMPORTED_MODULE_0__["default"])
+/* harmony export */   getDisplayName: () => (/* reexport safe */ _util__WEBPACK_IMPORTED_MODULE_0__.getDisplayName),
+/* harmony export */   withPopover: () => (/* reexport safe */ _with_popover__WEBPACK_IMPORTED_MODULE_1__.withPopover)
 /* harmony export */ });
-/* harmony import */ var _with_popover__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./with_popover */ "./src/hoc/with_popover.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./util */ "./src/hoc/util.js");
+/* harmony import */ var _with_popover__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./with_popover */ "./src/hoc/with_popover.js");
 // LICENSE_CODE ZON
 
 
@@ -31620,10 +31619,6 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({
-  withPopover: _with_popover__WEBPACK_IMPORTED_MODULE_0__["default"]
-});
-
 /***/ }),
 
 /***/ "./src/hoc/util.js":
@@ -31656,7 +31651,7 @@ var getDisplayName = function getDisplayName(Comp) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */   withPopover: () => (/* binding */ withPopover)
 /* 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__);
@@ -31705,6 +31700,8 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       zIndex = popoverOptions.zIndex,
       wrapperClassName = popoverOptions.wrapperClassName,
       wrapperStyle = popoverOptions.wrapperStyle,
+      popoverClassName = popoverOptions.popoverClassName,
+      popoverStyle = popoverOptions.popoverStyle,
       interactive = popoverOptions.interactive,
       delay = popoverOptions.delay;
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null),
@@ -31717,24 +31714,24 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       setPopperElement = _useState4[1];
     var _useStateWithCallback = useStateWithCallback(false, onOpenChange),
       _useStateWithCallback2 = _slicedToArray(_useStateWithCallback, 2),
-      popoverVisible = _useStateWithCallback2[0],
-      setPopoverVisible = _useStateWithCallback2[1];
+      isOpen = _useStateWithCallback2[0],
+      setIsOpen = _useStateWithCallback2[1];
     var timer = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)();
-    var close_delay = delay || DEFAULT_CLOSE_DELAY;
+    var closeDelay = delay || DEFAULT_CLOSE_DELAY;
     var showPopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
       clearTimeout(timer.current);
       timer.current = setTimeout(function () {
-        return setPopoverVisible(true);
+        return setIsOpen(true);
       }, interactive ? delay : 0);
-    }, []);
+    }, [interactive, delay]);
     var hidePopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
       clearTimeout(timer.current);
       timer.current = setTimeout(function () {
-        return setPopoverVisible(false);
-      }, interactive ? close_delay : 0);
-    }, []);
+        return setIsOpen(false);
+      }, interactive ? closeDelay : 0);
+    }, [interactive, closeDelay]);
     var togglePopover = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
-      return setPopoverVisible(function (v) {
+      return setIsOpen(function (v) {
         return !v;
       });
     }, []);
@@ -31762,11 +31759,21 @@ var withPopover = function withPopover(Comp, PopoverComp) {
       };
     }, [showPopover, hidePopover, togglePopover, update, forceUpdate]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
-      if (!popoverVisible) return;
+      if (!isOpen) return;
       evt.stopPropagation();
       evt.preventDefault();
       hidePopover();
-    }, [popoverVisible, hidePopover]);
+    }, [isOpen, hidePopover]);
+    var onPointerEnter = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
+      var _compProps$onPointerE;
+      if (interactive) showPopover();
+      (_compProps$onPointerE = compProps.onPointerEnter) === null || _compProps$onPointerE === void 0 || _compProps$onPointerE.call(compProps, evt);
+    }, [interactive, showPopover, compProps.onPointerEnter]);
+    var onPointerLeave = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
+      var _compProps$onPointerL;
+      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], 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,
@@ -31775,14 +31782,16 @@ var withPopover = function withPopover(Comp, PopoverComp) {
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, _extends({
       ref: ref
     }, compProps, {
+      isOpen: isOpen,
       popover: popoverApi,
-      onPointerEnter: interactive ? showPopover : undefined,
-      onPointerLeave: interactive ? hidePopover : undefined
-    }))), popoverVisible && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverContainer, {
+      onPointerEnter: onPointerEnter,
+      onPointerLeave: onPointerLeave
+    }))), isOpen && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverContainer, {
       ref: setPopperElement,
-      style: styles.popper,
+      className: popoverClassName,
+      style: assign({}, popoverStyle, styles.popper),
       attributes: attributes.popper,
-      visible: popoverVisible,
+      visible: isOpen,
       portalTarget: portalTarget,
       zIndex: zIndex
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopoverComp, _extends({}, restPopoverProps, {
@@ -31829,7 +31838,6 @@ var useStateWithCallback = function useStateWithCallback(initialValue, callback)
   }, [value, callback]);
   return [value, setValue];
 };
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withPopover);
 
 /***/ }),
 
@@ -33222,7 +33230,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react_day_picker__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-day-picker */ "./node_modules/react-day-picker/dist/index.esm.js");
 /* 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_with_popover__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc/with_popover */ "./src/hoc/with_popover.js");
+/* harmony import */ var _hoc__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hoc */ "./src/hoc/index.js");
 /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../theme */ "./src/theme.js");
 /* harmony import */ var _translation__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../translation */ "./src/translation.js");
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../constants */ "./src/constants.js");
@@ -33393,7 +33401,7 @@ var PickerPopover = function PickerPopover(props) {
   }));
 };
 PickerPopover.displayName = 'PickerPopover';
-var Picker = (0,_hoc_with_popover__WEBPACK_IMPORTED_MODULE_4__["default"])(PickerField, PickerPopover, {
+var Picker = (0,_hoc__WEBPACK_IMPORTED_MODULE_4__.withPopover)(PickerField, PickerPopover, {
   placement: 'bottom',
   zIndex: _constants__WEBPACK_IMPORTED_MODULE_7__.Z_INDEX.datepicker
 });