react-split-pane 0.1.69 → 0.1.74

package/README.md

@@ -175,7 +175,9 @@ You can also pass inline styles to the components via props. These are:
 
 I'm always happy to receive Pull Requests for contributions of any kind. 
 
-If possible / necessary then please try and include a test and/or update the examples.
+Please include tests and/or update the examples if possible.
+  
+I've been working on an updated version of this library - if you'd like to get involved in any way please ping me a message.    
   
 Thanks, Tom  
   

package/lib/SplitPane.js

@@ -154,8 +154,10 @@ var SplitPane = function (_React$Component) {
         unFocus(document, window);
         var isPrimaryFirst = this.props.primary === 'first';
         var ref = isPrimaryFirst ? this.pane1 : this.pane2;
+        var ref2 = isPrimaryFirst ? this.pane2 : this.pane1;
         if (ref) {
           var node = _reactDom2.default.findDOMNode(ref);
+          var node2 = _reactDom2.default.findDOMNode(ref2);
 
           if (node.getBoundingClientRect) {
             var width = node.getBoundingClientRect().width;
@@ -173,6 +175,12 @@ var SplitPane = function (_React$Component) {
             }
             var sizeDelta = isPrimaryFirst ? positionDelta : -positionDelta;
 
+            var pane1Order = parseInt(window.getComputedStyle(node).order);
+            var pane2Order = parseInt(window.getComputedStyle(node2).order);
+            if (pane1Order > pane2Order) {
+              sizeDelta = -sizeDelta;
+            }
+
             var newMaxSize = maxSize;
             if (maxSize !== undefined && maxSize <= 0) {
               var splPane = this.splitPane;
@@ -253,6 +261,9 @@ var SplitPane = function (_React$Component) {
           minSize = _props4.minSize,
           onResizerClick = _props4.onResizerClick,
           onResizerDoubleClick = _props4.onResizerDoubleClick,
+          paneClassName = _props4.paneClassName,
+          pane1ClassName = _props4.pane1ClassName,
+          pane2ClassName = _props4.pane2ClassName,
           paneStyle = _props4.paneStyle,
           pane1StyleProps = _props4.pane1Style,
           pane2StyleProps = _props4.pane2Style,
@@ -300,6 +311,9 @@ var SplitPane = function (_React$Component) {
       var pane1Style = prefixer.prefix(_extends({}, paneStyle || {}, pane1StyleProps || {}));
       var pane2Style = prefixer.prefix(_extends({}, paneStyle || {}, pane2StyleProps || {}));
 
+      var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' ');
+      var pane2Classes = ['Pane2', paneClassName, pane2ClassName].join(' ');
+
       return _react2.default.createElement(
         'div',
         {
@@ -312,7 +326,7 @@ var SplitPane = function (_React$Component) {
         _react2.default.createElement(
           _Pane2.default,
           {
-            className: 'Pane1',
+            className: pane1Classes,
             key: 'pane1',
             ref: function ref(node) {
               _this2.pane1 = node;
@@ -341,7 +355,7 @@ var SplitPane = function (_React$Component) {
         _react2.default.createElement(
           _Pane2.default,
           {
-            className: 'Pane2',
+            className: pane2Classes,
             key: 'pane2',
             ref: function ref(node) {
               _this2.pane2 = node;
@@ -378,6 +392,9 @@ SplitPane.propTypes = {
   prefixer: _propTypes2.default.instanceOf(_inlineStylePrefixer2.default).isRequired,
   style: _reactStyleProptype2.default,
   resizerStyle: _reactStyleProptype2.default,
+  paneClassName: _propTypes2.default.string,
+  pane1ClassName: _propTypes2.default.string,
+  pane2ClassName: _propTypes2.default.string,
   paneStyle: _reactStyleProptype2.default,
   pane1Style: _reactStyleProptype2.default,
   pane2Style: _reactStyleProptype2.default,
@@ -390,7 +407,10 @@ SplitPane.defaultProps = {
   minSize: 50,
   prefixer: new _inlineStylePrefixer2.default({ userAgent: USER_AGENT }),
   primary: 'first',
-  split: 'vertical'
+  split: 'vertical',
+  paneClassName: '',
+  pane1ClassName: '',
+  pane2ClassName: ''
 };
 
 exports.default = SplitPane;

package/package.json

@@ -3,7 +3,7 @@
   "description": "React split-pane component",
   "main": "index.js",
   "types": "index.d.ts",
-  "version": "0.1.69",
+  "version": "0.1.74",
   "repository": {
     "type": "git",
     "url": "https://github.com/tomkp/react-split-pane"