This isn't required, but changing the colors can really spruce things
up.
-
{cssCode}
+
+ {cssCode}
+
Resulting DOM
-
{resultingDOM}
-
- );
+
+ {resultingDOM}
+
+ ;
handleChange = cells => {
if (!equal(this.state.cells, cells)) {
@@ -360,6 +473,10 @@ class App extends React.Component {
}
};
+ handleIntChange = intCells => this.setState({ intCells });
+ updateSetValue = () =>
+ this.setState(state => ({ setValue: (state.setValue + 1) % 4 }));
+
handleReset = () => {
const cells = [
[false, false, false, false, false, false, false],
@@ -389,9 +506,17 @@ const stringifyBoolMatrix = matrix => {
return row.map(cell => (cell ? " true" : "false")).join(", ");
};
- return "[\n [" + matrix.map(row2Str).join("],\n [") + "]\n]";
+ return prettyPrintMatrix(matrix, row2Str);
};
+const stringifyIntMatrix = matrix => {
+ const row2Str = row => row.join(", ");
+ return prettyPrintMatrix(matrix, row2Str);
+};
+
+const prettyPrintMatrix = (matrix, rowFn) =>
+ "[\n [" + matrix.map(rowFn).join("],\n [") + "]\n]";
+
const div = document.createElement("div");
document.body.appendChild(div);
ReactDOM.render(, div);
diff --git a/docs/bundle.js b/docs/bundle.js
index 2d1e1ea..a7fb32b 100644
--- a/docs/bundle.js
+++ b/docs/bundle.js
@@ -63,7 +63,7 @@
/******/ __webpack_require__.p = "";
/******/
/******/ // Load entry module and return exports
-/******/ return __webpack_require__(__webpack_require__.s = 90);
+/******/ return __webpack_require__(__webpack_require__.s = 89);
/******/ })
/************************************************************************/
/******/ ([
@@ -86,7 +86,7 @@ var process=module.exports={},cachedSetTimeout,cachedClearTimeout;function defau
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {var emptyFunction=__webpack_require__(8),warning=emptyFunction;if('production'!==process.env.NODE_ENV){var printWarning=function(b){for(var c=arguments.length,d=Array(1d.length?c+' (keys: '+d.join(', ')+')':c}function getInternalInstanceReadyForUpdate(a,b){var c=ReactInstanceMap.get(a);if(!c){if('production'!==process.env.NODE_ENV){var d=a.constructor;'production'===process.env.NODE_ENV?void 0:warning(!b,'%s(...): Can only update a mounted or mounting component. This usually means you called %s() on an unmounted component. This is a no-op. Please check the code for the %s component.',b,b,d&&(d.displayName||d.name)||'ReactClass')}return null}return'production'!==process.env.NODE_ENV&&('production'===process.env.NODE_ENV?void 0:warning(null==ReactCurrentOwner.current,'%s(...): Cannot update during an existing state transition (such as within `render` or another component\\\'s constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWillMount`.',b)),c}var ReactUpdateQueue={isMounted:function isMounted(a){if('production'!==process.env.NODE_ENV){var b=ReactCurrentOwner.current;null!==b&&('production'===process.env.NODE_ENV?void 0:warning(b._warnedAboutRefsInRender,'%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.',b.getName()||'A component'),b._warnedAboutRefsInRender=!0)}var c=ReactInstanceMap.get(a);return!!c&&!!c._renderedComponent},enqueueCallback:function enqueueCallback(a,b,c){ReactUpdateQueue.validateCallback(b,c);var d=getInternalInstanceReadyForUpdate(a);return d?void(d._pendingCallbacks?d._pendingCallbacks.push(b):d._pendingCallbacks=[b],enqueueUpdate(d)):null},enqueueCallbackInternal:function enqueueCallbackInternal(a,b){a._pendingCallbacks?a._pendingCallbacks.push(b):a._pendingCallbacks=[b],enqueueUpdate(a)},enqueueForceUpdate:function enqueueForceUpdate(a){var b=getInternalInstanceReadyForUpdate(a,'forceUpdate');b&&(b._pendingForceUpdate=!0,enqueueUpdate(b))},enqueueReplaceState:function enqueueReplaceState(a,b,c){var d=getInternalInstanceReadyForUpdate(a,'replaceState');d&&(d._pendingStateQueue=[b],d._pendingReplaceState=!0,c!==void 0&&null!==c&&(ReactUpdateQueue.validateCallback(c,'replaceState'),d._pendingCallbacks?d._pendingCallbacks.push(c):d._pendingCallbacks=[c]),enqueueUpdate(d))},enqueueSetState:function enqueueSetState(a,b){'production'!==process.env.NODE_ENV&&(ReactInstrumentation.debugTool.onSetState(),'production'===process.env.NODE_ENV?void 0:warning(null!=b,'setState(...): You passed an undefined or null state object; instead, use forceUpdate().'));var c=getInternalInstanceReadyForUpdate(a,'setState');if(c){var d=c._pendingStateQueue||(c._pendingStateQueue=[]);d.push(b),enqueueUpdate(c)}},enqueueElementInternal:function enqueueElementInternal(a,b,c){a._pendingElement=b,a._context=c,enqueueUpdate(a)},validateCallback:function validateCallback(a,b){!a||'function'==typeof a?void 0:'production'===process.env.NODE_ENV?_prodInvariant('122',b,formatUnexpectedArgument(a)):invariant(!1,'%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.',b,formatUnexpectedArgument(a))}};module.exports=ReactUpdateQueue;
+/* WEBPACK VAR INJECTION */(function(process) {var _typeof='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&'function'==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?'symbol':typeof a},_prodInvariant=__webpack_require__(3),ReactCurrentOwner=__webpack_require__(11),ReactInstanceMap=__webpack_require__(23),ReactInstrumentation=__webpack_require__(9),ReactUpdates=__webpack_require__(10),invariant=__webpack_require__(1),warning=__webpack_require__(2);function enqueueUpdate(a){ReactUpdates.enqueueUpdate(a)}function formatUnexpectedArgument(a){var b='undefined'==typeof a?'undefined':_typeof(a);if('object'!==b)return b;var c=a.constructor&&a.constructor.name||b,d=Object.keys(a);return 0d.length?c+' (keys: '+d.join(', ')+')':c}function getInternalInstanceReadyForUpdate(a,b){var c=ReactInstanceMap.get(a);if(!c){if('production'!==process.env.NODE_ENV){var d=a.constructor;'production'===process.env.NODE_ENV?void 0:warning(!b,'%s(...): Can only update a mounted or mounting component. This usually means you called %s() on an unmounted component. This is a no-op. Please check the code for the %s component.',b,b,d&&(d.displayName||d.name)||'ReactClass')}return null}return'production'!==process.env.NODE_ENV&&('production'===process.env.NODE_ENV?void 0:warning(null==ReactCurrentOwner.current,'%s(...): Cannot update during an existing state transition (such as within `render` or another component\\\'s constructor). Render methods should be a pure function of props and state; constructor side-effects are an anti-pattern, but can be moved to `componentWillMount`.',b)),c}var ReactUpdateQueue={isMounted:function isMounted(a){if('production'!==process.env.NODE_ENV){var b=ReactCurrentOwner.current;null!==b&&('production'===process.env.NODE_ENV?void 0:warning(b._warnedAboutRefsInRender,'%s is accessing isMounted inside its render() function. render() should be a pure function of props and state. It should never access something that requires stale data from the previous render, such as refs. Move this logic to componentDidMount and componentDidUpdate instead.',b.getName()||'A component'),b._warnedAboutRefsInRender=!0)}var c=ReactInstanceMap.get(a);return!!c&&!!c._renderedComponent},enqueueCallback:function enqueueCallback(a,b,c){ReactUpdateQueue.validateCallback(b,c);var d=getInternalInstanceReadyForUpdate(a);return d?void(d._pendingCallbacks?d._pendingCallbacks.push(b):d._pendingCallbacks=[b],enqueueUpdate(d)):null},enqueueCallbackInternal:function enqueueCallbackInternal(a,b){a._pendingCallbacks?a._pendingCallbacks.push(b):a._pendingCallbacks=[b],enqueueUpdate(a)},enqueueForceUpdate:function enqueueForceUpdate(a){var b=getInternalInstanceReadyForUpdate(a,'forceUpdate');b&&(b._pendingForceUpdate=!0,enqueueUpdate(b))},enqueueReplaceState:function enqueueReplaceState(a,b,c){var d=getInternalInstanceReadyForUpdate(a,'replaceState');d&&(d._pendingStateQueue=[b],d._pendingReplaceState=!0,c!==void 0&&null!==c&&(ReactUpdateQueue.validateCallback(c,'replaceState'),d._pendingCallbacks?d._pendingCallbacks.push(c):d._pendingCallbacks=[c]),enqueueUpdate(d))},enqueueSetState:function enqueueSetState(a,b){'production'!==process.env.NODE_ENV&&(ReactInstrumentation.debugTool.onSetState(),'production'===process.env.NODE_ENV?void 0:warning(null!=b,'setState(...): You passed an undefined or null state object; instead, use forceUpdate().'));var c=getInternalInstanceReadyForUpdate(a,'setState');if(c){var d=c._pendingStateQueue||(c._pendingStateQueue=[]);d.push(b),enqueueUpdate(c)}},enqueueElementInternal:function enqueueElementInternal(a,b,c){a._pendingElement=b,a._context=c,enqueueUpdate(a)},validateCallback:function validateCallback(a,b){!a||'function'==typeof a?void 0:'production'===process.env.NODE_ENV?_prodInvariant('122',b,formatUnexpectedArgument(a)):invariant(!1,'%s(...): Expected the last optional `callback` argument to be a function. Instead received: %s.',b,formatUnexpectedArgument(a))}};module.exports=ReactUpdateQueue;
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
@@ -439,7 +439,7 @@ var _typeof='function'==typeof Symbol&&'symbol'==typeof Symbol.iterator?function
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {var lowPriorityWarning=function(){};if('production'!==process.env.NODE_ENV){var printWarning=function(a){for(var b=arguments.length,c=Array(1G&&(warning(!1,'You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.',N,L),F[P]=!0,G++)}return null==J[K]?I?null===J[K]?new e('The '+M+' `'+N+'` is marked as required '+('in `'+L+'`, but its value is `null`.')):new e('The '+M+' `'+N+'` is marked as required in '+('`'+L+'`, but its value is `undefined`.')):null:D(J,K,L,M,N)}if('production'!==process.env.NODE_ENV)var F={},G=0;var H=E.bind(null,!1);return H.isRequired=E.bind(null,!0),H}function g(D){return f(function(F,G,H,I,J){var L=F[G],M=t(L);if(M!==D){var N=u(L);return new e('Invalid '+I+' `'+J+'` of type '+('`'+N+'` supplied to `'+H+'`, expected ')+('`'+D+'`.'))}return null})}function r(D){switch('undefined'==typeof D?'undefined':_typeof(D)){case'number':case'string':case'undefined':return!0;case'boolean':return!D;case'object':if(Array.isArray(D))return D.every(r);if(null===D||a(D))return!0;var E=c(D);if(E){var G,F=E.call(D);if(E!==D.entries){for(;!(G=F.next()).done;)if(!r(G.value))return!1;}else for(;!(G=F.next()).done;){var H=G.value;if(H&&!r(H[1]))return!1}}else return!1;return!0;default:return!1;}}function s(D,E){return'symbol'===D||'Symbol'===E['@@toStringTag']||'function'==typeof Symbol&&E instanceof Symbol}function t(D){var E='undefined'==typeof D?'undefined':_typeof(D);return Array.isArray(D)?'array':D instanceof RegExp?'object':s(E,D)?'symbol':E}function u(D){if('undefined'==typeof D||null===D)return''+D;var E=t(D);if('object'===E){if(D instanceof Date)return'date';if(D instanceof RegExp)return'regexp'}return E}function v(D){var E=u(D);return'array'===E||'object'===E?'an '+E:'boolean'===E||'date'===E||'regexp'===E?'a '+E:E}function w(D){return D.constructor&&D.constructor.name?D.constructor.name:B}var z='function'==typeof Symbol&&Symbol.iterator,A='@@iterator',B='<>',C={array:g('array'),bool:g('boolean'),func:g('function'),number:g('number'),object:g('object'),string:g('string'),symbol:g('symbol'),any:function(){return f(emptyFunction.thatReturnsNull)}(),arrayOf:function(D){return f(function(F,G,H,I,J){if('function'!=typeof D)return new e('Property `'+J+'` of component `'+H+'` has invalid PropType notation inside arrayOf.');var K=F[G];if(!Array.isArray(K)){var L=t(K);return new e('Invalid '+I+' `'+J+'` of type '+('`'+L+'` supplied to `'+H+'`, expected an array.'))}for(var N,M=0;MG&&(warning(!1,'You are manually calling a React.PropTypes validation function for the `%s` prop on `%s`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details.',N,L),F[P]=!0,G++)}return null==J[K]?I?null===J[K]?new e('The '+M+' `'+N+'` is marked as required '+('in `'+L+'`, but its value is `null`.')):new e('The '+M+' `'+N+'` is marked as required in '+('`'+L+'`, but its value is `undefined`.')):null:D(J,K,L,M,N)}if('production'!==process.env.NODE_ENV)var F={},G=0;var H=E.bind(null,!1);return H.isRequired=E.bind(null,!0),H}function g(D){return f(function(F,G,H,I,J){var L=F[G],M=t(L);if(M!==D){var N=u(L);return new e('Invalid '+I+' `'+J+'` of type '+('`'+N+'` supplied to `'+H+'`, expected ')+('`'+D+'`.'))}return null})}function r(D){switch('undefined'==typeof D?'undefined':_typeof(D)){case'number':case'string':case'undefined':return!0;case'boolean':return!D;case'object':if(Array.isArray(D))return D.every(r);if(null===D||a(D))return!0;var E=c(D);if(E){var G,F=E.call(D);if(E!==D.entries){for(;!(G=F.next()).done;)if(!r(G.value))return!1;}else for(;!(G=F.next()).done;){var H=G.value;if(H&&!r(H[1]))return!1}}else return!1;return!0;default:return!1;}}function s(D,E){return'symbol'===D||'Symbol'===E['@@toStringTag']||'function'==typeof Symbol&&E instanceof Symbol}function t(D){var E='undefined'==typeof D?'undefined':_typeof(D);return Array.isArray(D)?'array':D instanceof RegExp?'object':s(E,D)?'symbol':E}function u(D){if('undefined'==typeof D||null===D)return''+D;var E=t(D);if('object'===E){if(D instanceof Date)return'date';if(D instanceof RegExp)return'regexp'}return E}function v(D){var E=u(D);return'array'===E||'object'===E?'an '+E:'boolean'===E||'date'===E||'regexp'===E?'a '+E:E}function w(D){return D.constructor&&D.constructor.name?D.constructor.name:B}var z='function'==typeof Symbol&&Symbol.iterator,A='@@iterator',B='<>',C={array:g('array'),bool:g('boolean'),func:g('function'),number:g('number'),object:g('object'),string:g('string'),symbol:g('symbol'),any:function(){return f(emptyFunction.thatReturnsNull)}(),arrayOf:function(D){return f(function(F,G,H,I,J){if('function'!=typeof D)return new e('Property `'+J+'` of component `'+H+'` has invalid PropType notation inside arrayOf.');var K=F[G];if(!Array.isArray(K)){var L=t(K);return new e('Invalid '+I+' `'+J+'` of type '+('`'+L+'` supplied to `'+H+'`, expected an array.'))}for(var N,M=0;Mb||a.hasOverloadedBooleanValue&&!1===b}var DOMPropertyOperations={createMarkupForID:function createMarkupForID(a){return DOMProperty.ID_ATTRIBUTE_NAME+'='+quoteAttributeValueForBrowser(a)},setAttributeForID:function setAttributeForID(a,b){a.setAttribute(DOMProperty.ID_ATTRIBUTE_NAME,b)},createMarkupForRoot:function createMarkupForRoot(){return DOMProperty.ROOT_ATTRIBUTE_NAME+'=""'},setAttributeForRoot:function setAttributeForRoot(a){a.setAttribute(DOMProperty.ROOT_ATTRIBUTE_NAME,'')},createMarkupForProperty:function createMarkupForProperty(a,b){var c=DOMProperty.properties.hasOwnProperty(a)?DOMProperty.properties[a]:null;if(c){if(shouldIgnoreValue(c,b))return'';var d=c.attributeName;return c.hasBooleanValue||c.hasOverloadedBooleanValue&&!0===b?d+'=""':d+'='+quoteAttributeValueForBrowser(b)}return DOMProperty.isCustomAttribute(a)?null==b?'':a+'='+quoteAttributeValueForBrowser(b):null},createMarkupForCustomAttribute:function createMarkupForCustomAttribute(a,b){return isAttributeNameSafe(a)&&null!=b?a+'='+quoteAttributeValueForBrowser(b):''},setValueForProperty:function setValueForProperty(a,b,c){var d=DOMProperty.properties.hasOwnProperty(b)?DOMProperty.properties[b]:null;if(d){var e=d.mutationMethod;if(e)e(a,c);else{if(shouldIgnoreValue(d,c))return void this.deleteValueForProperty(a,b);if(d.mustUseProperty)a[d.propertyName]=c;else{var f=d.attributeName,g=d.attributeNamespace;g?a.setAttributeNS(g,f,''+c):d.hasBooleanValue||d.hasOverloadedBooleanValue&&!0===c?a.setAttribute(f,''):a.setAttribute(f,''+c)}}}else if(DOMProperty.isCustomAttribute(b))return void DOMPropertyOperations.setValueForAttribute(a,b,c);if('production'!==process.env.NODE_ENV){var h={};h[b]=c,ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'update attribute',payload:h})}},setValueForAttribute:function setValueForAttribute(a,b,c){if(isAttributeNameSafe(b)&&(null==c?a.removeAttribute(b):a.setAttribute(b,''+c),'production'!==process.env.NODE_ENV)){var d={};d[b]=c,ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'update attribute',payload:d})}},deleteValueForAttribute:function deleteValueForAttribute(a,b){a.removeAttribute(b),'production'!==process.env.NODE_ENV&&ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'remove attribute',payload:b})},deleteValueForProperty:function deleteValueForProperty(a,b){var c=DOMProperty.properties.hasOwnProperty(b)?DOMProperty.properties[b]:null;if(c){var d=c.mutationMethod;if(d)d(a,void 0);else if(c.mustUseProperty){var e=c.propertyName;a[e]=!c.hasBooleanValue&&''}else a.removeAttribute(c.attributeName)}else DOMProperty.isCustomAttribute(b)&&a.removeAttribute(b);'production'!==process.env.NODE_ENV&&ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'remove attribute',payload:b})}};module.exports=DOMPropertyOperations;
+/* WEBPACK VAR INJECTION */(function(process) {var _prodInvariant=__webpack_require__(3);function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}var PooledClass=__webpack_require__(14),invariant=__webpack_require__(1),CallbackQueue=function(){function a(b){_classCallCheck(this,a),this._callbacks=null,this._contexts=null,this._arg=b}return a.prototype.enqueue=function(c,d){this._callbacks=this._callbacks||[],this._callbacks.push(c),this._contexts=this._contexts||[],this._contexts.push(d)},a.prototype.notifyAll=function(){var c=this._callbacks,d=this._contexts,e=this._arg;if(c&&d){c.length===d.length?void 0:'production'===process.env.NODE_ENV?_prodInvariant('24'):invariant(!1,'Mismatched list of contexts in callback queue'),this._callbacks=null,this._contexts=null;for(var f=0;fb||a.hasOverloadedBooleanValue&&!1===b}var DOMPropertyOperations={createMarkupForID:function createMarkupForID(a){return DOMProperty.ID_ATTRIBUTE_NAME+'='+quoteAttributeValueForBrowser(a)},setAttributeForID:function setAttributeForID(a,b){a.setAttribute(DOMProperty.ID_ATTRIBUTE_NAME,b)},createMarkupForRoot:function createMarkupForRoot(){return DOMProperty.ROOT_ATTRIBUTE_NAME+'=""'},setAttributeForRoot:function setAttributeForRoot(a){a.setAttribute(DOMProperty.ROOT_ATTRIBUTE_NAME,'')},createMarkupForProperty:function createMarkupForProperty(a,b){var c=DOMProperty.properties.hasOwnProperty(a)?DOMProperty.properties[a]:null;if(c){if(shouldIgnoreValue(c,b))return'';var d=c.attributeName;return c.hasBooleanValue||c.hasOverloadedBooleanValue&&!0===b?d+'=""':d+'='+quoteAttributeValueForBrowser(b)}return DOMProperty.isCustomAttribute(a)?null==b?'':a+'='+quoteAttributeValueForBrowser(b):null},createMarkupForCustomAttribute:function createMarkupForCustomAttribute(a,b){return isAttributeNameSafe(a)&&null!=b?a+'='+quoteAttributeValueForBrowser(b):''},setValueForProperty:function setValueForProperty(a,b,c){var d=DOMProperty.properties.hasOwnProperty(b)?DOMProperty.properties[b]:null;if(d){var e=d.mutationMethod;if(e)e(a,c);else{if(shouldIgnoreValue(d,c))return void this.deleteValueForProperty(a,b);if(d.mustUseProperty)a[d.propertyName]=c;else{var f=d.attributeName,g=d.attributeNamespace;g?a.setAttributeNS(g,f,''+c):d.hasBooleanValue||d.hasOverloadedBooleanValue&&!0===c?a.setAttribute(f,''):a.setAttribute(f,''+c)}}}else if(DOMProperty.isCustomAttribute(b))return void DOMPropertyOperations.setValueForAttribute(a,b,c);if('production'!==process.env.NODE_ENV){var h={};h[b]=c,ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'update attribute',payload:h})}},setValueForAttribute:function setValueForAttribute(a,b,c){if(isAttributeNameSafe(b)&&(null==c?a.removeAttribute(b):a.setAttribute(b,''+c),'production'!==process.env.NODE_ENV)){var d={};d[b]=c,ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'update attribute',payload:d})}},deleteValueForAttribute:function deleteValueForAttribute(a,b){a.removeAttribute(b),'production'!==process.env.NODE_ENV&&ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'remove attribute',payload:b})},deleteValueForProperty:function deleteValueForProperty(a,b){var c=DOMProperty.properties.hasOwnProperty(b)?DOMProperty.properties[b]:null;if(c){var d=c.mutationMethod;if(d)d(a,void 0);else if(c.mustUseProperty){var e=c.propertyName;a[e]=!c.hasBooleanValue&&''}else a.removeAttribute(c.attributeName)}else DOMProperty.isCustomAttribute(b)&&a.removeAttribute(b);'production'!==process.env.NODE_ENV&&ReactInstrumentation.debugTool.onHostOperation({instanceID:ReactDOMComponentTree.getInstanceFromNode(a)._debugID,type:'remove attribute',payload:b})}};module.exports=DOMPropertyOperations;
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(0)))
/***/ }),
/* 61 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
-/* WEBPACK VAR INJECTION */(function(process) {var _assign=__webpack_require__(4),LinkedValueUtils=__webpack_require__(38),ReactDOMComponentTree=__webpack_require__(5),ReactUpdates=__webpack_require__(10),warning=__webpack_require__(2),didWarnValueLink=!1,didWarnValueDefaultValue=!1;function updateOptionsIfPendingUpdateAndMounted(){if(this._rootNodeID&&this._wrapperState.pendingUpdate){this._wrapperState.pendingUpdate=!1;var a=this._currentElement.props,b=LinkedValueUtils.getValue(a);null!=b&&updateOptions(this,!!a.multiple,b)}}function getDeclarationErrorAddendum(a){if(a){var b=a.getName();if(b)return' Check the render method of `'+b+'`.'}return''}var valuePropNames=['value','defaultValue'];function checkSelectPropTypes(a,b){var c=a._currentElement._owner;LinkedValueUtils.checkPropTypes('select',b,c),b.valueLink===void 0||didWarnValueLink||('production'===process.env.NODE_ENV?void 0:warning(!1,'`valueLink` prop on `select` is deprecated; set `value` and `onChange` instead.'),didWarnValueLink=!0);for(var e,d=0;d must be an array if `multiple` is true.%s',e,getDeclarationErrorAddendum(c)):!b.multiple&&f&&('production'===process.env.NODE_ENV?void 0:warning(!1,'The `%s` prop supplied to