react-split-grid - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

dist/react-split-grid.es.js

@@ -36,3 +36,3 @@ import React from 'react';
         var ref = this.props;
-        var children = ref.children;
+        ref.children;
         var rest = objectWithoutProperties( ref, ["children"] );
@@ -53,4 +53,6 @@ var options = rest;
         var rowMinSizes = ref.rowMinSizes;
-        var children = ref.children;
-        var rest = objectWithoutProperties( ref, ["columnMinSizes", "rowMinSizes", "children"] );
+        ref.columnMaxSizes;
+        var rowMaxSizes = ref.rowMaxSizes;
+        ref.children;
+        var rest = objectWithoutProperties( ref, ["columnMinSizes", "rowMinSizes", "columnMaxSizes", "rowMaxSizes", "children"] );
         var options = rest;
@@ -60,9 +62,16 @@
         var prevRowMinSizes = prevProps.rowMinSizes;
+        prevProps.columnMaxSizes;
+        var prevRowMaxSizes = prevProps.rowMaxSizes;
 
         var otherProps = [
             'minSize',
+            'maxSize',
             'columnMinSize',
             'rowMinSize',
+            'columnMaxSize',
+            'rowMaxSize',
             'columnMinSizes',
             'rowMinSizes',
+            'columnMaxSizes',
+            'rowMaxSizes',
             'snapOffset',
@@ -92,2 +101,6 @@ 'columnSnapOffset',
 
+        if (rowMaxSizes !== prevRowMaxSizes) {
+            needsRecreate = true;
+        }
+
         // Destroy and re-create split if options changed
@@ -224,4 +237,6 @@ if (needsRecreate) {
     gridTemplateRows: PropTypes.string,
-    columnMinSizes: PropTypes.arrayOf(PropTypes.number),
-    rowMinSizes: PropTypes.arrayOf(PropTypes.number),
+    columnMinSizes: PropTypes.objectOf(PropTypes.number),
+    rowMinSizes: PropTypes.objectOf(PropTypes.number),
+    columnMaxSizes: PropTypes.objectOf(PropTypes.number),
+    rowMaxSizes: PropTypes.objectOf(PropTypes.number),
     onDrag: PropTypes.func,
@@ -238,2 +253,4 @@ };
     rowMinSizes: undefined,
+    columnMaxSizes: undefined,
+    rowMaxSizes: undefined,
     onDrag: undefined,
@@ -240,0 +257,0 @@ };

dist/react-split-grid.js

@@ -1,2 +0,2 @@
-/*! react-split-grid - v1.0.3 */
+/*! react-split-grid - v1.0.4 */
 
