form_props 0.0.4 → 0.0.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e3200a705c61ab6b0ebae4316cb80874b53ee0be1297e1230632e8b4568d7054
-  data.tar.gz: e0f83bff9ce077fee68002cedc1a0906d4139aff509fe514c73a4e085c82a386
+  metadata.gz: 6f36ab347fd2b8b9d118ac1d4756f18b9934ff03b0016edfdbc61b1fa01d3a61
+  data.tar.gz: 823dfb6b47b5fc418e37cde6642ea3dafef38c74149f30b51dc8218647e5ccf9
 SHA512:
-  metadata.gz: 6054204836874c8cebb5fa3f9cfd6f84fb3cb5c96f27ac9945683dc5e2aac73fe4be3a652dd64d3cfab33bfc70703fb2283fcf553d1908eaba46a0b4c10a8c7c
-  data.tar.gz: d586f6ebb862c1e75fe55056cdf7138dc72db2a0e3f2c847563524d2889d44b5afb16dc4135681b7524e80c4d2081ae08719fdd46951e3a14631fa73fa84a504
+  metadata.gz: a4b854fba57f47c833142bb229c19447f5e2d19d12e1162c3c718a54c53ead2d4e5aa5cb084c48dee40b70b249aae1613017ec7c3116fbb149e4723075703632
+  data.tar.gz: df34fc8fea47afcc3d0e7c1492b7c8ef359bfc5f5c37507f98855e524dd13fac1e9dc81d5c09dbcbec615be3c857affd2e185671cecba4c21768516535b33604

data/lib/form_props/action_view_extensions/form_helper.rb

@@ -40,12 +40,12 @@ 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)
         end
-        json.props(html_options)
+
+        json.props(FormProps::Helper.format_keys(html_options))
       end
 
       private
@@ -62,8 +62,8 @@ module FormProps
           json.set!("csrf") do
             json.name request_forgery_protection_token.to_s
             json.type "hidden"
-            json.default_value token
-            json.auto_complete "off"
+            json.defaultValue token
+            json.autoComplete "off"
           end
         end
       end
@@ -72,8 +72,8 @@ module FormProps
         json.set!("method") do
           json.name "_method"
           json.type "hidden"
-          json.default_value method.to_s
-          json.auto_complete "off"
+          json.defaultValue method.to_s
+          json.autoComplete "off"
         end
       end
 
@@ -81,8 +81,8 @@ module FormProps
         json.set!("utf8") do
           json.name "utf8"
           json.type "hidden"
-          json.default_value "✓"
-          json.auto_complete "off"
+          json.defaultValue "✓"
+          json.autoComplete "off"
         end
       end
 

data/lib/form_props/form_builder.rb

@@ -139,6 +139,7 @@ module FormProps
 
     def fields_for_with_nested_attributes(association_name, association, options, block)
       name = "#{object_name}[#{association_name}_attributes]"
+      association_key = "#{association_name.to_s.camelize(:lower)}Attributes"
       association = convert_to_model(association)
       json = @template.instance_variable_get(:@__json)
 
@@ -151,7 +152,7 @@ module FormProps
       if association.respond_to?(:to_ary)
         explicit_child_index = options[:child_index]
 
-        json.set!("#{association_name}_attributes") do
+        json.set!(association_key) do
           json.array! association do |child|
             if explicit_child_index
               options[:child_index] = explicit_child_index.call if explicit_child_index.respond_to?(:call)
@@ -163,7 +164,7 @@ module FormProps
           end
         end
       elsif association
-        json.set!("#{association_name}_attributes") do
+        json.set!(association_key) do
           fields_for_nested_model(name, association, options, block)
         end
       end

data/lib/form_props/helper.rb

