react-split-pane 0.1.91 → 0.1.92

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 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.92](https://github.com/tomkp/react-split-pane/compare/v0.1.91...v0.1.92) (2020-08-10)
+
+
+### Features
+
+* add storybook ([3a8b6e6](https://github.com/tomkp/react-split-pane/commit/3a8b6e664d05e8daf3d0339eadfdcd69adde9d04))
+
+
+### Bug Fixes
+
+* no coverage for now ([a1ef084](https://github.com/tomkp/react-split-pane/commit/a1ef08488865cc1b4f35bb77a11865b07683f282))
+* typo ([2ab168d](https://github.com/tomkp/react-split-pane/commit/2ab168d0ed2137efe679ab0aacbfc5d439a634f0))
+
 ### [0.1.91](https://github.com/tomkp/react-split-pane/compare/v0.1.89...v0.1.91) (2020-03-23)
 
 

package/README.md

@@ -4,20 +4,19 @@
 ![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)](https://travis-ci.org/tomkp/react-split-pane)
+![Build Test](https://github.com/tomkp/react-split-pane/workflows/Build%20Test/badge.svg)
 [![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!
 
 ## Installing
 
-```sh
+````sh
 npm install react-split-pane
 
 # or if you use yarn
 
 yarn add react-split-pane
-```
 
 ## Example Usage
 
@@ -26,7 +25,7 @@ yarn add react-split-pane
   <div />
   <div />
 </SplitPane>
-```
+````
 
 ```jsx
 <SplitPane split="vertical" minSize={50}>
@@ -111,7 +110,7 @@ could do something like the following:
   split="vertical"
   minSize={50}
   defaultSize={parseInt(localStorage.getItem('splitPos'), 10)}
-  onChange={size => localStorage.setItem('splitPos', size)}
+  onChange={(size) => localStorage.setItem('splitPos', size)}
 >
   <div />
   <div />

package/dist/index.cjs.js

@@ -111,6 +111,19 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -127,13 +140,32 @@ function _possibleConstructorReturn(self, call) {
   return _assertThisInitialized(self);
 }
 
+function _createSuper(Derived) {
+  return function () {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (_isNativeReflectConstruct()) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
 var Pane = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Pane, _React$PureComponent);
 
+  var _super = _createSuper(Pane);
+
   function Pane() {
     _classCallCheck(this, Pane);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Pane).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Pane, [{
@@ -165,7 +197,7 @@ var Pane = /*#__PURE__*/function (_React$PureComponent) {
       }
 
       style = Object.assign({}, style, styleProps || {});
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: eleRef,
         className: classes.join(' '),
         style: style
@@ -191,10 +223,12 @@ var RESIZER_DEFAULT_CLASSNAME = 'Resizer';
 var Resizer = /*#__PURE__*/function (_React$Component) {
   _inherits(Resizer, _React$Component);
 
+  var _super = _createSuper(Resizer);
+
   function Resizer() {
     _classCallCheck(this, Resizer);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Resizer).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Resizer, [{
@@ -211,7 +245,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           split = _this$props.split,
           style = _this$props.style;
       var classes = [resizerClassName, split, className];
-      return React.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         role: "presentation",
         className: classes.join(' '),
         style: style,
@@ -297,12 +331,14 @@ function removeNullChildren(children) {
 var SplitPane = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitPane, _React$Component);
 
+  var _super = _createSuper(SplitPane);
+
   function SplitPane(props) {
     var _this;
 
     _classCallCheck(this, SplitPane);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SplitPane).call(this, props));
+    _this = _super.call(this, props);
     _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
     _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_this));
     _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
@@ -558,13 +594,13 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
 
       var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' ');
       var pane2Classes = ['Pane2', paneClassName, pane2ClassName].join(' ');
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classes.join(' '),
         ref: function ref(node) {
           _this2.splitPane = node;
         },
         style: style
-      }, React.createElement(Pane, {
+      }, /*#__PURE__*/React.createElement(Pane, {
         className: pane1Classes,
         key: "pane1",
         eleRef: function eleRef(node) {
@@ -573,7 +609,7 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
         size: pane1Size,
         split: split,
         style: pane1Style
-      }, notNullChildren[0]), React.createElement(Resizer, {
+      }, notNullChildren[0]), /*#__PURE__*/React.createElement(Resizer, {
         className: disabledClass,
         onClick: onResizerClick,
         onDoubleClick: onResizerDoubleClick,
@@ -584,7 +620,7 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
         resizerClassName: resizerClassNamesIncludingDefault,
         split: split,
         style: resizerStyle || {}
-      }), React.createElement(Pane, {
+      }), /*#__PURE__*/React.createElement(Pane, {
         className: pane2Classes,
         key: "pane2",
         eleRef: function eleRef(node) {

package/dist/index.esm.js

@@ -105,6 +105,19 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
+function _isNativeReflectConstruct() {
+  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+  if (Reflect.construct.sham) return false;
+  if (typeof Proxy === "function") return true;
+
+  try {
+    Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
+    return true;
+  } catch (e) {
+    return false;
+  }
+}
+
 function _assertThisInitialized(self) {
   if (self === void 0) {
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
@@ -121,13 +134,32 @@ function _possibleConstructorReturn(self, call) {
   return _assertThisInitialized(self);
 }
 
+function _createSuper(Derived) {
+  return function () {
+    var Super = _getPrototypeOf(Derived),
+        result;
+
+    if (_isNativeReflectConstruct()) {
+      var NewTarget = _getPrototypeOf(this).constructor;
+
+      result = Reflect.construct(Super, arguments, NewTarget);
+    } else {
+      result = Super.apply(this, arguments);
+    }
+
+    return _possibleConstructorReturn(this, result);
+  };
+}
+
 var Pane = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Pane, _React$PureComponent);
 
+  var _super = _createSuper(Pane);
+
   function Pane() {
     _classCallCheck(this, Pane);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Pane).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Pane, [{
@@ -159,7 +191,7 @@ var Pane = /*#__PURE__*/function (_React$PureComponent) {
       }
 
       style = Object.assign({}, style, styleProps || {});
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         ref: eleRef,
         className: classes.join(' '),
         style: style
@@ -185,10 +217,12 @@ var RESIZER_DEFAULT_CLASSNAME = 'Resizer';
 var Resizer = /*#__PURE__*/function (_React$Component) {
   _inherits(Resizer, _React$Component);
 
+  var _super = _createSuper(Resizer);
+
   function Resizer() {
     _classCallCheck(this, Resizer);
 
-    return _possibleConstructorReturn(this, _getPrototypeOf(Resizer).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(Resizer, [{
@@ -205,7 +239,7 @@ var Resizer = /*#__PURE__*/function (_React$Component) {
           split = _this$props.split,
           style = _this$props.style;
       var classes = [resizerClassName, split, className];
-      return React.createElement("span", {
+      return /*#__PURE__*/React.createElement("span", {
         role: "presentation",
         className: classes.join(' '),
         style: style,
@@ -291,12 +325,14 @@ function removeNullChildren(children) {
 var SplitPane = /*#__PURE__*/function (_React$Component) {
   _inherits(SplitPane, _React$Component);
 
+  var _super = _createSuper(SplitPane);
+
   function SplitPane(props) {
     var _this;
 
     _classCallCheck(this, SplitPane);
 
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(SplitPane).call(this, props));
+    _this = _super.call(this, props);
     _this.onMouseDown = _this.onMouseDown.bind(_assertThisInitialized(_this));
     _this.onTouchStart = _this.onTouchStart.bind(_assertThisInitialized(_this));
     _this.onMouseMove = _this.onMouseMove.bind(_assertThisInitialized(_this));
@@ -552,13 +588,13 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
 
       var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' ');
       var pane2Classes = ['Pane2', paneClassName, pane2ClassName].join(' ');
-      return React.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: classes.join(' '),
         ref: function ref(node) {
           _this2.splitPane = node;
         },
         style: style
-      }, React.createElement(Pane, {
+      }, /*#__PURE__*/React.createElement(Pane, {
         className: pane1Classes,
         key: "pane1",
         eleRef: function eleRef(node) {
@@ -567,7 +603,7 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
         size: pane1Size,
         split: split,
         style: pane1Style
-      }, notNullChildren[0]), React.createElement(Resizer, {
+      }, notNullChildren[0]), /*#__PURE__*/React.createElement(Resizer, {
         className: disabledClass,
         onClick: onResizerClick,
         onDoubleClick: onResizerDoubleClick,
@@ -578,7 +614,7 @@ var SplitPane = /*#__PURE__*/function (_React$Component) {
         resizerClassName: resizerClassNamesIncludingDefault,
         split: split,
         style: resizerStyle || {}
-      }), React.createElement(Pane, {
+      }), /*#__PURE__*/React.createElement(Pane, {
         className: pane2Classes,
         key: "pane2",
         eleRef: function eleRef(node) {

package/package.json

@@ -9,7 +9,7 @@
     "dist",
     "index.d.ts"
   ],
-  "version": "0.1.91",
+  "version": "0.1.92",
   "repository": {
     "type": "git",
     "url": "https://github.com/tomkp/react-split-pane"
@@ -33,15 +33,14 @@
     "build": "rollup -c",
     "build:watch": "rollup -c --watch",
     "clean": "rimraf dist",
-    "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": "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",
+    "build:storybook": "build-storybook -o build",
+    "storybook": "start-storybook -p ${PORT:-3001} -h 0.0.0.0",
     "deploy": "gh-pages -d build",
     "prepublishOnly": "yarn run test && yarn run build"
   },
@@ -62,8 +61,12 @@
     "@babel/preset-react": "^7.7.0",
     "@emotion/core": "^10.0.22",
     "@emotion/styled": "^10.0.23",
+    "@storybook/addons": "^5.3.17",
+    "@storybook/react": "^5.3.17",
+    "@storybook/theming": "^5.3.17",
     "@types/react": "^16.9.11",
     "babel-eslint": "^10.0.3",
+    "babel-loader": "^8.0.0-beta.6",
     "babelify": "^10.0.0",
     "chai": "^4.2.0",
     "chai-spies": "^1.0.0",
@@ -84,13 +87,13 @@
     "mochify": "^6.6.0",
     "mochify-istanbul": "^2.4.2",
     "parcel-bundler": "^1.12.4",
-    "prettier": "1.19.1",
+    "prettier": "2.0.5",
     "pretty-quick": "^2.0.1",
     "react": ">=15",
     "react-dom": "^16.0.0-0",
     "react-router-dom": "^5.1.2",
     "rimraf": "^3.0.0",
-    "rollup": "^1.26.5",
+    "rollup": "^2.3.4",
     "rollup-plugin-babel": "^4.3.3",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",