├── .babelrc
├── .gitignore
├── LICENSE
├── README.md
├── dist
    ├── preact-bind-group.es.js
    ├── preact-bind-group.js
    ├── react-bind-group.es.js
    ├── react-bind-group.js
    ├── react-form-group.es.js
    └── react-form-group.js
├── package-lock.json
├── package.json
├── preact.dev.js
├── preact.js
├── react.dev.js
├── react.js
├── rollup.common.js
├── rollup.preact.js
└── rollup.react.js


/.babelrc:
--------------------------------------------------------------------------------
 1 | {
 2 |   "presets": [
 3 |     [
 4 |       "env",
 5 |       {
 6 |         "modules": false,
 7 |         "loose": true
 8 |       }
 9 |     ]
10 |   ],
11 |   "plugins": [
12 |     "transform-class-properties",
13 |     "transform-es2015-computed-properties",
14 |     "transform-object-rest-spread"
15 |   ]
16 | }
17 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules/
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright 2018 k1r0s <ciroreed@gmail.com>
2 | 
3 | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
4 | 
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 | 
7 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
8 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | ## preact-bind-group
  2 | 
  3 | [![downloads](https://img.shields.io/npm/dm/preact-bind-group.svg)](https://www.npmjs.com/package/preact-bind-group)
  4 | [![version](https://img.shields.io/npm/v/preact-bind-group.svg)](https://www.npmjs.com/package/preact-bind-group/)
  5 | [![dependencies](https://david-dm.org/k1r0s/preact-bind-group/status.svg)](https://david-dm.org/k1r0s/preact-bind-group/status.svg)
  6 | [![dev-dependencies](https://david-dm.org/k1r0s/preact-bind-group/dev-status.svg)](https://www.npmjs.com/package/preact-bind-group)
  7 | 
  8 | 
  9 | An event wrapper for preact and react to centralize and simplify events management and state binding.
 10 | 
 11 | [![Edit preact-bind-group example](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/6v861168y3)
 12 | 
 13 | breaking changes since version 2.*
 14 | 
 15 | - React is now supported. Just import from "preact-bind-group/react"
 16 | - `BindGroup` component has been renamed to `FormGroup`
 17 | 
 18 | ### Why
 19 | 
 20 | React/Preact forms are a bit cryptic because it leads developer to deal with too many language primitives to tie state with fields, care about events and duplicate this pattern for each field.
 21 | 
 22 | ### How
 23 | 
 24 | preact-bind-group exposes a `<FormGroup>` component that looks for children that contain `data-bind` attribute which should be assigned to any element or component that emits an `onChange` event.
 25 | 
 26 | 
 27 | ### Get started
 28 | 
 29 | Install it:
 30 | 
 31 | ```bash
 32 | npm install preact-bind-group
 33 | ```
 34 | 
 35 | Import it it in your components and use it:
 36 | 
 37 | ```jsx
 38 | import { render } from "preact";
 39 | import { FormGroup } from "preact-bind-group";
 40 | 
 41 | const App = () => (
 42 |   <div>
 43 |     <h3>FormGroup demo</h3>
 44 |     <FormGroup watch={change => console.log(change)}>
 45 |       <label>
 46 |         Name: <input data-bind="name" />
 47 |       </label>
 48 |       <br />
 49 |       <label>
 50 |         Age: <input data-bind="age" />
 51 |       </label>
 52 |     </FormGroup>
 53 |   </div>
 54 | );
 55 | ```
 56 | 
 57 | ### Watch callback
 58 | 
 59 | The `watch` callback receives an `{key: value}` object containing the changed property as its parameter.
 60 | 
 61 | ```
 62 |  {name: "asdas"}
 63 | ```
 64 | 
 65 | Then you can update your state easily:
 66 | 
 67 | ```jsx
 68 |   <FormGroup watch={change => this.setState({ ...change })}>
 69 | ```
 70 | 
 71 | If the input element is of type _checkbox_ or _radio_, then it'll receive the checked html property as its value.
 72 | 
 73 | For convenience, you'll get a second argument with the field key. The callback signature is _({ [key: string]: any }, key: string) => void_.
 74 | 
 75 | ### Custom events
 76 | 
 77 | You can change the event that `FormGroup` should listen to:
 78 | 
 79 | ```javascript
 80 |   <input data-bind="name" data-event="onInput"/>
 81 | ```
 82 | 
 83 | > Note: keep in mind that `onInput` in Preact === `onChange` in React, and `onChange` in Preact === `onBlur` on React.
 84 | 
 85 | #### Preload form with data
 86 | 
 87 | You should use `preload` attr to fill form fields with default data
 88 | 
 89 | ```javascript
 90 | <div>
 91 |   <h3>FormGroup demo</h3>
 92 |   <FormGroup watch={change => console.log(change)} preload={userModel}>
 93 |     <div>
 94 |       <input data-bind="name"/>
 95 |     </div>
 96 |     <div>
 97 |       <input data-bind="likesPizza" type="checkbox"/>
 98 |     </div>
 99 |     <div>
100 |       <input data-bind="belovedFood" type="radio" value="potato"/>
101 |       <input data-bind="belovedFood" type="radio" value="banana"/>
102 |       <input data-bind="belovedFood" type="radio" value="peanuts"/>
103 |     </div>
104 |     <div>
105 |       <textarea data-bind="comments"/>
106 |     </div>
107 |   </FormGroup>
108 | </div>
109 | ```
110 | 


--------------------------------------------------------------------------------
/dist/preact-bind-group.es.js:
--------------------------------------------------------------------------------
  1 | import { h, Component } from 'preact';
  2 | 
  3 | 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; };
  4 | 
  5 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  6 | 
  7 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
  8 | 
  9 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 10 | 
 11 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 12 | 
 13 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 14 | 
 15 | var FormGroup = function (_Component) {
 16 |   _inherits(FormGroup, _Component);
 17 | 
 18 |   function FormGroup() {
 19 |     _classCallCheck(this, FormGroup);
 20 | 
 21 |     return _possibleConstructorReturn(this, _Component.apply(this, arguments));
 22 |   }
 23 | 
 24 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 25 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 26 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 27 |     }
 28 |   };
 29 | 
 30 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 31 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 32 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 33 |     }
 34 |   };
 35 | 
 36 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 37 |     if (this.props[FormGroup.preloadStateAttrName]) {
 38 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 43 |     var _this2 = this;
 44 | 
 45 |     return children.map(function (child) {
 46 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 47 |     });
 48 |   };
 49 | 
 50 |   FormGroup.prototype.render = function render(props) {
 51 |     var children = props.children,
 52 |         watch = props.watch,
 53 |         preload = props.preload,
 54 |         rest = _objectWithoutProperties(props, ["children", "watch", "preload"]);
 55 | 
 56 |     return h("div", rest, [this.transformChildren(children)]);
 57 |   };
 58 | 
 59 |   FormGroup.extractValue = function extractValue(target) {
 60 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 61 |       return target.checked;
 62 |     } else {
 63 |       return target.value;
 64 |     }
 65 |   };
 66 | 
 67 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 68 |     var target = _ref.target;
 69 | 
 70 |     var change = _defineProperty({}, child.attributes[FormGroup.bindAttrName], FormGroup.extractValue(target));
 71 | 
 72 |     setState(function (state) {
 73 |       return _extends({}, state, change);
 74 |     });
 75 |     return [change, child.attributes[FormGroup.bindAttrName]];
 76 |   };
 77 | 
 78 |   FormGroup.getFormProps = function getFormProps(child, state) {
 79 |     var drivenValue = typeof child.attributes.value === "string";
 80 |     var drivenChecked = typeof child.attributes.checked === "string";
 81 | 
 82 |     if (child.attributes.type === "checkbox") {
 83 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] };
 84 |     }
 85 | 
 86 |     if (child.attributes.type === "radio") {
 87 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] === child.attributes.value };
 88 |     }
 89 | 
 90 |     return { value: drivenValue ? child.attributes.value : state[child.attributes[FormGroup.bindAttrName]] };
 91 |   };
 92 | 
 93 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
 94 |     if (!child) return null;
 95 |     if (child.attributes instanceof Object && child.attributes[FormGroup.bindAttrName]) {
 96 |       var _extends2;
 97 | 
 98 |       child.attributes = _extends({}, child.attributes, (_extends2 = {}, _defineProperty(_extends2, child.attributes[FormGroup.bindAttrEvent] || 'onChange', function (evt) {
 99 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
100 |       }), _defineProperty(_extends2, "name", child.attributes[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
101 |     } else if (child.children instanceof Array && child.children.length) {
102 |       child.children = child.children.map(function (child) {
103 |         return FormGroup.mapChildren(child, cbk, state, setState);
104 |       });
105 |     }
106 |     return child;
107 |   };
108 | 
109 |   return FormGroup;
110 | }(Component);
111 | FormGroup.bindAttrName = "data-bind";
112 | FormGroup.bindAttrEvent = "data-event";
113 | FormGroup.watchHandlerAttrName = "watch";
114 | FormGroup.preloadStateAttrName = "preload";
115 | 
116 | export { FormGroup };
117 | 


--------------------------------------------------------------------------------
/dist/preact-bind-group.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 | 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('preact')) :
  3 | 	typeof define === 'function' && define.amd ? define(['exports', 'preact'], factory) :
  4 | 	(factory((global.preactFormGroup = {}),global.preact));
  5 | }(this, (function (exports,preact) { 'use strict';
  6 | 
  7 | 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; };
  8 | 
  9 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 10 | 
 11 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 12 | 
 13 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 14 | 
 15 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 16 | 
 17 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 18 | 
 19 | var FormGroup = function (_Component) {
 20 |   _inherits(FormGroup, _Component);
 21 | 
 22 |   function FormGroup() {
 23 |     _classCallCheck(this, FormGroup);
 24 | 
 25 |     return _possibleConstructorReturn(this, _Component.apply(this, arguments));
 26 |   }
 27 | 
 28 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 29 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 30 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 31 |     }
 32 |   };
 33 | 
 34 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 35 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 36 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 37 |     }
 38 |   };
 39 | 
 40 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 41 |     if (this.props[FormGroup.preloadStateAttrName]) {
 42 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 43 |     }
 44 |   };
 45 | 
 46 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 47 |     var _this2 = this;
 48 | 
 49 |     return children.map(function (child) {
 50 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 51 |     });
 52 |   };
 53 | 
 54 |   FormGroup.prototype.render = function render(props) {
 55 |     var children = props.children,
 56 |         watch = props.watch,
 57 |         preload = props.preload,
 58 |         rest = _objectWithoutProperties(props, ["children", "watch", "preload"]);
 59 | 
 60 |     return preact.h("div", rest, [this.transformChildren(children)]);
 61 |   };
 62 | 
 63 |   FormGroup.extractValue = function extractValue(target) {
 64 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 65 |       return target.checked;
 66 |     } else {
 67 |       return target.value;
 68 |     }
 69 |   };
 70 | 
 71 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 72 |     var target = _ref.target;
 73 | 
 74 |     var change = _defineProperty({}, child.attributes[FormGroup.bindAttrName], FormGroup.extractValue(target));
 75 | 
 76 |     setState(function (state) {
 77 |       return _extends({}, state, change);
 78 |     });
 79 |     return [change, child.attributes[FormGroup.bindAttrName]];
 80 |   };
 81 | 
 82 |   FormGroup.getFormProps = function getFormProps(child, state) {
 83 |     var drivenValue = typeof child.attributes.value === "string";
 84 |     var drivenChecked = typeof child.attributes.checked === "string";
 85 | 
 86 |     if (child.attributes.type === "checkbox") {
 87 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] };
 88 |     }
 89 | 
 90 |     if (child.attributes.type === "radio") {
 91 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] === child.attributes.value };
 92 |     }
 93 | 
 94 |     return { value: drivenValue ? child.attributes.value : state[child.attributes[FormGroup.bindAttrName]] };
 95 |   };
 96 | 
 97 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
 98 |     if (!child) return null;
 99 |     if (child.attributes instanceof Object && child.attributes[FormGroup.bindAttrName]) {
100 |       var _extends2;
101 | 
102 |       child.attributes = _extends({}, child.attributes, (_extends2 = {}, _defineProperty(_extends2, child.attributes[FormGroup.bindAttrEvent] || 'onChange', function (evt) {
103 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
104 |       }), _defineProperty(_extends2, "name", child.attributes[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
105 |     } else if (child.children instanceof Array && child.children.length) {
106 |       child.children = child.children.map(function (child) {
107 |         return FormGroup.mapChildren(child, cbk, state, setState);
108 |       });
109 |     }
110 |     return child;
111 |   };
112 | 
113 |   return FormGroup;
114 | }(preact.Component);
115 | FormGroup.bindAttrName = "data-bind";
116 | FormGroup.bindAttrEvent = "data-event";
117 | FormGroup.watchHandlerAttrName = "watch";
118 | FormGroup.preloadStateAttrName = "preload";
119 | 
120 | exports.FormGroup = FormGroup;
121 | 
122 | Object.defineProperty(exports, '__esModule', { value: true });
123 | 
124 | })));
125 | 