@@ -0,0 +1,534 @@
+# frozen_string_literal: true
+
+# Keep up to date with
+# https://github.com/facebook/react/blob/main/packages/react-dom-bindings/src/shared/possibleStandardNames.js
+module FormProps
+  POSSIBLE_STANDARD_NAMES = {
+    ## HTML
+    accept: "accept",
+    acceptcharset: "acceptCharset",
+    "accept-charset": "acceptCharset",
+    accesskey: "accessKey",
+    action: "action",
+    allowfullscreen: "allowFullScreen",
+    alt: "alt",
+    as: "as",
+    async: "async",
+    autocapitalize: "autoCapitalize",
+    autocomplete: "autoComplete",
+    autocorrect: "autoCorrect",
+    autofocus: "autoFocus",
+    autoplay: "autoPlay",
+    autosave: "autoSave",
+    capture: "capture",
+    cellpadding: "cellPadding",
+    cellspacing: "cellSpacing",
+    challenge: "challenge",
+    charset: "charSet",
+    checked: "checked",
+    children: "children",
+    cite: "cite",
+    class: "className",
+    classid: "classID",
+    classname: "className",
+    cols: "cols",
+    colspan: "colSpan",
+    content: "content",
+    contenteditable: "contentEditable",
+    contextmenu: "contextMenu",
+    controls: "controls",
+    controlslist: "controlsList",
+    coords: "coords",
+    crossorigin: "crossOrigin",
+    dangerouslysetinnerhtml: "dangerouslySetInnerHTML",
+    data: "data",
+    datetime: "dateTime",
+    default: "default",
+    defaultchecked: "defaultChecked",
+    defaultvalue: "defaultValue",
+    defer: "defer",
+    dir: "dir",
+    disabled: "disabled",
+    disablepictureinpicture: "disablePictureInPicture",
+    disableremoteplayback: "disableRemotePlayback",
+    download: "download",
+    draggable: "draggable",
+    enctype: "encType",
+    enterkeyhint: "enterKeyHint",
+    fetchpriority: "fetchPriority",
+    for: "htmlFor",
+    form: "form",
+    formmethod: "formMethod",
+    formaction: "formAction",
+    formenctype: "formEncType",
+    formnovalidate: "formNoValidate",
+    formtarget: "formTarget",
+    frameborder: "frameBorder",
+    headers: "headers",
+    height: "height",
+    hidden: "hidden",
+    high: "high",
+    href: "href",
+    hreflang: "hrefLang",
+    htmlfor: "htmlFor",
+    httpequiv: "httpEquiv",
+    "http-equiv": "httpEquiv",
+    icon: "icon",
+    id: "id",
+    imagesizes: "imageSizes",
+    imagesrcset: "imageSrcSet",
+    innerhtml: "innerHTML",
+    inputmode: "inputMode",
+    integrity: "integrity",
+    is: "is",
+    itemid: "itemID",
+    itemprop: "itemProp",
+    itemref: "itemRef",
+    itemscope: "itemScope",
+    itemtype: "itemType",
+    keyparams: "keyParams",
+    keytype: "keyType",
+    kind: "kind",
+    label: "label",
+    lang: "lang",
+    list: "list",
+    loop: "loop",
+    low: "low",
+    manifest: "manifest",
+    marginwidth: "marginWidth",
+    marginheight: "marginHeight",
+    max: "max",
+    maxlength: "maxLength",
+    media: "media",
+    mediagroup: "mediaGroup",
+    method: "method",
+    min: "min",
+    minlength: "minLength",
+    multiple: "multiple",
+    muted: "muted",
+    name: "name",
+    nomodule: "noModule",
+    nonce: "nonce",
+    novalidate: "noValidate",
+    open: "open",
+    optimum: "optimum",
+    pattern: "pattern",
+    placeholder: "placeholder",
+    playsinline: "playsInline",
+    poster: "poster",
+    preload: "preload",
+    profile: "profile",
+    radiogroup: "radioGroup",
+    readonly: "readOnly",
+    referrerpolicy: "referrerPolicy",
+    rel: "rel",
+    required: "required",
+    reversed: "reversed",
+    role: "role",
+    rows: "rows",
+    rowspan: "rowSpan",
+    sandbox: "sandbox",
+    scope: "scope",
+    scoped: "scoped",
+    scrolling: "scrolling",
+    seamless: "seamless",
+    selected: "selected",
+    shape: "shape",
+    size: "size",
+    sizes: "sizes",
+    span: "span",
+    spellcheck: "spellCheck",
+    src: "src",
+    srcdoc: "srcDoc",
+    srclang: "srcLang",
+    srcset: "srcSet",
+    start: "start",
+    step: "step",
+    style: "style",
+    summary: "summary",
+    tabindex: "tabIndex",
+    target: "target",
+    title: "title",
+    type: "type",
+    usemap: "useMap",
+    value: "value",
+    width: "width",
+    wmode: "wmode",
+    wrap: "wrap",
+
+    # SVG
+    about: "about",
+    accentheight: "accentHeight",
+    "accent-height": "accentHeight",
+    accumulate: "accumulate",
+    additive: "additive",
+    alignmentbaseline: "alignmentBaseline",
+    "alignment-baseline": "alignmentBaseline",
+    allowreorder: "allowReorder",
+    alphabetic: "alphabetic",
+    amplitude: "amplitude",
+    arabicform: "arabicForm",
+    "arabic-form": "arabicForm",
+    ascent: "ascent",
+    attributename: "attributeName",
+    attributetype: "attributeType",
+    autoreverse: "autoReverse",
+    azimuth: "azimuth",
+    basefrequency: "baseFrequency",
+    baselineshift: "baselineShift",
+    "baseline-shift": "baselineShift",
+    baseprofile: "baseProfile",
+    bbox: "bbox",
+    begin: "begin",
+    bias: "bias",
+    by: "by",
+    calcmode: "calcMode",
+    capheight: "capHeight",
+    "cap-height": "capHeight",
+    clip: "clip",
+    clippath: "clipPath",
+    "clip-path": "clipPath",
+    clippathunits: "clipPathUnits",
+    cliprule: "clipRule",
+    "clip-rule": "clipRule",
+    color: "color",
+    colorinterpolation: "colorInterpolation",
+    "color-interpolation": "colorInterpolation",
+    colorinterpolationfilters: "colorInterpolationFilters",
+    "color-interpolation-filters": "colorInterpolationFilters",
+    colorprofile: "colorProfile",
+    "color-profile": "colorProfile",
+    colorrendering: "colorRendering",
+    "color-rendering": "colorRendering",
+    contentscripttype: "contentScriptType",
+    contentstyletype: "contentStyleType",
+    cursor: "cursor",
+    cx: "cx",
+    cy: "cy",
+    d: "d",
+    datatype: "datatype",
+    decelerate: "decelerate",
+    descent: "descent",
+    diffuseconstant: "diffuseConstant",
+    direction: "direction",
+    display: "display",
+    divisor: "divisor",
+    dominantbaseline: "dominantBaseline",
+    "dominant-baseline": "dominantBaseline",
+    dur: "dur",
+    dx: "dx",
+    dy: "dy",
+    edgemode: "edgeMode",
+    elevation: "elevation",
+    enablebackground: "enableBackground",
+    "enable-background": "enableBackground",
+    end: "end",
+    exponent: "exponent",
+    externalresourcesrequired: "externalResourcesRequired",
+    fill: "fill",
+    fillopacity: "fillOpacity",
+    "fill-opacity": "fillOpacity",
+    fillrule: "fillRule",
+    "fill-rule": "fillRule",
+    filter: "filter",
+    filterres: "filterRes",
+    filterunits: "filterUnits",
+    floodopacity: "floodOpacity",
+    "flood-opacity": "floodOpacity",
+    floodcolor: "floodColor",
+    "flood-color": "floodColor",
+    focusable: "focusable",
+    fontfamily: "fontFamily",
+    "font-family": "fontFamily",
+    fontsize: "fontSize",
+    "font-size": "fontSize",
+    fontsizeadjust: "fontSizeAdjust",
+    "font-size-adjust": "fontSizeAdjust",
+    fontstretch: "fontStretch",
+    "font-stretch": "fontStretch",
+    fontstyle: "fontStyle",
+    "font-style": "fontStyle",
+    fontvariant: "fontVariant",
+    "font-variant": "fontVariant",
+    fontweight: "fontWeight",
+    "font-weight": "fontWeight",
+    format: "format",
+    from: "from",
+    fx: "fx",
+    fy: "fy",
+    g1: "g1",
+    g2: "g2",
+    glyphname: "glyphName",
+    "glyph-name": "glyphName",
+    glyphorientationhorizontal: "glyphOrientationHorizontal",
+    "glyph-orientation-horizontal": "glyphOrientationHorizontal",
+    glyphorientationvertical: "glyphOrientationVertical",
+    "glyph-orientation-vertical": "glyphOrientationVertical",
+    glyphref: "glyphRef",
+    gradienttransform: "gradientTransform",
+    gradientunits: "gradientUnits",
+    hanging: "hanging",
+    horizadvx: "horizAdvX",
+    "horiz-adv-x": "horizAdvX",
+    horizoriginx: "horizOriginX",
+    "horiz-origin-x": "horizOriginX",
+    ideographic: "ideographic",
+    imagerendering: "imageRendering",
+    "image-rendering": "imageRendering",
+    in2: "in2",
+    in: "in",
+    inlist: "inlist",
+    intercept: "intercept",
+    k1: "k1",
+    k2: "k2",
+    k3: "k3",
+    k4: "k4",
+    k: "k",
+    kernelmatrix: "kernelMatrix",
+    kernelunitlength: "kernelUnitLength",
+    kerning: "kerning",
+    keypoints: "keyPoints",
+    keysplines: "keySplines",
+    keytimes: "keyTimes",
+    lengthadjust: "lengthAdjust",
+    letterspacing: "letterSpacing",
+    "letter-spacing": "letterSpacing",
+    lightingcolor: "lightingColor",
+    "lighting-color": "lightingColor",
+    limitingconeangle: "limitingConeAngle",
+    local: "local",
+    markerend: "markerEnd",
+    "marker-end": "markerEnd",
+    markerheight: "markerHeight",
+    markermid: "markerMid",
+    "marker-mid": "markerMid",
+    markerstart: "markerStart",
+    "marker-start": "markerStart",
+    markerunits: "markerUnits",
+    markerwidth: "markerWidth",
+    mask: "mask",
+    maskcontentunits: "maskContentUnits",
+    maskunits: "maskUnits",
+    mathematical: "mathematical",
+    mode: "mode",
+    numoctaves: "numOctaves",
+    offset: "offset",
+    opacity: "opacity",
+    operator: "operator",
+    order: "order",
+    orient: "orient",
+    orientation: "orientation",
+    origin: "origin",
+    overflow: "overflow",
+    overlineposition: "overlinePosition",
+    "overline-position": "overlinePosition",
+    overlinethickness: "overlineThickness",
+    "overline-thickness": "overlineThickness",
+    paintorder: "paintOrder",
+    "paint-order": "paintOrder",
+    panose1: "panose1",
+    "panose-1": "panose1",
+    pathlength: "pathLength",
+    patterncontentunits: "patternContentUnits",
+    patterntransform: "patternTransform",
+    patternunits: "patternUnits",
+    pointerevents: "pointerEvents",
+    "pointer-events": "pointerEvents",
+    points: "points",
+    pointsatx: "pointsAtX",
+    pointsaty: "pointsAtY",
+    pointsatz: "pointsAtZ",
+    prefix: "prefix",
+    preservealpha: "preserveAlpha",
+    preserveaspectratio: "preserveAspectRatio",
+    primitiveunits: "primitiveUnits",
+    property: "property",
+    r: "r",
+    radius: "radius",
+    refx: "refX",
+    refy: "refY",
+    renderingintent: "renderingIntent",
+    "rendering-intent": "renderingIntent",
+    repeatcount: "repeatCount",
+    repeatdur: "repeatDur",
+    requiredextensions: "requiredExtensions",
+    requiredfeatures: "requiredFeatures",
+    resource: "resource",
+    restart: "restart",
+    result: "result",
+    results: "results",
+    rotate: "rotate",
+    rx: "rx",
+    ry: "ry",
+    scale: "scale",
+    security: "security",
+    seed: "seed",
+    shaperendering: "shapeRendering",
+    "shape-rendering": "shapeRendering",
+    slope: "slope",
+    spacing: "spacing",
+    specularconstant: "specularConstant",
+    specularexponent: "specularExponent",
+    speed: "speed",
+    spreadmethod: "spreadMethod",
+    startoffset: "startOffset",
+    stddeviation: "stdDeviation",
+    stemh: "stemh",
+    stemv: "stemv",
+    stitchtiles: "stitchTiles",
+    stopcolor: "stopColor",
+    "stop-color": "stopColor",
+    stopopacity: "stopOpacity",
+    "stop-opacity": "stopOpacity",
+    strikethroughposition: "strikethroughPosition",
+    "strikethrough-position": "strikethroughPosition",
+    strikethroughthickness: "strikethroughThickness",
+    "strikethrough-thickness": "strikethroughThickness",
+    string: "string",
+    stroke: "stroke",
+    strokedasharray: "strokeDasharray",
+    "stroke-dasharray": "strokeDasharray",
+    strokedashoffset: "strokeDashoffset",
+    "stroke-dashoffset": "strokeDashoffset",
+    strokelinecap: "strokeLinecap",
+    "stroke-linecap": "strokeLinecap",
+    strokelinejoin: "strokeLinejoin",
+    "stroke-linejoin": "strokeLinejoin",
+    strokemiterlimit: "strokeMiterlimit",
+    "stroke-miterlimit": "strokeMiterlimit",
+    strokewidth: "strokeWidth",
+    "stroke-width": "strokeWidth",
+    strokeopacity: "strokeOpacity",
+    "stroke-opacity": "strokeOpacity",
+    suppresscontenteditablewarning: "suppressContentEditableWarning",
+    suppresshydrationwarning: "suppressHydrationWarning",
+    surfacescale: "surfaceScale",
+    systemlanguage: "systemLanguage",
+    tablevalues: "tableValues",
+    targetx: "targetX",
+    targety: "targetY",
+    textanchor: "textAnchor",
+    "text-anchor": "textAnchor",
+    textdecoration: "textDecoration",
+    "text-decoration": "textDecoration",
+    textlength: "textLength",
+    textrendering: "textRendering",
+    "text-rendering": "textRendering",
+    to: "to",
+    transform: "transform",
+    transformorigin: "transformOrigin",
+    "transform-origin": "transformOrigin",
+    typeof: "typeof",
+    u1: "u1",
+    u2: "u2",
+    underlineposition: "underlinePosition",
+    "underline-position": "underlinePosition",
+    underlinethickness: "underlineThickness",
+    "underline-thickness": "underlineThickness",
+    unicode: "unicode",
+    unicodebidi: "unicodeBidi",
+    "unicode-bidi": "unicodeBidi",
+    unicoderange: "unicodeRange",
+    "unicode-range": "unicodeRange",
+    unitsperem: "unitsPerEm",
+    "units-per-em": "unitsPerEm",
+    unselectable: "unselectable",
+    valphabetic: "vAlphabetic",
+    "v-alphabetic": "vAlphabetic",
+    values: "values",
+    vectoreffect: "vectorEffect",
+    "vector-effect": "vectorEffect",
+    version: "version",
+    vertadvy: "vertAdvY",
+    "vert-adv-y": "vertAdvY",
+    vertoriginx: "vertOriginX",
+    "vert-origin-x": "vertOriginX",
+    vertoriginy: "vertOriginY",
+    "vert-origin-y": "vertOriginY",
+    vhanging: "vHanging",
+    "v-hanging": "vHanging",
+    videographic: "vIdeographic",
+    "v-ideographic": "vIdeographic",
+    viewbox: "viewBox",
+    viewtarget: "viewTarget",
+    visibility: "visibility",
+    vmathematical: "vMathematical",
+    "v-mathematical": "vMathematical",
+    vocab: "vocab",
+    widths: "widths",
+    wordspacing: "wordSpacing",
+    "word-spacing": "wordSpacing",
+    writingmode: "writingMode",
+    "writing-mode": "writingMode",
+    x1: "x1",
+    x2: "x2",
+    x: "x",
+    xchannelselector: "xChannelSelector",
+    xheight: "xHeight",
+    "x-height": "xHeight",
+    xlinkactuate: "xlinkActuate",
+    "xlink:actuate": "xlinkActuate",
+    xlinkarcrole: "xlinkArcrole",
+    "xlink:arcrole": "xlinkArcrole",
+    xlinkhref: "xlinkHref",
+    "xlink:href": "xlinkHref",
+    xlinkrole: "xlinkRole",
+    "xlink:role": "xlinkRole",
+    xlinkshow: "xlinkShow",
+    "xlink:show": "xlinkShow",
+    xlinktitle: "xlinkTitle",
+    "xlink:title": "xlinkTitle",
+    xlinktype: "xlinkType",
+    "xlink:type": "xlinkType",
+    xmlbase: "xmlBase",
+    "xml:base": "xmlBase",
+    xmllang: "xmlLang",
+    "xml:lang": "xmlLang",
+    xmlns: "xmlns",
+    "xml:space": "xmlSpace",
+    xmlnsxlink: "xmlnsXlink",
+    "xmlns:xlink": "xmlnsXlink",
+    xmlspace: "xmlSpace",
+    y1: "y1",
+    y2: "y2",
+    y: "y",
+    ychannelselector: "yChannelSelector",
+    z: "z",
+    zoomandpan: "zoomAndPan"
+  }
+
+  OPTION_STANDARD_NAMES = {
+    default_value: "defaultValue",
+    default_checked: "defaultChecked",
+    checked_value: "checkedValue",
+    unchecked_value: "uncheckedValue",
+    include_hidden: "includeHidden",
+    include_blank: "includeBlank",
+    max_length: "maxLength",
+    min_length: "minLength",
+    class_name: "className",
+    auto_complete: "autoComplete",
+    read_only: "readOnly"
+  }
+
+  STANDARD_NAMES = POSSIBLE_STANDARD_NAMES.merge(OPTION_STANDARD_NAMES)
+
+  module Helper
+    extend self
+
+    def format_key(key)
+      if STANDARD_NAMES.has_key?(key.to_sym)
+        STANDARD_NAMES[key.to_sym]
+      else
+        key
+      end
+    end
+
+    def format_keys(props)
+      props.each_with_object({}) do |(key, val), memo|
+        key = format_key(key)
+        memo[key] = val
+      end
+    end
+  end
+end

