1&&(t.n_clicks_previous=e.n_clicks_previous+1),e.setProps(t)}e.fireEvent&&e.fireEvent({event:"click"})}},e),e.children)};c.defaultProps={n_clicks:0,n_clicks_previous:0},c.propTypes={id:u.default.string,children:u.default.node,n_clicks:u.default.integer,n_clicks_previous:u.default.integer,key:u.default.string,role:u.default.string,"data-*":u.default.string,"aria-*":u.default.string,accessKey:u.default.string,className:u.default.string,contentEditable:u.default.string,contextMenu:u.default.string,dir:u.default.string,draggable:u.default.string,hidden:u.default.string,lang:u.default.string,spellCheck:u.default.string,style:u.default.object,tabIndex:u.default.string,title:u.default.string,fireEvent:u.default.func,dashEvents:u.default.oneOf(["click"])},t.default=c},function(e,t,n){"use strict";var l=n(135),r=n(136),i=n(134);e.exports=function(){function e(e,t,n,l,a,s){s!==i&&r(!1,"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types")}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=l,n.PropTypes=n,n}},function(e,t){"use strict";var n="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";e.exports=n},function(e,t){"use strict";function n(e){return function(){return e}}var l=function(){};l.thatReturns=n,l.thatReturnsFalse=n(!1),l.thatReturnsTrue=n(!0),l.thatReturnsNull=n(null),l.thatReturnsThis=function(){return this},l.thatReturnsArgument=function(e){return e},e.exports=l},function(e,t,n){"use strict";function l(e,t,n,l,i,a,s,u){if(r(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var d=[n,l,i,a,s,u],f=0;c=new Error(t.replace(/%s/g,function(){return d[f++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}}var r=function(e){};e.exports=l}]);
\ No newline at end of file
diff --git a/dash_html_components/metadata.json b/dash_html_components/metadata.json
index 9faf0da7..8cf3f4be 100644
--- a/dash_html_components/metadata.json
+++ b/dash_html_components/metadata.json
@@ -31,6 +31,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -265,6 +277,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -443,6 +467,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -621,6 +657,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -799,6 +847,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -1049,6 +1109,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -1227,6 +1299,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -1405,6 +1489,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -1639,6 +1735,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -1817,6 +1925,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2011,6 +2131,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2189,6 +2321,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2367,6 +2511,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2545,6 +2701,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2723,6 +2891,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -2901,6 +3081,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -3087,6 +3279,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -3265,6 +3469,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -3499,6 +3715,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -3693,6 +3921,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -3871,6 +4111,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4049,6 +4301,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4227,6 +4491,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4405,6 +4681,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4591,6 +4879,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4777,6 +5077,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -4995,6 +5307,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -5173,6 +5497,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -5351,13 +5687,25 @@
"computed": false
}
},
- "key": {
+ "n_clicks_timestamp": {
"type": {
"name": "custom",
- "raw": "PropTypes.string"
+ "raw": "PropTypes.integer"
},
"required": false,
- "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
+ "key": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.string"
+ },
+ "required": false,
+ "description": "A unique identifier for the component, used to improve\nperformance by React.js while rendering components\nSee https://reactjs.org/docs/lists-and-keys.html for more info"
},
"role": {
"type": {
@@ -5529,6 +5877,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -5707,6 +6067,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -5901,6 +6273,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6087,6 +6471,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6265,6 +6661,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6443,6 +6851,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6621,6 +7041,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6799,6 +7231,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -6977,6 +7421,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -7155,6 +7611,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -7333,6 +7801,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -7543,6 +8023,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -7745,6 +8237,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -7923,6 +8427,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -8101,6 +8617,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -8279,6 +8807,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -8457,6 +8997,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -8707,6 +9259,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -8885,6 +9449,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9063,6 +9639,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9241,6 +9829,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9419,6 +10019,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9597,6 +10209,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9775,6 +10399,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -9953,6 +10589,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10131,6 +10779,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10309,6 +10969,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10487,6 +11159,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10665,6 +11349,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10843,6 +11539,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -10897,15 +11605,7 @@
"raw": "PropTypes.string"
},
"required": false,
- "description": ""
- },
- "seamless": {
- "type": {
- "name": "custom",
- "raw": "PropTypes.string"
- },
- "required": false,
- "description": ""
+ "description": "Stops a document loaded in an iframe from using certain features (such as submitting forms or opening new windows)."
},
"src": {
"type": {
@@ -11077,6 +11777,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -11319,6 +12031,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -11513,6 +12237,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -11691,6 +12427,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -11869,6 +12617,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -12095,6 +12855,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -12289,6 +13061,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -12467,6 +13251,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -12653,6 +13449,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -12887,6 +13695,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -13065,6 +13885,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -13243,6 +14075,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -13429,6 +14273,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -13607,6 +14463,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -13789,7 +14657,19 @@
"required": false,
"description": "An integer that represents the number of times\nthat this element has been clicked on.",
"defaultValue": {
- "value": "0",
+ "value": "0",
+ "computed": false
+ }
+ },
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
"computed": false
}
},
@@ -14003,6 +14883,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -14237,6 +15129,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -14415,6 +15319,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -14593,6 +15509,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -14771,6 +15699,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -14949,6 +15889,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -15127,6 +16079,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -15353,6 +16317,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -15547,6 +16523,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -15733,6 +16721,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -15935,6 +16935,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -16137,6 +17149,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -16315,6 +17339,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -16509,6 +17545,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -16687,6 +17735,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -16865,6 +17925,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17043,6 +18115,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17245,6 +18329,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17431,6 +18527,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17609,6 +18717,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17787,6 +18907,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -17965,6 +19097,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -18143,6 +19287,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -18321,6 +19477,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -18499,6 +19667,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -18733,6 +19913,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -18911,6 +20103,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -19133,15 +20337,27 @@
"required": false,
"description": "The children of this component"
},
- "n_clicks": {
+ "n_clicks": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the number of times\nthat this element has been clicked on.",
+ "defaultValue": {
+ "value": "0",
+ "computed": false
+ }
+ },
+ "n_clicks_timestamp": {
"type": {
"name": "custom",
"raw": "PropTypes.integer"
},
"required": false,
- "description": "An integer that represents the number of times\nthat this element has been clicked on.",
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
"defaultValue": {
- "value": "0",
+ "value": "-1",
"computed": false
}
},
@@ -19323,6 +20539,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -19501,6 +20729,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -19679,6 +20919,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -19889,6 +21141,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20067,6 +21331,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20245,6 +21521,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20423,6 +21711,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20601,6 +21901,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20779,6 +22091,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -20957,6 +22281,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -21135,6 +22471,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -21321,6 +22669,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -21499,6 +22859,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -21701,6 +23073,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -21879,6 +23263,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -22161,6 +23557,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -22339,6 +23747,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -22401,7 +23821,7 @@
"raw": "PropTypes.string"
},
"required": false,
- "description": ""
+ "description": "Defines the cells that the header test (defined in the th element) relates to."
},
"accessKey": {
"type": {
@@ -22549,6 +23969,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -22727,6 +24159,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -22913,6 +24357,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -23091,6 +24547,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -23269,6 +24737,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -23487,6 +24967,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -23665,6 +25157,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -23843,6 +25347,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -24021,6 +25537,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -24279,6 +25807,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
@@ -24457,6 +25997,18 @@
"computed": false
}
},
+ "n_clicks_timestamp": {
+ "type": {
+ "name": "custom",
+ "raw": "PropTypes.integer"
+ },
+ "required": false,
+ "description": "An integer that represents the time (in ms since 1970)\nat which n_clicks changed. This can be used to tell\nwhich button was changed most recently.",
+ "defaultValue": {
+ "value": "-1",
+ "computed": false
+ }
+ },
"key": {
"type": {
"name": "custom",
diff --git a/dash_html_components/version.py b/dash_html_components/version.py
index e754a834..f323a57b 100644
--- a/dash_html_components/version.py
+++ b/dash_html_components/version.py
@@ -1 +1 @@
-__version__ = '0.10.1'
+__version__ = '0.11.0'
diff --git a/package.json b/package.json
index 896777bb..268eb305 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "dash-html-components",
- "version": "0.10.1",
+ "version": "0.11.0",
"description": "Vanilla HTML components for Dash",
"main": "lib/index.js",
"repository": {
diff --git a/requirements.txt b/requirements.txt
index 5a98d1d8..43517f1f 100644
--- a/requirements.txt
+++ b/requirements.txt
@@ -8,7 +8,7 @@ click==6.7
cryptography==2.0.3
dash==0.20.0
dash-core-components==0.18.1
-dash-renderer
+dash-renderer==0.12.2rc1
decorator==4.1.2
enum34==1.1.6
Flask==0.12.2
diff --git a/scripts/data/attributes.json b/scripts/data/attributes.json
index 01d8f4ff..f38f7e50 100644
--- a/scripts/data/attributes.json
+++ b/scripts/data/attributes.json
@@ -540,13 +540,13 @@
"elements": [
"iframe"
],
- "description": ""
+ "description": "Stops a document loaded in an iframe from using certain features (such as submitting forms or opening new windows)."
},
"scope": {
"elements": [
"th"
],
- "description": ""
+ "description": "Defines the cells that the header test (defined in the th element) relates to."
},
"scoped": {
"elements": [
@@ -554,12 +554,6 @@
],
"description": ""
},
- "seamless": {
- "elements": [
- "iframe"
- ],
- "description": ""
- },
"selected": {
"elements": [
"option"
@@ -1006,7 +1000,6 @@
"height",
"name",
"sandbox",
- "seamless",
"src",
"srcDoc",
"width"
diff --git a/scripts/data/elements.txt b/scripts/data/elements.txt
index dece21fe..45602699 100644
--- a/scripts/data/elements.txt
+++ b/scripts/data/elements.txt
@@ -43,7 +43,6 @@ em
i
kbd
mark
-nobr
q
rp
rt
diff --git a/scripts/generate-components.js b/scripts/generate-components.js
index e7bc5e92..00a9f1b0 100644
--- a/scripts/generate-components.js
+++ b/scripts/generate-components.js
@@ -59,6 +59,13 @@ function generatePropTypes(element, attributes) {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
@@ -113,29 +120,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const ${Component} = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <${element}
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
- <${element} {...props}>
- {props.children}
-
- );
- }
+ return (
+ <${element}
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
${Component}.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
${Component}.propTypes = {${propTypes}
diff --git a/src/components/A.react.js b/src/components/A.react.js
index db3ba1d5..261dce39 100644
--- a/src/components/A.react.js
+++ b/src/components/A.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const A = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
A.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
A.propTypes = {
@@ -47,6 +45,13 @@ A.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Abbr.react.js b/src/components/Abbr.react.js
index ec9cafb2..8b22f6f5 100644
--- a/src/components/Abbr.react.js
+++ b/src/components/Abbr.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Abbr = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Abbr.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Abbr.propTypes = {
@@ -47,6 +45,13 @@ Abbr.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Acronym.react.js b/src/components/Acronym.react.js
index 95e39686..66bbb3bd 100644
--- a/src/components/Acronym.react.js
+++ b/src/components/Acronym.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Acronym = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Acronym.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Acronym.propTypes = {
@@ -47,6 +45,13 @@ Acronym.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Address.react.js b/src/components/Address.react.js
index 0a3f1a79..e4809220 100644
--- a/src/components/Address.react.js
+++ b/src/components/Address.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Address = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Address.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Address.propTypes = {
@@ -47,6 +45,13 @@ Address.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Area.react.js b/src/components/Area.react.js
index b8603343..60dc3ab3 100644
--- a/src/components/Area.react.js
+++ b/src/components/Area.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Area = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Article.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Article.propTypes = {
@@ -47,6 +45,13 @@ Article.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Aside.react.js b/src/components/Aside.react.js
index 35c0d989..257b6f46 100644
--- a/src/components/Aside.react.js
+++ b/src/components/Aside.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Aside = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Aside.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Aside.propTypes = {
@@ -47,6 +45,13 @@ Aside.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Audio.react.js b/src/components/Audio.react.js
index bb9a4d97..8224748c 100644
--- a/src/components/Audio.react.js
+++ b/src/components/Audio.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Audio = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Audio.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Audio.propTypes = {
@@ -47,6 +45,13 @@ Audio.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/B.react.js b/src/components/B.react.js
index b523a7dc..52e0fcca 100644
--- a/src/components/B.react.js
+++ b/src/components/B.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const B = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
B.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
B.propTypes = {
@@ -47,6 +45,13 @@ B.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Base.react.js b/src/components/Base.react.js
index 7c5cd9aa..c6542264 100644
--- a/src/components/Base.react.js
+++ b/src/components/Base.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Base = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Bdi.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Bdi.propTypes = {
@@ -47,6 +45,13 @@ Bdi.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Bdo.react.js b/src/components/Bdo.react.js
index ec9fefd0..286e0a84 100644
--- a/src/components/Bdo.react.js
+++ b/src/components/Bdo.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Bdo = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Bdo.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Bdo.propTypes = {
@@ -47,6 +45,13 @@ Bdo.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Big.react.js b/src/components/Big.react.js
index edbd57dd..981cc15d 100644
--- a/src/components/Big.react.js
+++ b/src/components/Big.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Big = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Big.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Big.propTypes = {
@@ -47,6 +45,13 @@ Big.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Blink.react.js b/src/components/Blink.react.js
index abe0d163..bb705e5a 100644
--- a/src/components/Blink.react.js
+++ b/src/components/Blink.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Blink = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Blink.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Blink.propTypes = {
@@ -47,6 +45,13 @@ Blink.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Blockquote.react.js b/src/components/Blockquote.react.js
index f21f6105..0e837052 100644
--- a/src/components/Blockquote.react.js
+++ b/src/components/Blockquote.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Blockquote = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Blockquote.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Blockquote.propTypes = {
@@ -47,6 +45,13 @@ Blockquote.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Br.react.js b/src/components/Br.react.js
index 5747c4e2..008170cd 100644
--- a/src/components/Br.react.js
+++ b/src/components/Br.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Br = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Button.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Button.propTypes = {
@@ -47,6 +45,13 @@ Button.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Canvas.react.js b/src/components/Canvas.react.js
index 8613c0b5..0b258bed 100644
--- a/src/components/Canvas.react.js
+++ b/src/components/Canvas.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Canvas = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Canvas.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Canvas.propTypes = {
@@ -47,6 +45,13 @@ Canvas.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Caption.react.js b/src/components/Caption.react.js
index 4f5fdba1..a57c19d6 100644
--- a/src/components/Caption.react.js
+++ b/src/components/Caption.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Caption = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Caption.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Caption.propTypes = {
@@ -47,6 +45,13 @@ Caption.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Center.react.js b/src/components/Center.react.js
index 0e77a6fc..4b33392e 100644
--- a/src/components/Center.react.js
+++ b/src/components/Center.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Center = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Center.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Center.propTypes = {
@@ -47,6 +45,13 @@ Center.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Cite.react.js b/src/components/Cite.react.js
index 3149e6d3..30e0db4a 100644
--- a/src/components/Cite.react.js
+++ b/src/components/Cite.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Cite = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Cite.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Cite.propTypes = {
@@ -47,6 +45,13 @@ Cite.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Code.react.js b/src/components/Code.react.js
index c91c22b4..bde4ffe0 100644
--- a/src/components/Code.react.js
+++ b/src/components/Code.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Code = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Code.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Code.propTypes = {
@@ -47,6 +45,13 @@ Code.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Col.react.js b/src/components/Col.react.js
index c42caf6b..8659fc93 100644
--- a/src/components/Col.react.js
+++ b/src/components/Col.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Col = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Colgroup.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Colgroup.propTypes = {
@@ -47,6 +45,13 @@ Colgroup.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Command.react.js b/src/components/Command.react.js
index 9a86bf0f..255f2bf4 100644
--- a/src/components/Command.react.js
+++ b/src/components/Command.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Command = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Command.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Command.propTypes = {
@@ -47,6 +45,13 @@ Command.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Content.react.js b/src/components/Content.react.js
index bd550e46..88a2dfc6 100644
--- a/src/components/Content.react.js
+++ b/src/components/Content.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Content = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Content.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Content.propTypes = {
@@ -47,6 +45,13 @@ Content.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Data.react.js b/src/components/Data.react.js
index 898fef39..655572bc 100644
--- a/src/components/Data.react.js
+++ b/src/components/Data.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Data = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Data.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Data.propTypes = {
@@ -47,6 +45,13 @@ Data.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Datalist.react.js b/src/components/Datalist.react.js
index a06beefd..dce47716 100644
--- a/src/components/Datalist.react.js
+++ b/src/components/Datalist.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Datalist = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Datalist.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Datalist.propTypes = {
@@ -47,6 +45,13 @@ Datalist.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Dd.react.js b/src/components/Dd.react.js
index 7959b4f7..c9670e0a 100644
--- a/src/components/Dd.react.js
+++ b/src/components/Dd.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Dd = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Dd.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Dd.propTypes = {
@@ -47,6 +45,13 @@ Dd.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Del.react.js b/src/components/Del.react.js
index e8fa56fa..4f76236f 100644
--- a/src/components/Del.react.js
+++ b/src/components/Del.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Del = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Del.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Del.propTypes = {
@@ -47,6 +45,13 @@ Del.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Details.react.js b/src/components/Details.react.js
index f656b351..5531bb3a 100644
--- a/src/components/Details.react.js
+++ b/src/components/Details.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Details = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Details.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Details.propTypes = {
@@ -47,6 +45,13 @@ Details.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Dfn.react.js b/src/components/Dfn.react.js
index 124099d0..12da0c5c 100644
--- a/src/components/Dfn.react.js
+++ b/src/components/Dfn.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Dfn = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Dfn.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Dfn.propTypes = {
@@ -47,6 +45,13 @@ Dfn.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Dialog.react.js b/src/components/Dialog.react.js
index f99ae093..a00cead9 100644
--- a/src/components/Dialog.react.js
+++ b/src/components/Dialog.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Dialog = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Dialog.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Dialog.propTypes = {
@@ -47,6 +45,13 @@ Dialog.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Div.react.js b/src/components/Div.react.js
index 54514a4c..2d794dc7 100644
--- a/src/components/Div.react.js
+++ b/src/components/Div.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Div = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Div.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Div.propTypes = {
@@ -47,6 +45,13 @@ Div.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Dl.react.js b/src/components/Dl.react.js
index 144e9a00..72bafb7c 100644
--- a/src/components/Dl.react.js
+++ b/src/components/Dl.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Dl = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Dl.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Dl.propTypes = {
@@ -47,6 +45,13 @@ Dl.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Dt.react.js b/src/components/Dt.react.js
index 0a6d0089..0e649b6c 100644
--- a/src/components/Dt.react.js
+++ b/src/components/Dt.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Dt = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Dt.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Dt.propTypes = {
@@ -47,6 +45,13 @@ Dt.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Element.react.js b/src/components/Element.react.js
index 5d518de8..14ed4941 100644
--- a/src/components/Element.react.js
+++ b/src/components/Element.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Element = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Element.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Element.propTypes = {
@@ -47,6 +45,13 @@ Element.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Em.react.js b/src/components/Em.react.js
index ddc28594..29b86491 100644
--- a/src/components/Em.react.js
+++ b/src/components/Em.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Em = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Em.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Em.propTypes = {
@@ -47,6 +45,13 @@ Em.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Embed.react.js b/src/components/Embed.react.js
index 8c781b54..2d0739f5 100644
--- a/src/components/Embed.react.js
+++ b/src/components/Embed.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Embed = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Embed.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Embed.propTypes = {
@@ -47,6 +45,13 @@ Embed.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Fieldset.react.js b/src/components/Fieldset.react.js
index a9f7d8f4..2c4c8ba6 100644
--- a/src/components/Fieldset.react.js
+++ b/src/components/Fieldset.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Fieldset = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Fieldset.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Fieldset.propTypes = {
@@ -47,6 +45,13 @@ Fieldset.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Figcaption.react.js b/src/components/Figcaption.react.js
index 645e24bd..15bfd61a 100644
--- a/src/components/Figcaption.react.js
+++ b/src/components/Figcaption.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Figcaption = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Figcaption.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Figcaption.propTypes = {
@@ -47,6 +45,13 @@ Figcaption.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Figure.react.js b/src/components/Figure.react.js
index fd77eb05..66cccdef 100644
--- a/src/components/Figure.react.js
+++ b/src/components/Figure.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Figure = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Figure.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Figure.propTypes = {
@@ -47,6 +45,13 @@ Figure.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Font.react.js b/src/components/Font.react.js
index cff5f6bd..56c25064 100644
--- a/src/components/Font.react.js
+++ b/src/components/Font.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Font = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Font.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Font.propTypes = {
@@ -47,6 +45,13 @@ Font.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Footer.react.js b/src/components/Footer.react.js
index 94483085..b53e7833 100644
--- a/src/components/Footer.react.js
+++ b/src/components/Footer.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Footer = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Footer.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Footer.propTypes = {
@@ -47,6 +45,13 @@ Footer.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Form.react.js b/src/components/Form.react.js
index 1a363fdc..8034de60 100644
--- a/src/components/Form.react.js
+++ b/src/components/Form.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Form = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
-
- );
- } else {
- return (
-
- );
- }
+ return (
+
+ );
};
Form.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Form.propTypes = {
@@ -47,6 +45,13 @@ Form.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Frame.react.js b/src/components/Frame.react.js
index d0d48f33..1a406cf2 100644
--- a/src/components/Frame.react.js
+++ b/src/components/Frame.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Frame = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Frameset.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Frameset.propTypes = {
@@ -47,6 +45,13 @@ Frameset.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H1.react.js b/src/components/H1.react.js
index 9041f39f..6e5a90d7 100644
--- a/src/components/H1.react.js
+++ b/src/components/H1.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H1 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H1.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H1.propTypes = {
@@ -47,6 +45,13 @@ H1.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H2.react.js b/src/components/H2.react.js
index ec120e14..15fd3cd4 100644
--- a/src/components/H2.react.js
+++ b/src/components/H2.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H2 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H2.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H2.propTypes = {
@@ -47,6 +45,13 @@ H2.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H3.react.js b/src/components/H3.react.js
index 4e7407d6..940e5620 100644
--- a/src/components/H3.react.js
+++ b/src/components/H3.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H3 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H3.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H3.propTypes = {
@@ -47,6 +45,13 @@ H3.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H4.react.js b/src/components/H4.react.js
index 56f98685..b77b8203 100644
--- a/src/components/H4.react.js
+++ b/src/components/H4.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H4 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H4.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H4.propTypes = {
@@ -47,6 +45,13 @@ H4.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H5.react.js b/src/components/H5.react.js
index dbe3af3b..c85826c8 100644
--- a/src/components/H5.react.js
+++ b/src/components/H5.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H5 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H5.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H5.propTypes = {
@@ -47,6 +45,13 @@ H5.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/H6.react.js b/src/components/H6.react.js
index f1417847..64b9b4ab 100644
--- a/src/components/H6.react.js
+++ b/src/components/H6.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const H6 = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
H6.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
H6.propTypes = {
@@ -47,6 +45,13 @@ H6.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Header.react.js b/src/components/Header.react.js
index 21cd8dbb..c91234a6 100644
--- a/src/components/Header.react.js
+++ b/src/components/Header.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Header = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Header.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Header.propTypes = {
@@ -47,6 +45,13 @@ Header.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Hgroup.react.js b/src/components/Hgroup.react.js
index ecb564d5..1dd30d92 100644
--- a/src/components/Hgroup.react.js
+++ b/src/components/Hgroup.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Hgroup = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Hgroup.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Hgroup.propTypes = {
@@ -47,6 +45,13 @@ Hgroup.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Hr.react.js b/src/components/Hr.react.js
index d4305d1d..a844014a 100644
--- a/src/components/Hr.react.js
+++ b/src/components/Hr.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Hr = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
I.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
I.propTypes = {
@@ -47,6 +45,13 @@ I.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Iframe.react.js b/src/components/Iframe.react.js
index f2e2d6cd..ffdc3f1a 100644
--- a/src/components/Iframe.react.js
+++ b/src/components/Iframe.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Iframe = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
-
- );
- } else {
- return (
-
- );
- }
+ return (
+
+ );
};
Iframe.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Iframe.propTypes = {
@@ -47,6 +45,13 @@ Iframe.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
@@ -81,15 +86,10 @@ Iframe.propTypes = {
'name': PropTypes.string,
/**
- *
+ * Stops a document loaded in an iframe from using certain features (such as submitting forms or opening new windows).
*/
'sandbox': PropTypes.string,
- /**
- *
- */
- 'seamless': PropTypes.string,
-
/**
* The URL of the embeddable content.
*/
diff --git a/src/components/Img.react.js b/src/components/Img.react.js
index ff147a7b..46e4de40 100644
--- a/src/components/Img.react.js
+++ b/src/components/Img.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Img = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Ins.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Ins.propTypes = {
@@ -47,6 +45,13 @@ Ins.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Isindex.react.js b/src/components/Isindex.react.js
index ce383d9b..ed804474 100644
--- a/src/components/Isindex.react.js
+++ b/src/components/Isindex.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Isindex = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Kbd.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Kbd.propTypes = {
@@ -47,6 +45,13 @@ Kbd.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Keygen.react.js b/src/components/Keygen.react.js
index de1911dc..ee26bdc7 100644
--- a/src/components/Keygen.react.js
+++ b/src/components/Keygen.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Keygen = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Keygen.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Keygen.propTypes = {
@@ -47,6 +45,13 @@ Keygen.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Label.react.js b/src/components/Label.react.js
index 58b92b98..ac44ba2b 100644
--- a/src/components/Label.react.js
+++ b/src/components/Label.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Label = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Label.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Label.propTypes = {
@@ -47,6 +45,13 @@ Label.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Legend.react.js b/src/components/Legend.react.js
index 0016c590..9f4f5dd7 100644
--- a/src/components/Legend.react.js
+++ b/src/components/Legend.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Legend = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Legend.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Legend.propTypes = {
@@ -47,6 +45,13 @@ Legend.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Li.react.js b/src/components/Li.react.js
index 7edc4b1f..0411b80c 100644
--- a/src/components/Li.react.js
+++ b/src/components/Li.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Li = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Li.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Li.propTypes = {
@@ -47,6 +45,13 @@ Li.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Link.react.js b/src/components/Link.react.js
index 838025da..65e76c4e 100644
--- a/src/components/Link.react.js
+++ b/src/components/Link.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Link = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Listing.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Listing.propTypes = {
@@ -47,6 +45,13 @@ Listing.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Main.react.js b/src/components/Main.react.js
index c47c4300..cd0cef7b 100644
--- a/src/components/Main.react.js
+++ b/src/components/Main.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Main = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Main.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Main.propTypes = {
@@ -47,6 +45,13 @@ Main.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/MapEl.react.js b/src/components/MapEl.react.js
index dcd4b6fc..c9ec9a8b 100644
--- a/src/components/MapEl.react.js
+++ b/src/components/MapEl.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const MapEl = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
MapEl.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
MapEl.propTypes = {
@@ -47,6 +45,13 @@ MapEl.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Mark.react.js b/src/components/Mark.react.js
index 7048bca1..967e5633 100644
--- a/src/components/Mark.react.js
+++ b/src/components/Mark.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Mark = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Mark.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Mark.propTypes = {
@@ -47,6 +45,13 @@ Mark.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Marquee.react.js b/src/components/Marquee.react.js
index 55262462..38c23038 100644
--- a/src/components/Marquee.react.js
+++ b/src/components/Marquee.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Marquee = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Marquee.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Marquee.propTypes = {
@@ -47,6 +45,13 @@ Marquee.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Meta.react.js b/src/components/Meta.react.js
index aac015b9..4ec6cb21 100644
--- a/src/components/Meta.react.js
+++ b/src/components/Meta.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Meta = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Meter.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Meter.propTypes = {
@@ -47,6 +45,13 @@ Meter.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Multicol.react.js b/src/components/Multicol.react.js
index 68a293f3..bad58ad1 100644
--- a/src/components/Multicol.react.js
+++ b/src/components/Multicol.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Multicol = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Multicol.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Multicol.propTypes = {
@@ -47,6 +45,13 @@ Multicol.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Nav.react.js b/src/components/Nav.react.js
index d0a816c1..15968263 100644
--- a/src/components/Nav.react.js
+++ b/src/components/Nav.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Nav = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Nav.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Nav.propTypes = {
@@ -47,6 +45,13 @@ Nav.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Nextid.react.js b/src/components/Nextid.react.js
index ed1c02ac..485d78ee 100644
--- a/src/components/Nextid.react.js
+++ b/src/components/Nextid.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Nextid = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Nextid.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Nextid.propTypes = {
@@ -47,6 +45,13 @@ Nextid.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Nobr.react.js b/src/components/Nobr.react.js
index a3c96704..315b2d9a 100644
--- a/src/components/Nobr.react.js
+++ b/src/components/Nobr.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Nobr = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Nobr.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Nobr.propTypes = {
@@ -47,6 +45,13 @@ Nobr.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Noscript.react.js b/src/components/Noscript.react.js
index e6af9acf..827aaca6 100644
--- a/src/components/Noscript.react.js
+++ b/src/components/Noscript.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Noscript = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Noscript.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Noscript.propTypes = {
@@ -47,6 +45,13 @@ Noscript.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/ObjectEl.react.js b/src/components/ObjectEl.react.js
index a51b3dc6..9e80783c 100644
--- a/src/components/ObjectEl.react.js
+++ b/src/components/ObjectEl.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const ObjectEl = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
ObjectEl.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
ObjectEl.propTypes = {
@@ -47,6 +45,13 @@ ObjectEl.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Ol.react.js b/src/components/Ol.react.js
index 4bba6a3c..699b684e 100644
--- a/src/components/Ol.react.js
+++ b/src/components/Ol.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Ol = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Ol.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Ol.propTypes = {
@@ -47,6 +45,13 @@ Ol.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Optgroup.react.js b/src/components/Optgroup.react.js
index c57f7326..20b2a74b 100644
--- a/src/components/Optgroup.react.js
+++ b/src/components/Optgroup.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Optgroup = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Optgroup.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Optgroup.propTypes = {
@@ -47,6 +45,13 @@ Optgroup.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Option.react.js b/src/components/Option.react.js
index f3076903..586063f0 100644
--- a/src/components/Option.react.js
+++ b/src/components/Option.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Option = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Option.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Option.propTypes = {
@@ -47,6 +45,13 @@ Option.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Output.react.js b/src/components/Output.react.js
index 8632b56a..8fe98ea7 100644
--- a/src/components/Output.react.js
+++ b/src/components/Output.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Output = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Output.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Output.propTypes = {
@@ -47,6 +45,13 @@ Output.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/P.react.js b/src/components/P.react.js
index 194c41b9..adee14a0 100644
--- a/src/components/P.react.js
+++ b/src/components/P.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const P = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
P.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
P.propTypes = {
@@ -47,6 +45,13 @@ P.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Param.react.js b/src/components/Param.react.js
index d3ccb406..6e7ccc58 100644
--- a/src/components/Param.react.js
+++ b/src/components/Param.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Param = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
-
- );
- } else {
- return (
-
- {props.children}
-
- );
- }
+ return (
+ {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+
+ );
};
Picture.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Picture.propTypes = {
@@ -47,6 +45,13 @@ Picture.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Plaintext.react.js b/src/components/Plaintext.react.js
index dc9362c1..9aaeb07e 100644
--- a/src/components/Plaintext.react.js
+++ b/src/components/Plaintext.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Plaintext = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <![CDATA[ {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </plaintext>
- );
- } else {
- return (
- <plaintext {...props}>
- {props.children}
- </plaintext>
- );
- }
+ return (
+ <plaintext
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </plaintext>
+ );
};
Plaintext.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Plaintext.propTypes = {
@@ -47,6 +45,13 @@ Plaintext.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Pre.react.js b/src/components/Pre.react.js
index 1b86b8d2..44c90675 100644
--- a/src/components/Pre.react.js
+++ b/src/components/Pre.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Pre = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <pre
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </pre>
- );
- } else {
- return (
- <pre {...props}>
- {props.children}
- </pre>
- );
- }
+ return (
+ <pre
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </pre>
+ );
};
Pre.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Pre.propTypes = {
@@ -47,6 +45,13 @@ Pre.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Progress.react.js b/src/components/Progress.react.js
index d14dcaca..fc7a15ed 100644
--- a/src/components/Progress.react.js
+++ b/src/components/Progress.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Progress = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <progress
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </progress>
- );
- } else {
- return (
- <progress {...props}>
- {props.children}
- </progress>
- );
- }
+ return (
+ <progress
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </progress>
+ );
};
Progress.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Progress.propTypes = {
@@ -47,6 +45,13 @@ Progress.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Q.react.js b/src/components/Q.react.js
index 0161c907..64d87fd6 100644
--- a/src/components/Q.react.js
+++ b/src/components/Q.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Q = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <q
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </q>
- );
- } else {
- return (
- <q {...props}>
- {props.children}
- </q>
- );
- }
+ return (
+ <q
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </q>
+ );
};
Q.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Q.propTypes = {
@@ -47,6 +45,13 @@ Q.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Rp.react.js b/src/components/Rp.react.js
index bb719956..595fb9e9 100644
--- a/src/components/Rp.react.js
+++ b/src/components/Rp.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Rp = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <rp
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </rp>
- );
- } else {
- return (
- <rp {...props}>
- {props.children}
- </rp>
- );
- }
+ return (
+ <rp
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </rp>
+ );
};
Rp.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Rp.propTypes = {
@@ -47,6 +45,13 @@ Rp.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Rt.react.js b/src/components/Rt.react.js
index 37596feb..9e901a9c 100644
--- a/src/components/Rt.react.js
+++ b/src/components/Rt.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Rt = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <rt
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </rt>
- );
- } else {
- return (
- <rt {...props}>
- {props.children}
- </rt>
- );
- }
+ return (
+ <rt
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </rt>
+ );
};
Rt.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Rt.propTypes = {
@@ -47,6 +45,13 @@ Rt.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Rtc.react.js b/src/components/Rtc.react.js
index a3d111bd..419215f7 100644
--- a/src/components/Rtc.react.js
+++ b/src/components/Rtc.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Rtc = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <rtc
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </rtc>
- );
- } else {
- return (
- <rtc {...props}>
- {props.children}
- </rtc>
- );
- }
+ return (
+ <rtc
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </rtc>
+ );
};
Rtc.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Rtc.propTypes = {
@@ -47,6 +45,13 @@ Rtc.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Ruby.react.js b/src/components/Ruby.react.js
index 4676a00a..d610ca28 100644
--- a/src/components/Ruby.react.js
+++ b/src/components/Ruby.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Ruby = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <ruby
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </ruby>
- );
- } else {
- return (
- <ruby {...props}>
- {props.children}
- </ruby>
- );
- }
+ return (
+ <ruby
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </ruby>
+ );
};
Ruby.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Ruby.propTypes = {
@@ -47,6 +45,13 @@ Ruby.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/S.react.js b/src/components/S.react.js
index 831720ab..c5772578 100644
--- a/src/components/S.react.js
+++ b/src/components/S.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const S = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <s
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </s>
- );
- } else {
- return (
- <s {...props}>
- {props.children}
- </s>
- );
- }
+ return (
+ <s
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </s>
+ );
};
S.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
S.propTypes = {
@@ -47,6 +45,13 @@ S.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Samp.react.js b/src/components/Samp.react.js
index 067f27b9..e5bd860c 100644
--- a/src/components/Samp.react.js
+++ b/src/components/Samp.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Samp = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <samp
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </samp>
- );
- } else {
- return (
- <samp {...props}>
- {props.children}
- </samp>
- );
- }
+ return (
+ <samp
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </samp>
+ );
};
Samp.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Samp.propTypes = {
@@ -47,6 +45,13 @@ Samp.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Script.react.js b/src/components/Script.react.js
index 2f6c892b..ba32cbce 100644
--- a/src/components/Script.react.js
+++ b/src/components/Script.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Script = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <script
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </script>
- );
- } else {
- return (
- <script {...props}>
- {props.children}
- </script>
- );
- }
+ return (
+ <script
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </script>
+ );
};
Script.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Script.propTypes = {
@@ -47,6 +45,13 @@ Script.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Section.react.js b/src/components/Section.react.js
index 373e8979..0cd59d62 100644
--- a/src/components/Section.react.js
+++ b/src/components/Section.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Section = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <section
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </section>
- );
- } else {
- return (
- <section {...props}>
- {props.children}
- </section>
- );
- }
+ return (
+ <section
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </section>
+ );
};
Section.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Section.propTypes = {
@@ -47,6 +45,13 @@ Section.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Select.react.js b/src/components/Select.react.js
index 00535192..eaca1121 100644
--- a/src/components/Select.react.js
+++ b/src/components/Select.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Select = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <select
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </select>
- );
- } else {
- return (
- <select {...props}>
- {props.children}
- </select>
- );
- }
+ return (
+ <select
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </select>
+ );
};
Select.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Select.propTypes = {
@@ -47,6 +45,13 @@ Select.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Shadow.react.js b/src/components/Shadow.react.js
index 6b0a9bbf..cfe2f48b 100644
--- a/src/components/Shadow.react.js
+++ b/src/components/Shadow.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Shadow = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <shadow
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </shadow>
- );
- } else {
- return (
- <shadow {...props}>
- {props.children}
- </shadow>
- );
- }
+ return (
+ <shadow
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </shadow>
+ );
};
Shadow.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Shadow.propTypes = {
@@ -47,6 +45,13 @@ Shadow.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Slot.react.js b/src/components/Slot.react.js
index 2ee4452a..d7f199f8 100644
--- a/src/components/Slot.react.js
+++ b/src/components/Slot.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Slot = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <slot
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </slot>
- );
- } else {
- return (
- <slot {...props}>
- {props.children}
- </slot>
- );
- }
+ return (
+ <slot
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </slot>
+ );
};
Slot.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Slot.propTypes = {
@@ -47,6 +45,13 @@ Slot.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Small.react.js b/src/components/Small.react.js
index 7266d36e..6c394c9f 100644
--- a/src/components/Small.react.js
+++ b/src/components/Small.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Small = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <small
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </small>
- );
- } else {
- return (
- <small {...props}>
- {props.children}
- </small>
- );
- }
+ return (
+ <small
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </small>
+ );
};
Small.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Small.propTypes = {
@@ -47,6 +45,13 @@ Small.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Source.react.js b/src/components/Source.react.js
index 63eb819c..7d8d20f6 100644
--- a/src/components/Source.react.js
+++ b/src/components/Source.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Source = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <source
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </source>
- );
- } else {
- return (
- <source {...props}>
- {props.children}
- </source>
- );
- }
+ return (
+ <source
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </source>
+ );
};
Source.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Source.propTypes = {
@@ -47,6 +45,13 @@ Source.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Spacer.react.js b/src/components/Spacer.react.js
index 976a323f..d248edbf 100644
--- a/src/components/Spacer.react.js
+++ b/src/components/Spacer.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Spacer = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <spacer
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </spacer>
- );
- } else {
- return (
- <spacer {...props}>
- {props.children}
- </spacer>
- );
- }
+ return (
+ <spacer
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </spacer>
+ );
};
Spacer.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Spacer.propTypes = {
@@ -47,6 +45,13 @@ Spacer.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Span.react.js b/src/components/Span.react.js
index 798440b6..4b347dcf 100644
--- a/src/components/Span.react.js
+++ b/src/components/Span.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Span = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <span
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </span>
- );
- } else {
- return (
- <span {...props}>
- {props.children}
- </span>
- );
- }
+ return (
+ <span
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </span>
+ );
};
Span.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Span.propTypes = {
@@ -47,6 +45,13 @@ Span.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Strike.react.js b/src/components/Strike.react.js
index 0ee3ffb4..46059ad6 100644
--- a/src/components/Strike.react.js
+++ b/src/components/Strike.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Strike = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <strike
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </strike>
- );
- } else {
- return (
- <strike {...props}>
- {props.children}
- </strike>
- );
- }
+ return (
+ <strike
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </strike>
+ );
};
Strike.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Strike.propTypes = {
@@ -47,6 +45,13 @@ Strike.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Strong.react.js b/src/components/Strong.react.js
index ef08ee79..20160c6e 100644
--- a/src/components/Strong.react.js
+++ b/src/components/Strong.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Strong = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <strong
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </strong>
- );
- } else {
- return (
- <strong {...props}>
- {props.children}
- </strong>
- );
- }
+ return (
+ <strong
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </strong>
+ );
};
Strong.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Strong.propTypes = {
@@ -47,6 +45,13 @@ Strong.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Sub.react.js b/src/components/Sub.react.js
index 212c6314..bdbf929d 100644
--- a/src/components/Sub.react.js
+++ b/src/components/Sub.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Sub = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <sub
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </sub>
- );
- } else {
- return (
- <sub {...props}>
- {props.children}
- </sub>
- );
- }
+ return (
+ <sub
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </sub>
+ );
};
Sub.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Sub.propTypes = {
@@ -47,6 +45,13 @@ Sub.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Summary.react.js b/src/components/Summary.react.js
index 5115f776..056b2ddc 100644
--- a/src/components/Summary.react.js
+++ b/src/components/Summary.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Summary = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <summary
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </summary>
- );
- } else {
- return (
- <summary {...props}>
- {props.children}
- </summary>
- );
- }
+ return (
+ <summary
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </summary>
+ );
};
Summary.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Summary.propTypes = {
@@ -47,6 +45,13 @@ Summary.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Sup.react.js b/src/components/Sup.react.js
index 0d3aef24..0858962f 100644
--- a/src/components/Sup.react.js
+++ b/src/components/Sup.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Sup = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <sup
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </sup>
- );
- } else {
- return (
- <sup {...props}>
- {props.children}
- </sup>
- );
- }
+ return (
+ <sup
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </sup>
+ );
};
Sup.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Sup.propTypes = {
@@ -47,6 +45,13 @@ Sup.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Table.react.js b/src/components/Table.react.js
index d0710489..a7af13d7 100644
--- a/src/components/Table.react.js
+++ b/src/components/Table.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Table = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <table
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </table>
- );
- } else {
- return (
- <table {...props}>
- {props.children}
- </table>
- );
- }
+ return (
+ <table
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </table>
+ );
};
Table.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Table.propTypes = {
@@ -47,6 +45,13 @@ Table.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Tbody.react.js b/src/components/Tbody.react.js
index e30b6d97..6ab597fb 100644
--- a/src/components/Tbody.react.js
+++ b/src/components/Tbody.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Tbody = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <tbody
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </tbody>
- );
- } else {
- return (
- <tbody {...props}>
- {props.children}
- </tbody>
- );
- }
+ return (
+ <tbody
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </tbody>
+ );
};
Tbody.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Tbody.propTypes = {
@@ -47,6 +45,13 @@ Tbody.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Td.react.js b/src/components/Td.react.js
index 39486567..7275f56a 100644
--- a/src/components/Td.react.js
+++ b/src/components/Td.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Td = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <td
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </td>
- );
- } else {
- return (
- <td {...props}>
- {props.children}
- </td>
- );
- }
+ return (
+ <td
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </td>
+ );
};
Td.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Td.propTypes = {
@@ -47,6 +45,13 @@ Td.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Template.react.js b/src/components/Template.react.js
index b903663e..55748355 100644
--- a/src/components/Template.react.js
+++ b/src/components/Template.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Template = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <template
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </template>
- );
- } else {
- return (
- <template {...props}>
- {props.children}
- </template>
- );
- }
+ return (
+ <template
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </template>
+ );
};
Template.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Template.propTypes = {
@@ -47,6 +45,13 @@ Template.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Textarea.react.js b/src/components/Textarea.react.js
index 39dad090..9ce0f386 100644
--- a/src/components/Textarea.react.js
+++ b/src/components/Textarea.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Textarea = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <textarea
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </textarea>
- );
- } else {
- return (
- <textarea {...props}>
- {props.children}
- </textarea>
- );
- }
+ return (
+ <textarea
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </textarea>
+ );
};
Textarea.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Textarea.propTypes = {
@@ -47,6 +45,13 @@ Textarea.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Tfoot.react.js b/src/components/Tfoot.react.js
index 59bfe5d7..276685be 100644
--- a/src/components/Tfoot.react.js
+++ b/src/components/Tfoot.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Tfoot = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <tfoot
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </tfoot>
- );
- } else {
- return (
- <tfoot {...props}>
- {props.children}
- </tfoot>
- );
- }
+ return (
+ <tfoot
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </tfoot>
+ );
};
Tfoot.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Tfoot.propTypes = {
@@ -47,6 +45,13 @@ Tfoot.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Th.react.js b/src/components/Th.react.js
index 20d97c3f..a9472019 100644
--- a/src/components/Th.react.js
+++ b/src/components/Th.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Th = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <th
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </th>
- );
- } else {
- return (
- <th {...props}>
- {props.children}
- </th>
- );
- }
+ return (
+ <th
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </th>
+ );
};
Th.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Th.propTypes = {
@@ -47,6 +45,13 @@ Th.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
@@ -86,7 +91,7 @@ Th.propTypes = {
'rowSpan': PropTypes.string,
/**
- *
+ * Defines the cells that the header test (defined in the th element) relates to.
*/
'scope': PropTypes.string,
diff --git a/src/components/Thead.react.js b/src/components/Thead.react.js
index 1e1067f5..ea48b627 100644
--- a/src/components/Thead.react.js
+++ b/src/components/Thead.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Thead = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <thead
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </thead>
- );
- } else {
- return (
- <thead {...props}>
- {props.children}
- </thead>
- );
- }
+ return (
+ <thead
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </thead>
+ );
};
Thead.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Thead.propTypes = {
@@ -47,6 +45,13 @@ Thead.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Time.react.js b/src/components/Time.react.js
index d69ba52a..e9d80a07 100644
--- a/src/components/Time.react.js
+++ b/src/components/Time.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Time = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <time
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </time>
- );
- } else {
- return (
- <time {...props}>
- {props.children}
- </time>
- );
- }
+ return (
+ <time
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </time>
+ );
};
Time.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Time.propTypes = {
@@ -47,6 +45,13 @@ Time.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Title.react.js b/src/components/Title.react.js
index d3d4ac71..484592f7 100644
--- a/src/components/Title.react.js
+++ b/src/components/Title.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Title = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <title
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </title>
- );
- } else {
- return (
- <title {...props}>
- {props.children}
- </title>
- );
- }
+ return (
+ <title
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </title>
+ );
};
Title.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Title.propTypes = {
@@ -47,6 +45,13 @@ Title.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Tr.react.js b/src/components/Tr.react.js
index 09f82b95..2084f382 100644
--- a/src/components/Tr.react.js
+++ b/src/components/Tr.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Tr = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <tr
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </tr>
- );
- } else {
- return (
- <tr {...props}>
- {props.children}
- </tr>
- );
- }
+ return (
+ <tr
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </tr>
+ );
};
Tr.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Tr.propTypes = {
@@ -47,6 +45,13 @@ Tr.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Track.react.js b/src/components/Track.react.js
index 54ed8f8c..51ec26e9 100644
--- a/src/components/Track.react.js
+++ b/src/components/Track.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Track = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <track
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </track>
- );
- } else {
- return (
- <track {...props}>
- {props.children}
- </track>
- );
- }
+ return (
+ <track
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </track>
+ );
};
Track.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Track.propTypes = {
@@ -47,6 +45,13 @@ Track.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/U.react.js b/src/components/U.react.js
index 4030892e..c796cd89 100644
--- a/src/components/U.react.js
+++ b/src/components/U.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const U = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <u
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </u>
- );
- } else {
- return (
- <u {...props}>
- {props.children}
- </u>
- );
- }
+ return (
+ <u
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </u>
+ );
};
U.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
U.propTypes = {
@@ -47,6 +45,13 @@ U.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Ul.react.js b/src/components/Ul.react.js
index 1b3e632a..686b6af4 100644
--- a/src/components/Ul.react.js
+++ b/src/components/Ul.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Ul = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <ul
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </ul>
- );
- } else {
- return (
- <ul {...props}>
- {props.children}
- </ul>
- );
- }
+ return (
+ <ul
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </ul>
+ );
};
Ul.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Ul.propTypes = {
@@ -47,6 +45,13 @@ Ul.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Var.react.js b/src/components/Var.react.js
index d82ddeb4..f4a4b22b 100644
--- a/src/components/Var.react.js
+++ b/src/components/Var.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Var = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <var
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </var>
- );
- } else {
- return (
- <var {...props}>
- {props.children}
- </var>
- );
- }
+ return (
+ <var
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </var>
+ );
};
Var.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Var.propTypes = {
@@ -47,6 +45,13 @@ Var.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Video.react.js b/src/components/Video.react.js
index da01894a..fb0df023 100644
--- a/src/components/Video.react.js
+++ b/src/components/Video.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Video = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <video
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </video>
- );
- } else {
- return (
- <video {...props}>
- {props.children}
- </video>
- );
- }
+ return (
+ <video
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </video>
+ );
};
Video.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Video.propTypes = {
@@ -47,6 +45,13 @@ Video.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Wbr.react.js b/src/components/Wbr.react.js
index 484d293d..1f2b7e86 100644
--- a/src/components/Wbr.react.js
+++ b/src/components/Wbr.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Wbr = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <wbr
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </wbr>
- );
- } else {
- return (
- <wbr {...props}>
- {props.children}
- </wbr>
- );
- }
+ return (
+ <wbr
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </wbr>
+ );
};
Wbr.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Wbr.propTypes = {
@@ -47,6 +45,13 @@ Wbr.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/src/components/Xmp.react.js b/src/components/Xmp.react.js
index a57ad9ce..d7696798 100644
--- a/src/components/Xmp.react.js
+++ b/src/components/Xmp.react.js
@@ -3,29 +3,27 @@ import React from 'react';
import PropTypes from 'prop-types';
const Xmp = (props) => {
- if (props.fireEvent || props.setProps) {
- return (
- <xmp
- onClick={() => {
- if (props.setProps) props.setProps({n_clicks: props.n_clicks + 1});
- if (props.fireEvent) props.fireEvent({event: 'click'});
- }}
- {...props}
- >
- {props.children}
- </xmp>
- );
- } else {
- return (
- <xmp {...props}>
- {props.children}
- </xmp>
- );
- }
+ return (
+ <xmp
+ onClick={() => {
+ if (props.setProps) {
+ props.setProps({
+ n_clicks: props.n_clicks + 1,
+ n_clicks_timestamp: Date.now()
+ })
+ }
+ if (props.fireEvent) props.fireEvent({event: 'click'});
+ }}
+ {...props}
+ >
+ {props.children}
+ </xmp>
+ );
};
Xmp.defaultProps = {
- n_clicks: 0
+ n_clicks: 0,
+ n_clicks_timestamp: -1
};
Xmp.propTypes = {
@@ -47,6 +45,13 @@ Xmp.propTypes = {
*/
'n_clicks': PropTypes.integer,
+ /**
+ * An integer that represents the time (in ms since 1970)
+ * at which n_clicks changed. This can be used to tell
+ * which button was changed most recently.
+ */
+ 'n_clicks_timestamp': PropTypes.integer,
+
/**
* A unique identifier for the component, used to improve
* performance by React.js while rendering components
diff --git a/tests/test_integration.py b/tests/test_integration.py
index 1f149d74..16fce92c 100644
--- a/tests/test_integration.py
+++ b/tests/test_integration.py
@@ -84,3 +84,74 @@ def update_output(n_clicks):
'#container', 'You have clicked the button 1 times')
self.assertEqual(call_count.value, 2)
self.snapshot('button click')
+
+
+ def test_click_prev(self):
+ call_count = Value('i', 0)
+ timestamp_1 = Value('d', -5)
+ timestamp_2 = Value('d', -5)
+
+ app = dash.Dash()
+ app.layout = html.Div([
+ html.Div(id='container'),
+ html.Button('Click', id='button-1', n_clicks=0, n_clicks_timestamp=-1),
+ html.Button('Click', id='button-2', n_clicks=0, n_clicks_timestamp=-1)
+ ])
+
+ @app.callback(
+ Output('container', 'children'),
+ [Input('button-1', 'n_clicks'),
+ Input('button-1', 'n_clicks_timestamp'),
+ Input('button-2', 'n_clicks'),
+ Input('button-2', 'n_clicks_timestamp')])
+ def update_output(*args):
+ print(args)
+ call_count.value += 1
+ timestamp_1.value = args[1]
+ timestamp_2.value = args[3]
+ return '{}, {}'.format(args[0], args[2])
+
+ self.startServer(app)
+
+ self.wait_for_element_by_css_selector('#container')
+ time.sleep(2)
+ self.wait_for_text_to_equal('#container', '0, 0')
+ self.assertEqual(timestamp_1.value, -1)
+ self.assertEqual(timestamp_2.value, -1)
+ self.assertEqual(call_count.value, 1)
+ self.snapshot('button initialization 1')
+
+ self.driver.find_element_by_css_selector('#button-1').click()
+ time.sleep(2)
+ self.wait_for_text_to_equal('#container', '1, 0')
+ print(timestamp_1.value)
+ print((time.time() - (24 * 60 * 60)) * 1000)
+ self.assertTrue(
+ timestamp_1.value >
+ ((time.time() - (24 * 60 * 60)) * 1000))
+ self.assertEqual(timestamp_2.value, -1)
+ self.assertEqual(call_count.value, 2)
+ self.snapshot('button-1 click')
+ prev_timestamp_1 = timestamp_1.value
+
+ self.driver.find_element_by_css_selector('#button-2').click()
+ time.sleep(2)
+ self.wait_for_text_to_equal('#container', '1, 1')
+ self.assertEqual(timestamp_1.value, prev_timestamp_1)
+ self.assertTrue(
+ timestamp_2.value >
+ ((time.time() - 24 * 60 * 60) * 1000))
+ self.assertEqual(call_count.value, 3)
+ self.snapshot('button-2 click')
+ prev_timestamp_2 = timestamp_2.value
+
+ self.driver.find_element_by_css_selector('#button-2').click()
+ time.sleep(2)
+ self.wait_for_text_to_equal('#container', '1, 2')
+ self.assertEqual(timestamp_1.value, prev_timestamp_1)
+ self.assertTrue(
+ timestamp_2.value >
+ prev_timestamp_2)
+ self.assertTrue(timestamp_2.value > timestamp_1.value)
+ self.assertEqual(call_count.value, 4)
+ self.snapshot('button-2 click again')
]]></plaintext></arguments.length;t++){var></div>