@luminati-io/uikit 3.0.15 → 3.0.17

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,13 +27158,17 @@ 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 = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
   var id = props.id,
     className = props.className,
@@ -27173,15 +27177,21 @@ var ModalBase = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     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,
     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));
+  }, 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 = {
@@ -27476,7 +27486,6 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 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."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -27498,8 +27507,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,
-      _props$swallowOutside = props.swallowOutsideClick,
-      swallowOutsideClick = _props$swallowOutside === void 0 ? true : _props$swallowOutside,
+      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),
@@ -27531,25 +27539,26 @@ var withBackdrop = function withBackdrop(Comp) {
     }, [show]);
     var hideAndStopEvt = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
       if (!visible) return;
-      if (swallowOutsideClick) {
-        evt.stopPropagation();
-        evt.preventDefault();
-      }
       if (onOutsideClick) onOutsideClick(evt);
+      if (!swallowOutsideClick) return;
+      evt.stopPropagation();
+      evt.preventDefault();
     }, [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
+      $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
-    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, _extends({
-      ref: popperElement
-    }, restProps))));
+      $show: visible,
+      $zIndex: zIndex + 1
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+      ref: popperElement,
+      style: {
+        display: 'flex'
+      }
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Comp, restProps))));
   };
   WithBackdrop.displayName = "WithBackdrop(".concat((0,_hoc__WEBPACK_IMPORTED_MODULE_4__.getDisplayName)(Comp), ")");
   return WithBackdrop;
@@ -27558,13 +27567,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',
@@ -27573,11 +27582,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);