data/lib/form_props/inputs/base.rb

@@ -11,11 +11,17 @@ module FormProps
         options = options.with_indifferent_access
 
         @controlled = options.delete(:controlled)
+        @key = options.delete(:key)
+
         super(object_name, method_name, template_object, options)
       end
 
       private
 
+      def sanitized_key
+        @key || sanitized_method_name.camelize(:lower)
+      end
+
       def add_options(option_tags, options, value = nil)
         if options[:include_blank]
           content = (options[:include_blank] if options[:include_blank].is_a?(String))
@@ -95,6 +101,7 @@ module FormProps
           end
         end
 
+        key = FormProps::Helper.format_key(key)
         json.set!(key, value)
       end
 
@@ -150,11 +157,11 @@ module FormProps
           end
         end
 
-        json.set!(sanitized_method_name) do
+        json.set!(sanitized_key) do
           input_props(html_options)
 
           if options.key?(:include_hidden)
-            json.include_hidden options[:include_hidden]
+            json.includeHidden options[:include_hidden]
           end
           json.options(option_tags)
         end

data/lib/form_props/inputs/check_box.rb

@@ -40,7 +40,7 @@ module FormProps
         if flatten
           body_block.call
         else
-          json.set!(sanitized_method_name) do
+          json.set!(sanitized_key) do
             body_block.call
           end
         end

