🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

react-demo

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-demo - npm Package Compare versions

Comparing version
1.3.0
to
1.4.0
+4
-0
CHANGELOG.md

@@ -0,1 +1,5 @@

## 1.4.0 (Apr 18, 2016)
- The `panelBelow` option removed, that's now the default
## 1.3.0 (Apr 16, 2016)

@@ -2,0 +6,0 @@

+1
-3

@@ -44,3 +44,2 @@ 'use strict';

fullWidth: _react.PropTypes.bool,
panelBelow: _react.PropTypes.bool,
target: _react.PropTypes.oneOfType([_react.PropTypes.func, _react.PropTypes.string]),

@@ -129,3 +128,2 @@ children: _react.PropTypes.func,

var background = _props.background;
var panelBelow = _props.panelBelow;

@@ -146,3 +144,3 @@ var targetProps = _extends({}, values, this.getCallbacks());

var layoutProps = { fullWidth: fullWidth, targetEl: targetEl, controlsEl: controlsEl, background: background, panelBelow: panelBelow };
var layoutProps = { fullWidth: fullWidth, targetEl: targetEl, controlsEl: controlsEl, background: background };
return _react2['default'].createElement(_Layout2['default'], layoutProps);

@@ -149,0 +147,0 @@ }

@@ -40,6 +40,4 @@ 'use strict';

};
var styleControlsTop = function styleControlsTop(panelBelow) {
var _ref;
return _ref = {}, _ref['border' + (panelBelow ? 'Top' : 'Bottom')] = 'solid 1px #ddd', _ref;
var styleControlsBottom = {
borderTop: 'solid 1px #ddd'
};

@@ -81,3 +79,3 @@ var styleComponentTop = {};

getControlsStyle: function getControlsStyle() {
return this.props.fullWidth ? styleControlsTop(this.props.panelBelow) : styleControlsSide;
return this.props.fullWidth ? styleControlsBottom : styleControlsSide;
},

@@ -89,3 +87,3 @@

var targetEl = _props2.targetEl;
var panelBelow = _props2.panelBelow;
var fullWidth = _props2.fullWidth;

@@ -105,3 +103,3 @@ var demo = _react2['default'].createElement(

{ style: this.getWrapStyle(), className: 'react-demo' },
panelBelow ? [demo, panel] : [panel, demo]
fullWidth ? [demo, panel] : [panel, demo]
);

@@ -108,0 +106,0 @@ }

{
"name": "react-demo",
"version": "1.3.0",
"version": "1.4.0",
"description": "A React-component for creating demos of other components",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -72,7 +72,2 @@ # React-demo [![Build Status](https://travis-ci.org/rpominov/react-demo.svg?branch=master)](https://travis-ci.org/rpominov/react-demo)

#### `panelBelow`
If set to `true` the comtrols panel will be shown below the demo.
Should be used in combination with `fullWidth`.
#### `background`

@@ -79,0 +74,0 @@