--------------------------------------------------------------------------------
/dist/react-bind-group.es.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | 
  3 | 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; };
  4 | 
  5 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  6 | 
  7 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
  8 | 
  9 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 10 | 
 11 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 12 | 
 13 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 14 | 
 15 | var FormGroup = function (_React$Component) {
 16 |   _inherits(FormGroup, _React$Component);
 17 | 
 18 |   function FormGroup() {
 19 |     var _temp, _this, _ret;
 20 | 
 21 |     _classCallCheck(this, FormGroup);
 22 | 
 23 |     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 24 |       args[_key] = arguments[_key];
 25 |     }
 26 | 
 27 |     return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
 28 |   }
 29 | 
 30 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 31 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 32 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 33 |     }
 34 |   };
 35 | 
 36 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 37 |     if (this.props[FormGroup.preloadStateAttrName]) {
 38 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 43 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 44 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 45 |     }
 46 |   };
 47 | 
 48 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 49 |     var _this2 = this;
 50 | 
 51 |     return children.map(function (child) {
 52 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 53 |     });
 54 |   };
 55 | 
 56 |   FormGroup.prototype.render = function render() {
 57 |     var _props = this.props,
 58 |         children = _props.children,
 59 |         watch = _props.watch,
 60 |         preload = _props.preload,
 61 |         rest = _objectWithoutProperties(_props, ["children", "watch", "preload"]);
 62 | 
 63 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 64 |   };
 65 | 
 66 |   FormGroup.extractValue = function extractValue(target) {
 67 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 68 |       return target.checked;
 69 |     } else {
 70 |       return target.value;
 71 |     }
 72 |   };
 73 | 
 74 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 75 |     var target = _ref.target;
 76 | 
 77 |     var change = _defineProperty({}, child.props[FormGroup.bindAttrName], FormGroup.extractValue(target));
 78 | 
 79 |     setState(function (state) {
 80 |       return _extends({}, state, change);
 81 |     });
 82 |     return [change, child.props[FormGroup.bindAttrName]];
 83 |   };
 84 | 
 85 |   FormGroup.getFormProps = function getFormProps(child, state) {
 86 |     if (child.props.type === "checkbox") {
 87 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 88 |     }
 89 | 
 90 |     if (child.props.type === "radio") {
 91 |       return {
 92 |         checked: state[child.props[FormGroup.bindAttrName]] === child.props.value
 93 |       };
 94 |     }
 95 | 
 96 |     return { value: state[child.props[FormGroup.bindAttrName]] };
 97 |   };
 98 | 
 99 |   FormGroup.getReactKey = function getReactKey() {
100 |     return FormGroup.key++;
101 |   };
102 | 
103 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
104 |     if (!child) return null;
105 | 
106 |     var _child$props = child.props,
107 |         children = _child$props.children,
108 |         props = _objectWithoutProperties(_child$props, ["children"]);
109 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
110 | 
111 | 
112 |     var newProps = _extends({}, props);
113 |     var newChildren = void 0;
114 | 
115 |     if (child.props[FormGroup.bindAttrName]) {
116 |       var _extends2;
117 | 
118 |       newProps = _extends({}, newProps, (_extends2 = {}, _defineProperty(_extends2, newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent, function (evt) {
119 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
120 |       }), _defineProperty(_extends2, "name", newProps[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
121 |     } else if (children instanceof Array) {
122 |       newChildren = children.map(function (nthchild) {
123 |         return FormGroup.mapChildren(nthchild, cbk, state, setState);
124 |       });
125 |     } else if (children instanceof Object) {
126 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
127 |     }
128 | 
129 |     return React.cloneElement(child, newProps, newChildren || children);
130 |   };
131 | 
132 |   return FormGroup;
133 | }(React.Component);
134 | FormGroup.bindAttrName = "data-bind";
135 | FormGroup.bindAttrEvent = "data-event";
136 | FormGroup.watchHandlerAttrName = "watch";
137 | FormGroup.preloadStateAttrName = "preload";
138 | FormGroup.defaultEvent = "onChange";
139 | FormGroup.key = 0;
140 | 
141 | export { FormGroup };
142 | 


--------------------------------------------------------------------------------
/dist/react-bind-group.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 | 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
  3 | 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
  4 | 	(factory((global.reactBindGroup = {}),global.React));
  5 | }(this, (function (exports,React) { 'use strict';
  6 | 
  7 | React = React && React.hasOwnProperty('default') ? React['default'] : React;
  8 | 
  9 | 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; };
 10 | 
 11 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 12 | 
 13 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 14 | 
 15 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 16 | 
 17 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 18 | 
 19 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 20 | 
 21 | var FormGroup = function (_React$Component) {
 22 |   _inherits(FormGroup, _React$Component);
 23 | 
 24 |   function FormGroup() {
 25 |     var _temp, _this, _ret;
 26 | 
 27 |     _classCallCheck(this, FormGroup);
 28 | 
 29 |     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 30 |       args[_key] = arguments[_key];
 31 |     }
 32 | 
 33 |     return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
 34 |   }
 35 | 
 36 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 37 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 38 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 43 |     if (this.props[FormGroup.preloadStateAttrName]) {
 44 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 45 |     }
 46 |   };
 47 | 
 48 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 49 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 50 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 51 |     }
 52 |   };
 53 | 
 54 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 55 |     var _this2 = this;
 56 | 
 57 |     return children.map(function (child) {
 58 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 59 |     });
 60 |   };
 61 | 
 62 |   FormGroup.prototype.render = function render() {
 63 |     var _props = this.props,
 64 |         children = _props.children,
 65 |         watch = _props.watch,
 66 |         preload = _props.preload,
 67 |         rest = _objectWithoutProperties(_props, ["children", "watch", "preload"]);
 68 | 
 69 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 70 |   };
 71 | 
 72 |   FormGroup.extractValue = function extractValue(target) {
 73 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 74 |       return target.checked;
 75 |     } else {
 76 |       return target.value;
 77 |     }
 78 |   };
 79 | 
 80 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 81 |     var target = _ref.target;
 82 | 
 83 |     var change = _defineProperty({}, child.props[FormGroup.bindAttrName], FormGroup.extractValue(target));
 84 | 
 85 |     setState(function (state) {
 86 |       return _extends({}, state, change);
 87 |     });
 88 |     return [change, child.props[FormGroup.bindAttrName]];
 89 |   };
 90 | 
 91 |   FormGroup.getFormProps = function getFormProps(child, state) {
 92 |     if (child.props.type === "checkbox") {
 93 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 94 |     }
 95 | 
 96 |     if (child.props.type === "radio") {
 97 |       return {
 98 |         checked: state[child.props[FormGroup.bindAttrName]] === child.props.value
 99 |       };
100 |     }
101 | 
102 |     return { value: state[child.props[FormGroup.bindAttrName]] };
103 |   };
104 | 
105 |   FormGroup.getReactKey = function getReactKey() {
106 |     return FormGroup.key++;
107 |   };
108 | 
109 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
110 |     if (!child) return null;
111 | 
112 |     var _child$props = child.props,
113 |         children = _child$props.children,
114 |         props = _objectWithoutProperties(_child$props, ["children"]);
115 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
116 | 
117 | 
118 |     var newProps = _extends({}, props);
119 |     var newChildren = void 0;
120 | 
121 |     if (child.props[FormGroup.bindAttrName]) {
122 |       var _extends2;
123 | 
124 |       newProps = _extends({}, newProps, (_extends2 = {}, _defineProperty(_extends2, newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent, function (evt) {
125 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
126 |       }), _defineProperty(_extends2, "name", newProps[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
127 |     } else if (children instanceof Array) {
128 |       newChildren = children.map(function (nthchild) {
129 |         return FormGroup.mapChildren(nthchild, cbk, state, setState);
130 |       });
131 |     } else if (children instanceof Object) {
132 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
133 |     }
134 | 
135 |     return React.cloneElement(child, newProps, newChildren || children);
136 |   };
137 | 
138 |   return FormGroup;
139 | }(React.Component);
140 | FormGroup.bindAttrName = "data-bind";
141 | FormGroup.bindAttrEvent = "data-event";
142 | FormGroup.watchHandlerAttrName = "watch";
143 | FormGroup.preloadStateAttrName = "preload";
144 | FormGroup.defaultEvent = "onChange";
145 | FormGroup.key = 0;
146 | 
147 | exports.FormGroup = FormGroup;
148 | 
149 | Object.defineProperty(exports, '__esModule', { value: true });
150 | 
151 | })));
152 | 


--------------------------------------------------------------------------------
/dist/react-form-group.es.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | 
  3 | 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; };
  4 | 
  5 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  6 | 
  7 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
  8 | 
  9 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 10 | 
 11 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 12 | 
 13 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 14 | 
 15 | var FormGroup = function (_React$Component) {
 16 |   _inherits(FormGroup, _React$Component);
 17 | 
 18 |   function FormGroup() {
 19 |     var _temp, _this, _ret;
 20 | 
 21 |     _classCallCheck(this, FormGroup);
 22 | 
 23 |     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 24 |       args[_key] = arguments[_key];
 25 |     }
 26 | 
 27 |     return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
 28 |   }
 29 | 
 30 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 31 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 32 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 33 |     }
 34 |   };
 35 | 
 36 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 37 |     if (this.props[FormGroup.preloadStateAttrName]) {
 38 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 43 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 44 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 45 |     }
 46 |   };
 47 | 
 48 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 49 |     var _this2 = this;
 50 | 
 51 |     return children.map(function (child) {
 52 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 53 |     });
 54 |   };
 55 | 
 56 |   FormGroup.prototype.render = function render() {
 57 |     var _props = this.props,
 58 |         children = _props.children,
 59 |         watch = _props.watch,
 60 |         preload = _props.preload,
 61 |         rest = _objectWithoutProperties(_props, ["children", "watch", "preload"]);
 62 | 
 63 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 64 |   };
 65 | 
 66 |   FormGroup.extractValue = function extractValue(target) {
 67 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 68 |       return target.checked;
 69 |     } else {
 70 |       return target.value;
 71 |     }
 72 |   };
 73 | 
 74 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 75 |     var target = _ref.target;
 76 | 
 77 |     var change = _defineProperty({}, child.props[FormGroup.bindAttrName], FormGroup.extractValue(target));
 78 | 
 79 |     setState(function (state) {
 80 |       return _extends({}, state, change);
 81 |     });
 82 |     return [change, child.props[FormGroup.bindAttrName]];
 83 |   };
 84 | 
 85 |   FormGroup.getFormProps = function getFormProps(child, state) {
 86 |     if (child.props.type === "checkbox") {
 87 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 88 |     }
 89 | 
 90 |     if (child.props.type === "radio") {
 91 |       return {
 92 |         checked: state[child.props[FormGroup.bindAttrName]] === child.props.value
 93 |       };
 94 |     }
 95 | 
 96 |     return { value: state[child.props[FormGroup.bindAttrName]] };
 97 |   };
 98 | 
 99 |   FormGroup.getReactKey = function getReactKey() {
100 |     return FormGroup.key++;
101 |   };
102 | 
103 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
104 |     if (!child) return null;
105 | 
106 |     var _child$props = child.props,
107 |         children = _child$props.children,
108 |         props = _objectWithoutProperties(_child$props, ["children"]);
109 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
110 | 
111 | 
112 |     var newProps = _extends({}, props);
113 |     var newChildren = void 0;
114 | 
115 |     if (child.props[FormGroup.bindAttrName]) {
116 |       var _extends2;
117 | 
118 |       newProps = _extends({}, newProps, (_extends2 = {}, _defineProperty(_extends2, newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent, function (evt) {
119 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
120 |       }), _defineProperty(_extends2, "name", newProps[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
121 |     } else if (children instanceof Array) {
122 |       newChildren = children.map(function (nthchild) {
123 |         return FormGroup.mapChildren(nthchild, cbk, state, setState);
124 |       });
125 |     } else if (children instanceof Object) {
126 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
127 |     }
128 | 
129 |     return React.cloneElement(child, newProps, newChildren || children);
130 |   };
131 | 
132 |   return FormGroup;
133 | }(React.Component);
134 | FormGroup.bindAttrName = "data-bind";
135 | FormGroup.bindAttrEvent = "data-event";
136 | FormGroup.watchHandlerAttrName = "watch";
137 | FormGroup.preloadStateAttrName = "preload";
138 | FormGroup.defaultEvent = "onChange";
139 | FormGroup.key = 0;
140 | 
141 | export { FormGroup };
142 | 


--------------------------------------------------------------------------------
/dist/react-form-group.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 | 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
  3 | 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
  4 | 	(factory((global.reactFormGroup = {}),global.React));
  5 | }(this, (function (exports,React) { 'use strict';
  6 | 
  7 | React = React && React.hasOwnProperty('default') ? React['default'] : React;
  8 | 
  9 | 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; };
 10 | 
 11 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 12 | 
 13 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 14 | 
 15 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 16 | 
 17 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 18 | 
 19 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 20 | 
 21 | var FormGroup = function (_React$Component) {
 22 |   _inherits(FormGroup, _React$Component);
 23 | 
 24 |   function FormGroup() {
 25 |     var _temp, _this, _ret;
 26 | 
 27 |     _classCallCheck(this, FormGroup);
 28 | 
 29 |     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 30 |       args[_key] = arguments[_key];
 31 |     }
 32 | 
 33 |     return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
 34 |   }
 35 | 
 36 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 37 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 38 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 43 |     if (this.props[FormGroup.preloadStateAttrName]) {
 44 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 45 |     }
 46 |   };
 47 | 
 48 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 49 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 50 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 51 |     }
 52 |   };
 53 | 
 54 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 55 |     var _this2 = this;
 56 | 
 57 |     return children.map(function (child) {
 58 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 59 |     });
 60 |   };
 61 | 
 62 |   FormGroup.prototype.render = function render() {
 63 |     var _props = this.props,
 64 |         children = _props.children,
 65 |         watch = _props.watch,
 66 |         preload = _props.preload,
 67 |         rest = _objectWithoutProperties(_props, ["children", "watch", "preload"]);
 68 | 
 69 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 70 |   };
 71 | 
 72 |   FormGroup.extractValue = function extractValue(target) {
 73 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 74 |       return target.checked;
 75 |     } else {
 76 |       return target.value;
 77 |     }
 78 |   };
 79 | 
 80 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 81 |     var target = _ref.target;
 82 | 
 83 |     var change = _defineProperty({}, child.props[FormGroup.bindAttrName], FormGroup.extractValue(target));
 84 | 
 85 |     setState(function (state) {
 86 |       return _extends({}, state, change);
 87 |     });
 88 |     return [change, child.props[FormGroup.bindAttrName]];
 89 |   };
 90 | 
 91 |   FormGroup.getFormProps = function getFormProps(child, state) {
 92 |     if (child.props.type === "checkbox") {
 93 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 94 |     }
 95 | 
 96 |     if (child.props.type === "radio") {
 97 |       return {
 98 |         checked: state[child.props[FormGroup.bindAttrName]] === child.props.value
 99 |       };
100 |     }
101 | 
102 |     return { value: state[child.props[FormGroup.bindAttrName]] };
103 |   };
104 | 
105 |   FormGroup.getReactKey = function getReactKey() {
106 |     return FormGroup.key++;
107 |   };
108 | 
109 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
110 |     if (!child) return null;
111 | 
112 |     var _child$props = child.props,
113 |         children = _child$props.children,
114 |         props = _objectWithoutProperties(_child$props, ["children"]);
115 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
116 | 
117 | 
118 |     var newProps = _extends({}, props);
119 |     var newChildren = void 0;
120 | 
121 |     if (child.props[FormGroup.bindAttrName]) {
122 |       var _extends2;
123 | 
124 |       newProps = _extends({}, newProps, (_extends2 = {}, _defineProperty(_extends2, newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent, function (evt) {
125 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
126 |       }), _defineProperty(_extends2, "name", newProps[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
127 |     } else if (children instanceof Array) {
128 |       newChildren = children.map(function (nthchild) {
129 |         return FormGroup.mapChildren(nthchild, cbk, state, setState);
130 |       });
131 |     } else if (children instanceof Object) {
132 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
133 |     }
134 | 
135 |     return React.cloneElement(child, newProps, newChildren || children);
136 |   };
137 | 
138 |   return FormGroup;
139 | }(React.Component);
140 | FormGroup.bindAttrName = "data-bind";
141 | FormGroup.bindAttrEvent = "data-event";
142 | FormGroup.watchHandlerAttrName = "watch";
143 | FormGroup.preloadStateAttrName = "preload";
144 | FormGroup.defaultEvent = "onChange";
145 | FormGroup.key = 0;
146 | 
147 | exports.FormGroup = FormGroup;
148 | 
149 | Object.defineProperty(exports, '__esModule', { value: true });
150 | 
151 | })));
152 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
   1 | {
   2 |   "name": "preact-bind-group",
   3 |   "version": "2.0.3",
   4 |   "lockfileVersion": 1,
   5 |   "requires": true,
   6 |   "dependencies": {
   7 |     "ansi-regex": {
   8 |       "version": "2.1.1",
   9 |       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
  10 |       "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
  11 |       "dev": true
  12 |     },
  13 |     "ansi-styles": {
  14 |       "version": "2.2.1",
  15 |       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
  16 |       "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
  17 |       "dev": true
  18 |     },
  19 |     "asap": {
  20 |       "version": "2.0.6",
  21 |       "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
  22 |       "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
  23 |       "dev": true
  24 |     },
  25 |     "babel-code-frame": {
  26 |       "version": "6.26.0",
  27 |       "resolved": "https://registry.npmjs.org/babel-code-frame/-/babel-code-frame-6.26.0.tgz",
  28 |       "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
  29 |       "dev": true,
  30 |       "requires": {
  31 |         "chalk": "^1.1.3",
  32 |         "esutils": "^2.0.2",
  33 |         "js-tokens": "^3.0.2"
  34 |       }
  35 |     },
  36 |     "babel-core": {
  37 |       "version": "6.26.3",
  38 |       "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-6.26.3.tgz",
  39 |       "integrity": "sha512-6jyFLuDmeidKmUEb3NM+/yawG0M2bDZ9Z1qbZP59cyHLz8kYGKYwpJP0UwUKKUiTRNvxfLesJnTedqczP7cTDA==",
  40 |       "dev": true,
  41 |       "requires": {
  42 |         "babel-code-frame": "^6.26.0",
  43 |         "babel-generator": "^6.26.0",
  44 |         "babel-helpers": "^6.24.1",
  45 |         "babel-messages": "^6.23.0",
  46 |         "babel-register": "^6.26.0",
  47 |         "babel-runtime": "^6.26.0",
  48 |         "babel-template": "^6.26.0",
  49 |         "babel-traverse": "^6.26.0",
  50 |         "babel-types": "^6.26.0",
  51 |         "babylon": "^6.18.0",
  52 |         "convert-source-map": "^1.5.1",
  53 |         "debug": "^2.6.9",
  54 |         "json5": "^0.5.1",
  55 |         "lodash": "^4.17.4",
  56 |         "minimatch": "^3.0.4",
  57 |         "path-is-absolute": "^1.0.1",
  58 |         "private": "^0.1.8",
  59 |         "slash": "^1.0.0",
  60 |         "source-map": "^0.5.7"
  61 |       }
  62 |     },
  63 |     "babel-generator": {
  64 |       "version": "6.26.1",
  65 |       "resolved": "https://registry.npmjs.org/babel-generator/-/babel-generator-6.26.1.tgz",
  66 |       "integrity": "sha512-HyfwY6ApZj7BYTcJURpM5tznulaBvyio7/0d4zFOeMPUmfxkCjHocCuoLa2SAGzBI8AREcH3eP3758F672DppA==",
  67 |       "dev": true,
  68 |       "requires": {
  69 |         "babel-messages": "^6.23.0",
  70 |         "babel-runtime": "^6.26.0",
  71 |         "babel-types": "^6.26.0",
  72 |         "detect-indent": "^4.0.0",
  73 |         "jsesc": "^1.3.0",
  74 |         "lodash": "^4.17.4",
  75 |         "source-map": "^0.5.7",
  76 |         "trim-right": "^1.0.1"
  77 |       }
  78 |     },
  79 |     "babel-helper-builder-binary-assignment-operator-visitor": {
  80 |       "version": "6.24.1",
  81 |       "resolved": "https://registry.npmjs.org/babel-helper-builder-binary-assignment-operator-visitor/-/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz",
  82 |       "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=",
  83 |       "dev": true,
  84 |       "requires": {
  85 |         "babel-helper-explode-assignable-expression": "^6.24.1",
  86 |         "babel-runtime": "^6.22.0",
  87 |         "babel-types": "^6.24.1"
  88 |       }
  89 |     },
  90 |     "babel-helper-call-delegate": {
  91 |       "version": "6.24.1",
  92 |       "resolved": "https://registry.npmjs.org/babel-helper-call-delegate/-/babel-helper-call-delegate-6.24.1.tgz",
  93 |       "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=",
  94 |       "dev": true,
  95 |       "requires": {
  96 |         "babel-helper-hoist-variables": "^6.24.1",
  97 |         "babel-runtime": "^6.22.0",
  98 |         "babel-traverse": "^6.24.1",
  99 |         "babel-types": "^6.24.1"
 100 |       }
 101 |     },
 102 |     "babel-helper-define-map": {
 103 |       "version": "6.26.0",
 104 |       "resolved": "https://registry.npmjs.org/babel-helper-define-map/-/babel-helper-define-map-6.26.0.tgz",
 105 |       "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=",
 106 |       "dev": true,
 107 |       "requires": {
 108 |         "babel-helper-function-name": "^6.24.1",
 109 |         "babel-runtime": "^6.26.0",
 110 |         "babel-types": "^6.26.0",
 111 |         "lodash": "^4.17.4"
 112 |       }
 113 |     },
 114 |     "babel-helper-explode-assignable-expression": {
 115 |       "version": "6.24.1",
 116 |       "resolved": "https://registry.npmjs.org/babel-helper-explode-assignable-expression/-/babel-helper-explode-assignable-expression-6.24.1.tgz",
 117 |       "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=",
 118 |       "dev": true,
 119 |       "requires": {
 120 |         "babel-runtime": "^6.22.0",
 121 |         "babel-traverse": "^6.24.1",
 122 |         "babel-types": "^6.24.1"
 123 |       }
 124 |     },
 125 |     "babel-helper-function-name": {
 126 |       "version": "6.24.1",
 127 |       "resolved": "https://registry.npmjs.org/babel-helper-function-name/-/babel-helper-function-name-6.24.1.tgz",
 128 |       "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=",
 129 |       "dev": true,
 130 |       "requires": {
 131 |         "babel-helper-get-function-arity": "^6.24.1",
 132 |         "babel-runtime": "^6.22.0",
 133 |         "babel-template": "^6.24.1",
 134 |         "babel-traverse": "^6.24.1",
 135 |         "babel-types": "^6.24.1"
 136 |       }
 137 |     },
 138 |     "babel-helper-get-function-arity": {
 139 |       "version": "6.24.1",
 140 |       "resolved": "https://registry.npmjs.org/babel-helper-get-function-arity/-/babel-helper-get-function-arity-6.24.1.tgz",
 141 |       "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=",
 142 |       "dev": true,
 143 |       "requires": {
 144 |         "babel-runtime": "^6.22.0",
 145 |         "babel-types": "^6.24.1"
 146 |       }
 147 |     },
 148 |     "babel-helper-hoist-variables": {
 149 |       "version": "6.24.1",
 150 |       "resolved": "https://registry.npmjs.org/babel-helper-hoist-variables/-/babel-helper-hoist-variables-6.24.1.tgz",
 151 |       "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=",
 152 |       "dev": true,
 153 |       "requires": {
 154 |         "babel-runtime": "^6.22.0",
 155 |         "babel-types": "^6.24.1"
 156 |       }
 157 |     },
 158 |     "babel-helper-optimise-call-expression": {
 159 |       "version": "6.24.1",
 160 |       "resolved": "https://registry.npmjs.org/babel-helper-optimise-call-expression/-/babel-helper-optimise-call-expression-6.24.1.tgz",
 161 |       "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=",
 162 |       "dev": true,
 163 |       "requires": {
 164 |         "babel-runtime": "^6.22.0",
 165 |         "babel-types": "^6.24.1"
 166 |       }
 167 |     },
 168 |     "babel-helper-regex": {
 169 |       "version": "6.26.0",
 170 |       "resolved": "https://registry.npmjs.org/babel-helper-regex/-/babel-helper-regex-6.26.0.tgz",
 171 |       "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=",
 172 |       "dev": true,
 173 |       "requires": {
 174 |         "babel-runtime": "^6.26.0",
 175 |         "babel-types": "^6.26.0",
 176 |         "lodash": "^4.17.4"
 177 |       }
 178 |     },
 179 |     "babel-helper-remap-async-to-generator": {
 180 |       "version": "6.24.1",
 181 |       "resolved": "https://registry.npmjs.org/babel-helper-remap-async-to-generator/-/babel-helper-remap-async-to-generator-6.24.1.tgz",
 182 |       "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=",
 183 |       "dev": true,
 184 |       "requires": {
 185 |         "babel-helper-function-name": "^6.24.1",
 186 |         "babel-runtime": "^6.22.0",
 187 |         "babel-template": "^6.24.1",
 188 |         "babel-traverse": "^6.24.1",
 189 |         "babel-types": "^6.24.1"
 190 |       }
 191 |     },
 192 |     "babel-helper-replace-supers": {
 193 |       "version": "6.24.1",
 194 |       "resolved": "https://registry.npmjs.org/babel-helper-replace-supers/-/babel-helper-replace-supers-6.24.1.tgz",
 195 |       "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=",
 196 |       "dev": true,
 197 |       "requires": {
 198 |         "babel-helper-optimise-call-expression": "^6.24.1",
 199 |         "babel-messages": "^6.23.0",
 200 |         "babel-runtime": "^6.22.0",
 201 |         "babel-template": "^6.24.1",
 202 |         "babel-traverse": "^6.24.1",
 203 |         "babel-types": "^6.24.1"
 204 |       }
 205 |     },
 206 |     "babel-helpers": {
 207 |       "version": "6.24.1",
 208 |       "resolved": "https://registry.npmjs.org/babel-helpers/-/babel-helpers-6.24.1.tgz",
 209 |       "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=",
 210 |       "dev": true,
 211 |       "requires": {
 212 |         "babel-runtime": "^6.22.0",
 213 |         "babel-template": "^6.24.1"
 214 |       }
 215 |     },
 216 |     "babel-messages": {
 217 |       "version": "6.23.0",
 218 |       "resolved": "https://registry.npmjs.org/babel-messages/-/babel-messages-6.23.0.tgz",
 219 |       "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
 220 |       "dev": true,
 221 |       "requires": {
 222 |         "babel-runtime": "^6.22.0"
 223 |       }
 224 |     },
 225 |     "babel-plugin-check-es2015-constants": {
 226 |       "version": "6.22.0",
 227 |       "resolved": "https://registry.npmjs.org/babel-plugin-check-es2015-constants/-/babel-plugin-check-es2015-constants-6.22.0.tgz",
 228 |       "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=",
 229 |       "dev": true,
 230 |       "requires": {
 231 |         "babel-runtime": "^6.22.0"
 232 |       }
 233 |     },
 234 |     "babel-plugin-syntax-async-functions": {
 235 |       "version": "6.13.0",
 236 |       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-async-functions/-/babel-plugin-syntax-async-functions-6.13.0.tgz",
 237 |       "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=",
 238 |       "dev": true
 239 |     },
 240 |     "babel-plugin-syntax-class-properties": {
 241 |       "version": "6.13.0",
 242 |       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-class-properties/-/babel-plugin-syntax-class-properties-6.13.0.tgz",
 243 |       "integrity": "sha1-1+sjt5oxf4VDlixQW4J8fWysJ94=",
 244 |       "dev": true
 245 |     },
 246 |     "babel-plugin-syntax-exponentiation-operator": {
 247 |       "version": "6.13.0",
 248 |       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-exponentiation-operator/-/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz",
 249 |       "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=",
 250 |       "dev": true
 251 |     },
 252 |     "babel-plugin-syntax-object-rest-spread": {
 253 |       "version": "6.13.0",
 254 |       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-object-rest-spread/-/babel-plugin-syntax-object-rest-spread-6.13.0.tgz",
 255 |       "integrity": "sha1-/WU28rzhODb/o6VFjEkDpZe7O/U=",
 256 |       "dev": true
 257 |     },
 258 |     "babel-plugin-syntax-trailing-function-commas": {
 259 |       "version": "6.22.0",
 260 |       "resolved": "https://registry.npmjs.org/babel-plugin-syntax-trailing-function-commas/-/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz",
 261 |       "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=",
 262 |       "dev": true
 263 |     },
 264 |     "babel-plugin-transform-async-to-generator": {
 265 |       "version": "6.24.1",
 266 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-generator/-/babel-plugin-transform-async-to-generator-6.24.1.tgz",
 267 |       "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=",
 268 |       "dev": true,
 269 |       "requires": {
 270 |         "babel-helper-remap-async-to-generator": "^6.24.1",
 271 |         "babel-plugin-syntax-async-functions": "^6.8.0",
 272 |         "babel-runtime": "^6.22.0"
 273 |       }
 274 |     },
 275 |     "babel-plugin-transform-class-properties": {
 276 |       "version": "6.24.1",
 277 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-class-properties/-/babel-plugin-transform-class-properties-6.24.1.tgz",
 278 |       "integrity": "sha1-anl2PqYdM9NvN7YRqp3vgagbRqw=",
 279 |       "dev": true,
 280 |       "requires": {
 281 |         "babel-helper-function-name": "^6.24.1",
 282 |         "babel-plugin-syntax-class-properties": "^6.8.0",
 283 |         "babel-runtime": "^6.22.0",
 284 |         "babel-template": "^6.24.1"
 285 |       }
 286 |     },
 287 |     "babel-plugin-transform-es2015-arrow-functions": {
 288 |       "version": "6.22.0",
 289 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-arrow-functions/-/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
 290 |       "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=",
 291 |       "dev": true,
 292 |       "requires": {
 293 |         "babel-runtime": "^6.22.0"
 294 |       }
 295 |     },
 296 |     "babel-plugin-transform-es2015-block-scoped-functions": {
 297 |       "version": "6.22.0",
 298 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoped-functions/-/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz",
 299 |       "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=",
 300 |       "dev": true,
 301 |       "requires": {
 302 |         "babel-runtime": "^6.22.0"
 303 |       }
 304 |     },
 305 |     "babel-plugin-transform-es2015-block-scoping": {
 306 |       "version": "6.26.0",
 307 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-block-scoping/-/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz",
 308 |       "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=",
 309 |       "dev": true,
 310 |       "requires": {
 311 |         "babel-runtime": "^6.26.0",
 312 |         "babel-template": "^6.26.0",
 313 |         "babel-traverse": "^6.26.0",
 314 |         "babel-types": "^6.26.0",
 315 |         "lodash": "^4.17.4"
 316 |       }
 317 |     },
 318 |     "babel-plugin-transform-es2015-classes": {
 319 |       "version": "6.24.1",
 320 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-classes/-/babel-plugin-transform-es2015-classes-6.24.1.tgz",
 321 |       "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=",
 322 |       "dev": true,
 323 |       "requires": {
 324 |         "babel-helper-define-map": "^6.24.1",
 325 |         "babel-helper-function-name": "^6.24.1",
 326 |         "babel-helper-optimise-call-expression": "^6.24.1",
 327 |         "babel-helper-replace-supers": "^6.24.1",
 328 |         "babel-messages": "^6.23.0",
 329 |         "babel-runtime": "^6.22.0",
 330 |         "babel-template": "^6.24.1",
 331 |         "babel-traverse": "^6.24.1",
 332 |         "babel-types": "^6.24.1"
 333 |       }
 334 |     },
 335 |     "babel-plugin-transform-es2015-computed-properties": {
 336 |       "version": "6.24.1",
 337 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-computed-properties/-/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz",
 338 |       "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=",
 339 |       "dev": true,
 340 |       "requires": {
 341 |         "babel-runtime": "^6.22.0",
 342 |         "babel-template": "^6.24.1"
 343 |       }
 344 |     },
 345 |     "babel-plugin-transform-es2015-destructuring": {
 346 |       "version": "6.23.0",
 347 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-destructuring/-/babel-plugin-transform-es2015-destructuring-6.23.0.tgz",
 348 |       "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=",
 349 |       "dev": true,
 350 |       "requires": {
 351 |         "babel-runtime": "^6.22.0"
 352 |       }
 353 |     },
 354 |     "babel-plugin-transform-es2015-duplicate-keys": {
 355 |       "version": "6.24.1",
 356 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-duplicate-keys/-/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz",
 357 |       "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=",
 358 |       "dev": true,
 359 |       "requires": {
 360 |         "babel-runtime": "^6.22.0",
 361 |         "babel-types": "^6.24.1"
 362 |       }
 363 |     },
 364 |     "babel-plugin-transform-es2015-for-of": {
 365 |       "version": "6.23.0",
 366 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-for-of/-/babel-plugin-transform-es2015-for-of-6.23.0.tgz",
 367 |       "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=",
 368 |       "dev": true,
 369 |       "requires": {
 370 |         "babel-runtime": "^6.22.0"
 371 |       }
 372 |     },
 373 |     "babel-plugin-transform-es2015-function-name": {
 374 |       "version": "6.24.1",
 375 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-function-name/-/babel-plugin-transform-es2015-function-name-6.24.1.tgz",
 376 |       "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=",
 377 |       "dev": true,
 378 |       "requires": {
 379 |         "babel-helper-function-name": "^6.24.1",
 380 |         "babel-runtime": "^6.22.0",
 381 |         "babel-types": "^6.24.1"
 382 |       }
 383 |     },
 384 |     "babel-plugin-transform-es2015-literals": {
 385 |       "version": "6.22.0",
 386 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-literals/-/babel-plugin-transform-es2015-literals-6.22.0.tgz",
 387 |       "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=",
 388 |       "dev": true,
 389 |       "requires": {
 390 |         "babel-runtime": "^6.22.0"
 391 |       }
 392 |     },
 393 |     "babel-plugin-transform-es2015-modules-amd": {
 394 |       "version": "6.24.1",
 395 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-amd/-/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz",
 396 |       "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=",
 397 |       "dev": true,
 398 |       "requires": {
 399 |         "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
 400 |         "babel-runtime": "^6.22.0",
 401 |         "babel-template": "^6.24.1"
 402 |       }
 403 |     },
 404 |     "babel-plugin-transform-es2015-modules-commonjs": {
 405 |       "version": "6.26.2",
 406 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-commonjs/-/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz",
 407 |       "integrity": "sha512-CV9ROOHEdrjcwhIaJNBGMBCodN+1cfkwtM1SbUHmvyy35KGT7fohbpOxkE2uLz1o6odKK2Ck/tz47z+VqQfi9Q==",
 408 |       "dev": true,
 409 |       "requires": {
 410 |         "babel-plugin-transform-strict-mode": "^6.24.1",
 411 |         "babel-runtime": "^6.26.0",
 412 |         "babel-template": "^6.26.0",
 413 |         "babel-types": "^6.26.0"
 414 |       }
 415 |     },
 416 |     "babel-plugin-transform-es2015-modules-systemjs": {
 417 |       "version": "6.24.1",
 418 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-systemjs/-/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
 419 |       "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=",
 420 |       "dev": true,
 421 |       "requires": {
 422 |         "babel-helper-hoist-variables": "^6.24.1",
 423 |         "babel-runtime": "^6.22.0",
 424 |         "babel-template": "^6.24.1"
 425 |       }
 426 |     },
 427 |     "babel-plugin-transform-es2015-modules-umd": {
 428 |       "version": "6.24.1",
 429 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-modules-umd/-/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz",
 430 |       "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=",
 431 |       "dev": true,
 432 |       "requires": {
 433 |         "babel-plugin-transform-es2015-modules-amd": "^6.24.1",
 434 |         "babel-runtime": "^6.22.0",
 435 |         "babel-template": "^6.24.1"
 436 |       }
 437 |     },
 438 |     "babel-plugin-transform-es2015-object-super": {
 439 |       "version": "6.24.1",
 440 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-object-super/-/babel-plugin-transform-es2015-object-super-6.24.1.tgz",
 441 |       "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=",
 442 |       "dev": true,
 443 |       "requires": {
 444 |         "babel-helper-replace-supers": "^6.24.1",
 445 |         "babel-runtime": "^6.22.0"
 446 |       }
 447 |     },
 448 |     "babel-plugin-transform-es2015-parameters": {
 449 |       "version": "6.24.1",
 450 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-parameters/-/babel-plugin-transform-es2015-parameters-6.24.1.tgz",
 451 |       "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=",
 452 |       "dev": true,
 453 |       "requires": {
 454 |         "babel-helper-call-delegate": "^6.24.1",
 455 |         "babel-helper-get-function-arity": "^6.24.1",
 456 |         "babel-runtime": "^6.22.0",
 457 |         "babel-template": "^6.24.1",
 458 |         "babel-traverse": "^6.24.1",
 459 |         "babel-types": "^6.24.1"
 460 |       }
 461 |     },
 462 |     "babel-plugin-transform-es2015-shorthand-properties": {
 463 |       "version": "6.24.1",
 464 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-shorthand-properties/-/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz",
 465 |       "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=",
 466 |       "dev": true,
 467 |       "requires": {
 468 |         "babel-runtime": "^6.22.0",
 469 |         "babel-types": "^6.24.1"
 470 |       }
 471 |     },
 472 |     "babel-plugin-transform-es2015-spread": {
 473 |       "version": "6.22.0",
 474 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-spread/-/babel-plugin-transform-es2015-spread-6.22.0.tgz",
 475 |       "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=",
 476 |       "dev": true,
 477 |       "requires": {
 478 |         "babel-runtime": "^6.22.0"
 479 |       }
 480 |     },
 481 |     "babel-plugin-transform-es2015-sticky-regex": {
 482 |       "version": "6.24.1",
 483 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-sticky-regex/-/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz",
 484 |       "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=",
 485 |       "dev": true,
 486 |       "requires": {
 487 |         "babel-helper-regex": "^6.24.1",
 488 |         "babel-runtime": "^6.22.0",
 489 |         "babel-types": "^6.24.1"
 490 |       }
 491 |     },
 492 |     "babel-plugin-transform-es2015-template-literals": {
 493 |       "version": "6.22.0",
 494 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-template-literals/-/babel-plugin-transform-es2015-template-literals-6.22.0.tgz",
 495 |       "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=",
 496 |       "dev": true,
 497 |       "requires": {
 498 |         "babel-runtime": "^6.22.0"
 499 |       }
 500 |     },
 501 |     "babel-plugin-transform-es2015-typeof-symbol": {
 502 |       "version": "6.23.0",
 503 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-typeof-symbol/-/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz",
 504 |       "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=",
 505 |       "dev": true,
 506 |       "requires": {
 507 |         "babel-runtime": "^6.22.0"
 508 |       }
 509 |     },
 510 |     "babel-plugin-transform-es2015-unicode-regex": {
 511 |       "version": "6.24.1",
 512 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-es2015-unicode-regex/-/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz",
 513 |       "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=",
 514 |       "dev": true,
 515 |       "requires": {
 516 |         "babel-helper-regex": "^6.24.1",
 517 |         "babel-runtime": "^6.22.0",
 518 |         "regexpu-core": "^2.0.0"
 519 |       }
 520 |     },
 521 |     "babel-plugin-transform-exponentiation-operator": {
 522 |       "version": "6.24.1",
 523 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-exponentiation-operator/-/babel-plugin-transform-exponentiation-operator-6.24.1.tgz",
 524 |       "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=",
 525 |       "dev": true,
 526 |       "requires": {
 527 |         "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1",
 528 |         "babel-plugin-syntax-exponentiation-operator": "^6.8.0",
 529 |         "babel-runtime": "^6.22.0"
 530 |       }
 531 |     },
 532 |     "babel-plugin-transform-object-rest-spread": {
 533 |       "version": "6.26.0",
 534 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-object-rest-spread/-/babel-plugin-transform-object-rest-spread-6.26.0.tgz",
 535 |       "integrity": "sha1-DzZpLVD+9rfi1LOsFHgTepY7ewY=",
 536 |       "dev": true,
 537 |       "requires": {
 538 |         "babel-plugin-syntax-object-rest-spread": "^6.8.0",
 539 |         "babel-runtime": "^6.26.0"
 540 |       }
 541 |     },
 542 |     "babel-plugin-transform-regenerator": {
 543 |       "version": "6.26.0",
 544 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-regenerator/-/babel-plugin-transform-regenerator-6.26.0.tgz",
 545 |       "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=",
 546 |       "dev": true,
 547 |       "requires": {
 548 |         "regenerator-transform": "^0.10.0"
 549 |       }
 550 |     },
 551 |     "babel-plugin-transform-strict-mode": {
 552 |       "version": "6.24.1",
 553 |       "resolved": "https://registry.npmjs.org/babel-plugin-transform-strict-mode/-/babel-plugin-transform-strict-mode-6.24.1.tgz",
 554 |       "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=",
 555 |       "dev": true,
 556 |       "requires": {
 557 |         "babel-runtime": "^6.22.0",
 558 |         "babel-types": "^6.24.1"
 559 |       }
 560 |     },
 561 |     "babel-preset-env": {
 562 |       "version": "1.7.0",
 563 |       "resolved": "https://registry.npmjs.org/babel-preset-env/-/babel-preset-env-1.7.0.tgz",
 564 |       "integrity": "sha512-9OR2afuKDneX2/q2EurSftUYM0xGu4O2D9adAhVfADDhrYDaxXV0rBbevVYoY9n6nyX1PmQW/0jtpJvUNr9CHg==",
 565 |       "dev": true,
 566 |       "requires": {
 567 |         "babel-plugin-check-es2015-constants": "^6.22.0",
 568 |         "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
 569 |         "babel-plugin-transform-async-to-generator": "^6.22.0",
 570 |         "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
 571 |         "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0",
 572 |         "babel-plugin-transform-es2015-block-scoping": "^6.23.0",
 573 |         "babel-plugin-transform-es2015-classes": "^6.23.0",
 574 |         "babel-plugin-transform-es2015-computed-properties": "^6.22.0",
 575 |         "babel-plugin-transform-es2015-destructuring": "^6.23.0",
 576 |         "babel-plugin-transform-es2015-duplicate-keys": "^6.22.0",
 577 |         "babel-plugin-transform-es2015-for-of": "^6.23.0",
 578 |         "babel-plugin-transform-es2015-function-name": "^6.22.0",
 579 |         "babel-plugin-transform-es2015-literals": "^6.22.0",
 580 |         "babel-plugin-transform-es2015-modules-amd": "^6.22.0",
 581 |         "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
 582 |         "babel-plugin-transform-es2015-modules-systemjs": "^6.23.0",
 583 |         "babel-plugin-transform-es2015-modules-umd": "^6.23.0",
 584 |         "babel-plugin-transform-es2015-object-super": "^6.22.0",
 585 |         "babel-plugin-transform-es2015-parameters": "^6.23.0",
 586 |         "babel-plugin-transform-es2015-shorthand-properties": "^6.22.0",
 587 |         "babel-plugin-transform-es2015-spread": "^6.22.0",
 588 |         "babel-plugin-transform-es2015-sticky-regex": "^6.22.0",
 589 |         "babel-plugin-transform-es2015-template-literals": "^6.22.0",
 590 |         "babel-plugin-transform-es2015-typeof-symbol": "^6.23.0",
 591 |         "babel-plugin-transform-es2015-unicode-regex": "^6.22.0",
 592 |         "babel-plugin-transform-exponentiation-operator": "^6.22.0",
 593 |         "babel-plugin-transform-regenerator": "^6.22.0",
 594 |         "browserslist": "^3.2.6",
 595 |         "invariant": "^2.2.2",
 596 |         "semver": "^5.3.0"
 597 |       }
 598 |     },
 599 |     "babel-register": {
 600 |       "version": "6.26.0",
 601 |       "resolved": "https://registry.npmjs.org/babel-register/-/babel-register-6.26.0.tgz",
 602 |       "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=",
 603 |       "dev": true,
 604 |       "requires": {
 605 |         "babel-core": "^6.26.0",
 606 |         "babel-runtime": "^6.26.0",
 607 |         "core-js": "^2.5.0",
 608 |         "home-or-tmp": "^2.0.0",
 609 |         "lodash": "^4.17.4",
 610 |         "mkdirp": "^0.5.1",
 611 |         "source-map-support": "^0.4.15"
 612 |       }
 613 |     },
 614 |     "babel-runtime": {
 615 |       "version": "6.26.0",
 616 |       "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
 617 |       "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
 618 |       "dev": true,
 619 |       "requires": {
 620 |         "core-js": "^2.4.0",
 621 |         "regenerator-runtime": "^0.11.0"
 622 |       }
 623 |     },
 624 |     "babel-template": {
 625 |       "version": "6.26.0",
 626 |       "resolved": "https://registry.npmjs.org/babel-template/-/babel-template-6.26.0.tgz",
 627 |       "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=",
 628 |       "dev": true,
 629 |       "requires": {
 630 |         "babel-runtime": "^6.26.0",
 631 |         "babel-traverse": "^6.26.0",
 632 |         "babel-types": "^6.26.0",
 633 |         "babylon": "^6.18.0",
 634 |         "lodash": "^4.17.4"
 635 |       }
 636 |     },
 637 |     "babel-traverse": {
 638 |       "version": "6.26.0",
 639 |       "resolved": "https://registry.npmjs.org/babel-traverse/-/babel-traverse-6.26.0.tgz",
 640 |       "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=",
 641 |       "dev": true,
 642 |       "requires": {
 643 |         "babel-code-frame": "^6.26.0",
 644 |         "babel-messages": "^6.23.0",
 645 |         "babel-runtime": "^6.26.0",
 646 |         "babel-types": "^6.26.0",
 647 |         "babylon": "^6.18.0",
 648 |         "debug": "^2.6.8",
 649 |         "globals": "^9.18.0",
 650 |         "invariant": "^2.2.2",
 651 |         "lodash": "^4.17.4"
 652 |       }
 653 |     },
 654 |     "babel-types": {
 655 |       "version": "6.26.0",
 656 |       "resolved": "https://registry.npmjs.org/babel-types/-/babel-types-6.26.0.tgz",
 657 |       "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
 658 |       "dev": true,
 659 |       "requires": {
 660 |         "babel-runtime": "^6.26.0",
 661 |         "esutils": "^2.0.2",
 662 |         "lodash": "^4.17.4",
 663 |         "to-fast-properties": "^1.0.3"
 664 |       }
 665 |     },
 666 |     "babylon": {
 667 |       "version": "6.18.0",
 668 |       "resolved": "https://registry.npmjs.org/babylon/-/babylon-6.18.0.tgz",
 669 |       "integrity": "sha512-q/UEjfGJ2Cm3oKV71DJz9d25TPnq5rhBVL2Q4fA5wcC3jcrdn7+SssEybFIxwAvvP+YCsCYNKughoF33GxgycQ==",
 670 |       "dev": true
 671 |     },
 672 |     "balanced-match": {
 673 |       "version": "1.0.0",
 674 |       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz",
 675 |       "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
 676 |       "dev": true
 677 |     },
 678 |     "brace-expansion": {
 679 |       "version": "1.1.11",
 680 |       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 681 |       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
 682 |       "dev": true,
 683 |       "requires": {
 684 |         "balanced-match": "^1.0.0",
 685 |         "concat-map": "0.0.1"
 686 |       }
 687 |     },
 688 |     "browserslist": {
 689 |       "version": "3.2.8",
 690 |       "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-3.2.8.tgz",
 691 |       "integrity": "sha512-WHVocJYavUwVgVViC0ORikPHQquXwVh939TaelZ4WDqpWgTX/FsGhl/+P4qBUAGcRvtOgDgC+xftNWWp2RUTAQ==",
 692 |       "dev": true,
 693 |       "requires": {
 694 |         "caniuse-lite": "^1.0.30000844",
 695 |         "electron-to-chromium": "^1.3.47"
 696 |       }
 697 |     },
 698 |     "caniuse-lite": {
 699 |       "version": "1.0.30000856",
 700 |       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000856.tgz",
 701 |       "integrity": "sha512-x3mYcApHMQemyaHuH/RyqtKCGIYTgEA63fdi+VBvDz8xUSmRiVWTLeyKcoGQCGG6UPR9/+4qG4OKrTa6aSQRKg==",
 702 |       "dev": true
 703 |     },
 704 |     "chalk": {
 705 |       "version": "1.1.3",
 706 |       "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
 707 |       "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
 708 |       "dev": true,
 709 |       "requires": {
 710 |         "ansi-styles": "^2.2.1",
 711 |         "escape-string-regexp": "^1.0.2",
 712 |         "has-ansi": "^2.0.0",
 713 |         "strip-ansi": "^3.0.0",
 714 |         "supports-color": "^2.0.0"
 715 |       }
 716 |     },
 717 |     "concat-map": {
 718 |       "version": "0.0.1",
 719 |       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
 720 |       "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
 721 |       "dev": true
 722 |     },
 723 |     "convert-source-map": {
 724 |       "version": "1.5.1",
 725 |       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.5.1.tgz",
 726 |       "integrity": "sha1-uCeAl7m8IpNl3lxiz1/K7YtVmeU=",
 727 |       "dev": true
 728 |     },
 729 |     "core-js": {
 730 |       "version": "2.5.7",
 731 |       "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.7.tgz",
 732 |       "integrity": "sha512-RszJCAxg/PP6uzXVXL6BsxSXx/B05oJAQ2vkJRjyjrEcNVycaqOmNb5OTxZPE3xa5gwZduqza6L9JOCenh/Ecw==",
 733 |       "dev": true
 734 |     },
 735 |     "debug": {
 736 |       "version": "2.6.9",
 737 |       "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
 738 |       "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
 739 |       "dev": true,
 740 |       "requires": {
 741 |         "ms": "2.0.0"
 742 |       }
 743 |     },
 744 |     "detect-indent": {
 745 |       "version": "4.0.0",
 746 |       "resolved": "https://registry.npmjs.org/detect-indent/-/detect-indent-4.0.0.tgz",
 747 |       "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
 748 |       "dev": true,
 749 |       "requires": {
 750 |         "repeating": "^2.0.0"
 751 |       }
 752 |     },
 753 |     "electron-to-chromium": {
 754 |       "version": "1.3.48",
 755 |       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.48.tgz",
 756 |       "integrity": "sha1-07DYWTgUBE4JLs4hCPw6ya6kuQA=",
 757 |       "dev": true
 758 |     },
 759 |     "encoding": {
 760 |       "version": "0.1.12",
 761 |       "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.12.tgz",
 762 |       "integrity": "sha1-U4tm8+5izRq1HsMjgp0flIDHS+s=",
 763 |       "dev": true,
 764 |       "requires": {
 765 |         "iconv-lite": "~0.4.13"
 766 |       }
 767 |     },
 768 |     "escape-string-regexp": {
 769 |       "version": "1.0.5",
 770 |       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
 771 |       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
 772 |       "dev": true
 773 |     },
 774 |     "estree-walker": {
 775 |       "version": "0.2.1",
 776 |       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-0.2.1.tgz",
 777 |       "integrity": "sha1-va/oCVOD2EFNXcLs9MkXO225QS4=",
 778 |       "dev": true
 779 |     },
 780 |     "esutils": {
 781 |       "version": "2.0.2",
 782 |       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.2.tgz",
 783 |       "integrity": "sha1-Cr9PHKpbyx96nYrMbepPqqBLrJs=",
 784 |       "dev": true
 785 |     },
 786 |     "fbjs": {
 787 |       "version": "0.8.17",
 788 |       "resolved": "https://registry.npmjs.org/fbjs/-/fbjs-0.8.17.tgz",
 789 |       "integrity": "sha1-xNWY6taUkRJlPWWIsBpc3Nn5D90=",
 790 |       "dev": true,
 791 |       "requires": {
 792 |         "core-js": "^1.0.0",
 793 |         "isomorphic-fetch": "^2.1.1",
 794 |         "loose-envify": "^1.0.0",
 795 |         "object-assign": "^4.1.0",
 796 |         "promise": "^7.1.1",
 797 |         "setimmediate": "^1.0.5",
 798 |         "ua-parser-js": "^0.7.18"
 799 |       },
 800 |       "dependencies": {
 801 |         "core-js": {
 802 |           "version": "1.2.7",
 803 |           "resolved": "https://registry.npmjs.org/core-js/-/core-js-1.2.7.tgz",
 804 |           "integrity": "sha1-ZSKUwUZR2yj6k70tX/KYOk8IxjY=",
 805 |           "dev": true
 806 |         }
 807 |       }
 808 |     },
 809 |     "globals": {
 810 |       "version": "9.18.0",
 811 |       "resolved": "https://registry.npmjs.org/globals/-/globals-9.18.0.tgz",
 812 |       "integrity": "sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ==",
 813 |       "dev": true
 814 |     },
 815 |     "has-ansi": {
 816 |       "version": "2.0.0",
 817 |       "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
 818 |       "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
 819 |       "dev": true,
 820 |       "requires": {
 821 |         "ansi-regex": "^2.0.0"
 822 |       }
 823 |     },
 824 |     "home-or-tmp": {
 825 |       "version": "2.0.0",
 826 |       "resolved": "https://registry.npmjs.org/home-or-tmp/-/home-or-tmp-2.0.0.tgz",
 827 |       "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=",
 828 |       "dev": true,
 829 |       "requires": {
 830 |         "os-homedir": "^1.0.0",
 831 |         "os-tmpdir": "^1.0.1"
 832 |       }
 833 |     },
 834 |     "iconv-lite": {
 835 |       "version": "0.4.23",
 836 |       "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
 837 |       "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
 838 |       "dev": true,
 839 |       "requires": {
 840 |         "safer-buffer": ">= 2.1.2 < 3"
 841 |       }
 842 |     },
 843 |     "invariant": {
 844 |       "version": "2.2.4",
 845 |       "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
 846 |       "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
 847 |       "dev": true,
 848 |       "requires": {
 849 |         "loose-envify": "^1.0.0"
 850 |       }
 851 |     },
 852 |     "is-finite": {
 853 |       "version": "1.0.2",
 854 |       "resolved": "https://registry.npmjs.org/is-finite/-/is-finite-1.0.2.tgz",
 855 |       "integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
 856 |       "dev": true,
 857 |       "requires": {
 858 |         "number-is-nan": "^1.0.0"
 859 |       }
 860 |     },
 861 |     "is-stream": {
 862 |       "version": "1.1.0",
 863 |       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
 864 |       "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
 865 |       "dev": true
 866 |     },
 867 |     "isomorphic-fetch": {
 868 |       "version": "2.2.1",
 869 |       "resolved": "https://registry.npmjs.org/isomorphic-fetch/-/isomorphic-fetch-2.2.1.tgz",
 870 |       "integrity": "sha1-YRrhrPFPXoH3KVB0coGf6XM1WKk=",
 871 |       "dev": true,
 872 |       "requires": {
 873 |         "node-fetch": "^1.0.1",
 874 |         "whatwg-fetch": ">=0.10.0"
 875 |       }
 876 |     },
 877 |     "js-tokens": {
 878 |       "version": "3.0.2",
 879 |       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-3.0.2.tgz",
 880 |       "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
 881 |       "dev": true
 882 |     },
 883 |     "jsesc": {
 884 |       "version": "1.3.0",
 885 |       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-1.3.0.tgz",
 886 |       "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
 887 |       "dev": true
 888 |     },
 889 |     "json5": {
 890 |       "version": "0.5.1",
 891 |       "resolved": "https://registry.npmjs.org/json5/-/json5-0.5.1.tgz",
 892 |       "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
 893 |       "dev": true
 894 |     },
 895 |     "lodash": {
 896 |       "version": "4.17.10",
 897 |       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.10.tgz",
 898 |       "integrity": "sha512-UejweD1pDoXu+AD825lWwp4ZGtSwgnpZxb3JDViD7StjQz+Nb/6l093lx4OQ0foGWNRoc19mWy7BzL+UAK2iVg==",
 899 |       "dev": true
 900 |     },
 901 |     "loose-envify": {
 902 |       "version": "1.3.1",
 903 |       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.3.1.tgz",
 904 |       "integrity": "sha1-0aitM/qc4OcT1l/dCsi3SNR4yEg=",
 905 |       "dev": true,
 906 |       "requires": {
 907 |         "js-tokens": "^3.0.0"
 908 |       }
 909 |     },
 910 |     "minimatch": {
 911 |       "version": "3.0.4",
 912 |       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz",
 913 |       "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==",
 914 |       "dev": true,
 915 |       "requires": {
 916 |         "brace-expansion": "^1.1.7"
 917 |       }
 918 |     },
 919 |     "minimist": {
 920 |       "version": "0.0.8",
 921 |       "resolved": "https://registry.npmjs.org/minimist/-/minimist-0.0.8.tgz",
 922 |       "integrity": "sha1-hX/Kv8M5fSYluCKCYuhqp6ARsF0=",
 923 |       "dev": true
 924 |     },
 925 |     "mkdirp": {
 926 |       "version": "0.5.1",
 927 |       "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.1.tgz",
 928 |       "integrity": "sha1-MAV0OOrGz3+MR2fzhkjWaX11yQM=",
 929 |       "dev": true,
 930 |       "requires": {
 931 |         "minimist": "0.0.8"
 932 |       }
 933 |     },
 934 |     "ms": {
 935 |       "version": "2.0.0",
 936 |       "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
 937 |       "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
 938 |       "dev": true
 939 |     },
 940 |     "node-fetch": {
 941 |       "version": "1.7.3",
 942 |       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-1.7.3.tgz",
 943 |       "integrity": "sha512-NhZ4CsKx7cYm2vSrBAr2PvFOe6sWDf0UYLRqA6svUYg7+/TSfVAu49jYC4BvQ4Sms9SZgdqGBgroqfDhJdTyKQ==",
 944 |       "dev": true,
 945 |       "requires": {
 946 |         "encoding": "^0.1.11",
 947 |         "is-stream": "^1.0.1"
 948 |       }
 949 |     },
 950 |     "number-is-nan": {
 951 |       "version": "1.0.1",
 952 |       "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
 953 |       "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
 954 |       "dev": true
 955 |     },
 956 |     "object-assign": {
 957 |       "version": "4.1.1",
 958 |       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
 959 |       "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
 960 |       "dev": true
 961 |     },
 962 |     "os-homedir": {
 963 |       "version": "1.0.2",
 964 |       "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
 965 |       "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
 966 |       "dev": true
 967 |     },
 968 |     "os-tmpdir": {
 969 |       "version": "1.0.2",
 970 |       "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
 971 |       "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
 972 |       "dev": true
 973 |     },
 974 |     "path-is-absolute": {
 975 |       "version": "1.0.1",
 976 |       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
 977 |       "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
 978 |       "dev": true
 979 |     },
 980 |     "preact": {
 981 |       "version": "8.2.9",
 982 |       "resolved": "https://registry.npmjs.org/preact/-/preact-8.2.9.tgz",
 983 |       "integrity": "sha512-ThuGXBmJS3VsT+jIP+eQufD3L8pRw/PY3FoCys6O9Pu6aF12Pn9zAJDX99TfwRAFOCEKm/P0lwiPTbqKMJp0fA==",
 984 |       "dev": true
 985 |     },
 986 |     "private": {
 987 |       "version": "0.1.8",
 988 |       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
 989 |       "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
 990 |       "dev": true
 991 |     },
 992 |     "promise": {
 993 |       "version": "7.3.1",
 994 |       "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
 995 |       "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
 996 |       "dev": true,
 997 |       "requires": {
 998 |         "asap": "~2.0.3"
 999 |       }
1000 |     },
1001 |     "prop-types": {
1002 |       "version": "15.6.2",
1003 |       "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz",
1004 |       "integrity": "sha512-3pboPvLiWD7dkI3qf3KbUe6hKFKa52w+AE0VCqECtf+QHAKgOL37tTaNCnuX1nAAQ4ZhyP+kYVKf8rLmJ/feDQ==",
1005 |       "dev": true,
1006 |       "requires": {
1007 |         "loose-envify": "^1.3.1",
1008 |         "object-assign": "^4.1.1"
1009 |       }
1010 |     },
1011 |     "react": {
1012 |       "version": "16.4.1",
1013 |       "resolved": "https://registry.npmjs.org/react/-/react-16.4.1.tgz",
1014 |       "integrity": "sha512-3GEs0giKp6E0Oh/Y9ZC60CmYgUPnp7voH9fbjWsvXtYFb4EWtgQub0ADSq0sJR0BbHc4FThLLtzlcFaFXIorwg==",
1015 |       "dev": true,
1016 |       "requires": {
1017 |         "fbjs": "^0.8.16",
1018 |         "loose-envify": "^1.1.0",
1019 |         "object-assign": "^4.1.1",
1020 |         "prop-types": "^15.6.0"
1021 |       }
1022 |     },
1023 |     "regenerate": {
1024 |       "version": "1.4.0",
1025 |       "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.0.tgz",
1026 |       "integrity": "sha512-1G6jJVDWrt0rK99kBjvEtziZNCICAuvIPkSiUFIQxVP06RCVpq3dmDo2oi6ABpYaDYaTRr67BEhL8r1wgEZZKg==",
1027 |       "dev": true
1028 |     },
1029 |     "regenerator-runtime": {
1030 |       "version": "0.11.1",
1031 |       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
1032 |       "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==",
1033 |       "dev": true
1034 |     },
1035 |     "regenerator-transform": {
1036 |       "version": "0.10.1",
1037 |       "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.10.1.tgz",
1038 |       "integrity": "sha512-PJepbvDbuK1xgIgnau7Y90cwaAmO/LCLMI2mPvaXq2heGMR3aWW5/BQvYrhJ8jgmQjXewXvBjzfqKcVOmhjZ6Q==",
1039 |       "dev": true,
1040 |       "requires": {
1041 |         "babel-runtime": "^6.18.0",
1042 |         "babel-types": "^6.19.0",
1043 |         "private": "^0.1.6"
1044 |       }
1045 |     },
1046 |     "regexpu-core": {
1047 |       "version": "2.0.0",
1048 |       "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-2.0.0.tgz",
1049 |       "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=",
1050 |       "dev": true,
1051 |       "requires": {
1052 |         "regenerate": "^1.2.1",
1053 |         "regjsgen": "^0.2.0",
1054 |         "regjsparser": "^0.1.4"
1055 |       }
1056 |     },
1057 |     "regjsgen": {
1058 |       "version": "0.2.0",
1059 |       "resolved": "https://registry.npmjs.org/regjsgen/-/regjsgen-0.2.0.tgz",
1060 |       "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
1061 |       "dev": true
1062 |     },
1063 |     "regjsparser": {
1064 |       "version": "0.1.5",
1065 |       "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.1.5.tgz",
1066 |       "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
1067 |       "dev": true,
1068 |       "requires": {
1069 |         "jsesc": "~0.5.0"
1070 |       },
1071 |       "dependencies": {
1072 |         "jsesc": {
1073 |           "version": "0.5.0",
1074 |           "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
1075 |           "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
1076 |           "dev": true
1077 |         }
1078 |       }
1079 |     },
1080 |     "repeating": {
1081 |       "version": "2.0.1",
1082 |       "resolved": "https://registry.npmjs.org/repeating/-/repeating-2.0.1.tgz",
1083 |       "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
1084 |       "dev": true,
1085 |       "requires": {
1086 |         "is-finite": "^1.0.0"
1087 |       }
1088 |     },
1089 |     "rollup": {
1090 |       "version": "0.56.5",
1091 |       "resolved": "https://registry.npmjs.org/rollup/-/rollup-0.56.5.tgz",
1092 |       "integrity": "sha512-IGPk5vdWrsc4vkiW9XMeXr5QMtxmvATTttTi59w2jBQWe9G/MMQtn8teIBAj+DdK51TrpVT6P0aQUaQUlUYCJA==",
1093 |       "dev": true
1094 |     },
1095 |     "rollup-plugin-babel": {
1096 |       "version": "3.0.4",
1097 |       "resolved": "https://registry.npmjs.org/rollup-plugin-babel/-/rollup-plugin-babel-3.0.4.tgz",
1098 |       "integrity": "sha512-TGhQbliTZnRoUhd2214K3r4KJUBu9J1DPzcrAnkluVXOVrveU9OvAaYQ16KyOmujAoq+LMC1+x6YF2xBrU7t+g==",
1099 |       "dev": true,
1100 |       "requires": {
1101 |         "rollup-pluginutils": "^1.5.0"
1102 |       }
1103 |     },
1104 |     "rollup-pluginutils": {
1105 |       "version": "1.5.2",
1106 |       "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-1.5.2.tgz",
1107 |       "integrity": "sha1-HhVud4+UtyVb+hs9AXi+j1xVJAg=",
1108 |       "dev": true,
1109 |       "requires": {
1110 |         "estree-walker": "^0.2.1",
1111 |         "minimatch": "^3.0.2"
1112 |       }
1113 |     },
1114 |     "safer-buffer": {
1115 |       "version": "2.1.2",
1116 |       "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
1117 |       "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
1118 |       "dev": true
1119 |     },
1120 |     "semver": {
1121 |       "version": "5.5.0",
1122 |       "resolved": "https://registry.npmjs.org/semver/-/semver-5.5.0.tgz",
1123 |       "integrity": "sha512-4SJ3dm0WAwWy/NVeioZh5AntkdJoWKxHxcmyP622fOkgHa4z3R0TdBJICINyaSDE6uNwVc8gZr+ZinwZAH4xIA==",
1124 |       "dev": true
1125 |     },
1126 |     "setimmediate": {
1127 |       "version": "1.0.5",
1128 |       "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
1129 |       "integrity": "sha1-KQy7Iy4waULX1+qbg3Mqt4VvgoU=",
1130 |       "dev": true
1131 |     },
1132 |     "slash": {
1133 |       "version": "1.0.0",
1134 |       "resolved": "https://registry.npmjs.org/slash/-/slash-1.0.0.tgz",
1135 |       "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
1136 |       "dev": true
1137 |     },
1138 |     "source-map": {
1139 |       "version": "0.5.7",
1140 |       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
1141 |       "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
1142 |       "dev": true
1143 |     },
1144 |     "source-map-support": {
1145 |       "version": "0.4.18",
1146 |       "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.4.18.tgz",
1147 |       "integrity": "sha512-try0/JqxPLF9nOjvSta7tVondkP5dwgyLDjVoyMDlmjugT2lRZ1OfsrYTkCd2hkDnJTKRbO/Rl3orm8vlsUzbA==",
1148 |       "dev": true,
1149 |       "requires": {
1150 |         "source-map": "^0.5.6"
1151 |       }
1152 |     },
1153 |     "strip-ansi": {
1154 |       "version": "3.0.1",
1155 |       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
1156 |       "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
1157 |       "dev": true,
1158 |       "requires": {
1159 |         "ansi-regex": "^2.0.0"
1160 |       }
1161 |     },
1162 |     "supports-color": {
1163 |       "version": "2.0.0",
1164 |       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
1165 |       "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
1166 |       "dev": true
1167 |     },
1168 |     "to-fast-properties": {
1169 |       "version": "1.0.3",
1170 |       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-1.0.3.tgz",
1171 |       "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
1172 |       "dev": true
1173 |     },
1174 |     "trim-right": {
1175 |       "version": "1.0.1",
1176 |       "resolved": "https://registry.npmjs.org/trim-right/-/trim-right-1.0.1.tgz",
1177 |       "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
1178 |       "dev": true
1179 |     },
1180 |     "ua-parser-js": {
1181 |       "version": "0.7.18",
1182 |       "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.18.tgz",
1183 |       "integrity": "sha512-LtzwHlVHwFGTptfNSgezHp7WUlwiqb0gA9AALRbKaERfxwJoiX0A73QbTToxteIAuIaFshhgIZfqK8s7clqgnA==",
1184 |       "dev": true
1185 |     },
1186 |     "whatwg-fetch": {
1187 |       "version": "2.0.4",
1188 |       "resolved": "https://registry.npmjs.org/whatwg-fetch/-/whatwg-fetch-2.0.4.tgz",
1189 |       "integrity": "sha512-dcQ1GWpOD/eEQ97k66aiEVpNnapVj90/+R+SXTPYGHpYBBypfKJEQjLrvMZ7YXbKm21gXd4NcuxUTjiv1YtLng==",
1190 |       "dev": true
1191 |     }
1192 |   }
1193 | }
1194 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "preact-bind-group",
 3 |   "version": "2.0.3",
 4 |   "description": "simple preact grouping onChange events",
 5 |   "scripts": {
 6 |     "build": "npm run build:react ; npm run build:preact",
 7 |     "build:react": "rollup -c rollup.react.js",
 8 |     "build:preact": "rollup -c rollup.preact.js"
 9 |   },
10 |   "main": "dist/preact-bind-group.js",
11 |   "module": "dist/preact-bind-group.es.js",
12 |   "keywords": [
13 |     "preact",
14 |     "react",
15 |     "forms",
16 |     "events"
17 |   ],
18 |   "author": "k1r0s",
19 |   "license": "ISC",
20 |   "devDependencies": {
21 |     "babel-core": "^6.26.0",
22 |     "babel-plugin-transform-class-properties": "^6.24.1",
23 |     "babel-plugin-transform-es2015-computed-properties": "^6.24.1",
24 |     "babel-plugin-transform-object-rest-spread": "^6.26.0",
25 |     "babel-preset-env": "^1.6.1",
26 |     "preact": "^8.2.7",
27 |     "react": "^16.2.0",
28 |     "rollup": "^0.56.2",
29 |     "rollup-plugin-babel": "^3.0.2"
30 |   },
31 |   "peerDependencies": {
32 |     "preact": "*",
33 |     "react": "*"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/preact.dev.js:
--------------------------------------------------------------------------------
 1 | import { h, Component } from "preact";
 2 | 
 3 | export class FormGroup extends Component {
 4 |   static bindAttrName = "data-bind";
 5 |   static bindAttrEvent = "data-event";
 6 |   static watchHandlerAttrName = "watch";
 7 |   static preloadStateAttrName = "preload";
 8 | 
 9 |   onPropertyChange(change, evt) {
10 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
11 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
12 |     }
13 |   }
14 | 
15 |   componentWillReceiveProps(nextProps) {
16 |     if(nextProps[FormGroup.preloadStateAttrName]) {
17 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
18 |     }
19 |   }
20 | 
21 |   componentWillMount() {
22 |     if(this.props[FormGroup.preloadStateAttrName]) {
23 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
24 |     }
25 |   }
26 | 
27 |   transformChildren(children) {
28 |     return children.map(child => FormGroup.mapChildren(child, this.onPropertyChange.bind(this), this.state, this.setState.bind(this)));
29 |   }
30 | 
31 |   render(props) {
32 |     const { children, watch, preload,  ...rest } = props;
33 |     return (
34 |       h("div", rest, [
35 |         this.transformChildren(children)
36 |       ])
37 |     )
38 |   }
39 | 
40 |   static extractValue(target) {
41 |     if(target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
42 |       return target.checked;
43 |     } else {
44 |       return target.value;
45 |     }
46 |   }
47 | 
48 |   static createChangeReport(child, { target }, setState) {
49 |     const change = {
50 |       [child.attributes[FormGroup.bindAttrName]]: FormGroup.extractValue(target)
51 |     };
52 | 
53 |     setState(state => ({ ...state, ...change }));
54 |     return [change, child.attributes[FormGroup.bindAttrName]];
55 |   }
56 | 
57 |   static getFormProps(child, state) {
58 |     const drivenValue = typeof child.attributes.value === "string";
59 |     const drivenChecked = typeof child.attributes.checked === "string";
60 | 
61 |     if (child.attributes.type === "checkbox") {
62 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] };
63 |     }
64 | 
65 |     if (child.attributes.type === "radio") {
66 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] === child.attributes.value };
67 |     }
68 | 
69 |     return { value: drivenValue ? child.attributes.value : state[child.attributes[FormGroup.bindAttrName]] };
70 |   }
71 | 
72 |   static mapChildren (child, cbk, state, setState) {
73 |     if (!child) return null;
74 |     if (child.attributes instanceof Object && child.attributes[FormGroup.bindAttrName]) {
75 |       child.attributes = {
76 |         ...child.attributes,
77 |         [child.attributes[FormGroup.bindAttrEvent] || 'onChange']: evt => cbk.apply(null, [...FormGroup.createChangeReport(child, evt, setState), evt]),
78 |         name: child.attributes[FormGroup.bindAttrName],
79 |         ...FormGroup.getFormProps(child, state)
80 |       }
81 |     } else if (child.children instanceof Array && child.children.length) {
82 |       child.children = child.children.map(child => FormGroup.mapChildren(child, cbk, state, setState));
83 |     }
84 |     return child;
85 |   }
86 | }
87 | 


