form_props 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: cff106aa823f714feedeca5bcb60009c1e699fd3e5caf04213aff7b5453bebf1
-  data.tar.gz: dec35c8f4b7eaf8233b1dc5ba018b08d2d71275a9e5251e82c18c68190e8b10f
+  metadata.gz: 6afc4d5cd3b6527eda75e36d715a828d50fb91f7cd35015840cfda0fd3bd1757
+  data.tar.gz: 112580b30cc0ee20c4bb7903bf2b710c07452e9584753306badd4b091965f367
 SHA512:
-  metadata.gz: 3bfdfa243ba6534c73b837472bd1e9718b19ca0c99ecc7cc177389a6d4474c4042a634f5ac2a0f68e32484b6895e024b433266d7c670cda6199dfa0a82929154
-  data.tar.gz: 5afc0d65c6d09a6bbfde9c31dc9fc489499cfa69f489cd45626ebf4342da1bd1e8524ec4fab46af87d6778cef9fd445a2b45585d7462143298a113fc13efcb94
+  metadata.gz: f96bd0cf7459cf432c86d4e0b660a061b0787d294ce154ed18af9c6a44feebc5ee8451525bc9e9304823c1b16ff41be0a10423e0e30e47435b5b94e3eae6e1de
+  data.tar.gz: f15f59d1ce001e8f4208d1e9081feb01967964cd6e8b2be7633ac97166ef17aaf8a4df2b2a0333b113ba7438858a2ffa0913d7bc5cfaa5dfc9a83906718f38b2

data/README.md

@@ -1,10 +1,9 @@
 # Form Props
 
-![Build Status](https://github.com/github/docs/actions/workflows/build.yml/badge.svg?branch=main)
+![Build Status](https://github.com/thoughtbot/form_props/actions/workflows/build.yml/badge.svg?branch=main)
 
-FormProps is a Rails form builder that outputs HTML attributes instead of tags.
-Now you can enjoy the conviences of Rails helpers in other view libraries like
-React, and React Native.
+FormProps is a Rails form builder that outputs HTML props instead of tags. Now
+you can enjoy the power and convenience of Rails helpers in React!
 
 By separting attributes from tags, FormProps can offer greater flexbility than normal
 Rails form builders; allowing designers to stay longer in HTML land and more easily
@@ -26,7 +25,7 @@ gem "form_props"
 and `bundle install`
 
 ## Usage
-`form_props` is designed to be used in a [PropsTemplate] template (it can work with 
+`form_props` is designed to be used in a [PropsTemplate] template (it can work with
 [jbuilder](#jbuilder)). For example in your `new.json.props`:
 
 ```ruby
@@ -46,7 +45,7 @@ would output
     props: {
       id: "create-post",
       action: "/posts/123",
-      accept-charset: "UTF-8",
+      acceptCharset: "UTF-8",
       method: "post"
     },
     extras: {
@@ -54,19 +53,19 @@ would output
         name: "_method",
         type: "hidden",
         defaultValue: "patch",
-        autocomplete: "off"
+        autoComplete: "off"
       },
       utf8: {
         name: "utf8",
         type: "hidden",
         defaultValue: "\u0026#x2713;",
-        autocomplete: "off"
+        autoComplete: "off"
       }
       csrf: {
         name: "utf8",
         type: "authenticity_token",
         defaultValue: "SomeTOken!23$",
-        autocomplete: "off"
+        autoComplete: "off"
       }
     },
     inputs: {
@@ -84,12 +83,11 @@ import React from 'react'
 
 export default ({props, inputs, extras}) => {
   <form {...props}>
-    {Object.values(extras).map((hiddenProps) => (<input {...hiddenProps} type="hidden"/>))}
+    {Object.values(extras).map((hiddenProps) => (<input {...hiddenProps} key={hiddenProps.name}/>))}
 
-    <input {...inputs.title} type="text"/>
+    <input {...inputs.title} />
     <label for={inputs.title.id}>Your Name</label>
-
-    <input {...inputs.submit} type="submit"/>
+    <button {...inputs.submit}>{inputs.submit.text}</button>
   </form>
 }
 ```
@@ -649,7 +647,7 @@ available.
 
 ## jbuilder
 
-form_props can work with jbuilder, but needs an extra call in the beginning of 
+form_props can work with jbuilder, but needs an extra call in the beginning of
 your template to `FormProps.set` to inject `json`. For example.
 
 ```ruby

data/lib/form_props/action_view_extensions/form_helper.rb

@@ -40,6 +40,7 @@ module FormProps
         end
 
         html_options = html_options_for_form_with(url, model, **options)
+        html_options["acceptCharset"] ||= html_options.delete("accept-charset")
 
         json.extras do
           extra_props_for_form(json, html_options)
@@ -62,7 +63,7 @@ module FormProps
             json.name request_forgery_protection_token.to_s
             json.type "hidden"
             json.default_value token
-            json.autocomplete "off"
+            json.auto_complete "off"
           end
         end
       end
@@ -72,7 +73,7 @@ module FormProps
           json.name "_method"
           json.type "hidden"
           json.default_value method.to_s
-          json.autocomplete "off"
+          json.auto_complete "off"
         end
       end
 
@@ -81,7 +82,7 @@ module FormProps
           json.name "utf8"
           json.type "hidden"
           json.default_value "✓"
-          json.autocomplete "off"
+          json.auto_complete "off"
         end
       end
 

data/lib/form_props/form_builder.rb

@@ -132,7 +132,7 @@ module FormProps
     def submit(value = nil, options = {})
       value, options = nil, value if value.is_a?(Hash)
       value ||= submit_default_value
-      options = {name: "commit", value: value}.update(options)
+      options = {name: "commit", text: value}.update(options)
 
       Inputs::Submit.new(@template, options).render
     end

data/lib/form_props/inputs/hidden_field.rb

@@ -4,7 +4,7 @@ module FormProps
   module Inputs
     class HiddenField < TextField
       def render
-        @options[:autocomplete] = "off"
+        @options[:auto_complete] = "off"
         super
       end
 

data/lib/form_props/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module FormProps
-  VERSION = "0.0.2"
+  VERSION = "0.0.3"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: form_props
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.0.3
 platform: ruby
 authors:
 - Johny Ho
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-13 00:00:00.000000000 Z
+date: 2023-07-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport