@semcore/spin-container - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

CHANGELOG.md

@@ -5,5 +5,15 @@ # Changelog
 
+## [2.2.0] - 2019-11-14
+
+### Added
+
+- Поддержку рендер фукнции для `SpinContainer`
+
+### Fixed
+
+- Исправили `SpinContainer.Overlay`, теперь это компонент с версткой
+
 ## [2.1.1] - 2019-09-30
 
-### Change
+### Changed
 
@@ -10,0 +20,0 @@ - Нужные зависимости перенесены в `utils`, размер должен стать меньше

lib/index.es.js

@@ -13,14 +13,2 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 
-var data = {
-  "block": {
-    "block": "_spin-container_19gqw_3"
-  },
-  "content": {
-    "block": "_spin-container__content_19gqw_9"
-  },
-  "spin": {
-    "block": "_spin-container__spin_19gqw_14"
-  }
-};
-
 (function cssModulesFnInject(_path) {
@@ -30,9 +18,10 @@ if (_path && typeof window !== 'undefined') {
     var prevStyle = head.querySelector('._css-style');
+    var css = ".spin-container{display:block}.spin-container,.spin-container__content{z-index:0;position:relative}.spin-container__overlay{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}";
 
     if (prevStyle && prevStyle.insertAdjacentText) {
-      prevStyle.insertAdjacentText("beforeend", "._spin-container_19gqw_3{display:block}._spin-container_19gqw_3,._spin-container__content_19gqw_9{z-index:0;position:relative}._spin-container__spin_19gqw_14{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}");
+      prevStyle.insertAdjacentText("beforeend", css);
     } else {
       var style = window.document.createElement("style");
       style.classList.add('_css-style');
-      style.innerHTML = "._spin-container_19gqw_3{display:block}._spin-container_19gqw_3,._spin-container__content_19gqw_9{z-index:0;position:relative}._spin-container__spin_19gqw_14{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}";
+      style.innerHTML = css;
       head.appendChild(style);
@@ -44,11 +33,11 @@ }
 function block() {
-  return data['block']['block'];
+  return 'spin-container';
 }
 
 function content() {
-  return data['content']['block'];
+  return 'spin-container__content';
 }
 
-function spin() {
-  return data['spin']['block'];
+function overlay() {
+  return 'spin-container__overlay';
 }
@@ -81,6 +70,11 @@
         className: cn(block(), className)
-      }), React.createElement("div", {
+      }), typeof children === 'function' ? children({
+        getContentProps: function getContentProps() {
+          return {
+            className: content()
+          };
+        }
+      }) : React.createElement(React.Fragment, null, React.createElement("div", {
         className: content()
       }, children), loading && React.createElement(SpinContainer.Overlay, {
-        className: spin(),
         css: {
@@ -92,3 +86,3 @@ background: background
         theme: theme
-      })));
+      }))));
     }
@@ -106,5 +100,13 @@ }]);
 };
-SpinContainer.Overlay = UI;
 
+SpinContainer.Overlay = function (props) {
+  var className = props.className,
+      other = _objectWithoutProperties(props, ["className"]);
+
+  return React.createElement(UI, Object.assign({
+    className: cn(overlay(), className)
+  }, other));
+};
+
 export default SpinContainer;
 //# sourceMappingURL=index.es.js.map

lib/index.js

@@ -20,14 +20,2 @@ 'use strict';
 
-var data = {
-  "block": {
-    "block": "_spin-container_19gqw_3"
-  },
-  "content": {
-    "block": "_spin-container__content_19gqw_9"
-  },
-  "spin": {
-    "block": "_spin-container__spin_19gqw_14"
-  }
-};
-
 (function cssModulesFnInject(_path) {
@@ -37,9 +25,10 @@ if (_path && typeof window !== 'undefined') {
     var prevStyle = head.querySelector('._css-style');
+    var css = ".spin-container{display:block}.spin-container,.spin-container__content{z-index:0;position:relative}.spin-container__overlay{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}";
 
     if (prevStyle && prevStyle.insertAdjacentText) {
-      prevStyle.insertAdjacentText("beforeend", "._spin-container_19gqw_3{display:block}._spin-container_19gqw_3,._spin-container__content_19gqw_9{z-index:0;position:relative}._spin-container__spin_19gqw_14{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}");
+      prevStyle.insertAdjacentText("beforeend", css);
     } else {
       var style = window.document.createElement("style");
       style.classList.add('_css-style');
-      style.innerHTML = "._spin-container_19gqw_3{display:block}._spin-container_19gqw_3,._spin-container__content_19gqw_9{z-index:0;position:relative}._spin-container__spin_19gqw_14{z-index:1;display:-webkit-box;display:flex;width:100%;height:100%;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:absolute;top:0;left:0;background-color:hsla(0,0%,100%,.85)}";
+      style.innerHTML = css;
       head.appendChild(style);
@@ -51,11 +40,11 @@ }
 function block() {
-  return data['block']['block'];
+  return 'spin-container';
 }
 
 function content() {
-  return data['content']['block'];
+  return 'spin-container__content';
 }
 
-function spin() {
-  return data['spin']['block'];
+function overlay() {
+  return 'spin-container__overlay';
 }
@@ -88,6 +77,11 @@
         className: cn(block(), className)
-      }), React__default.createElement("div", {
+      }), typeof children === 'function' ? children({
+        getContentProps: function getContentProps() {
+          return {
+            className: content()
+          };
+        }
+      }) : React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
         className: content()
       }, children), loading && React__default.createElement(SpinContainer.Overlay, {
-        className: spin(),
         css: {
@@ -99,3 +93,3 @@ background: background
         theme: theme
-      })));
+      }))));
     }
@@ -113,5 +107,13 @@ }]);
 };
-SpinContainer.Overlay = UI;
 
+SpinContainer.Overlay = function (props) {
+  var className = props.className,
+      other = _objectWithoutProperties(props, ["className"]);
+
+  return React__default.createElement(UI, Object.assign({
+    className: cn(overlay(), className)
+  }, other));
+};
+
 exports.default = SpinContainer;
 //# sourceMappingURL=index.js.map

lib/SpinContainer.d.ts

@@ -25,5 +25,5 @@ import React, { PureComponent } from 'react';
     };
-    static Overlay: typeof import("@semcore/ui").Ui;
+    static Overlay: (props: any) => JSX.Element;
     render(): JSX.Element;
 }
 export default SpinContainer;

package.json

 {
   "name": "@semcore/spin-container",
   "description": "SEMRush SpinContainer Component",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "main": "lib/index.js",
@@ -15,6 +15,6 @@ "module": "lib/index.es.js",
   "dependencies": {
-    "@semcore/utils": "^3.1",
-    "@semcore/spin": "^2.0",
-    "@semcore/flex-box": "^3.1",
-    "@semcore/ui": "^1.0"
+    "@semcore/utils": "^3.4",
+    "@semcore/spin": "^2.1",
+    "@semcore/flex-box": "^3.3",
+    "@semcore/ui": "^1.1"
   },
@@ -21,0 +21,0 @@ "jest": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

20247

increased by6.37%

Lines of code

299

increased by3.1%

Dependency changes

• Updated@semcore/flex-box@^3.3

• Updated@semcore/spin@^2.1

• Updated@semcore/ui@^1.1

• Updated@semcore/utils@^3.4