--------------------------------------------------------------------------------
/preact.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 | 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('preact')) :
  3 | 	typeof define === 'function' && define.amd ? define(['exports', 'preact'], factory) :
  4 | 	(factory((global.preactFormGroup = {}),global.preact));
  5 | }(this, (function (exports,preact) { 'use strict';
  6 | 
  7 | 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; };
  8 | 
  9 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 10 | 
 11 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 12 | 
 13 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 14 | 
 15 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 16 | 
 17 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 18 | 
 19 | var FormGroup = function (_Component) {
 20 |   _inherits(FormGroup, _Component);
 21 | 
 22 |   function FormGroup() {
 23 |     _classCallCheck(this, FormGroup);
 24 | 
 25 |     return _possibleConstructorReturn(this, _Component.apply(this, arguments));
 26 |   }
 27 | 
 28 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 29 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 30 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 31 |     }
 32 |   };
 33 | 
 34 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 35 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 36 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 37 |     }
 38 |   };
 39 | 
 40 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 41 |     if (this.props[FormGroup.preloadStateAttrName]) {
 42 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 43 |     }
 44 |   };
 45 | 
 46 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 47 |     var _this2 = this;
 48 | 
 49 |     return children.map(function (child) {
 50 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 51 |     });
 52 |   };
 53 | 
 54 |   FormGroup.prototype.render = function render(props) {
 55 |     var children = props.children,
 56 |         watch = props.watch,
 57 |         preload = props.preload,
 58 |         rest = _objectWithoutProperties(props, ["children", "watch", "preload"]);
 59 | 
 60 |     return preact.h("div", rest, [this.transformChildren(children)]);
 61 |   };
 62 | 
 63 |   FormGroup.extractValue = function extractValue(target) {
 64 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 65 |       return target.checked;
 66 |     } else {
 67 |       return target.value;
 68 |     }
 69 |   };
 70 | 
 71 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 72 |     var target = _ref.target;
 73 | 
 74 |     var change = _defineProperty({}, child.attributes[FormGroup.bindAttrName], FormGroup.extractValue(target));
 75 | 
 76 |     setState(function (state) {
 77 |       return _extends({}, state, change);
 78 |     });
 79 |     return [change, child.attributes[FormGroup.bindAttrName]];
 80 |   };
 81 | 
 82 |   FormGroup.getFormProps = function getFormProps(child, state) {
 83 |     var drivenValue = typeof child.attributes.value === "string";
 84 |     var drivenChecked = typeof child.attributes.checked === "string";
 85 | 
 86 |     if (child.attributes.type === "checkbox") {
 87 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] };
 88 |     }
 89 | 
 90 |     if (child.attributes.type === "radio") {
 91 |       return { checked: drivenChecked ? child.attributes.checked : state[child.attributes[FormGroup.bindAttrName]] === child.attributes.value };
 92 |     }
 93 | 
 94 |     return { value: drivenValue ? child.attributes.value : state[child.attributes[FormGroup.bindAttrName]] };
 95 |   };
 96 | 
 97 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
 98 |     if (!child) return null;
 99 |     if (child.attributes instanceof Object && child.attributes[FormGroup.bindAttrName]) {
100 |       var _extends2;
101 | 
102 |       child.attributes = _extends({}, child.attributes, (_extends2 = {}, _defineProperty(_extends2, child.attributes[FormGroup.bindAttrEvent] || 'onChange', function (evt) {
103 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
104 |       }), _defineProperty(_extends2, "name", child.attributes[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
105 |     } else if (child.children instanceof Array && child.children.length) {
106 |       child.children = child.children.map(function (child) {
107 |         return FormGroup.mapChildren(child, cbk, state, setState);
108 |       });
109 |     }
110 |     return child;
111 |   };
112 | 
113 |   return FormGroup;
114 | }(preact.Component);
115 | FormGroup.bindAttrName = "data-bind";
116 | FormGroup.bindAttrEvent = "data-event";
117 | FormGroup.watchHandlerAttrName = "watch";
118 | FormGroup.preloadStateAttrName = "preload";
119 | 
120 | exports.FormGroup = FormGroup;
121 | 
122 | Object.defineProperty(exports, '__esModule', { value: true });
123 | 
124 | })));
125 | 


