From bfc8224c0fe14a1ae146c05277643a7a87126d80 Mon Sep 17 00:00:00 2001 From: Allen Smith Date: Tue, 15 Aug 2017 13:57:51 -0400 Subject: [PATCH 1/3] Add skeleton eventhandlers to brightwheel-component --- src/brightwheel-component.js | 277 +++++++++++++++++++++++++++++++++++ 1 file changed, 277 insertions(+) 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 From 9cb3c75cd6236be4acfc42c5082f5275747ccebd Mon Sep 17 00:00:00 2001 From: Allen Smith Date: Tue, 15 Aug 2017 14:59:47 -0400 Subject: [PATCH 2/3] Try out click handling on listgroupitem --- src/list-group-item.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/list-group-item.js b/src/list-group-item.js index 632d92f..9829c6e 100644 --- a/src/list-group-item.js +++ b/src/list-group-item.js @@ -29,7 +29,7 @@ class ListGroupItem extends BrightwheelComponent { ); return ( -
  • +
  • {this.children}
    • ); From 3b517dc55978ee13ddf2f1c4eed9507f84f1bc26 Mon Sep 17 00:00:00 2001 From: Allen Smith Date: Fri, 15 Dec 2017 13:55:49 -0500 Subject: [PATCH 3/3] Add event handlers to all components --- src/button-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/button.js | 71 ++++++++++++++++++++++++++++++++++++-- src/checkbox.js | 72 +++++++++++++++++++++++++++++++++++++- src/form-actions.js | 70 ++++++++++++++++++++++++++++++++++++- src/form-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/icon.js | 70 ++++++++++++++++++++++++++++++++++++- src/image.js | 70 ++++++++++++++++++++++++++++++++++++- src/input.js | 70 ++++++++++++++++++++++++++++++++++++- src/label.js | 70 ++++++++++++++++++++++++++++++++++++- src/list-group-item.js | 72 ++++++++++++++++++++++++++++++++++++-- src/list-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/media-body.js | 70 ++++++++++++++++++++++++++++++++++++- src/nav-group-item.js | 70 ++++++++++++++++++++++++++++++++++++- src/nav-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/pane-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/pane.js | 70 ++++++++++++++++++++++++++++++++++++- src/radio-button.js | 70 ++++++++++++++++++++++++++++++++++++- src/select.js | 70 ++++++++++++++++++++++++++++++++++++- src/tab-group.js | 70 ++++++++++++++++++++++++++++++++++++- src/tab-item.js | 70 ++++++++++++++++++++++++++++++++++++- src/table.js | 70 ++++++++++++++++++++++++++++++++++++- src/textarea.js | 70 ++++++++++++++++++++++++++++++++++++- src/toolbar.js | 70 ++++++++++++++++++++++++++++++++++++- src/window-content.js | 70 ++++++++++++++++++++++++++++++++++++- src/window.js | 70 ++++++++++++++++++++++++++++++++++++- test/button-spec.js | 78 +++++++++++++++++++++--------------------- 26 files changed, 1767 insertions(+), 66 deletions(-) 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 ( -