riek - npm Package Compare versions

Comparing version 1.0.5 to 1.0.6

CHANGELOG.md

@@ -0,1 +1,7 @@
+1.0.6 / 2016-11-01
+==================
+
+* Merged PR [16](https://github.com/kaivi/riek/pull/16)
+  - Added editProps property to define additional props in edit mode
+
 1.0.5 / 2016-09-26
@@ -2,0 +8,0 @@ ==================

lib/RIEBase.js

@@ -94,2 +94,3 @@ "use strict";
     propName: _react2.default.PropTypes.string.isRequired,
+    editProps: _react2.default.PropTypes.object,
     isDisabled: _react2.default.PropTypes.bool,
@@ -96,0 +97,0 @@ validate: _react2.default.PropTypes.func,

lib/RIENumber.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -56,3 +58,3 @@
         _this.renderEditingComponent = function () {
-            return _react2.default.createElement('input', { disabled: _this.props.shouldBlockWhileLoading && _this.state.loading,
+            return _react2.default.createElement('input', _extends({ disabled: _this.props.shouldBlockWhileLoading && _this.state.loading,
                 type: 'number',
@@ -64,3 +66,4 @@ className: _this.makeClassString(),
                 ref: 'input',
-                onKeyDown: _this.keyDown });
+                onKeyDown: _this.keyDown
+            }, _this.props.editProps));
         };
@@ -67,0 +70,0 @@

lib/RIESelect.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -63,3 +65,3 @@
                 'select',
-                { disabled: _this.props.shouldBlockWhileLoading && _this.state.loading,
+                _extends({ disabled: _this.props.shouldBlockWhileLoading && _this.state.loading,
                     value: _this.props.value.id,
@@ -70,3 +72,4 @@ className: _this.makeClassString(),
                     ref: 'input',
-                    onKeyDown: _this.keyDown },
+                    onKeyDown: _this.keyDown
+                }, _this.props.editProps),
                 optionNodes
@@ -73,0 +76,0 @@ );

lib/RIEStatefulBase.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -77,3 +79,3 @@
         _this.renderEditingComponent = function () {
-            return _react2.default.createElement('input', {
+            return _react2.default.createElement('input', _extends({
                 disabled: _this.state.loading,
@@ -85,3 +87,4 @@ className: _this.makeClassString(),
                 ref: 'input',
-                onKeyDown: _this.keyDown });
+                onKeyDown: _this.keyDown
+            }, _this.props.editProps));
         };
@@ -88,0 +91,0 @@

lib/RIETextArea.js

@@ -7,2 +7,4 @@ 'use strict';
 
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
 var _react = require('react');
@@ -47,3 +49,3 @@
         }, _this.renderEditingComponent = function () {
-            return _react2.default.createElement('textarea', {
+            return _react2.default.createElement('textarea', _extends({
                 rows: _this.props.rows,
@@ -57,3 +59,4 @@ cols: _this.props.cols,
                 ref: 'input',
-                onKeyDown: _this.keyDown });
+                onKeyDown: _this.keyDown
+            }, _this.props.editProps));
         }, _this.renderNormalComponent = function () {
@@ -60,0 +63,0 @@ var value = _this.state.newValue || _this.props.value;

package.json

 {
   "name": "riek",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "React Inline Edit Kit",
@@ -5,0 +5,0 @@ "author": "Kai Vik <[e-mail]>",

README.md

@@ -11,3 +11,3 @@ #React Inline Edit Kit
 ```javascript
-import { RIEToggle, RIEInput, RIETextArea, RIENumber, RIETags } from 'riek'
+import { RIEToggle, RIEInput, RIETextArea, RIENumber, RIETags, RIESelect } from 'riek'
 ```
@@ -24,3 +24,3 @@ See /demo/src/demo.js for examples.
 ###Optional
-* **doValidations**: validator function, returning a boolean
+* **validate**: validator function, returning a boolean
 * **shouldBlockWhileLoading**: disables editing until a new value is confirmed by parent
@@ -31,2 +31,3 @@ * **classLoading**: CSS class name to use when loading
 * **className**: CSS base class
+* **editProps**: Additional props for the editing component. This allows you to, for example, specify a maxLength attribute to control the maximum number of characters in the textarea.
 
@@ -33,0 +34,0 @@ ###Component-specific props

src/RIEBase.js

@@ -23,2 +23,3 @@ import React from 'react';
         propName: React.PropTypes.string.isRequired,
+        editProps: React.PropTypes.object,
         isDisabled: React.PropTypes.bool,
@@ -25,0 +26,0 @@ validate: React.PropTypes.func,

src/RIENumber.js

@@ -39,4 +39,5 @@ import React from 'react';
                       ref="input"
-                      onKeyDown={this.keyDown} />;
+                      onKeyDown={this.keyDown}
+                      {...this.props.editProps} />;
     };
 }

src/RIESelect.js

@@ -33,3 +33,4 @@ import React from 'react';
                        ref="input"
-                       onKeyDown={this.keyDown}>{optionNodes}</select>
+                       onKeyDown={this.keyDown}
+                       {...this.props.editProps}>{optionNodes}</select>
     };
@@ -36,0 +37,0 @@

src/RIEStatefulBase.js

@@ -54,3 +54,4 @@ import React from 'react';
             ref="input"
-            onKeyDown={this.keyDown} />;
+            onKeyDown={this.keyDown}
+            {...this.props.editProps} />;
     };
@@ -57,0 +58,0 @@

src/RIETextArea.js

@@ -20,3 +20,4 @@ import React from 'react';
             ref="input"
-            onKeyDown={this.keyDown} />;
+            onKeyDown={this.keyDown}
+            {...this.props.editProps} />;
     };
@@ -23,0 +24,0 @@

No alert changes

Improved metrics

Total package byte prevSize

881643

increased by0.36%

Lines of code

18252

increased by0.13%

Number of lines in readme file

60

increased by1.69%

No dependency changes