--------------------------------------------------------------------------------
/react.dev.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | 
  3 | export class FormGroup extends React.Component {
  4 |   static bindAttrName = "data-bind";
  5 |   static bindAttrEvent = "data-event";
  6 |   static watchHandlerAttrName = "watch";
  7 |   static preloadStateAttrName = "preload";
  8 |   static defaultEvent = "onChange";
  9 |   static key = 0;
 10 | 
 11 |   state = {};
 12 | 
 13 |   onPropertyChange(change, evt) {
 14 |     if (
 15 |       this.props instanceof Object &&
 16 |       typeof this.props[FormGroup.watchHandlerAttrName] === "function"
 17 |     ) {
 18 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 19 |     }
 20 |   }
 21 | 
 22 |   componentWillMount() {
 23 |     if (this.props[FormGroup.preloadStateAttrName]) {
 24 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 25 |     }
 26 |   }
 27 | 
 28 |   componentWillReceiveProps(nextProps) {
 29 |     if(nextProps[FormGroup.preloadStateAttrName]) {
 30 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 31 |     }
 32 |   }
 33 | 
 34 |   transformChildren(children) {
 35 |     return children.map(child =>
 36 |       FormGroup.mapChildren(
 37 |         child,
 38 |         this.onPropertyChange.bind(this),
 39 |         this.state,
 40 |         this.setState.bind(this)
 41 |       )
 42 |     );
 43 |   }
 44 | 
 45 |   render() {
 46 |     const { children, watch, preload, ...rest } = this.props;
 47 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 48 |   }
 49 | 
 50 |   static extractValue(target) {
 51 |     if (
 52 |       target.nodeName === "INPUT" &&
 53 |       target.getAttribute("type") === "checkbox"
 54 |     ) {
 55 |       return target.checked;
 56 |     } else {
 57 |       return target.value;
 58 |     }
 59 |   }
 60 | 
 61 |   static createChangeReport(child, { target }, setState) {
 62 |     const change = {
 63 |       [child.props[FormGroup.bindAttrName]]: FormGroup.extractValue(target)
 64 |     };
 65 | 
 66 |     setState(state => ({ ...state, ...change }));
 67 |     return [change, child.props[FormGroup.bindAttrName]];
 68 |   }
 69 | 
 70 |   static getFormProps(child, state) {
 71 |     if (child.props.type === "checkbox") {
 72 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 73 |     }
 74 | 
 75 |     if (child.props.type === "radio") {
 76 |       return {
 77 |         checked:
 78 |           state[child.props[FormGroup.bindAttrName]] === child.props.value
 79 |       };
 80 |     }
 81 | 
 82 |     return { value: state[child.props[FormGroup.bindAttrName]] };
 83 |   }
 84 | 
 85 |   static getReactKey() {
 86 |     return FormGroup.key++;
 87 |   }
 88 | 
 89 |   static mapChildren(child, cbk, state, setState) {
 90 |     if (!child) return null;
 91 |     const { children, ...props } = child.props;
 92 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
 93 |     let newProps = { ...props };
 94 |     let newChildren;
 95 | 
 96 |     if (child.props[FormGroup.bindAttrName]) {
 97 |       newProps = {
 98 |         ...newProps,
 99 |         [newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent]: evt =>
100 |           cbk.apply(null, [
101 |             ...FormGroup.createChangeReport(child, evt, setState),
102 |             evt
103 |           ]),
104 |         name: newProps[FormGroup.bindAttrName],
105 |         ...FormGroup.getFormProps(child, state)
106 |       };
107 |     } else if (children instanceof Array) {
108 |       newChildren = children.map(nthchild =>
109 |         FormGroup.mapChildren(nthchild, cbk, state, setState)
110 |       );
111 |     } else if (children instanceof Object) {
112 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
113 |     }
114 | 
115 |     return React.cloneElement(child, newProps, newChildren || children);
116 |   }
117 | }
118 | 


