react-form - npm Package Compare versions

Comparing version 3.2.3 to 3.3.0

es/components/Field.js

@@ -222,2 +222,3 @@ 'use strict';
       api: _this2.fieldApi,
+      getState: _this2.getFieldValues,
       getProps: function getProps() {
@@ -224,0 +225,0 @@ return _this2.props;

es/components/form-fields/Radio.js

@@ -21,2 +21,6 @@ 'use strict';
 
+var _withRadioGroup = require('../withRadioGroup');
+
+var _withRadioGroup2 = _interopRequireDefault(_withRadioGroup);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -50,12 +54,10 @@
           value = _props.value,
-          rest = _objectWithoutProperties(_props, ['onChange', 'onBlur', 'value']);
+          _props$radioGroup = _props.radioGroup,
+          setValue = _props$radioGroup.setValue,
+          setTouched = _props$radioGroup.setTouched,
+          groupValue = _props$radioGroup.value,
+          groupOnChange = _props$radioGroup.onChange,
+          groupOnBlur = _props$radioGroup.onBlur,
+          rest = _objectWithoutProperties(_props, ['onChange', 'onBlur', 'value', 'radioGroup']);
 
-      var _context$reactFormGro = this.context.reactFormGroup,
-          setValue = _context$reactFormGro.setValue,
-          setTouched = _context$reactFormGro.setTouched,
-          groupValue = _context$reactFormGro.value,
-          groupOnChange = _context$reactFormGro.onChange,
-          groupOnBlur = _context$reactFormGro.onBlur;
-
-
       return _react2.default.createElement('input', _extends({}, rest, {
@@ -93,2 +95,2 @@ checked: groupValue === value,
 }, _temp);
-exports.default = Radio;
+exports.default = (0, _withRadioGroup2.default)(Radio);

es/components/form-fields/RadioGroup.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 _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -46,15 +48,7 @@
     value: function getChildContext() {
-      var _props$fieldApi = this.props.fieldApi,
-          setValue = _props$fieldApi.setValue,
-          setTouched = _props$fieldApi.setTouched,
-          value = _props$fieldApi.value;
-
       return {
-        reactFormGroup: {
-          setValue: setValue,
-          setTouched: setTouched,
-          value: value,
+        reactFormGroup: _extends({}, this.props.fieldApi, {
           onChange: this.props.onChange,
           onBlur: this.props.onBlur
-        }
+        })
       };
@@ -61,0 +55,0 @@ }

es/components/Form.js

@@ -198,2 +198,7 @@ 'use strict';
 
+    _this.getNodeByField = function (field) {
+      var node = _this.tree.getNodeByField(field);
+      return node;
+    };
+
     _this.setValue = function (field, value) {
@@ -617,3 +622,4 @@ _this.props.dispatch(actions.setValue({ field: field, value: value }));
         preValidate: this.preValidate,
-        getFullField: this.getFullField
+        getFullField: this.getFullField,
+        getNodeByField: this.getNodeByField
       };
@@ -620,0 +626,0 @@ }

es/components/FormApi.js

@@ -52,3 +52,3 @@ 'use strict';
       var componentProps = _extends({
-        formApi: _extends({}, this.context.formApi, this.context.formApi)
+        formApi: _extends({}, this.context.formApi, this.context.formState)
       }, rest);
@@ -72,5 +72,6 @@
 FormApi.contextTypes = {
-  formApi: _propTypes2.default.object
+  formApi: _propTypes2.default.object,
+  formState: _propTypes2.default.object
 };
 
 exports.default = FormApi;

es/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.RadioGroup = exports.Checkbox = exports.Select = exports.TextArea = exports.Radio = exports.Text = exports.withNestedField = exports.NestedField = exports.withFormApi = exports.FormApi = exports.withField = exports.Field = exports.Form = undefined;
+exports.withFieldApi = exports.FieldApi = exports.withRadioGroup = exports.RadioGroup = exports.Checkbox = exports.Select = exports.TextArea = exports.Radio = exports.Text = exports.withNestedField = exports.NestedField = exports.withFormApi = exports.FormApi = exports.withField = exports.Field = exports.Form = undefined;
 
@@ -33,2 +33,6 @@ var _Form = require('./components/Form');
 
+var _FieldApi = require('./components/FieldApi');
+
+var _FieldApi2 = _interopRequireDefault(_FieldApi);
+
 var _withNestedField = require('./components/withNestedField');
@@ -38,2 +42,6 @@
 
+var _withFieldApi = require('./components/withFieldApi');
+
+var _withFieldApi2 = _interopRequireDefault(_withFieldApi);
+
 var _Text = require('./components/form-fields/Text');
@@ -63,2 +71,6 @@
 
+var _withRadioGroup = require('./components/withRadioGroup');
+
+var _withRadioGroup2 = _interopRequireDefault(_withRadioGroup);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -79,3 +91,3 @@
 exports.NestedField = _NestedField2.default;
-exports.withNestedField = _withNestedField2.default;
+exports.withNestedField = _FieldApi2.default;
 exports.Text = _Text2.default;
@@ -86,2 +98,5 @@ exports.Radio = _Radio2.default;
 exports.Checkbox = _Checkbox2.default;
-exports.RadioGroup = _RadioGroup2.default;
+exports.RadioGroup = _RadioGroup2.default;
+exports.withRadioGroup = _withRadioGroup2.default;
+exports.FieldApi = _withNestedField2.default;
+exports.withFieldApi = _withFieldApi2.default;

lib/components/Field.js

@@ -222,2 +222,3 @@ 'use strict';
       api: _this2.fieldApi,
+      getState: _this2.getFieldValues,
       getProps: function getProps() {
@@ -224,0 +225,0 @@ return _this2.props;

lib/components/form-fields/Radio.js

@@ -21,2 +21,6 @@ 'use strict';
 
+var _withRadioGroup = require('../withRadioGroup');
+
+var _withRadioGroup2 = _interopRequireDefault(_withRadioGroup);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -50,12 +54,10 @@
           value = _props.value,
-          rest = _objectWithoutProperties(_props, ['onChange', 'onBlur', 'value']);
+          _props$radioGroup = _props.radioGroup,
+          setValue = _props$radioGroup.setValue,
+          setTouched = _props$radioGroup.setTouched,
+          groupValue = _props$radioGroup.value,
+          groupOnChange = _props$radioGroup.onChange,
+          groupOnBlur = _props$radioGroup.onBlur,
+          rest = _objectWithoutProperties(_props, ['onChange', 'onBlur', 'value', 'radioGroup']);
 
-      var _context$reactFormGro = this.context.reactFormGroup,
-          setValue = _context$reactFormGro.setValue,
-          setTouched = _context$reactFormGro.setTouched,
-          groupValue = _context$reactFormGro.value,
-          groupOnChange = _context$reactFormGro.onChange,
-          groupOnBlur = _context$reactFormGro.onBlur;
-
-
       return _react2.default.createElement('input', _extends({}, rest, {
@@ -93,3 +95,3 @@ checked: groupValue === value,
 }, _temp);
-exports.default = Radio;
+exports.default = (0, _withRadioGroup2.default)(Radio);
 module.exports = exports['default'];

lib/components/form-fields/RadioGroup.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 _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
@@ -46,15 +48,7 @@
     value: function getChildContext() {
-      var _props$fieldApi = this.props.fieldApi,
-          setValue = _props$fieldApi.setValue,
-          setTouched = _props$fieldApi.setTouched,
-          value = _props$fieldApi.value;
-
       return {
-        reactFormGroup: {
-          setValue: setValue,
-          setTouched: setTouched,
-          value: value,
+        reactFormGroup: _extends({}, this.props.fieldApi, {
           onChange: this.props.onChange,
           onBlur: this.props.onBlur
-        }
+        })
       };
@@ -61,0 +55,0 @@ }

lib/components/Form.js

@@ -198,2 +198,7 @@ 'use strict';
 
+    _this.getNodeByField = function (field) {
+      var node = _this.tree.getNodeByField(field);
+      return node;
+    };
+
     _this.setValue = function (field, value) {
@@ -617,3 +622,4 @@ _this.props.dispatch(actions.setValue({ field: field, value: value }));
         preValidate: this.preValidate,
-        getFullField: this.getFullField
+        getFullField: this.getFullField,
+        getNodeByField: this.getNodeByField
       };
@@ -620,0 +626,0 @@ }

lib/components/FormApi.js

@@ -52,3 +52,3 @@ 'use strict';
       var componentProps = _extends({
-        formApi: _extends({}, this.context.formApi, this.context.formApi)
+        formApi: _extends({}, this.context.formApi, this.context.formState)
       }, rest);
@@ -72,3 +72,4 @@
 FormApi.contextTypes = {
-  formApi: _propTypes2.default.object
+  formApi: _propTypes2.default.object,
+  formState: _propTypes2.default.object
 };
@@ -75,0 +76,0 @@

lib/index.js

@@ -6,3 +6,3 @@ 'use strict';
 });
