@luminati-io/uikit 3.0.14 → 3.0.16

package/dist/umd/uikit.development.js

@@ -27143,7 +27143,7 @@ var StyledWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_la
   displayName: "StyledWrapper",
   componentId: "sc-1nggvo0-0"
 })(["background-color:", ";border-radius:", ";display:grid;grid-tempalte-rows:1fr auto 1fr;font-family:", ";min-width:200px;max-width:", ";width:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.white, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['02'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].font_family.sans, MODAL_WIDTHS.full, function (props) {
-  return MODAL_WIDTHS[props.size];
+  return MODAL_WIDTHS[props.$size];
 });
 var StyledHeaderWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
   padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['05'], " 0 ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['07']),
@@ -27158,14 +27158,18 @@ var StyledContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___defaul
 }).withConfig({
   displayName: "StyledContentWrapper",
   componentId: "sc-1nggvo0-2"
-})(["overflow-y:auto;::-webkit-scrollbar{width:", ";}::-webkit-scrollbar-thumb{background-color:", ";border-radius:", ";border:", " solid transparent;background-clip:content-box;}"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_8, _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['06'], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['03']);
+})(["overflow-y:auto;", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].scrollbars.thin, function (props) {
+  return props.$borders && props.$borders.top ? "border-top: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
+}, function (props) {
+  return props.$borders && props.$borders.bottom ? "border-bottom: 1px solid ".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_4, ";") : '';
+});
 var StyledFooterWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default()(_layout__WEBPACK_IMPORTED_MODULE_3__.Flex).attrs({
   padding: "".concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['04'], " ").concat(_theme__WEBPACK_IMPORTED_MODULE_4__["default"].spacing['07'])
 }).withConfig({
   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'],
@@ -27173,15 +27177,23 @@ var ModalBase = function ModalBase(props) {
     content = props.content,
     footer = props.footer,
     size = props.size,
-    shadow = props.shadow;
+    shadow = props.shadow,
+    _props$borders = props.borders,
+    borders = _props$borders === void 0 ? {
+      bottom: true
+    } : _props$borders;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(StyledWrapper, {
     id: id,
     className: className,
-    size: size,
+    $size: size,
     box_shadow: shadow,
-    "data-testid": testId
-  }, 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));
-};
+    "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, {
+    $borders: borders
+  }, 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 +27272,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 +27309,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 +27485,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 +27508,7 @@ 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,
+      swallowOutsideClick = props.swallowOutsideClick,
       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,19 +27540,20 @@ var withBackdrop = function withBackdrop(Comp) {
     }, [show]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       if (!visible) return;
+      if (onOutsideClick) onOutsideClick(evt);
+      if (!swallowOutsideClick) return;
       evt.stopPropagation();
       evt.preventDefault();
-      if (onOutsideClick) onOutsideClick();
-    }, [visible, onOutsideClick]);
+    }, [visible, swallowOutsideClick, onOutsideClick]);
     (0,_hooks__WEBPACK_IMPORTED_MODULE_5__.useOutsideClick)(popperElement.current, hideAndStopEvt);
     if (!mount) return null;
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(PopupContainer, {
-      zIndex: zIndex
+      $zIndex: zIndex
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(StyledBackdrop, {
-      show: visible
+      $show: visible
     }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(CompContainer, {
-      show: visible,
-      zIndex: zIndex + 1
+      $show: visible,
+      $zIndex: zIndex + 1
     }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, _extends({
       ref: popperElement
     }, restProps))));
@@ -27549,13 +27565,13 @@ var StyledBackdrop = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_l
   displayName: "StyledBackdrop",
   componentId: "sc-upusus-0"
 })(["width:100%;height:100%;background-color:", ";opacity:", ";transition:opacity .15s linear;"], _theme__WEBPACK_IMPORTED_MODULE_3__["default"].color.black, function (props) {
-  return props.show ? 0.5 : 0;
+  return props.$show ? 0.5 : 0;
 });
 var PopupContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Box).withConfig({
   displayName: "PopupContainer",
   componentId: "sc-upusus-1"
 })(["position:realtive;position:fixed;top:0;right:0;bottom:0;left:0;z-index:", ";"], function (props) {
-  return props.zIndex;
+  return props.$zIndex;
 });
 var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex).attrs({
   justify_content: 'center',
@@ -27564,11 +27580,11 @@ var CompContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_la
   displayName: "CompContainer",
   componentId: "sc-upusus-2"
 })(["position:absolute;top:10vh;max-height:80vh;z-index:", ";opacity:", ";transform:translate(0,", ");transition:opacity 0.15s linear,transform 0.3s ease-out;"], function (props) {
-  return props.zIndex;
+  return props.$zIndex;
 }, function (props) {
-  return props.show ? 1 : 0;
+  return props.$show ? 1 : 0;
 }, function (props) {
-  return props.show ? '0' : '-25%';
+  return props.$show ? '0' : '-25%';
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (withBackdrop);