react-split-pane
Advanced tools
Comparing version 0.1.89 to 0.1.91
@@ -5,2 +5,18 @@ # Changelog | ||
### [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) | ||
@@ -7,0 +23,0 @@ |
@@ -49,16 +49,31 @@ 'use strict'; | ||
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]); | ||
}); | ||
} | ||
@@ -116,5 +131,3 @@ | ||
var Pane = | ||
/*#__PURE__*/ | ||
function (_React$PureComponent) { | ||
var Pane = /*#__PURE__*/function (_React$PureComponent) { | ||
_inherits(Pane, _React$PureComponent); | ||
@@ -180,5 +193,3 @@ | ||
var Resizer = | ||
/*#__PURE__*/ | ||
function (_React$Component) { | ||
var Resizer = /*#__PURE__*/function (_React$Component) { | ||
_inherits(Resizer, _React$Component); | ||
@@ -289,5 +300,3 @@ | ||
var SplitPane = | ||
/*#__PURE__*/ | ||
function (_React$Component) { | ||
var SplitPane = /*#__PURE__*/function (_React$Component) { | ||
_inherits(SplitPane, _React$Component); | ||
@@ -301,7 +310,7 @@ | ||
_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 | ||
@@ -520,3 +529,3 @@ // 2. getDefaultSize(defaultSize, minsize, maxSize) | ||
var style = _objectSpread({ | ||
var style = _objectSpread2({ | ||
display: 'flex', | ||
@@ -552,5 +561,5 @@ flex: 1, | ||
var pane1Style = _objectSpread({}, paneStyle, pane1StyleProps); | ||
var pane1Style = _objectSpread2({}, paneStyle, {}, pane1StyleProps); | ||
var pane2Style = _objectSpread({}, paneStyle, pane2StyleProps); | ||
var pane2Style = _objectSpread2({}, paneStyle, {}, pane2StyleProps); | ||
@@ -668,3 +677,3 @@ var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' '); | ||
exports.Pane = Pane; | ||
exports.default = SplitPane; | ||
exports.Pane = Pane; |
@@ -43,16 +43,31 @@ import React from 'react'; | ||
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]); | ||
}); | ||
} | ||
@@ -110,5 +125,3 @@ | ||
var Pane = | ||
/*#__PURE__*/ | ||
function (_React$PureComponent) { | ||
var Pane = /*#__PURE__*/function (_React$PureComponent) { | ||
_inherits(Pane, _React$PureComponent); | ||
@@ -174,5 +187,3 @@ | ||
var Resizer = | ||
/*#__PURE__*/ | ||
function (_React$Component) { | ||
var Resizer = /*#__PURE__*/function (_React$Component) { | ||
_inherits(Resizer, _React$Component); | ||
@@ -283,5 +294,3 @@ | ||
var SplitPane = | ||
/*#__PURE__*/ | ||
function (_React$Component) { | ||
var SplitPane = /*#__PURE__*/function (_React$Component) { | ||
_inherits(SplitPane, _React$Component); | ||
@@ -295,7 +304,7 @@ | ||
_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 | ||
@@ -514,3 +523,3 @@ // 2. getDefaultSize(defaultSize, minsize, maxSize) | ||
var style = _objectSpread({ | ||
var style = _objectSpread2({ | ||
display: 'flex', | ||
@@ -546,5 +555,5 @@ flex: 1, | ||
var pane1Style = _objectSpread({}, paneStyle, pane1StyleProps); | ||
var pane1Style = _objectSpread2({}, paneStyle, {}, pane1StyleProps); | ||
var pane2Style = _objectSpread({}, paneStyle, pane2StyleProps); | ||
var pane2Style = _objectSpread2({}, paneStyle, {}, pane2StyleProps); | ||
@@ -551,0 +560,0 @@ var pane1Classes = ['Pane1', paneClassName, pane1ClassName].join(' '); |
@@ -5,5 +5,5 @@ import * as React from 'react'; | ||
type Partial<T> = { [P in keyof T]?: T[P] }; | ||
export type Split = 'vertical' | 'horizontal'; | ||
export interface Props { | ||
export type SplitPaneProps = { | ||
allowResize?: boolean; | ||
@@ -29,10 +29,13 @@ className?: 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(); | ||
@@ -50,7 +53,22 @@ | ||
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 }; |
@@ -12,3 +12,3 @@ { | ||
], | ||
"version": "0.1.89", | ||
"version": "0.1.91", | ||
"repository": { | ||
@@ -40,9 +40,8 @@ "type": "git", | ||
"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", | ||
@@ -57,44 +56,45 @@ "prepublishOnly": "yarn run test && yarn run build" | ||
"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" | ||
@@ -101,0 +101,0 @@ }, |
@@ -7,4 +7,4 @@ # React Split Pane | ||
[![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) | ||
@@ -11,0 +11,0 @@ Split-Pane React component, can be nested or split vertically or horizontally! |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
56249
1218
0
39
Updatedprop-types@^15.7.2
Updatedreact-style-proptype@^3.2.2