-exports.RadioGroup = exports.Checkbox = exports.Select = exports.TextArea = exports.Radio = exports.Text = exports.withNestedField = exports.NestedField = exports.withFormApi = exports.FormApi = exports.withField = exports.Field = exports.Form = undefined;
+exports.withFieldApi = exports.FieldApi = exports.withRadioGroup = exports.RadioGroup = exports.Checkbox = exports.Select = exports.TextArea = exports.Radio = exports.Text = exports.withNestedField = exports.NestedField = exports.withFormApi = exports.FormApi = exports.withField = exports.Field = exports.Form = undefined;
 
@@ -33,2 +33,6 @@ var _Form = require('./components/Form');
 
+var _FieldApi = require('./components/FieldApi');
+
+var _FieldApi2 = _interopRequireDefault(_FieldApi);
+
 var _withNestedField = require('./components/withNestedField');
@@ -38,2 +42,6 @@
 
+var _withFieldApi = require('./components/withFieldApi');
+
+var _withFieldApi2 = _interopRequireDefault(_withFieldApi);
+
 var _Text = require('./components/form-fields/Text');
@@ -63,2 +71,6 @@
 
+var _withRadioGroup = require('./components/withRadioGroup');
+
+var _withRadioGroup2 = _interopRequireDefault(_withRadioGroup);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -79,3 +91,3 @@
 exports.NestedField = _NestedField2.default;
-exports.withNestedField = _withNestedField2.default;
+exports.withNestedField = _FieldApi2.default;
 exports.Text = _Text2.default;
@@ -86,2 +98,5 @@ exports.Radio = _Radio2.default;
 exports.Checkbox = _Checkbox2.default;
-exports.RadioGroup = _RadioGroup2.default;
+exports.RadioGroup = _RadioGroup2.default;
+exports.withRadioGroup = _withRadioGroup2.default;
+exports.FieldApi = _withNestedField2.default;
+exports.withFieldApi = _withFieldApi2.default;

package.json

 {
   "name": "react-form",
-  "version": "3.2.3",
+  "version": "3.3.0",
   "description": "React Form is a lightweight framework and utility for building powerful forms in React applications.",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

245265

increased by7.54%

Number of package files

48

increased by14.29%

Lines of code

4826

increased by5.67%

No dependency changes