data/lib/form_props/inputs/collection_check_boxes.rb

@@ -21,12 +21,12 @@ module FormProps
       end
 
       def render
-        json.set!(sanitized_method_name) do
+        json.set!(sanitized_key) do
           json.collection do
             render_collection_for(CheckBoxBuilder)
           end
 
-          json.include_hidden(@options.fetch(:include_hidden) { true })
+          json.includeHidden(@options.fetch(:include_hidden) { true })
 
           input_props(@html_options)
         end

data/lib/form_props/inputs/collection_radio_buttons.rb

@@ -20,12 +20,12 @@ module FormProps
       end
 
       def render
-        json.set!(sanitized_method_name) do
+        json.set!(sanitized_key) do
           json.collection do
             render_collection_for(RadioButtonBuilder)
           end
 
-          json.include_hidden(@options.fetch(:include_hidden) { true })
+          json.includeHidden(@options.fetch(:include_hidden) { true })
 
           input_props(@html_options)
         end

data/lib/form_props/inputs/date_field.rb

@@ -6,7 +6,7 @@ module FormProps
       private
 
       def format_date(value)
-        value&.strftime("%Y-%m-%d")
+        value.presence&.strftime("%Y-%m-%d")
       end
 
       def field_type

data/lib/form_props/inputs/radio_button.rb

