react-split-pane 0.1.72 → 0.1.77

package/.npmignore

@@ -0,0 +1,4 @@
+src/
+.babelrc
+demo/
+test/

package/README.md

@@ -177,7 +177,7 @@ I'm always happy to receive Pull Requests for contributions of any kind.
 
 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.    
+**I'm working on an updated version of this library, and looking for help:** https://github.com/tomkp/react-split-pane/pull/240
   
 Thanks, Tom  
   

package/index.d.ts

@@ -13,7 +13,7 @@ export interface Props {
     size?: Size;
     split?: 'vertical' | 'horizontal';
     onDragStarted?: () => void;
-    onDragFinished?: () => void;
+    onDragFinished?: (newSize: number) => void;
     onChange?: (newSize: number) => void;
     onResizerClick?: (event: MouseEvent) => void;
     onResizerDoubleClick?: (event: MouseEvent) => void;
@@ -50,4 +50,4 @@ declare class SplitPane extends React.Component<Props, State> {
     static defaultProps: Props;
 }
 
-export { SplitPane as default };
+export default SplitPane;

package/lib/Pane.js

@@ -24,10 +24,6 @@ var _reactStyleProptype = require('react-style-proptype');
 
 var _reactStyleProptype2 = _interopRequireDefault(_reactStyleProptype);
 
-var _fastDeepEqual = require('fast-deep-equal');
-
-var _fastDeepEqual2 = _interopRequireDefault(_fastDeepEqual);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -52,13 +48,6 @@ var Pane = function (_React$Component) {
   }
 
   _createClass(Pane, [{
-    key: 'shouldComponentUpdate',
-    value: function shouldComponentUpdate(nextProps, nextState) {
-      var currentState = this.state;
-      var currentProps = this.props;
-      return !(0, _fastDeepEqual2.default)(currentProps, nextProps) || !(0, _fastDeepEqual2.default)(currentState, nextState);
-    }
-  }, {
     key: 'render',
     value: function render() {
       var _props = this.props,

package/lib/Resizer.js

@@ -23,10 +23,6 @@ var _reactStyleProptype = require('react-style-proptype');
 
 var _reactStyleProptype2 = _interopRequireDefault(_reactStyleProptype);
 
-var _fastDeepEqual = require('fast-deep-equal');
-
-var _fastDeepEqual2 = _interopRequireDefault(_fastDeepEqual);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -49,13 +45,6 @@ var Resizer = function (_React$Component) {
   }
 
   _createClass(Resizer, [{
-    key: 'shouldComponentUpdate',
-    value: function shouldComponentUpdate(nextProps, nextState) {
-      var currentState = this.state;
-      var currentProps = this.props;
-      return !(0, _fastDeepEqual2.default)(currentProps, nextProps) || !(0, _fastDeepEqual2.default)(currentState, nextState);
-    }
-  }, {
     key: 'render',
     value: function render() {
       var _props = this.props,

package/lib/SplitPane.js

@@ -58,8 +58,8 @@ function unFocus(document, window) {
   }
 }
 
-var SplitPane = function (_React$PureComponent) {
-  _inherits(SplitPane, _React$PureComponent);
+var SplitPane = function (_React$Component) {
+  _inherits(SplitPane, _React$Component);
 
   function SplitPane() {
     _classCallCheck(this, SplitPane);
@@ -232,9 +232,9 @@ var SplitPane = function (_React$PureComponent) {
   }, {
     key: 'setSize',
     value: function setSize(props, state) {
-      var primary = this.props.primary;
-
-      var ref = primary === 'first' ? this.pane1 : this.pane2;
+      var isPrimaryFirst = props.primary === 'first';
+      var ref = isPrimaryFirst ? this.pane1 : this.pane2;
+      var ref2 = isPrimaryFirst ? this.pane2 : this.pane1;
       var newSize = void 0;
       if (ref) {
         newSize = props.size || state && state.draggedSize || props.defaultSize || props.minSize;
@@ -247,6 +247,11 @@ var SplitPane = function (_React$PureComponent) {
           });
         }
       }
+      if (ref2 && props.primary !== this.props.primary) {
+        ref2.setState({
+          size: undefined
+        });
+      }
     }
   }, {
     key: 'render',
@@ -371,7 +376,7 @@ var SplitPane = function (_React$PureComponent) {
   }]);
 
   return SplitPane;
-}(_react2.default.PureComponent);
+}(_react2.default.Component);
 
 SplitPane.propTypes = {
   allowResize: _propTypes2.default.bool,

package/package.json

@@ -3,7 +3,7 @@
   "description": "React split-pane component",
   "main": "index.js",
   "types": "index.d.ts",
-  "version": "0.1.72",
+  "version": "0.1.77",
   "repository": {
     "type": "git",
     "url": "https://github.com/tomkp/react-split-pane"
@@ -22,14 +22,13 @@
     "es6"
   ],
   "dependencies": {
-    "@types/inline-style-prefixer": "^3.0.0",
-    "@types/react": "^16.0.18",
-    "fast-deep-equal": "^1.0.0",
     "inline-style-prefixer": "^3.0.6",
     "prop-types": "^15.5.10",
     "react-style-proptype": "^3.0.0"
   },
   "devDependencies": {
+    "@types/inline-style-prefixer": "^3.0.1",
+    "@types/react": "^16.0.36",
     "babel-cli": "^6.24.1",
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-plugin-transform-object-assign": "^6.22.0",
@@ -46,6 +45,7 @@
     "prettier": "^1.7.4",
     "react": "^15.6.1",
     "react-dom": "^15.6.1",
+    "release-it": "^7.0.2",
     "surge": "^0.19.0",
     "typescript": "^2.5.3",
     "watchify": "^3.9.0"

package/.idea/compiler.xml

@@ -1,22 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="CompilerConfiguration">
-    <resourceExtensions />
-    <wildcardResourcePatterns>
-      <entry name="!?*.java" />
-      <entry name="!?*.form" />
-      <entry name="!?*.class" />
-      <entry name="!?*.groovy" />
-      <entry name="!?*.scala" />
-      <entry name="!?*.flex" />
-      <entry name="!?*.kt" />
-      <entry name="!?*.clj" />
-      <entry name="!?*.aj" />
-    </wildcardResourcePatterns>
-    <annotationProcessing>
-      <profile default="true" name="Default" enabled="false">
-        <processorPath useClasspath="true" />
-      </profile>
-    </annotationProcessing>
-  </component>
-</project>

package/.idea/copyright/profiles_settings.xml

@@ -1,3 +0,0 @@
-<component name="CopyrightManager">
-  <settings default="" />
-</component>

package/.idea/dictionaries/tom.xml

@@ -1,8 +0,0 @@
-<component name="ProjectDictionaryState">
-  <dictionary name="tom">
-    <words>
-      <w>classname</w>
-      <w>prefixer</w>
-    </words>
-  </dictionary>
-</component>