--------------------------------------------------------------------------------
/react.js:
--------------------------------------------------------------------------------
  1 | (function (global, factory) {
  2 | 	typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
  3 | 	typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
  4 | 	(factory((global.reactFormGroup = {}),global.React));
  5 | }(this, (function (exports,React) { 'use strict';
  6 | 
  7 | React = React && React.hasOwnProperty('default') ? React['default'] : React;
  8 | 
  9 | 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; };
 10 | 
 11 | function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 12 | 
 13 | function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
 14 | 
 15 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 16 | 
 17 | function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
 18 | 
 19 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 20 | 
 21 | var FormGroup = function (_React$Component) {
 22 |   _inherits(FormGroup, _React$Component);
 23 | 
 24 |   function FormGroup() {
 25 |     var _temp, _this, _ret;
 26 | 
 27 |     _classCallCheck(this, FormGroup);
 28 | 
 29 |     for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
 30 |       args[_key] = arguments[_key];
 31 |     }
 32 | 
 33 |     return _ret = (_temp = (_this = _possibleConstructorReturn(this, _React$Component.call.apply(_React$Component, [this].concat(args))), _this), _this.state = {}, _temp), _possibleConstructorReturn(_this, _ret);
 34 |   }
 35 | 
 36 |   FormGroup.prototype.onPropertyChange = function onPropertyChange(change, evt) {
 37 |     if (this.props instanceof Object && typeof this.props[FormGroup.watchHandlerAttrName] === "function") {
 38 |       this.props[FormGroup.watchHandlerAttrName].call(null, change, evt);
 39 |     }
 40 |   };
 41 | 
 42 |   FormGroup.prototype.componentWillMount = function componentWillMount() {
 43 |     if (this.props[FormGroup.preloadStateAttrName]) {
 44 |       this.setState(this.props[FormGroup.preloadStateAttrName]);
 45 |     }
 46 |   };
 47 | 
 48 |   FormGroup.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
 49 |     if (nextProps[FormGroup.preloadStateAttrName]) {
 50 |       this.setState(nextProps[FormGroup.preloadStateAttrName]);
 51 |     }
 52 |   };
 53 | 
 54 |   FormGroup.prototype.transformChildren = function transformChildren(children) {
 55 |     var _this2 = this;
 56 | 
 57 |     return children.map(function (child) {
 58 |       return FormGroup.mapChildren(child, _this2.onPropertyChange.bind(_this2), _this2.state, _this2.setState.bind(_this2));
 59 |     });
 60 |   };
 61 | 
 62 |   FormGroup.prototype.render = function render() {
 63 |     var _props = this.props,
 64 |         children = _props.children,
 65 |         watch = _props.watch,
 66 |         preload = _props.preload,
 67 |         rest = _objectWithoutProperties(_props, ["children", "watch", "preload"]);
 68 | 
 69 |     return React.createElement("div", rest, [this.transformChildren(children)]);
 70 |   };
 71 | 
 72 |   FormGroup.extractValue = function extractValue(target) {
 73 |     if (target.nodeName === "INPUT" && target.getAttribute("type") === "checkbox") {
 74 |       return target.checked;
 75 |     } else {
 76 |       return target.value;
 77 |     }
 78 |   };
 79 | 
 80 |   FormGroup.createChangeReport = function createChangeReport(child, _ref, setState) {
 81 |     var target = _ref.target;
 82 | 
 83 |     var change = _defineProperty({}, child.props[FormGroup.bindAttrName], FormGroup.extractValue(target));
 84 | 
 85 |     setState(function (state) {
 86 |       return _extends({}, state, change);
 87 |     });
 88 |     return [change, child.props[FormGroup.bindAttrName]];
 89 |   };
 90 | 
 91 |   FormGroup.getFormProps = function getFormProps(child, state) {
 92 |     if (child.props.type === "checkbox") {
 93 |       return { checked: state[child.props[FormGroup.bindAttrName]] };
 94 |     }
 95 | 
 96 |     if (child.props.type === "radio") {
 97 |       return {
 98 |         checked: state[child.props[FormGroup.bindAttrName]] === child.props.value
 99 |       };
100 |     }
101 | 
102 |     return { value: state[child.props[FormGroup.bindAttrName]] };
103 |   };
104 | 
105 |   FormGroup.getReactKey = function getReactKey() {
106 |     return FormGroup.key++;
107 |   };
108 | 
109 |   FormGroup.mapChildren = function mapChildren(child, cbk, state, setState) {
110 |     if (!child) return null;
111 | 
112 |     var _child$props = child.props,
113 |         children = _child$props.children,
114 |         props = _objectWithoutProperties(_child$props, ["children"]);
115 |     //    let newProps = { ...props, key: `fg${FormGroup.getReactKey()}` };
116 | 
117 | 
118 |     var newProps = _extends({}, props);
119 |     var newChildren = void 0;
120 | 
121 |     if (child.props[FormGroup.bindAttrName]) {
122 |       var _extends2;
123 | 
124 |       newProps = _extends({}, newProps, (_extends2 = {}, _defineProperty(_extends2, newProps[FormGroup.bindAttrEvent] || FormGroup.defaultEvent, function (evt) {
125 |         return cbk.apply(null, [].concat(FormGroup.createChangeReport(child, evt, setState), [evt]));
126 |       }), _defineProperty(_extends2, "name", newProps[FormGroup.bindAttrName]), _extends2), FormGroup.getFormProps(child, state));
127 |     } else if (children instanceof Array) {
128 |       newChildren = children.map(function (nthchild) {
129 |         return FormGroup.mapChildren(nthchild, cbk, state, setState);
130 |       });
131 |     } else if (children instanceof Object) {
132 |       newChildren = FormGroup.mapChildren(children, cbk, state, setState);
133 |     }
134 | 
135 |     return React.cloneElement(child, newProps, newChildren || children);
136 |   };
137 | 
138 |   return FormGroup;
139 | }(React.Component);
140 | FormGroup.bindAttrName = "data-bind";
141 | FormGroup.bindAttrEvent = "data-event";
142 | FormGroup.watchHandlerAttrName = "watch";
143 | FormGroup.preloadStateAttrName = "preload";
144 | FormGroup.defaultEvent = "onChange";
145 | FormGroup.key = 0;
146 | 
147 | exports.FormGroup = FormGroup;
148 | 
149 | Object.defineProperty(exports, '__esModule', { value: true });
150 | 
151 | })));
152 | 


--------------------------------------------------------------------------------
/rollup.common.js:
--------------------------------------------------------------------------------
1 | import babel from 'rollup-plugin-babel';
2 | 
3 | export default [
4 |   babel({
5 |     exclude: 'node_modules/**'
6 |   })
7 | ]
8 | 


--------------------------------------------------------------------------------
/rollup.preact.js:
--------------------------------------------------------------------------------
 1 | import babel from 'rollup-plugin-babel';
 2 | import common from './rollup.common';
 3 | 
 4 | export default {
 5 |   input: `preact.dev.js`,
 6 |   output: [
 7 |     { file: 'dist/preact-bind-group.js', name: 'preactFormGroup', format: 'umd' },
 8 |     { file: 'dist/preact-bind-group.es.js', format: 'es' },
 9 |     { file: 'preact.js', name: 'preactFormGroup', format: 'umd' }
10 |   ],
11 |   external: [
12 |     'preact'
13 |   ],
14 |   plugins: common
15 | }
16 | 


--------------------------------------------------------------------------------
/rollup.react.js:
--------------------------------------------------------------------------------
 1 | import babel from 'rollup-plugin-babel';
 2 | import common from './rollup.common';
 3 | 
 4 | export default {
 5 |   input: `react.dev.js`,
 6 |   output: [
 7 |     { file: 'dist/react-form-group.js', name: 'reactFormGroup', format: 'umd' },
 8 |     { file: 'dist/react-form-group.es.js', format: 'es' },
 9 |     { file: 'react.js', name: 'reactFormGroup', format: 'umd' }
10 |   ],
11 |   external: [
12 |     'react'
13 |   ],
14 |   plugins: common
15 | }
16 | 


--------------------------------------------------------------------------------