@luminati-io/uikit 3.0.14 → 3.0.15

package/dist/umd/uikit.development.js

@@ -27165,7 +27165,7 @@ var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
   displayName: "StyledFooterWrapper",
   componentId: "sc-1nggvo0-3"
 })(["border-top:1px solid ", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4);
-var ModalBase = function ModalBase(props) {
+var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
   var id = props.id,
     className = props.className,
     testId = props['data-testid'],
@@ -27179,9 +27179,11 @@ var ModalBase = function ModalBase(props) {
     className: className,
     size: size,
     box_shadow: shadow,
-    "data-testid": testId
+    "data-testid": testId,
+    ref: ref
   }, header && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledHeaderWrapper, null, header), content && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledContentWrapper, null, content), footer && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledFooterWrapper, null, footer));
-};
+});
+ModalBase.displayName = 'ModalBase';
 ModalBase.propTypes = {
   size: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'md', 'lg', 'full']),
   shadow: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['none', 'sm', 'md', 'lg']),
@@ -27260,7 +27262,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-var General = function General(props) {
+var General = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)(function (props, ref) {
   var id = props.id,
     className = props.className,
     title = props.title,
@@ -27297,9 +27299,11 @@ var General = function General(props) {
     shadow: shadow,
     header: header,
     content: content,
-    footer: footer
+    footer: footer,
+    ref: ref
   });
-};
+});
+General.displayName = 'General';
 General.propTypes = {
   title: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
   subtitle: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
@@ -27471,7 +27475,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["show", "zIndex", "onOutsideClick"];
+var _excluded = ["show", "zIndex", "onOutsideClick", "swallowOutsideClick"];
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _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."); }
@@ -27494,6 +27498,8 @@ var withBackdrop = function withBackdrop(Comp) {
       _props$zIndex = props.zIndex,
       zIndex = _props$zIndex === void 0 ? _constants__WEBPACK_IMPORTED_MODULE_6__.Z_INDEX.backdrop : _props$zIndex,
       onOutsideClick = props.onOutsideClick,
+      _props$swallowOutside = props.swallowOutsideClick,
+      swallowOutsideClick = _props$swallowOutside === void 0 ? true : _props$swallowOutside,
       restProps = _objectWithoutProperties(props, _excluded);
     var popperElement = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
     var _useState = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false),
@@ -27525,11 +27531,14 @@ var withBackdrop = function withBackdrop(Comp) {
     }, [show]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       if (!visible) return;
-      evt.stopPropagation();
-      evt.preventDefault();
-      if (onOutsideClick) onOutsideClick();
-    }, [visible, onOutsideClick]);
+      if (swallowOutsideClick) {
+        evt.stopPropagation();
+        evt.preventDefault();
+      }
+      if (onOutsideClick) onOutsideClick(evt);
+    }, [visible, swallowOutsideClick, onOutsideClick]);
     (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useOutsideClick)(popperElement.current, hideAndStopEvt);
+    console.log(popperElement);
     if (!mount) return null;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopupContainer, {
       zIndex: zIndex