@@ -6,9 +6,11 @@ (function (global, factory) {
     typeof define === 'function' && define.amd ? define(['react', 'prop-types', 'split-grid'], factory) :
-    (global = global || self, global.ReactSplitGrid = factory(global.React, global.PropTypes, global.Split));
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.ReactSplitGrid = factory(global.React, global.PropTypes, global.Split));
 }(this, (function (React, PropTypes, Split) { 'use strict';
 
-    React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
-    PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;
-    Split = Split && Object.prototype.hasOwnProperty.call(Split, 'default') ? Split['default'] : Split;
+    function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+    var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+    var Split__default = /*#__PURE__*/_interopDefaultLegacy(Split);
+
     function objectWithoutProperties (obj, exclude) { var target = {}; for (var k in obj) if (Object.prototype.hasOwnProperty.call(obj, k) && exclude.indexOf(k) === -1) target[k] = obj[k]; return target; }
@@ -45,3 +47,3 @@
             var ref = this.props;
-            var children = ref.children;
+            ref.children;
             var rest = objectWithoutProperties( ref, ["children"] );
@@ -53,3 +55,3 @@ var options = rest;
 
-            this.split = Split(options);
+            this.split = Split__default['default'](options);
         };
@@ -63,4 +65,6 @@
             var rowMinSizes = ref.rowMinSizes;
-            var children = ref.children;
-            var rest = objectWithoutProperties( ref, ["columnMinSizes", "rowMinSizes", "children"] );
+            ref.columnMaxSizes;
+            var rowMaxSizes = ref.rowMaxSizes;
+            ref.children;
+            var rest = objectWithoutProperties( ref, ["columnMinSizes", "rowMinSizes", "columnMaxSizes", "rowMaxSizes", "children"] );
             var options = rest;
@@ -70,9 +74,16 @@
             var prevRowMinSizes = prevProps.rowMinSizes;
+            prevProps.columnMaxSizes;
+            var prevRowMaxSizes = prevProps.rowMaxSizes;
 
             var otherProps = [
                 'minSize',
+                'maxSize',
                 'columnMinSize',
                 'rowMinSize',
+                'columnMaxSize',
+                'rowMaxSize',
                 'columnMinSizes',
                 'rowMinSizes',
+                'columnMaxSizes',
+                'rowMaxSizes',
                 'snapOffset',
@@ -102,2 +113,6 @@ 'columnSnapOffset',
 
+            if (rowMaxSizes !== prevRowMaxSizes) {
+                needsRecreate = true;
+            }
+
             // Destroy and re-create split if options changed
@@ -110,3 +125,3 @@ if (needsRecreate) {
 
-                this.split = Split(options);
+                this.split = Split__default['default'](options);
             }
@@ -214,3 +229,3 @@ };
             return component
-                ? React.createElement(component, props)
+                ? React__default['default'].createElement(component, props)
                 : render
@@ -221,4 +236,4 @@ ? render(props)
                     ? children(props)
-                    : !(React.Children.count(children) === 0)
-                    ? React.Children.only(children)
+                    : !(React__default['default'].Children.count(children) === 0)
+                    ? React__default['default'].Children.only(children)
                     : null
@@ -229,13 +244,15 @@ : null
         return ReactSplitGrid;
-    }(React.Component));
+    }(React__default['default'].Component));
 
     ReactSplitGrid.propTypes = {
-        component: PropTypes.element,
-        render: PropTypes.func,
-        children: PropTypes.element,
-        gridTemplateColumns: PropTypes.string,
-        gridTemplateRows: PropTypes.string,
-        columnMinSizes: PropTypes.arrayOf(PropTypes.number),
-        rowMinSizes: PropTypes.arrayOf(PropTypes.number),
-        onDrag: PropTypes.func,
+        component: PropTypes__default['default'].element,
+        render: PropTypes__default['default'].func,
+        children: PropTypes__default['default'].element,
+        gridTemplateColumns: PropTypes__default['default'].string,
+        gridTemplateRows: PropTypes__default['default'].string,
+        columnMinSizes: PropTypes__default['default'].objectOf(PropTypes__default['default'].number),
+        rowMinSizes: PropTypes__default['default'].objectOf(PropTypes__default['default'].number),
+        columnMaxSizes: PropTypes__default['default'].objectOf(PropTypes__default['default'].number),
+        rowMaxSizes: PropTypes__default['default'].objectOf(PropTypes__default['default'].number),
+        onDrag: PropTypes__default['default'].func,
     };
@@ -251,2 +268,4 @@
         rowMinSizes: undefined,
+        columnMaxSizes: undefined,
+        rowMaxSizes: undefined,
         onDrag: undefined,
@@ -253,0 +272,0 @@ };

dist/react-split-grid.min.js

