form_props 0.0.1 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4679a4eb6f011a9769e059c9516dcdba626c5fc19082858c2da895ce564b7832
-  data.tar.gz: ab7a23b584b3f0c82f4d73c06b9f10af13e758448ee9c14f606e50d9d7d4701c
+  metadata.gz: 6afc4d5cd3b6527eda75e36d715a828d50fb91f7cd35015840cfda0fd3bd1757
+  data.tar.gz: 112580b30cc0ee20c4bb7903bf2b710c07452e9584753306badd4b091965f367
 SHA512:
-  metadata.gz: d9647979c20fec9abc688d4dcdfcc827627b057c7d6a0bc72359e067419358ab95baa656e9bf0445afb9e2467aa4846eae200616da1e5aedf4ed554b1253855c
-  data.tar.gz: fdb9166102654f8e5e4df47ed2a979ce036422b581c8525b586a1d0590a0646c3de7247887785f39488187e0398a9a4645f09ca643a80ef8c800fb1ea19007a7
+  metadata.gz: f96bd0cf7459cf432c86d4e0b660a061b0787d294ce154ed18af9c6a44feebc5ee8451525bc9e9304823c1b16ff41be0a10423e0e30e47435b5b94e3eae6e1de
+  data.tar.gz: f15f59d1ce001e8f4208d1e9081feb01967964cd6e8b2be7633ac97166ef17aaf8a4df2b2a0333b113ba7438858a2ffa0913d7bc5cfaa5dfc9a83906718f38b2

data/README.md

@@ -1,8 +1,9 @@
 # Form Props
 
-FormProps is a Rails form builder that outputs input attributes (in JSON) instead of
-tags. Now you can enjoy the conviences of Rails helpers in other view libraries like
-React, and React Native.
+![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 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
@@ -24,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
@@ -44,7 +45,7 @@ would output
     props: {
       id: "create-post",
       action: "/posts/123",
-      accept-charset: "UTF-8",
+      acceptCharset: "UTF-8",
       method: "post"
     },
     extras: {
@@ -52,23 +53,23 @@ 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: {
-      name: {type: "text", defaultValue: "hello"},
+      title: {name: "post[title]", id: "post_title", type: "text", defaultValue: "hello"},
       submit: {type: "submit", value: "Update a Post"}
     }
   }
@@ -82,12 +83,11 @@ import React from 'react'
 
 export default ({props, inputs, extras}) => {
   <form {...props}>
-    {Object.values(extras).map((hiddenProps) => (<input {...hiddenProps} type="hidden"/>))}
-
-    <input {...inputs.name} type="text"/>
-    <label for={inputs.name.id}>Your Name</label>
+    {Object.values(extras).map((hiddenProps) => (<input {...hiddenProps} key={hiddenProps.name}/>))}
 
-    <input {...inputs.submit} type="submit"/>
+    <input {...inputs.title} />
+    <label for={inputs.title.id}>Your Name</label>
+    <button {...inputs.submit}>{inputs.submit.text}</button>
   </form>
 }
 ```
@@ -190,7 +190,7 @@ By default, the `controlled` option is `false`.
 
 ###
 
-`props` Attributes that you can splat direclty into your `<form>` element.
+`props` Attributes that you can splat directly into your `<form>` element.
 
 
 `extras` contain hidden input attributes that are created by form_props
@@ -647,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.1"
+  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.1
+  version: 0.0.3
 platform: ruby
 authors:
 - Johny Ho
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-30 00:00:00.000000000 Z
+date: 2023-07-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -39,7 +39,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: 7.0.0
 - !ruby/object:Gem::Dependency
-  name: props_tempate
+  name: props_template
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="