formit
Version:
A speedy way to create HTML forms.
1 lines • 50.9 kB
JSON
{"dependencies":[{"name":"/Users/Q/Sites/stripe/form-elements/.babelrc","includedInParent":true,"mtime":1526191410197},{"name":"/Users/Q/Sites/stripe/form-elements/package.json","includedInParent":true,"mtime":1526242955456},{"name":"./utilities/dom","loc":{"line":2,"column":60}},{"name":"./utilities/id","loc":{"line":6,"column":7}},{"name":"./utilities/elements","loc":{"line":11,"column":7}}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\n\nvar _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };\n\nvar _dom = require('./utilities/dom');\n\nvar _id = require('./utilities/id');\n\nvar _elements = require('./utilities/elements');\n\nfunction _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }\n\nvar renderFormElement = function renderFormElement(props, index) {\n var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var isNested = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n var classNames = options.classNames,\n shouldNestFieldWithinLabel = options.shouldNestFieldWithinLabel;\n var fieldGroupClassName = classNames.fieldGroupClassName,\n fieldClassName = classNames.fieldClassName,\n labelClassName = classNames.labelClassName,\n nestedFieldClassName = classNames.nestedFieldClassName,\n nestedGroupClassName = classNames.nestedGroupClassName,\n submitClassName = classNames.submitClassName;\n\n\n var node = (0, _dom.el)('div');\n (0, _dom.addClass)(node, (0, _id.createFormTokenName)('FieldGroup'));\n (0, _dom.addClass)(node, (0, _id.createFormTokenName)('id-' + index));\n (0, _dom.addClass)(node, fieldGroupClassName);\n\n if (Array.isArray(props)) {\n var nodes = props.map(function (p, i) {\n return renderFormElement(p, index + '-' + i, options, true);\n });\n if (nodes) {\n nodes.forEach(function (n) {\n return node.appendChild(n);\n });\n }\n (0, _dom.addClass)(node, 'has-fieldGroups');\n (0, _dom.addClass)(node, nestedGroupClassName);\n return node;\n }\n\n var html = props.html,\n label = props.label,\n type = props.type,\n rest = _objectWithoutProperties(props, ['html', 'label', 'type']);\n\n var id = (0, _id.createFormId)(index);\n var labelNode = (0, _elements.createLabel)(label, {\n class: labelClassName,\n for: id\n });\n var fieldNode = (0, _elements.createField)(_extends({\n type: type,\n id: id\n }, rest, {\n fieldClassName: fieldClassName,\n submitClassName: submitClassName\n }));\n\n if (!labelNode && !fieldNode) return null;\n\n maybeAddLabel(node, labelNode);\n maybeAddField(node, labelNode, fieldNode, shouldNestFieldWithinLabel);\n maybeAddHTML(node, html);\n\n if (isNested) {\n (0, _dom.addClass)(node, nestedFieldClassName);\n (0, _dom.addClass)(node, 'is-nested');\n }\n\n return node;\n};\n\nvar maybeAddLabel = function maybeAddLabel(node, label) {\n if (label) {\n node.appendChild(label);\n }\n};\n\nvar maybeAddField = function maybeAddField(node, label, field) {\n var shouldNest = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;\n\n if (label && shouldNest) {\n label.appendChild(field);\n } else {\n node.appendChild(field);\n }\n};\n\nvar maybeAddHTML = function maybeAddHTML(node, html) {\n if (html && (typeof html === 'string' || (0, _dom.isNodeElement)(html))) {\n var htmlFragment = typeof html === 'string' ? (0, _elements.createFragment)(html) : html;\n if (htmlFragment) {\n node.appendChild(htmlFragment);\n }\n }\n};\n\nexports.default = renderFormElement;","map":{"mappings":[{"generated":{"line":9,"column":0},"source":"src/renderFormElement.js","original":{"line":2,"column":0}},{"generated":{"line":11,"column":0},"source":"src/renderFormElement.js","original":{"line":3,"column":0}},{"generated":{"line":13,"column":0},"source":"src/renderFormElement.js","original":{"line":7,"column":0}},{"generated":{"line":17,"column":0},"source":"src/renderFormElement.js","original":{"line":13,"column":0}},{"name":"renderFormElement","generated":{"line":17,"column":4},"source":"src/renderFormElement.js","original":{"line":13,"column":6}},{"generated":{"line":17,"column":24},"source":"src/renderFormElement.js","original":{"line":13,"column":26}},{"name":"renderFormElement","generated":{"line":17,"column":33},"source":"src/renderFormElement.js","original":{"line":13,"column":6}},{"generated":{"line":17,"column":50},"source":"src/renderFormElement.js","original":{"line":13,"column":26}},{"name":"props","generated":{"line":17,"column":51},"source":"src/renderFormElement.js","original":{"line":14,"column":2}},{"generated":{"line":17,"column":56},"source":"src/renderFormElement.js","original":{"line":13,"column":26}},{"name":"index","generated":{"line":17,"column":58},"source":"src/renderFormElement.js","original":{"line":15,"column":2}},{"generated":{"line":17,"column":63},"source":"src/renderFormElement.js","original":{"line":13,"column":26}},{"generated":{"line":17,"column":65},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":18,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"options","generated":{"line":18,"column":6},"source":"src/renderFormElement.js","original":{"line":16,"column":2}},{"generated":{"line":18,"column":13},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":18,"column":84},"source":"src/renderFormElement.js","original":{"line":16,"column":20}},{"generated":{"line":18,"column":86},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":19,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"isNested","generated":{"line":19,"column":6},"source":"src/renderFormElement.js","original":{"line":17,"column":2}},{"generated":{"line":19,"column":14},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":19,"column":85},"source":"src/renderFormElement.js","original":{"line":17,"column":22}},{"generated":{"line":19,"column":90},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":20,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":20,"column":6},"source":"src/renderFormElement.js","original":{"line":21,"column":4}},{"generated":{"line":20,"column":16},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"options","generated":{"line":20,"column":19},"source":"src/renderFormElement.js","original":{"line":23,"column":6}},{"generated":{"line":20,"column":26},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":20,"column":27},"source":"src/renderFormElement.js","original":{"line":21,"column":4}},{"generated":{"line":20,"column":37},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":21,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"shouldNestFieldWithinLabel","generated":{"line":21,"column":6},"source":"src/renderFormElement.js","original":{"line":22,"column":4}},{"generated":{"line":21,"column":32},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"options","generated":{"line":21,"column":35},"source":"src/renderFormElement.js","original":{"line":23,"column":6}},{"generated":{"line":21,"column":42},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"shouldNestFieldWithinLabel","generated":{"line":21,"column":43},"source":"src/renderFormElement.js","original":{"line":22,"column":4}},{"generated":{"line":21,"column":69},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":22,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"fieldGroupClassName","generated":{"line":22,"column":6},"source":"src/renderFormElement.js","original":{"line":26,"column":4}},{"generated":{"line":22,"column":25},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":22,"column":28},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":22,"column":38},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"fieldGroupClassName","generated":{"line":22,"column":39},"source":"src/renderFormElement.js","original":{"line":26,"column":4}},{"generated":{"line":22,"column":58},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":23,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"fieldClassName","generated":{"line":23,"column":6},"source":"src/renderFormElement.js","original":{"line":27,"column":4}},{"generated":{"line":23,"column":20},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":23,"column":23},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":23,"column":33},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"fieldClassName","generated":{"line":23,"column":34},"source":"src/renderFormElement.js","original":{"line":27,"column":4}},{"generated":{"line":23,"column":48},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":24,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"labelClassName","generated":{"line":24,"column":6},"source":"src/renderFormElement.js","original":{"line":28,"column":4}},{"generated":{"line":24,"column":20},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":24,"column":23},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":24,"column":33},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"labelClassName","generated":{"line":24,"column":34},"source":"src/renderFormElement.js","original":{"line":28,"column":4}},{"generated":{"line":24,"column":48},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":25,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"nestedFieldClassName","generated":{"line":25,"column":6},"source":"src/renderFormElement.js","original":{"line":29,"column":4}},{"generated":{"line":25,"column":26},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":25,"column":29},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":25,"column":39},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"nestedFieldClassName","generated":{"line":25,"column":40},"source":"src/renderFormElement.js","original":{"line":29,"column":4}},{"generated":{"line":25,"column":60},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":26,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"nestedGroupClassName","generated":{"line":26,"column":6},"source":"src/renderFormElement.js","original":{"line":30,"column":4}},{"generated":{"line":26,"column":26},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":26,"column":29},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":26,"column":39},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"nestedGroupClassName","generated":{"line":26,"column":40},"source":"src/renderFormElement.js","original":{"line":30,"column":4}},{"generated":{"line":26,"column":60},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":27,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"submitClassName","generated":{"line":27,"column":6},"source":"src/renderFormElement.js","original":{"line":31,"column":4}},{"generated":{"line":27,"column":21},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"classNames","generated":{"line":27,"column":24},"source":"src/renderFormElement.js","original":{"line":32,"column":6}},{"generated":{"line":27,"column":34},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"submitClassName","generated":{"line":27,"column":35},"source":"src/renderFormElement.js","original":{"line":31,"column":4}},{"generated":{"line":27,"column":50},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":30,"column":0},"source":"src/renderFormElement.js","original":{"line":34,"column":2}},{"name":"node","generated":{"line":30,"column":6},"source":"src/renderFormElement.js","original":{"line":34,"column":8}},{"generated":{"line":30,"column":13},"source":"src/renderFormElement.js","original":{"line":34,"column":15}},{"generated":{"line":30,"column":26},"source":"src/renderFormElement.js","original":{"line":34,"column":18}},{"generated":{"line":30,"column":31},"source":"src/renderFormElement.js","original":{"line":34,"column":15}},{"generated":{"line":30,"column":32},"source":"src/renderFormElement.js","original":{"line":34,"column":2}},{"generated":{"line":31,"column":0},"source":"src/renderFormElement.js","original":{"line":35,"column":2}},{"name":"node","generated":{"line":31,"column":21},"source":"src/renderFormElement.js","original":{"line":35,"column":11}},{"generated":{"line":31,"column":25},"source":"src/renderFormElement.js","original":{"line":35,"column":2}},{"generated":{"line":31,"column":27},"source":"src/renderFormElement.js","original":{"line":35,"column":17}},{"generated":{"line":31,"column":69},"source":"src/renderFormElement.js","original":{"line":35,"column":2}},{"generated":{"line":32,"column":0},"source":"src/renderFormElement.js","original":{"line":36,"column":2}},{"name":"node","generated":{"line":32,"column":21},"source":"src/renderFormElement.js","original":{"line":36,"column":11}},{"generated":{"line":32,"column":25},"source":"src/renderFormElement.js","original":{"line":36,"column":2}},{"generated":{"line":32,"column":27},"source":"src/renderFormElement.js","original":{"line":36,"column":17}},{"name":"index","generated":{"line":32,"column":64},"source":"src/renderFormElement.js","original":{"line":36,"column":43}},{"generated":{"line":32,"column":69},"source":"src/renderFormElement.js","original":{"line":36,"column":17}},{"generated":{"line":32,"column":70},"source":"src/renderFormElement.js","original":{"line":36,"column":2}},{"generated":{"line":33,"column":0},"source":"src/renderFormElement.js","original":{"line":37,"column":2}},{"name":"node","generated":{"line":33,"column":21},"source":"src/renderFormElement.js","original":{"line":37,"column":11}},{"generated":{"line":33,"column":25},"source":"src/renderFormElement.js","original":{"line":37,"column":2}},{"name":"fieldGroupClassName","generated":{"line":33,"column":27},"source":"src/renderFormElement.js","original":{"line":37,"column":17}},{"generated":{"line":33,"column":46},"source":"src/renderFormElement.js","original":{"line":37,"column":2}},{"generated":{"line":35,"column":0},"source":"src/renderFormElement.js","original":{"line":39,"column":2}},{"name":"Array","generated":{"line":35,"column":6},"source":"src/renderFormElement.js","original":{"line":39,"column":6}},{"name":"isArray","generated":{"line":35,"column":12},"source":"src/renderFormElement.js","original":{"line":39,"column":12}},{"generated":{"line":35,"column":19},"source":"src/renderFormElement.js","original":{"line":39,"column":6}},{"name":"props","generated":{"line":35,"column":20},"source":"src/renderFormElement.js","original":{"line":39,"column":20}},{"generated":{"line":35,"column":25},"source":"src/renderFormElement.js","original":{"line":39,"column":6}},{"generated":{"line":35,"column":26},"source":"src/renderFormElement.js","original":{"line":39,"column":2}},{"generated":{"line":35,"column":28},"source":"src/renderFormElement.js","original":{"line":39,"column":28}},{"generated":{"line":36,"column":0},"source":"src/renderFormElement.js","original":{"line":40,"column":4}},{"name":"nodes","generated":{"line":36,"column":8},"source":"src/renderFormElement.js","original":{"line":40,"column":10}},{"name":"props","generated":{"line":36,"column":16},"source":"src/renderFormElement.js","original":{"line":40,"column":18}},{"name":"map","generated":{"line":36,"column":22},"source":"src/renderFormElement.js","original":{"line":40,"column":24}},{"generated":{"line":36,"column":25},"source":"src/renderFormElement.js","original":{"line":40,"column":18}},{"generated":{"line":36,"column":26},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"name":"p","generated":{"line":36,"column":36},"source":"src/renderFormElement.js","original":{"line":40,"column":29}},{"generated":{"line":36,"column":37},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"name":"i","generated":{"line":36,"column":39},"source":"src/renderFormElement.js","original":{"line":40,"column":32}},{"generated":{"line":36,"column":40},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"generated":{"line":37,"column":0},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"name":"renderFormElement","generated":{"line":37,"column":13},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"name":"p","generated":{"line":37,"column":31},"source":"src/renderFormElement.js","original":{"line":41,"column":24}},{"generated":{"line":37,"column":32},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"name":"index","generated":{"line":37,"column":34},"source":"src/renderFormElement.js","original":{"line":41,"column":30}},{"generated":{"line":37,"column":39},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"name":"i","generated":{"line":37,"column":48},"source":"src/renderFormElement.js","original":{"line":41,"column":39}},{"generated":{"line":37,"column":49},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"name":"options","generated":{"line":37,"column":51},"source":"src/renderFormElement.js","original":{"line":41,"column":44}},{"generated":{"line":37,"column":58},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"generated":{"line":37,"column":60},"source":"src/renderFormElement.js","original":{"line":41,"column":53}},{"generated":{"line":37,"column":64},"source":"src/renderFormElement.js","original":{"line":41,"column":6}},{"generated":{"line":37,"column":65},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"generated":{"line":38,"column":0},"source":"src/renderFormElement.js","original":{"line":40,"column":28}},{"generated":{"line":38,"column":5},"source":"src/renderFormElement.js","original":{"line":40,"column":18}},{"generated":{"line":38,"column":6},"source":"src/renderFormElement.js","original":{"line":40,"column":4}},{"generated":{"line":39,"column":0},"source":"src/renderFormElement.js","original":{"line":43,"column":4}},{"name":"nodes","generated":{"line":39,"column":8},"source":"src/renderFormElement.js","original":{"line":43,"column":8}},{"generated":{"line":39,"column":13},"source":"src/renderFormElement.js","original":{"line":43,"column":4}},{"generated":{"line":39,"column":15},"source":"src/renderFormElement.js","original":{"line":43,"column":15}},{"name":"nodes","generated":{"line":40,"column":0},"source":"src/renderFormElement.js","original":{"line":44,"column":6}},{"name":"forEach","generated":{"line":40,"column":12},"source":"src/renderFormElement.js","original":{"line":44,"column":12}},{"generated":{"line":40,"column":19},"source":"src/renderFormElement.js","original":{"line":44,"column":6}},{"generated":{"line":40,"column":20},"source":"src/renderFormElement.js","original":{"line":44,"column":20}},{"generated":{"line":41,"column":0},"source":"src/renderFormElement.js","original":{"line":44,"column":20}},{"name":"node","generated":{"line":41,"column":15},"source":"src/renderFormElement.js","original":{"line":44,"column":25}},{"name":"appendChild","generated":{"line":41,"column":20},"source":"src/renderFormElement.js","original":{"line":44,"column":30}},{"generated":{"line":41,"column":31},"source":"src/renderFormElement.js","original":{"line":44,"column":25}},{"name":"n","generated":{"line":41,"column":32},"source":"src/renderFormElement.js","original":{"line":44,"column":42}},{"generated":{"line":41,"column":33},"source":"src/renderFormElement.js","original":{"line":44,"column":25}},{"generated":{"line":41,"column":34},"source":"src/renderFormElement.js","original":{"line":44,"column":20}},{"generated":{"line":42,"column":0},"source":"src/renderFormElement.js","original":{"line":44,"column":20}},{"generated":{"line":42,"column":7},"source":"src/renderFormElement.js","original":{"line":44,"column":6}},{"generated":{"line":43,"column":0},"source":"src/renderFormElement.js","original":{"line":45,"column":5}},{"generated":{"line":44,"column":0},"source":"src/renderFormElement.js","original":{"line":46,"column":4}},{"name":"node","generated":{"line":44,"column":23},"source":"src/renderFormElement.js","original":{"line":46,"column":13}},{"generated":{"line":44,"column":27},"source":"src/renderFormElement.js","original":{"line":46,"column":4}},{"generated":{"line":44,"column":29},"source":"src/renderFormElement.js","original":{"line":46,"column":19}},{"generated":{"line":44,"column":46},"source":"src/renderFormElement.js","original":{"line":46,"column":4}},{"generated":{"line":45,"column":0},"source":"src/renderFormElement.js","original":{"line":47,"column":4}},{"name":"node","generated":{"line":45,"column":23},"source":"src/renderFormElement.js","original":{"line":47,"column":13}},{"generated":{"line":45,"column":27},"source":"src/renderFormElement.js","original":{"line":47,"column":4}},{"name":"nestedGroupClassName","generated":{"line":45,"column":29},"source":"src/renderFormElement.js","original":{"line":47,"column":19}},{"generated":{"line":45,"column":49},"source":"src/renderFormElement.js","original":{"line":47,"column":4}},{"generated":{"line":46,"column":0},"source":"src/renderFormElement.js","original":{"line":48,"column":4}},{"name":"node","generated":{"line":46,"column":11},"source":"src/renderFormElement.js","original":{"line":48,"column":11}},{"generated":{"line":46,"column":15},"source":"src/renderFormElement.js","original":{"line":48,"column":4}},{"generated":{"line":47,"column":0},"source":"src/renderFormElement.js","original":{"line":49,"column":3}},{"generated":{"line":49,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"html","generated":{"line":49,"column":6},"source":"src/renderFormElement.js","original":{"line":51,"column":10}},{"generated":{"line":49,"column":10},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"props","generated":{"line":49,"column":13},"source":"src/renderFormElement.js","original":{"line":51,"column":41}},{"generated":{"line":49,"column":18},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"html","generated":{"line":49,"column":19},"source":"src/renderFormElement.js","original":{"line":51,"column":10}},{"generated":{"line":49,"column":23},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":50,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"label","generated":{"line":50,"column":6},"source":"src/renderFormElement.js","original":{"line":51,"column":16}},{"generated":{"line":50,"column":11},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"props","generated":{"line":50,"column":14},"source":"src/renderFormElement.js","original":{"line":51,"column":41}},{"generated":{"line":50,"column":19},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"label","generated":{"line":50,"column":20},"source":"src/renderFormElement.js","original":{"line":51,"column":16}},{"generated":{"line":50,"column":25},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":51,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"type","generated":{"line":51,"column":6},"source":"src/renderFormElement.js","original":{"line":51,"column":23}},{"generated":{"line":51,"column":10},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"props","generated":{"line":51,"column":13},"source":"src/renderFormElement.js","original":{"line":51,"column":41}},{"generated":{"line":51,"column":18},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"type","generated":{"line":51,"column":19},"source":"src/renderFormElement.js","original":{"line":51,"column":23}},{"generated":{"line":51,"column":23},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":52,"column":0},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"rest","generated":{"line":52,"column":6},"source":"src/renderFormElement.js","original":{"line":51,"column":32}},{"generated":{"line":52,"column":10},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"name":"props","generated":{"line":52,"column":38},"source":"src/renderFormElement.js","original":{"line":51,"column":41}},{"generated":{"line":52,"column":43},"source":"src/renderFormElement.js","original":{"line":18,"column":5}},{"generated":{"line":54,"column":0},"source":"src/renderFormElement.js","original":{"line":52,"column":2}},{"name":"id","generated":{"line":54,"column":6},"source":"src/renderFormElement.js","original":{"line":52,"column":8}},{"generated":{"line":54,"column":11},"source":"src/renderFormElement.js","original":{"line":52,"column":13}},{"name":"index","generated":{"line":54,"column":33},"source":"src/renderFormElement.js","original":{"line":52,"column":26}},{"generated":{"line":54,"column":38},"source":"src/renderFormElement.js","original":{"line":52,"column":13}},{"generated":{"line":54,"column":39},"source":"src/renderFormElement.js","original":{"line":52,"column":2}},{"generated":{"line":55,"column":0},"source":"src/renderFormElement.js","original":{"line":53,"column":2}},{"name":"labelNode","generated":{"line":55,"column":6},"source":"src/renderFormElement.js","original":{"line":53,"column":8}},{"generated":{"line":55,"column":18},"source":"src/renderFormElement.js","original":{"line":53,"column":20}},{"name":"label","generated":{"line":55,"column":45},"source":"src/renderFormElement.js","original":{"line":53,"column":32}},{"generated":{"line":55,"column":50},"source":"src/renderFormElement.js","original":{"line":53,"column":20}},{"generated":{"line":55,"column":52},"source":"src/renderFormElement.js","original":{"line":53,"column":39}},{"name":"class","generated":{"line":56,"column":0},"source":"src/renderFormElement.js","original":{"line":54,"column":4}},{"name":"labelClassName","generated":{"line":56,"column":11},"source":"src/renderFormElement.js","original":{"line":54,"column":11}},{"generated":{"line":56,"column":25},"source":"src/renderFormElement.js","original":{"line":53,"column":39}},{"name":"for","generated":{"line":57,"column":0},"source":"src/renderFormElement.js","original":{"line":55,"column":4}},{"name":"id","generated":{"line":57,"column":9},"source":"src/renderFormElement.js","original":{"line":55,"column":9}},{"generated":{"line":58,"column":0},"source":"src/renderFormElement.js","original":{"line":53,"column":39}},{"generated":{"line":58,"column":3},"source":"src/renderFormElement.js","original":{"line":53,"column":20}},{"generated":{"line":58,"column":4},"source":"src/renderFormElement.js","original":{"line":53,"column":2}},{"generated":{"line":59,"column":0},"source":"src/renderFormElement.js","original":{"line":57,"column":2}},{"name":"fieldNode","generated":{"line":59,"column":6},"source":"src/renderFormElement.js","original":{"line":57,"column":8}},{"generated":{"line":59,"column":18},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"name":"type","generated":{"line":60,"column":0},"source":"src/renderFormElement.js","original":{"line":58,"column":4}},{"generated":{"line":60,"column":14},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"name":"id","generated":{"line":61,"column":0},"source":"src/renderFormElement.js","original":{"line":59,"column":4}},{"generated":{"line":62,"column":0},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"name":"rest","generated":{"line":62,"column":5},"source":"src/renderFormElement.js","original":{"line":60,"column":7}},{"generated":{"line":62,"column":9},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"name":"fieldClassName","generated":{"line":63,"column":0},"source":"src/renderFormElement.js","original":{"line":61,"column":4}},{"generated":{"line":63,"column":34},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"name":"submitClassName","generated":{"line":64,"column":0},"source":"src/renderFormElement.js","original":{"line":62,"column":4}},{"generated":{"line":65,"column":0},"source":"src/renderFormElement.js","original":{"line":57,"column":20}},{"generated":{"line":65,"column":5},"source":"src/renderFormElement.js","original":{"line":57,"column":2}},{"generated":{"line":67,"column":0},"source":"src/renderFormElement.js","original":{"line":65,"column":2}},{"generated":{"line":67,"column":6},"source":"src/renderFormElement.js","original":{"line":65,"column":6}},{"name":"labelNode","generated":{"line":67,"column":7},"source":"src/renderFormElement.js","original":{"line":65,"column":7}},{"generated":{"line":67,"column":16},"source":"src/renderFormElement.js","original":{"line":65,"column":6}},{"generated":{"line":67,"column":20},"source":"src/renderFormElement.js","original":{"line":65,"column":20}},{"name":"fieldNode","generated":{"line":67,"column":21},"source":"src/renderFormElement.js","original":{"line":65,"column":21}},{"generated":{"line":67,"column":30},"source":"src/renderFormElement.js","original":{"line":65,"column":2}},{"generated":{"line":67,"column":32},"source":"src/renderFormElement.js","original":{"line":65,"column":32}},{"generated":{"line":67,"column":39},"source":"src/renderFormElement.js","original":{"line":65,"column":39}},{"generated":{"line":67,"column":43},"source":"src/renderFormElement.js","original":{"line":65,"column":32}},{"name":"maybeAddLabel","generated":{"line":69,"column":0},"source":"src/renderFormElement.js","original":{"line":67,"column":2}},{"name":"node","generated":{"line":69,"column":16},"source":"src/renderFormElement.js","original":{"line":67,"column":16}},{"generated":{"line":69,"column":20},"source":"src/renderFormElement.js","original":{"line":67,"column":2}},{"name":"labelNode","generated":{"line":69,"column":22},"source":"src/renderFormElement.js","original":{"line":67,"column":22}},{"generated":{"line":69,"column":31},"source":"src/renderFormElement.js","original":{"line":67,"column":2}},{"name":"maybeAddField","generated":{"line":70,"column":0},"source":"src/renderFormElement.js","original":{"line":68,"column":2}},{"name":"node","generated":{"line":70,"column":16},"source":"src/renderFormElement.js","original":{"line":68,"column":16}},{"generated":{"line":70,"column":20},"source":"src/renderFormElement.js","original":{"line":68,"column":2}},{"name":"labelNode","generated":{"line":70,"column":22},"source":"src/renderFormElement.js","original":{"line":68,"column":22}},{"generated":{"line":70,"column":31},"source":"src/renderFormElement.js","original":{"line":68,"column":2}},{"name":"fieldNode","generated":{"line":70,"column":33},"source":"src/renderFormElement.js","original":{"line":68,"column":33}},{"generated":{"line":70,"column":42},"source":"src/renderFormElement.js","original":{"line":68,"column":2}},{"name":"shouldNestFieldWithinLabel","generated":{"line":70,"column":44},"source":"src/renderFormElement.js","original":{"line":68,"column":44}},{"generated":{"line":70,"column":70},"source":"src/renderFormElement.js","original":{"line":68,"column":2}},{"name":"maybeAddHTML","generated":{"line":71,"column":0},"source":"src/renderFormElement.js","original":{"line":69,"column":2}},{"name":"node","generated":{"line":71,"column":15},"source":"src/renderFormElement.js","original":{"line":69,"column":15}},{"generated":{"line":71,"column":19},"source":"src/renderFormElement.js","original":{"line":69,"column":2}},{"name":"html","generated":{"line":71,"column":21},"source":"src/renderFormElement.js","original":{"line":69,"column":21}},{"generated":{"line":71,"column":25},"source":"src/renderFormElement.js","original":{"line":69,"column":2}},{"generated":{"line":73,"column":0},"source":"src/renderFormElement.js","original":{"line":71,"column":2}},{"name":"isNested","generated":{"line":73,"column":6},"source":"src/renderFormElement.js","original":{"line":71,"column":6}},{"generated":{"line":73,"column":14},"source":"src/renderFormElement.js","original":{"line":71,"column":2}},{"generated":{"line":73,"column":16},"source":"src/renderFormElement.js","original":{"line":71,"column":16}},{"generated":{"line":74,"column":0},"source":"src/renderFormElement.js","original":{"line":72,"column":4}},{"name":"node","generated":{"line":74,"column":23},"source":"src/renderFormElement.js","original":{"line":72,"column":13}},{"generated":{"line":74,"column":27},"source":"src/renderFormElement.js","original":{"line":72,"column":4}},{"name":"nestedFieldClassName","generated":{"line":74,"column":29},"source":"src/renderFormElement.js","original":{"line":72,"column":19}},{"generated":{"line":74,"column":49},"source":"src/renderFormElement.js","original":{"line":72,"column":4}},{"generated":{"line":75,"column":0},"source":"src/renderFormElement.js","original":{"line":73,"column":4}},{"name":"node","generated":{"line":75,"column":23},"source":"src/renderFormElement.js","original":{"line":73,"column":13}},{"generated":{"line":75,"column":27},"source":"src/renderFormElement.js","original":{"line":73,"column":4}},{"generated":{"line":75,"column":29},"source":"src/renderFormElement.js","original":{"line":73,"column":19}},{"generated":{"line":75,"column":40},"source":"src/renderFormElement.js","original":{"line":73,"column":4}},{"generated":{"line":76,"column":0},"source":"src/renderFormElement.js","original":{"line":74,"column":3}},{"generated":{"line":78,"column":0},"source":"src/renderFormElement.js","original":{"line":76,"column":2}},{"name":"node","generated":{"line":78,"column":9},"source":"src/renderFormElement.js","original":{"line":76,"column":9}},{"generated":{"line":78,"column":13},"source":"src/renderFormElement.js","original":{"line":76,"column":2}},{"generated":{"line":79,"column":0},"source":"src/renderFormElement.js","original":{"line":77,"column":1}},{"generated":{"line":79,"column":1},"source":"src/renderFormElement.js","original":{"line":13,"column":0}},{"generated":{"line":81,"column":0},"source":"src/renderFormElement.js","original":{"line":79,"column":0}},{"name":"maybeAddLabel","generated":{"line":81,"column":4},"source":"src/renderFormElement.js","original":{"line":79,"column":6}},{"generated":{"line":81,"column":20},"source":"src/renderFormElement.js","original":{"line":79,"column":22}},{"name":"maybeAddLabel","generated":{"line":81,"column":29},"source":"src/renderFormElement.js","original":{"line":79,"column":6}},{"generated":{"line":81,"column":42},"source":"src/renderFormElement.js","original":{"line":79,"column":22}},{"name":"node","generated":{"line":81,"column":43},"source":"src/renderFormElement.js","original":{"line":79,"column":23}},{"generated":{"line":81,"column":47},"source":"src/renderFormElement.js","original":{"line":79,"column":22}},{"name":"label","generated":{"line":81,"column":49},"source":"src/renderFormElement.js","original":{"line":79,"column":29}},{"generated":{"line":81,"column":54},"source":"src/renderFormElement.js","original":{"line":79,"column":22}},{"generated":{"line":81,"column":56},"source":"src/renderFormElement.js","original":{"line":79,"column":39}},{"generated":{"line":82,"column":0},"source":"src/renderFormElement.js","original":{"line":80,"column":2}},{"name":"label","generated":{"line":82,"column":6},"source":"src/renderFormElement.js","original":{"line":80,"column":6}},{"generated":{"line":82,"column":11},"source":"src/renderFormElement.js","original":{"line":80,"column":2}},{"generated":{"line":82,"column":13},"source":"src/renderFormElement.js","original":{"line":80,"column":13}},{"name":"node","generated":{"line":83,"column":0},"source":"src/renderFormElement.js","original":{"line":81,"column":4}},{"name":"appendChild","generated":{"line":83,"column":9},"source":"src/renderFormElement.js","original":{"line":81,"column":9}},{"generated":{"line":83,"column":20},"source":"src/renderFormElement.js","original":{"line":81,"column":4}},{"name":"label","generated":{"line":83,"column":21},"source":"src/renderFormElement.js","original":{"line":81,"column":21}},{"generated":{"line":83,"column":26},"source":"src/renderFormElement.js","original":{"line":81,"column":4}},{"generated":{"line":84,"column":0},"source":"src/renderFormElement.js","original":{"line":82,"column":3}},{"generated":{"line":85,"column":0},"source":"src/renderFormElement.js","original":{"line":83,"column":1}},{"generated":{"line":85,"column":1},"source":"src/renderFormElement.js","original":{"line":79,"column":0}},{"generated":{"line":87,"column":0},"source":"src/renderFormElement.js","original":{"line":85,"column":0}},{"name":"maybeAddField","generated":{"line":87,"column":4},"source":"src/renderFormElement.js","original":{"line":85,"column":6}},{"generated":{"line":87,"column":20},"source":"src/renderFormElement.js","original":{"line":85,"column":22}},{"name":"maybeAddField","generated":{"line":87,"column":29},"source":"src/renderFormElement.js","original":{"line":85,"column":6}},{"generated":{"line":87,"column":42},"source":"src/renderFormElement.js","original":{"line":85,"column":22}},{"name":"node","generated":{"line":87,"column":43},"source":"src/renderFormElement.js","original":{"line":85,"column":23}},{"generated":{"line":87,"column":47},"source":"src/renderFormElement.js","original":{"line":85,"column":22}},{"name":"label","generated":{"line":87,"column":49},"source":"src/renderFormElement.js","original":{"line":85,"column":29}},{"generated":{"line":87,"column":54},"source":"src/renderFormElement.js","original":{"line":85,"column":22}},{"name":"field","generated":{"line":87,"column":56},"source":"src/renderFormElement.js","original":{"line":85,"column":36}},{"generated":{"line":87,"column":61},"source":"src/renderFormElement.js","original":{"line":85,"column":22}},{"generated":{"line":87,"column":63},"source":"src/renderFormElement.js","original":{"line":85,"column":65}},{"generated":{"line":88,"column":0},"source":"src/renderFormElement.js","original":{"line":85,"column":65}},{"name":"shouldNest","generated":{"line":88,"column":6},"source":"src/renderFormElement.js","original":{"line":85,"column":43}},{"generated":{"line":88,"column":16},"source":"src/renderFormElement.js","original":{"line":85,"column":65}},{"generated":{"line":88,"column":87},"source":"src/renderFormElement.js","original":{"line":85,"column":56}},{"generated":{"line":88,"column":91},"source":"src/renderFormElement.js","original":{"line":85,"column":65}},{"generated":{"line":90,"column":0},"source":"src/renderFormElement.js","original":{"line":86,"column":2}},{"name":"label","generated":{"line":90,"column":6},"source":"src/renderFormElement.js","original":{"line":86,"column":6}},{"name":"shouldNest","generated":{"line":90,"column":15},"source":"src/renderFormElement.js","original":{"line":86,"column":15}},{"generated":{"line":90,"column":25},"source":"src/renderFormElement.js","original":{"line":86,"column":2}},{"generated":{"line":90,"column":27},"source":"src/renderFormElement.js","original":{"line":86,"column":27}},{"name":"label","generated":{"line":91,"column":0},"source":"src/renderFormElement.js","original":{"line":87,"column":4}},{"name":"appendChild","generated":{"line":91,"column":10},"source":"src/renderFormElement.js","original":{"line":87,"column":10}},{"generated":{"line":91,"column":21},"source":"src/renderFormElement.js","original":{"line":87,"column":4}},{"name":"field","generated":{"line":91,"column":22},"source":"src/renderFormElement.js","original":{"line":87,"column":22}},{"generated":{"line":91,"column":27},"source":"src/renderFormElement.js","original":{"line":87,"column":4}},{"generated":{"line":92,"column":0},"source":"src/renderFormElement.js","original":{"line":88,"column":3}},{"generated":{"line":92,"column":3},"source":"src/renderFormElement.js","original":{"line":86,"column":2}},{"generated":{"line":92,"column":9},"source":"src/renderFormElement.js","original":{"line":88,"column":9}},{"name":"node","generated":{"line":93,"column":0},"source":"src/renderFormElement.js","original":{"line":89,"column":4}},{"name":"appendChild","generated":{"line":93,"column":9},"source":"src/renderFormElement.js","original":{"line":89,"column":9}},{"generated":{"line":93,"column":20},"source":"src/renderFormElement.js","original":{"line":89,"column":4}},{"name":"field","generated":{"line":93,"column":21},"source":"src/renderFormElement.js","original":{"line":89,"column":21}},{"generated":{"line":93,"column":26},"source":"src/renderFormElement.js","original":{"line":89,"column":4}},{"generated":{"line":94,"column":0},"source":"src/renderFormElement.js","original":{"line":90,"column":3}},{"generated":{"line":95,"column":0},"source":"src/renderFormElement.js","original":{"line":91,"column":1}},{"generated":{"line":95,"column":1},"source":"src/renderFormElement.js","original":{"line":85,"column":0}},{"generated":{"line":97,"column":0},"source":"src/renderFormElement.js","original":{"line":93,"column":0}},{"name":"maybeAddHTML","generated":{"line":97,"column":4},"source":"src/renderFormElement.js","original":{"line":93,"column":6}},{"generated":{"line":97,"column":19},"source":"src/renderFormElement.js","original":{"line":93,"column":21}},{"name":"maybeAddHTML","generated":{"line":97,"column":28},"source":"src/renderFormElement.js","original":{"line":93,"column":6}},{"generated":{"line":97,"column":40},"source":"src/renderFormElement.js","original":{"line":93,"column":21}},{"name":"node","generated":{"line":97,"column":41},"source":"src/renderFormElement.js","original":{"line":93,"column":22}},{"generated":{"line":97,"column":45},"source":"src/renderFormElement.js","original":{"line":93,"column":21}},{"name":"html","generated":{"line":97,"column":47},"source":"src/renderFormElement.js","original":{"line":93,"column":28}},{"generated":{"line":97,"column":51},"source":"src/renderFormElement.js","original":{"line":93,"column":21}},{"generated":{"line":97,"column":53},"source":"src/renderFormElement.js","original":{"line":93,"column":37}},{"generated":{"line":98,"column":0},"source":"src/renderFormElement.js","original":{"line":94,"column":2}},{"name":"html","generated":{"line":98,"column":6},"source":"src/renderFormElement.js","original":{"line":94,"column":6}},{"generated":{"line":98,"column":15},"source":"src/renderFormElement.js","original":{"line":94,"column":15}},{"name":"html","generated":{"line":98,"column":22},"source":"src/renderFormElement.js","original":{"line":94,"column":22}},{"generated":{"line":98,"column":26},"source":"src/renderFormElement.js","original":{"line":94,"column":15}},{"generated":{"line":98,"column":31},"source":"src/renderFormElement.js","original":{"line":94,"column":31}},{"generated":{"line":98,"column":39},"source":"src/renderFormElement.js","original":{"line":94,"column":15}},{"generated":{"line":98,"column":43},"source":"src/renderFormElement.js","original":{"line":94,"column":43}},{"name":"html","generated":{"line":98,"column":67},"source":"src/renderFormElement.js","original":{"line":94,"column":57}},{"generated":{"line":98,"column":71},"source":"src/renderFormElement.js","original":{"line":94,"column":43}},{"generated":{"line":98,"column":72},"source":"src/renderFormElement.js","original":{"line":94,"column":6}},{"generated":{"line":98,"column":73},"source":"src/renderFormElement.js","original":{"line":94,"column":2}},{"generated":{"line":98,"column":75},"source":"src/renderFormElement.js","original":{"line":94,"column":65}},{"generated":{"line":99,"column":0},"source":"src/renderFormElement.js","original":{"line":95,"column":4}},{"name":"htmlFragment","generated":{"line":99,"column":8},"source":"src/renderFormElement.js","original":{"line":95,"column":10}},{"generated":{"line":99,"column":23},"source":"src/renderFormElement.js","original":{"line":95,"column":25}},{"name":"html","generated":{"line":99,"column":30},"source":"src/renderFormElement.js","original":{"line":95,"column":32}},{"generated":{"line":99,"column":34},"source":"src/renderFormElement.js","original":{"line":95,"column":25}},{"generated":{"line":99,"column":39},"source":"src/renderFormElement.js","original":{"line":95,"column":41}},{"generated":{"line":99,"column":47},"source":"src/renderFormElement.js","original":{"line":95,"column":25}},{"generated":{"line":99,"column":50},"source":"src/renderFormElement.js","original":{"line":95,"column":52}},{"name":"html","generated":{"line":99,"column":80},"source":"src/renderFormElement.js","original":{"line":95,"column":67}},{"generated":{"line":99,"column":84},"source":"src/renderFormElement.js","original":{"line":95,"column":52}},{"generated":{"line":99,"column":85},"source":"src/renderFormElement.js","original":{"line":95,"column":25}},{"name":"html","generated":{"line":99,"column":88},"source":"src/renderFormElement.js","original":{"line":95,"column":75}},{"generated":{"line":99,"column":92},"source":"src/renderFormElement.js","original":{"line":95,"column":4}},{"generated":{"line":100,"column":0},"source":"src/renderFormElement.js","original":{"line":96,"column":4}},{"name":"htmlFragment","generated":{"line":100,"column":8},"source":"src/renderFormElement.js","original":{"line":96,"column":8}},{"generated":{"line":100,"column":20},"source":"src/renderFormElement.js","original":{"line":96,"column":4}},{"generated":{"line":100,"column":22},"source":"src/renderFormElement.js","original":{"line":96,"column":22}},{"name":"node","generated":{"line":101,"column":0},"source":"src/renderFormElement.js","original":{"line":97,"column":6}},{"name":"appendChild","generated":{"line":101,"column":11},"source":"src/renderFormElement.js","original":{"line":97,"column":11}},{"generated":{"line":101,"column":22},"source":"src/renderFormElement.js","original":{"line":97,"column":6}},{"name":"htmlFragment","generated":{"line":101,"column":23},"source":"src/renderFormElement.js","original":{"line":97,"column":23}},{"generated":{"line":101,"column":35},"source":"src/renderFormElement.js","original":{"line":97,"column":6}},{"generated":{"line":102,"column":0},"source":"src/renderFormElement.js","original":{"line":98,"column":5}},{"generated":{"line":103,"column":0},"source":"src/renderFormElement.js","original":{"line":99,"column":3}},{"generated":{"line":104,"column":0},"source":"src/renderFormElement.js","original":{"line":100,"column":1}},{"generated":{"line":104,"column":1},"source":"src/renderFormElement.js","original":{"line":93,"column":0}},{"name":"renderFormElement","generated":{"line":106,"column":18},"source":"src/renderFormElement.js","original":{"line":102,"column":15}}],"sources":{"src/renderFormElement.js":"// @flow\nimport { isNodeElement, el, addClass, addPropsToNode } from './utilities/dom'\nimport {\n createFormTokenName,\n createFormId\n} from './utilities/id'\nimport {\n createFragment,\n createField,\n createLabel\n} from './utilities/elements'\n\nconst renderFormElement = (\n props: object,\n index: number,\n options: object = {},\n isNested: boolean = false\n) => {\n\n const {\n classNames,\n shouldNestFieldWithinLabel\n } = options\n\n const {\n fieldGroupClassName,\n fieldClassName,\n labelClassName,\n nestedFieldClassName,\n nestedGroupClassName,\n submitClassName\n } = classNames\n\n const node = el('div')\n addClass(node, createFormTokenName(`FieldGroup`))\n addClass(node, createFormTokenName(`id-${index}`))\n addClass(node, fieldGroupClassName)\n\n if (Array.isArray(props)) {\n const nodes = props.map((p, i) =>\n renderFormElement(p, `${index}-${i}`, options, true)\n )\n if (nodes) {\n nodes.forEach(n => node.appendChild(n))\n }\n addClass(node, 'has-fieldGroups')\n addClass(node, nestedGroupClassName)\n return node\n }\n\n const { html, label, type, ...rest } = props\n const id = createFormId(index)\n const labelNode = createLabel(label, {\n class: labelClassName,\n for: id,\n })\n const fieldNode = createField({\n type,\n id,\n ...rest,\n fieldClassName,\n submitClassName,\n })\n\n if (!labelNode && !fieldNode) return null\n\n maybeAddLabel(node, labelNode)\n maybeAddField