@@ -1,3 +0,3 @@
-/*! react-split-grid - v1.0.3 */
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("react"),require("prop-types"),require("split-grid")):"function"==typeof define&&define.amd?define(["react","prop-types","split-grid"],e):(t=t||self).ReactSplitGrid=e(t.React,t.PropTypes,t.Split)}(this,(function(t,e,r){"use strict";function o(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&-1===e.indexOf(o)&&(r[o]=t[o]);return r}t=t&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t,e=e&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e,r=r&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r;var i=function(e){function i(t){e.call(this,t),this.columnGutters={},this.rowGutters={},this.state={gridTemplateColumns:t.gridTemplateColumns?t.gridTemplateColumns:null,gridTemplateRows:t.gridTemplateRows?t.gridTemplateRows:null},this.getGridProps=this.getGridProps.bind(this),this.getGutterProps=this.getGutterProps.bind(this),this.handleDragStart=this.handleDragStart.bind(this),this.writeStyle=this.writeStyle.bind(this),this.onDrag=this.onDrag.bind(this)}return e&&(i.__proto__=e),i.prototype=Object.create(e&&e.prototype),i.prototype.constructor=i,i.prototype.componentDidMount=function(){var t=this.props,e=(t.children,o(t,["children"]));e.writeStyle=this.writeStyle,e.onDrag=this.onDrag,this.split=r(e)},i.prototype.componentDidUpdate=function(t){var e=this,i=this.props,n=i.columnMinSizes,s=i.rowMinSizes,p=(i.children,o(i,["columnMinSizes","rowMinSizes","children"])),l=t.columnMinSizes,a=t.rowMinSizes,u=["minSize","columnMinSize","rowMinSize","columnMinSizes","rowMinSizes","snapOffset","columnSnapOffset","rowSnapOffset","dragInterval","columnDragInterval","rowDragInterval","cursor","columnCursor","rowCursor"].map((function(r){return e.props[r]!==t[r]})).reduce((function(t,e){return t||e}),!1);n!==l&&(u=!0),s!==a&&(u=!0),u&&(p.columnMinSizes=n,p.rowMinSizes=s,this.split.destroy(!1),this.split=r(p))},i.prototype.componentWillUnmount=function(){this.split.destroy(),delete this.split},i.getDerivedStateFromProps=function(t,e){var r={},o=!1;return t.gridTemplateColumns&&t.gridTemplateColumns!==e.gridTemplateColumns&&(r.gridTemplateColumns=t.gridTemplateColumns,o=!0),t.gridTemplateRows&&t.gridTemplateRows!==e.prevGridTemplateRows&&(r.gridTemplateRows=t.gridTemplateRows,o=!0),o?r:null},i.prototype.onDrag=function(t,e,r){var o=this.props.onDrag;o&&o(t,e,r)},i.prototype.getGridProps=function(){var t=this.state,e=t.gridTemplateColumns,r=t.gridTemplateRows,o={};return e&&(o.gridTemplateColumns=e),r&&(o.gridTemplateRows=r),{style:o}},i.prototype.getGutterProps=function(t,e){return{onMouseDown:this.handleDragStart(t,e),onTouchStart:this.handleDragStart(t,e)}},i.prototype.handleDragStart=function(t,e){var r=this;return function(o){r.split.handleDragStart(o,t,e)}},i.prototype.writeStyle=function(t,e,r){var o={};"grid-template-columns"===e?o.gridTemplateColumns=r:"grid-template-rows"===e&&(o.gridTemplateRows=r),this.setState(o)},i.prototype.render=function(){var e=this.props,r=e.component,o=e.render,i=e.children,n={getGridProps:this.getGridProps,getGutterProps:this.getGutterProps};return r?t.createElement(r,n):o?o(n):i?"function"==typeof i?i(n):0!==t.Children.count(i)?t.Children.only(i):null:null},i}(t.Component);return i.propTypes={component:e.element,render:e.func,children:e.element,gridTemplateColumns:e.string,gridTemplateRows:e.string,columnMinSizes:e.arrayOf(e.number),rowMinSizes:e.arrayOf(e.number),onDrag:e.func},i.defaultProps={component:void 0,render:void 0,children:void 0,gridTemplateColumns:void 0,gridTemplateRows:void 0,columnMinSizes:void 0,rowMinSizes:void 0,onDrag:void 0},i}));
+/*! react-split-grid - v1.0.4 */
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("react"),require("prop-types"),require("split-grid")):"function"==typeof define&&define.amd?define(["react","prop-types","split-grid"],t):(e="undefined"!=typeof globalThis?globalThis:e||self).ReactSplitGrid=t(e.React,e.PropTypes,e.Split)}(this,(function(e,t,r){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),n=o(t),s=o(r);function l(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&-1===t.indexOf(o)&&(r[o]=e[o]);return r}var a=function(e){function t(t){e.call(this,t),this.columnGutters={},this.rowGutters={},this.state={gridTemplateColumns:t.gridTemplateColumns?t.gridTemplateColumns:null,gridTemplateRows:t.gridTemplateRows?t.gridTemplateRows:null},this.getGridProps=this.getGridProps.bind(this),this.getGutterProps=this.getGutterProps.bind(this),this.handleDragStart=this.handleDragStart.bind(this),this.writeStyle=this.writeStyle.bind(this),this.onDrag=this.onDrag.bind(this)}return e&&(t.__proto__=e),t.prototype=Object.create(e&&e.prototype),t.prototype.constructor=t,t.prototype.componentDidMount=function(){var e=this.props;e.children;var t=l(e,["children"]);t.writeStyle=this.writeStyle,t.onDrag=this.onDrag,this.split=s.default(t)},t.prototype.componentDidUpdate=function(e){var t=this,r=this.props,o=r.columnMinSizes,i=r.rowMinSizes;r.columnMaxSizes;var n=r.rowMaxSizes;r.children;var a=l(r,["columnMinSizes","rowMinSizes","columnMaxSizes","rowMaxSizes","children"]),u=e.columnMinSizes,p=e.rowMinSizes;e.columnMaxSizes;var d=e.rowMaxSizes,m=["minSize","maxSize","columnMinSize","rowMinSize","columnMaxSize","rowMaxSize","columnMinSizes","rowMinSizes","columnMaxSizes","rowMaxSizes","snapOffset","columnSnapOffset","rowSnapOffset","dragInterval","columnDragInterval","rowDragInterval","cursor","columnCursor","rowCursor"].map((function(r){return t.props[r]!==e[r]})).reduce((function(e,t){return e||t}),!1);o!==u&&(m=!0),i!==p&&(m=!0),n!==d&&(m=!0),m&&(a.columnMinSizes=o,a.rowMinSizes=i,this.split.destroy(!1),this.split=s.default(a))},t.prototype.componentWillUnmount=function(){this.split.destroy(),delete this.split},t.getDerivedStateFromProps=function(e,t){var r={},o=!1;return e.gridTemplateColumns&&e.gridTemplateColumns!==t.gridTemplateColumns&&(r.gridTemplateColumns=e.gridTemplateColumns,o=!0),e.gridTemplateRows&&e.gridTemplateRows!==t.prevGridTemplateRows&&(r.gridTemplateRows=e.gridTemplateRows,o=!0),o?r:null},t.prototype.onDrag=function(e,t,r){var o=this.props.onDrag;o&&o(e,t,r)},t.prototype.getGridProps=function(){var e=this.state,t=e.gridTemplateColumns,r=e.gridTemplateRows,o={};return t&&(o.gridTemplateColumns=t),r&&(o.gridTemplateRows=r),{style:o}},t.prototype.getGutterProps=function(e,t){return{onMouseDown:this.handleDragStart(e,t),onTouchStart:this.handleDragStart(e,t)}},t.prototype.handleDragStart=function(e,t){var r=this;return function(o){r.split.handleDragStart(o,e,t)}},t.prototype.writeStyle=function(e,t,r){var o={};"grid-template-columns"===t?o.gridTemplateColumns=r:"grid-template-rows"===t&&(o.gridTemplateRows=r),this.setState(o)},t.prototype.render=function(){var e=this.props,t=e.component,r=e.render,o=e.children,n={getGridProps:this.getGridProps,getGutterProps:this.getGutterProps};return t?i.default.createElement(t,n):r?r(n):o?"function"==typeof o?o(n):0!==i.default.Children.count(o)?i.default.Children.only(o):null:null},t}(i.default.Component);return a.propTypes={component:n.default.element,render:n.default.func,children:n.default.element,gridTemplateColumns:n.default.string,gridTemplateRows:n.default.string,columnMinSizes:n.default.objectOf(n.default.number),rowMinSizes:n.default.objectOf(n.default.number),columnMaxSizes:n.default.objectOf(n.default.number),rowMaxSizes:n.default.objectOf(n.default.number),onDrag:n.default.func},a.defaultProps={component:void 0,render:void 0,children:void 0,gridTemplateColumns:void 0,gridTemplateRows:void 0,columnMinSizes:void 0,rowMinSizes:void 0,columnMaxSizes:void 0,rowMaxSizes:void 0,onDrag:void 0},a}));
 //# sourceMappingURL=react-split-grid.min.js.map

