react-split-pane 0.1.89 → 0.1.91

package/CHANGELOG.md

@@ -2,6 +2,22 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.91](https://github.com/tomkp/react-split-pane/compare/v0.1.89...v0.1.91) (2020-03-23)
+
+
+### Bug Fixes
+
+* typescript typings ([ae3e41f](https://github.com/tomkp/react-split-pane/commit/ae3e41f0076903e02cc4c5011b31ea7eeadf2ac9))
+* Update site title ([f61efff](https://github.com/tomkp/react-split-pane/commit/f61efff1f7676059d6b049774f004c4e49cb1e1f))
+
+### [0.1.90](https://github.com/tomkp/react-split-pane/compare/v0.1.89...v0.1.90) (2020-03-23)
+
+
+### Bug Fixes
+
+* typescript typings ([ae3e41f](https://github.com/tomkp/react-split-pane/commit/ae3e41f0076903e02cc4c5011b31ea7eeadf2ac9))
+* Update site title ([f61efff](https://github.com/tomkp/react-split-pane/commit/f61efff1f7676059d6b049774f004c4e49cb1e1f))
+
 ### [0.1.89](https://github.com/tomkp/react-split-pane/compare/v0.1.88...v0.1.89) (2019-11-12)
 
 

package/README.md

@@ -4,8 +4,8 @@
 ![NPM license](https://img.shields.io/npm/l/react-split-pane.svg?style=flat)
 [![NPM total downloads](https://img.shields.io/npm/dt/react-split-pane.svg?style=flat)](https://npmcharts.com/compare/react-split-pane?minimal=true)
 [![NPM monthly downloads](https://img.shields.io/npm/dm/react-split-pane.svg?style=flat)](https://npmcharts.com/compare/react-split-pane?minimal=true)
-[![Build Status](https://img.shields.io/travis/tomkp/react-split-pane/master.svg?style=flat-square)](https://travis-ci.org/tomkp/react-split-pane)
-[![Coverage Status](https://img.shields.io/coveralls/tomkp/react-split-pane/master.svg?style=flat-square)](https://coveralls.io/r/tomkp/react-split-pane)
+[![Build Status](https://img.shields.io/travis/tomkp/react-split-pane/master.svg?style=flat)](https://travis-ci.org/tomkp/react-split-pane)
+[![Coverage Status](https://img.shields.io/coveralls/tomkp/react-split-pane/master.svg?style=flat)](https://coveralls.io/r/tomkp/react-split-pane)
 
 Split-Pane React component, can be nested or split vertically or horizontally!
 

package/dist/index.cjs.js

@@ -46,20 +46,35 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _objectSpread(target) {
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
 
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
   }
 
   return target;
@@ -112,9 +127,7 @@ function _possibleConstructorReturn(self, call) {
   return _assertThisInitialized(self);
 }
 
-var Pane =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var Pane = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Pane, _React$PureComponent);
 
   function Pane() {
@@ -175,9 +188,7 @@ Pane.defaultProps = {};
 
 var RESIZER_DEFAULT_CLASSNAME = 'Resizer';
 
-var Resizer =
-/*#__PURE__*/
-function (_React$Component) {
+var Resizer = /*#__PURE__*/function (_React$Component) {
   _inherits(Resizer, _React$Component);
 
   function Resizer() {
@@ -283,9 +294,7 @@ function removeNullChildren(children) {
   });
 }
 
-var SplitPane =
-/*#__PURE__*/
-function (_React$Component) {
+var SplitPane = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitPane, _React$Component);
 
   function SplitPane(props) {
@@ -294,11 +303,11 @@ function (_React$Component) {
     _classCallCheck(this, SplitPane);
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(SplitPane).call(this, props));
-    _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onTouchMove = _this.onTouchMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_assertThisInitialized(_this))); // order of setting panel sizes.
+    _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
+    _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_this));
+    _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
+    _this.onTouchMove = _this.onTouchMove.bind(_assertThisInitialized(_this));
+    _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_this)); // order of setting panel sizes.
     // 1. size
     // 2. getDefaultSize(defaultSize, minsize, maxSize)
 
@@ -512,7 +521,7 @@ function (_React$Component) {
       var resizerClassNamesIncludingDefault = resizerClassName ? "".concat(resizerClassName, " ").concat(RESIZER_DEFAULT_CLASSNAME) : resizerClassName;
       var notNullChildren = removeNullChildren(children);
 
-      var style = _objectSpread({
+      var style = _objectSpread2({
         display: 'flex',
         flex: 1,
         height: '100%',
@@ -543,9 +552,9 @@ function (_React$Component) {
 
       var classes = ['SplitPane', className, split, disabledClass];
 
-      var pane1Style = _objectSpread({}, paneStyle, pane1StyleProps);
+      var pane1Style = _objectSpread2({}, paneStyle, {}, pane1StyleProps);
 
-      var pane2Style = _objectSpread({}, paneStyle, pane2StyleProps);
+      var pane2Style = _objectSpread2({}, paneStyle, {}, pane2StyleProps);
 
       var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' ');
       var pane2Classes = ['Pane2', paneClassName, pane2ClassName].join(' ');
@@ -658,5 +667,5 @@ SplitPane.defaultProps = {
 };
 reactLifecyclesCompat.polyfill(SplitPane);
 
-exports.default = SplitPane;
 exports.Pane = Pane;
+exports.default = SplitPane;

package/dist/index.esm.js

@@ -40,20 +40,35 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-function _objectSpread(target) {
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    });
+    keys.push.apply(keys, symbols);
+  }
+
+  return keys;
+}
+
+function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
     var source = arguments[i] != null ? arguments[i] : {};
-    var ownKeys = Object.keys(source);
 
-    if (typeof Object.getOwnPropertySymbols === 'function') {
-      ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-      }));
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _defineProperty(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
     }
-
-    ownKeys.forEach(function (key) {
-      _defineProperty(target, key, source[key]);
-    });
   }
 
   return target;
@@ -106,9 +121,7 @@ function _possibleConstructorReturn(self, call) {
   return _assertThisInitialized(self);
 }
 
-var Pane =
-/*#__PURE__*/
-function (_React$PureComponent) {
+var Pane = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Pane, _React$PureComponent);
 
   function Pane() {
@@ -169,9 +182,7 @@ Pane.defaultProps = {};
 
 var RESIZER_DEFAULT_CLASSNAME = 'Resizer';
 
-var Resizer =
-/*#__PURE__*/
-function (_React$Component) {
+var Resizer = /*#__PURE__*/function (_React$Component) {
   _inherits(Resizer, _React$Component);
 
   function Resizer() {
@@ -277,9 +288,7 @@ function removeNullChildren(children) {
   });
 }
 
-var SplitPane =
-/*#__PURE__*/
-function (_React$Component) {
+var SplitPane = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitPane, _React$Component);
 
   function SplitPane(props) {
@@ -288,11 +297,11 @@ function (_React$Component) {
     _classCallCheck(this, SplitPane);
 
     _this = _possibleConstructorReturn(this, _getPrototypeOf(SplitPane).call(this, props));
-    _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onTouchMove = _this.onTouchMove.bind(_assertThisInitialized(_assertThisInitialized(_this)));
-    _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_assertThisInitialized(_this))); // order of setting panel sizes.
+    _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
+    _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_this));
+    _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
+    _this.onTouchMove = _this.onTouchMove.bind(_assertThisInitialized(_this));
+    _this.onMouseUp = _this.onMouseUp.bind(_assertThisInitialized(_this)); // order of setting panel sizes.
     // 1. size
     // 2. getDefaultSize(defaultSize, minsize, maxSize)
 
@@ -506,7 +515,7 @@ function (_React$Component) {
       var resizerClassNamesIncludingDefault = resizerClassName ? "".concat(resizerClassName, " ").concat(RESIZER_DEFAULT_CLASSNAME) : resizerClassName;
       var notNullChildren = removeNullChildren(children);
 
-      var style = _objectSpread({
+      var style = _objectSpread2({
         display: 'flex',
         flex: 1,
         height: '100%',
@@ -537,9 +546,9 @@ function (_React$Component) {
 
       var classes = ['SplitPane', className, split, disabledClass];
 
-      var pane1Style = _objectSpread({}, paneStyle, pane1StyleProps);
+      var pane1Style = _objectSpread2({}, paneStyle, {}, pane1StyleProps);
 
-      var pane2Style = _objectSpread({}, paneStyle, pane2StyleProps);
+      var pane2Style = _objectSpread2({}, paneStyle, {}, pane2StyleProps);
 
       var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' ');
       var pane2Classes = ['Pane2', paneClassName, pane2ClassName].join(' ');

package/index.d.ts

@@ -2,9 +2,9 @@ import * as React from 'react';
 
 export type Size = string | number;
 
-type Partial<T> = { [P in keyof T]?: T[P] };
+export type Split = 'vertical' | 'horizontal';
 
-export interface Props {
+export type SplitPaneProps = {
   allowResize?: boolean;
   className?: string;
   primary?: 'first' | 'second';
@@ -25,14 +25,17 @@ export interface Props {
   pane2Style?: React.CSSProperties;
   resizerClassName?: string;
   step?: number;
-}
+};
 
-export interface State {
+export type SplitPaneState = {
   active: boolean;
   resized: boolean;
-}
+};
 
-declare class SplitPane extends React.Component<Props, State> {
+declare class SplitPane extends React.Component<
+  SplitPaneProps,
+  SplitPaneState
+> {
   constructor();
 
   onMouseDown(event: MouseEvent): void;
@@ -45,9 +48,24 @@ declare class SplitPane extends React.Component<Props, State> {
 
   onMouseUp(): void;
 
-  static getSizeUpdate(props: Props, state: State): Partial<State>;
+  static getSizeUpdate(
+    props: SplitPaneProps,
+    state: SplitPaneState
+  ): Partial<SplitPaneState>;
 
-  static defaultProps: Props;
+  static defaultProps: SplitPaneProps;
 }
 
 export default SplitPane;
+
+export type PaneProps = {
+  className?: string;
+  size?: Size;
+  split?: Split;
+  style?: React.CSSProperties;
+  eleRef?: (el: HTMLDivElement) => void;
+};
+
+declare class Pane extends React.PureComponent<PaneProps> {}
+
+export { Pane };

package/package.json

@@ -9,7 +9,7 @@
     "dist",
     "index.d.ts"
   ],
-  "version": "0.1.89",
+  "version": "0.1.91",
   "repository": {
     "type": "git",
     "url": "https://github.com/tomkp/react-split-pane"
@@ -36,13 +36,12 @@
     "clean:website": "rimraf build",
     "prebuild:website": "yarn run clean:website",
     "build:website": "parcel build website/index.html -d build --public-url /react-split-pane/",
-    "test": "mochify -R spec --transform babelify",
-    "test:watch": "mochify -R spec --watch --transform babelify",
-    "test:coverage": "mochify --plugin [ mochify-istanbul --exclude '**/test/**' --report lcovonly ] --transform babelify && cat lcov.info | coveralls && rm lcov.info",
+    "test": "BABEL_ENV=test mochify -R spec --transform babelify",
+    "test:watch": "BABEL_ENV=test mochify -R spec --watch --transform babelify",
+    "test:coverage": "BABEL_ENV=test mochify --plugin [ mochify-istanbul --exclude '**/test/**' --report lcovonly ] --transform babelify && cat lcov.info | coveralls && rm lcov.info",
     "prettier": "prettier --write '{src,test}/**/*.js'",
     "lint": "eslint src test",
     "release": "standard-version",
-    "precommit": "lint-staged",
     "deploy": "gh-pages -d build",
     "prepublishOnly": "yarn run test && yarn run build"
   },
@@ -52,48 +51,49 @@
     }
   },
   "dependencies": {
-    "prop-types": "^15.5.10",
+    "prop-types": "^15.7.2",
     "react-lifecycles-compat": "^3.0.4",
-    "react-style-proptype": "^3.0.0"
+    "react-style-proptype": "^3.2.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.2.0",
-    "@babel/preset-env": "^7.2.0",
-    "@babel/preset-react": "^7.0.0",
+    "@babel/core": "^7.7.2",
+    "@babel/plugin-transform-modules-commonjs": "^7.7.0",
+    "@babel/preset-env": "^7.7.1",
+    "@babel/preset-react": "^7.7.0",
     "@emotion/core": "^10.0.22",
     "@emotion/styled": "^10.0.23",
-    "@types/react": "^16.0.36",
-    "babel-eslint": "^10.0.1",
+    "@types/react": "^16.9.11",
+    "babel-eslint": "^10.0.3",
     "babelify": "^10.0.0",
-    "chai": "^4.0.2",
-    "chai-spies": "^0.7.1",
-    "coveralls": "^2.13.1",
-    "cross-env": "^5.2.0",
-    "eslint": "^4.19.1",
-    "eslint-config-fbjs": "^2.1.0",
+    "chai": "^4.2.0",
+    "chai-spies": "^1.0.0",
+    "coveralls": "^3.0.7",
+    "cross-env": "^7.0.0",
+    "eslint": "^6.6.0",
+    "eslint-config-fbjs": "^3.1.1",
     "eslint-config-prettier": "^6.5.0",
     "eslint-config-react": "^1.1.7",
     "eslint-plugin-babel": "^5.1.0",
-    "eslint-plugin-flowtype": "^2.49.3",
-    "eslint-plugin-jsx-a11y": "^6.0.3",
-    "eslint-plugin-prettier": "^2.6.0",
-    "eslint-plugin-react": "^7.9.1",
-    "eslint-plugin-relay": "^0.0.28",
+    "eslint-plugin-flowtype": "^4.3.0",
+    "eslint-plugin-jsx-a11y": "^6.2.3",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-react": "^7.16.0",
+    "eslint-plugin-relay": "^1.3.12",
     "gh-pages": "^2.1.1",
-    "husky": "^1.2.0",
-    "mochify": "^5.8.0",
+    "husky": "^4.2.3",
+    "mochify": "^6.6.0",
     "mochify-istanbul": "^2.4.2",
     "parcel-bundler": "^1.12.4",
-    "prettier": "1.15.3",
-    "pretty-quick": "^1.8.0",
+    "prettier": "1.19.1",
+    "pretty-quick": "^2.0.1",
     "react": ">=15",
     "react-dom": "^16.0.0-0",
     "react-router-dom": "^5.1.2",
-    "rimraf": "^2.6.2",
-    "rollup": "^0.68.2",
-    "rollup-plugin-babel": "^4.0.3",
-    "rollup-plugin-commonjs": "^9.1.3",
-    "rollup-plugin-node-resolve": "^4.2.4",
+    "rimraf": "^3.0.0",
+    "rollup": "^1.26.5",
+    "rollup-plugin-babel": "^4.3.3",
+    "rollup-plugin-commonjs": "^10.1.0",
+    "rollup-plugin-node-resolve": "^5.2.0",
     "standard-version": "^7.0.0"
   },
   "peerDependencies": {