revelry_core 0.1.10.5 → 0.1.10.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f989a4cdcafa0ba07311b2f410207aefecac5df7
-  data.tar.gz: 58cd0207d11838721d7878999f1634519e607283
+  metadata.gz: 05f4effa1faad5ab4c3b66baf3e879ef4001d8f8
+  data.tar.gz: 1afde2ee11092d01a5e2def17200fd408ee94adf
 SHA512:
-  metadata.gz: 14a8109fddf50c0e3bf12edaf5c68436ebc9c625a73774a9a87ea20ee099ddbe1730a2bbebd2d432ac3c6b14c7c591402f6d7913694e4c71a927343ee93c5db3
-  data.tar.gz: b414482b3f52ab23feed8e46999fb34856217291c84dbff4bea659009743b579da7761b01c5a9021c7d416742b7f9aedff8155be8c98fcc1553e8e423cebe1b0
+  metadata.gz: 02629daed0f8f903602dedeac3e548160d11ddb3eccdf2d6e3473065f2a890a80a338f5fd87c4dcf6e3e9b6cd872c144f4ca0e4d70d1824177defacd4ee387c8
+  data.tar.gz: 4494d91ef7f87e2150bf0e49dd578831c12227360e87918cd4831631c50b6e4fd1472a66a3253198f1bac340b8b50c98368a8211f40b335003840ed39a9a7f0b

data/app/assets/javascripts/revelry/examples/Forms.js.cjsx

@@ -1,4 +1,4 @@
-Rev.pullInto(this) 'Row', 'Col', 'Form', 'Input', 'Textarea', 'Checkbox', 'Radio', 'Switch'
+Rev.pullInto(this) 'Row', 'Col', 'Form', 'Input', 'Textarea', 'Checkbox', 'Radio', 'Select', 'Option', 'Switch'
 
 Rev.registerExample '<Form> with <Input>, <Textarea>',
   render: ->
@@ -33,6 +33,16 @@ Rev.registerExample '<Form> with <Input>, <Textarea>',
             <Input type="radio" name="myRadio" label="This" />
             <Radio name="myRadio" label="That" />
           </Col>
+          <Col>
+            <Input dom="select" label="Pick something">
+              <option value="one">one</option>
+              <option value="two">two</option>
+            </Input>
+            <Select label="Pick another thing" error="Oh no a thing is wrong!" defaultValue="two">
+              <Option value="one">1</Option>
+              <Option value="two">2</Option>
+            </Select>
+          </Col>
           <Col><Switch />{"This is a <Switch>"}</Col>
         </Row>
       </Form>

data/app/assets/javascripts/revelry/ui/forms/Input.js.cjsx

@@ -3,12 +3,18 @@ Rev.registerComponent 'Input',
   getDefaultProps: ->
     dom: "input"
 
+  getTypeClassMod: ->
+    if @props.dom == 'input'
+      @props.type or 'text'
+    else
+      @props.dom
+
   render: ->
     labelClasses =
       'RevInput': true
       'RevInput--label': true
       'error': @props.error
-    labelClasses["RevInput-#{@props.type or 'text'}"] = true # RevInput-checkbox etc.
+    labelClasses["RevInput-#{@getTypeClassMod()}"] = true # RevInput-checkbox etc.
     labelClassName = @cx labelClasses
 
     <label className={labelClassName}>
@@ -19,12 +25,12 @@ Rev.registerComponent 'Input',
     </label>
 
   renderInput: ->
-    inputProps = _(@getPropsWithout 'error', 'className').extend
+    inputProps = _(@getPropsWithout 'dom', 'error', 'className').extend
       className: @cx
         'RevInput--input': true
         'error': @props.error
 
-    React.createElement @props.dom, inputProps
+    React.createElement @props.dom, inputProps, @props.children
 
   shouldPutLabelAfterInput: ->
     @props.type == 'checkbox' or @props.type == 'radio'

data/app/assets/javascripts/revelry/ui/forms/Option.js.cjsx

@@ -0,0 +1,2 @@
+Rev.registerComponent 'Option',
+  render: -> <option {...@props} />

data/app/assets/javascripts/revelry/ui/forms/Select.js.cjsx

@@ -0,0 +1,6 @@
+Rev.registerComponent 'Select',
+  render: ->
+    props = @getPropsWithout 'dom'
+    <Rev.Components.Input {...props} dom="select">
+      {@props.children}
+    </Rev.Components.Input>

data/lib/revelry_core/version.rb

@@ -1,5 +1,5 @@
 module Revelry
   module Core
-    VERSION = "0.1.10.5"
+    VERSION = "0.1.10.6"
   end
 end