package.json

 {
     "name": "react-split-grid",
-    "version": "1.0.3",
+    "version": "1.0.4",
     "description": "React component for Split Grid",
@@ -8,3 +8,5 @@ "main": "dist/react-split-grid.js",
     "module": "dist/react-split-grid.es.js",
+    "types": "index.d.ts",
     "scripts": {
+        "prepublish": "rollup -c",
         "build": "rollup -c && npm run size",
@@ -19,2 +21,3 @@ "watch": "rollup -cw",
     "files": [
+        "index.d.ts",
         "dist"
@@ -28,3 +31,3 @@ ],
     "peerDependencies": {
-        "react": ">=15.4.2 || >= 16.0.0"
+        "react": "*"
     },
@@ -31,0 +34,0 @@ "collective": {

README.md

@@ -83,6 +83,11 @@ # React Split Grid   [![CI](https://img.shields.io/circleci/project/github/nathancahill/split/master.svg)](https://circleci.com/gh/nathancahill/split) ![Dependencies](https://img.shields.io/badge/dependencies-0-brightgreen) ![](https://img.badgesize.io/https://unpkg.com/react-split-grid/dist/react-split-grid.min.js?compression=gzip&label=size)
 -   `minSize: number`
+-   `maxSize: number`
 -   `columnMinSize: number`
 -   `rowMinSize: number`
+-   `columnMaxSize: number`
+-   `rowMaxSize: number`
 -   `columnMinSizes: { [track: number]: number }`
 -   `rowMinSizes: { [track: number]: number }`
+-   `columnMaxSizes: { [track: number]: number }`
+-   `rowMaxSizes: { [track: number]: number }`
 -   `snapOffset: number`
@@ -89,0 +94,0 @@ -   `columnSnapOffset: number`

No alert changes

Improved metrics

Total package byte prevSize

41858

increased by12.31%

Number of package files

8

increased by14.29%

Lines of code

477

increased by16.34%

Number of lines in readme file

241

increased by2.12%

No dependency changes