@@ -22,8 +22,6 @@ module FormProps
         @options[:value] = @tag_value
         @options[:checked] = true if input_checked?(@options)
 
-        name_for_key = sanitized_method_name + "_#{sanitized_value(@tag_value)}"
-
         body_block = -> {
           add_default_name_and_id_for_value(@tag_value, @options)
           input_props(@options)
@@ -32,7 +30,7 @@ module FormProps
         if flatten
           body_block.call
         else
-          json.set!(name_for_key) do
+          json.set!(sanitized_key) do
             body_block.call
           end
         end
@@ -40,6 +38,10 @@ module FormProps
 
       private
 
+      def sanitized_key
+        @key || (sanitized_method_name + "_#{sanitized_value(@tag_value)}").camelize(:lower)
+      end
+
       def checked?(value)
         value.to_s == @tag_value.to_s
       end

data/lib/form_props/inputs/text_area.rb

@@ -8,7 +8,7 @@ module FormProps
       include ActionView::Helpers::Tags::Placeholderable
 
       def render
-        json.set!(sanitized_method_name) do
+        json.set!(sanitized_key) do
           add_default_name_and_id(@options)
           @options[:type] ||= field_type
           @options[:value] = @options.fetch(:value) { value_before_type_cast }

data/lib/form_props/inputs/text_field.rb

@@ -12,7 +12,7 @@ module FormProps
         @options[:type] ||= field_type
         @options[:value] = @options.fetch(:value) { value_before_type_cast } unless field_type == "file"
 
-        json.set!(sanitized_method_name) do
+        json.set!(sanitized_key) do
           add_default_name_and_id(@options)
           input_props(@options)
         end

data/lib/form_props/version.rb

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

data/lib/form_props.rb

@@ -2,6 +2,7 @@
 
 require "action_view"
 require "action_pack"
+require "form_props/helper"
 require "form_props/action_view_extensions/form_helper"
 require "form_props/form_options_helper"
 require "form_props/inputs/base"

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: form_props
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.6
 platform: ruby
 authors:
 - Johny Ho
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-11-17 00:00:00.000000000 Z
+date: 2023-12-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: activesupport
@@ -44,14 +44,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.23.0
+        version: 0.30.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.23.0
+        version: 0.30.0
 description: Form props is a Rails form builder that renders form attributes in JSON
 email: johny@thoughtbot.com
 executables: []
@@ -63,6 +63,7 @@ files:
 - lib/form_props/action_view_extensions/form_helper.rb
 - lib/form_props/form_builder.rb
 - lib/form_props/form_options_helper.rb
+- lib/form_props/helper.rb
 - lib/form_props/inputs/base.rb
 - lib/form_props/inputs/check_box.rb
 - lib/form_props/inputs/collection_check_boxes.rb