diff --git a/src/brightwheel-component.js b/src/brightwheel-component.js index f9f0edc..3fca92e 100644 --- a/src/brightwheel-component.js +++ b/src/brightwheel-component.js @@ -56,6 +56,7 @@ class BrightwheelComponent { // then perform custom teardown logic here... } + // Property Setter // Use this to update component state and re-render the component setProperty (properties) { @@ -87,6 +88,282 @@ class BrightwheelComponent { } this.update(this.properties) } + + // EventHandler Methods + onCopy (event) { + + } + + onCut (event) { + + } + + onPaste (event) { + + } + + onCompositionEnd (event) { + + } + + onCompositionStart (event) { + + } + + onCompositionUpdate (event) { + + } + + onKeyDown (event) { + + } + + onKeyPress (event) { + + } + + onKeyUp (event) { + + } + + onFocus (event) { + + } + + onBlur (event) { + + } + + onChange (event) { + + } + + onInput (event) { + + } + + onSubmit (event) { + + } + + onClick (event) { + + } + + onContextMenu (event) { + + } + + onDoubleClick (event) { + + } + + onDrag (event) { + + } + + onDragEnd (event) { + + } + + onDragEnter (event) { + + } + + onDragExit (event) { + + } + + onDragLeave (event) { + + } + + onDragOver (event) { + + } + + onDragStart (event) { + + } + + onDrop (event) { + + } + + onMouseDown (event) { + + } + + onMouseEnter (event) { + + } + + onMouseLeave (event) { + + } + + onMouseMove (event) { + + } + + onMouseOut (event) { + + } + + onMouseOver (event) { + + } + + onMouseUp (event) { + + } + + onSelect (event) { + + } + + onTouchCancel (event) { + + } + + onTouchEnd (event) { + + } + + onTouchMove (event) { + + } + + onTouchStart (event) { + + } + + onScroll (event) { + + } + + onWheel (event) { + + } + + onAbort (event) { + + } + + onCanPlay (event) { + + } + + onCanPlayThrough (event) { + + } + + onDurationChange (event) { + + } + + onEmptied (event) { + + } + + onEncrypted (event) { + + } + + onEnded (event) { + + } + + onError (event) { + + } + + onLoadedData (event) { + + } + + onLoadedMetadata (event) { + + } + + onLoadStart (event) { + + } + + onPause (event) { + + } + + onPlay (event) { + + } + + onPlaying (event) { + + } + + onProgress (event) { + + } + + onRateChange (event) { + + } + + onSeeked (event) { + + } + + onSeeking (event) { + + } + + onStalled (event) { + + } + + onSuspend (event) { + + } + + onTimeUpdate (event) { + + } + + onVolumeChange (event) { + + } + + onWaiting (event) { + + } + + onLoad (event) { + + } + + onError (event) { + + } + + onAnimationStart (event) { + + } + + onAnimationEnd (event) { + + } + + onAnimationIteration (event) { + + } + + onTransitionEnd (event) { + + } + + + } export default BrightwheelComponent diff --git a/src/button-group.js b/src/button-group.js index 0c99bc6..1581459 100644 --- a/src/button-group.js +++ b/src/button-group.js @@ -22,7 +22,75 @@ class ButtonGroup extends BrightwheelComponent { ); return ( -
+
{this.children}
); } diff --git a/src/button.js b/src/button.js index 11368af..780b472 100644 --- a/src/button.js +++ b/src/button.js @@ -14,7 +14,6 @@ import classNames from 'classnames'; import BrightwheelComponent from './brightwheel-component'; import Icon from './icon'; - class Button extends BrightwheelComponent { render() { @@ -43,7 +42,75 @@ class Button extends BrightwheelComponent { } return ( - diff --git a/src/checkbox.js b/src/checkbox.js index 8a36093..82aed03 100644 --- a/src/checkbox.js +++ b/src/checkbox.js @@ -25,7 +25,77 @@ class Checkbox extends BrightwheelComponent { return (
); diff --git a/src/form-actions.js b/src/form-actions.js index adc4da2..4267911 100644 --- a/src/form-actions.js +++ b/src/form-actions.js @@ -21,7 +21,75 @@ class FormActions extends BrightwheelComponent { this.properties.classNames ); return ( -
+
{this.children}
); } diff --git a/src/form-group.js b/src/form-group.js index ecda5b6..4b12f81 100644 --- a/src/form-group.js +++ b/src/form-group.js @@ -22,7 +22,75 @@ class FormGroup extends BrightwheelComponent { ); return ( -
+
{this.children}
); } diff --git a/src/icon.js b/src/icon.js index 879a8ca..31f8154 100644 --- a/src/icon.js +++ b/src/icon.js @@ -36,7 +36,75 @@ class Icon extends BrightwheelComponent { `icon-${this.properties.icon}`, this.properties.classNames ); - return (); + return (); } diff --git a/src/image.js b/src/image.js index 65f5b2b..18bf865 100644 --- a/src/image.js +++ b/src/image.js @@ -25,7 +25,75 @@ class Image extends BrightwheelComponent { this.properties.classNames ); - return (); + return (); } } diff --git a/src/input.js b/src/input.js index 07b6f0f..6ea109e 100644 --- a/src/input.js +++ b/src/input.js @@ -22,7 +22,75 @@ class Input extends BrightwheelComponent { ); return ( - + ); } diff --git a/src/label.js b/src/label.js index fff631c..0b58575 100644 --- a/src/label.js +++ b/src/label.js @@ -35,7 +35,75 @@ class Label extends BrightwheelComponent { this.properties.classNames ); return ( -