af-react-grid - npm Package Compare versions

Comparing version 1.1.6 to 1.1.7

dist/bundle.esm.js

@@ -265,4 +265,2 @@ import React, { Children } from 'react';
 
-var DEFAULT_RESIZER_CLASS_NAME = css(DEFAULT_RESIZER_STYLES);
-
 function childrenMapper(el) {
@@ -282,3 +280,3 @@ if (!React.isValidElement(el)) {
 
-  var realResizerClassName = getCorrectProperty(this.props, "resizerClassName", DEFAULT_RESIZER_CLASS_NAME);
+  var realResizerClassName = getCorrectProperty(this.props, "resizerClassName", Container.defaultResizerClass);
   var curIndex = this._refsArrIterator;
@@ -334,5 +332,11 @@
 
-  function Container() {
-    var _getPrototypeOf2;
+  _createClass(Container, null, [{
+    key: "setGlobalDefaultResizersStyle",
+    value: function setGlobalDefaultResizersStyle(newStyle) {
+      var st = Container.defaultResizerStyle = typeof newStyle === "function" ? newStyle(Container.defaultResizerStyle) : newStyle;
+      Container.defaultResizerClass = css(st);
+    }
+  }]);
 
+  function Container(props) {
     var _this;
@@ -342,8 +346,3 @@
 
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(Container)).call.apply(_getPrototypeOf2, [this].concat(args)));
-    _this.state = StateSaver$1.getStylesInfo(_this.props.localStorageKey);
+    _this = _possibleConstructorReturn(this, _getPrototypeOf(Container).call(this, props));
     _this.refsArr = [];
@@ -438,5 +437,34 @@ _this._indexesToKeys = {};
 
+    _this.state = StateSaver$1.getStylesInfo(props.localStorageKey);
+    var ds = props.defaultResizerStyle;
+
+    if (ds) {
+      _this.defaultResizerClass = typeof ds === "function" ? ds(Container.defaultResizerStyle) : ds;
+    } else {
+      _this.defaultResizerClass = getCorrectProperty(props, "resizerClassName", Container.defaultResizerClass);
+    }
+
     return _this;
   }
+  /*  
+      Inner props:
+       _refsArrIterator;
+      _curRszIndex;
+      _initPtrPageDist;
+      _curD1;
+      _curD2;
+      _minD1;
+      _maxD1;
+      _minD2;
+      _maxD2;
+  */
 
+  /*
+      Possible refsArr elements:
+          * simple elements( div, span, etc. )
+          * other Containers
+          * components, that treat style property and render single child
+  */
+
+
   _createClass(Container, [{
@@ -547,2 +575,3 @@ key: "_setInitialDimensionsCache",
   resizerClassName: PropTypes.string,
+  defaultResizerStyle: PropTypes.oneOfType([PropTypes.object, PropTypes.func]),
   localStorageKey: PropTypes.string
@@ -553,3 +582,4 @@ };
 };
+Container.setGlobalDefaultResizersStyle(DEFAULT_RESIZER_STYLES);
 
 export { Resizer, Container };

package.json

 {
   "name": "af-react-grid",
-  "version": "1.1.6",
+  "version": "1.1.7",
   "sideEffects": [
@@ -51,3 +51,3 @@ "*.css"
     "react-dom": "^16.8.3",
-    "react-draggable": "^3.0.5"
+    "react-draggable": "^3.2.1"
   },
@@ -80,7 +80,7 @@ "devDependencies": {
     "regenerator-runtime": "^0.13.1",
-    "rollup": "^1.3.2",
+    "rollup": "^1.4.0",
     "rollup-plugin-babel": "^4.0.3",
     "rollup-plugin-node-resolve": "^4.0.1",
     "rollup-plugin-strip-prop-types": "^1.0.2",
-    "webpack": "^4.29.5",
+    "webpack": "^4.29.6",
     "webpack-cli": "^3.2.3",
@@ -87,0 +87,0 @@ "webpack-dev-server": "^3.2.1"

src/Container/index.js

@@ -12,4 +12,2 @@ import React, { Children } from "react";
 
-const DEFAULT_RESIZER_CLASS_NAME = css( DEFAULT_RESIZER_STYLES );
-
 function childrenMapper( el ){
@@ -26,3 +24,3 @@
     /* If we just use defaultProps, resizerClassName will not be passed down to nested Containers proprly */
-    const realResizerClassName = getCorrectProperty( this.props, "resizerClassName", DEFAULT_RESIZER_CLASS_NAME );
+    const realResizerClassName = getCorrectProperty( this.props, "resizerClassName", Container.defaultResizerClass );
 
@@ -91,2 +89,3 @@ const curIndex = this._refsArrIterator;
         resizerClassName:       PropTypes.string,
+        defaultResizerStyle:    PropTypes.oneOfType([ PropTypes.object, PropTypes.func ]),
         localStorageKey:        PropTypes.string
@@ -99,4 +98,23 @@ }
 
-    state = StateSaver.getStylesInfo( this.props.localStorageKey );
+    static setGlobalDefaultResizersStyle( newStyle ){
+        const st = Container.defaultResizerStyle = typeof newStyle === "function" ? newStyle( Container.defaultResizerStyle ) : newStyle;
+        Container.defaultResizerClass = css( st );
+    }
 
+    constructor( props ){
+        super( props );
+
+        this.state = StateSaver.getStylesInfo( props.localStorageKey );
+
+        const { defaultResizerStyle: ds } = props;
+
+        if( ds ){
+            this.defaultResizerClass = typeof ds === "function" ? ds( Container.defaultResizerStyle ) : ds;
+        }
+        else{
+            this.defaultResizerClass = getCorrectProperty( props, "resizerClassName", Container.defaultResizerClass );
+        }
+    }
+
+
     /*  
@@ -320,2 +338,4 @@ Inner props:
 
+Container.setGlobalDefaultResizersStyle( DEFAULT_RESIZER_STYLES );
+
 export default Container;

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

222445

increased by0.88%

Lines of code

1776

increased by2.48%

Dependency changes

• Updatedreact-draggable@^3.2.1