UNPKG

formit

Version:

A speedy way to create HTML forms.

1 lines 27.8 kB
{"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":"./dom","loc":{"line":2,"column":45}},{"name":"./id","loc":{"line":6,"column":7}}],"generated":{"js":"'use strict';\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.createLabel = exports.createField = exports.createFragment = undefined;\n\nvar _dom = require('./dom');\n\nvar _id = require('./id');\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 createFragment = exports.createFragment = function createFragment(html) {\n var fragment = document.createDocumentFragment();\n var containerNode = (0, _dom.el)('div');\n containerNode.innerHTML = html;\n Array.from(containerNode.childNodes).forEach(function (n) {\n fragment.appendChild(n);\n });\n\n return fragment;\n};\n\nvar createField = function createField(props) {\n var fieldClassName = props.fieldClassName,\n submitClassName = props.submitClassName,\n type = props.type,\n rest = _objectWithoutProperties(props, ['fieldClassName', 'submitClassName', 'type']);\n\n var nodeType = type.toLowerCase() === 'textarea' ? 'textarea' : 'input';\n var node = (0, _dom.el)(nodeType);\n if (nodeType !== 'textarea') {\n node.type = type;\n }\n var className = type === 'submit' ? submitClassName : fieldClassName;\n\n (0, _dom.addPropsToNode)(node, rest);\n (0, _dom.addClass)(node, (0, _id.createFormTokenName)('Field'));\n (0, _dom.addClass)(node, className);\n\n return node;\n};\n\nexports.createField = createField;\nvar createLabel = function createLabel(label, props) {\n if (!label) return;\n var node = (0, _dom.el)('label');\n\n var rest = _objectWithoutProperties(props, []);\n\n (0, _dom.addPropsToNode)(node, rest);\n (0, _dom.addClass)(node, (0, _id.createFormTokenName)('Label'));\n\n var labelNode = (0, _dom.el)('div');\n labelNode.innerHTML = label;\n (0, _dom.addClass)(labelNode, (0, _id.createFormTokenName)('Label__text'));\n node.appendChild(labelNode);\n\n return node;\n};\nexports.createLabel = createLabel;","map":{"mappings":[{"generated":{"line":8,"column":0},"source":"src/utilities/elements.js","original":{"line":2,"column":0}},{"generated":{"line":10,"column":0},"source":"src/utilities/elements.js","original":{"line":3,"column":0}},{"generated":{"line":14,"column":0},"source":"src/utilities/elements.js","original":{"line":8,"column":7}},{"name":"createFragment","generated":{"line":14,"column":4},"source":"src/utilities/elements.js","original":{"line":8,"column":13}},{"generated":{"line":14,"column":46},"source":"src/utilities/elements.js","original":{"line":8,"column":30}},{"name":"createFragment","generated":{"line":14,"column":55},"source":"src/utilities/elements.js","original":{"line":8,"column":13}},{"generated":{"line":14,"column":69},"source":"src/utilities/elements.js","original":{"line":8,"column":30}},{"name":"html","generated":{"line":14,"column":70},"source":"src/utilities/elements.js","original":{"line":8,"column":31}},{"generated":{"line":14,"column":74},"source":"src/utilities/elements.js","original":{"line":8,"column":30}},{"generated":{"line":14,"column":76},"source":"src/utilities/elements.js","original":{"line":8,"column":48}},{"generated":{"line":15,"column":0},"source":"src/utilities/elements.js","original":{"line":9,"column":2}},{"name":"fragment","generated":{"line":15,"column":6},"source":"src/utilities/elements.js","original":{"line":9,"column":8}},{"name":"document","generated":{"line":15,"column":17},"source":"src/utilities/elements.js","original":{"line":9,"column":19}},{"name":"createDocumentFragment","generated":{"line":15,"column":26},"source":"src/utilities/elements.js","original":{"line":9,"column":28}},{"generated":{"line":15,"column":48},"source":"src/utilities/elements.js","original":{"line":9,"column":19}},{"generated":{"line":15,"column":50},"source":"src/utilities/elements.js","original":{"line":9,"column":2}},{"generated":{"line":16,"column":0},"source":"src/utilities/elements.js","original":{"line":10,"column":2}},{"name":"containerNode","generated":{"line":16,"column":6},"source":"src/utilities/elements.js","original":{"line":10,"column":8}},{"generated":{"line":16,"column":22},"source":"src/utilities/elements.js","original":{"line":10,"column":24}},{"generated":{"line":16,"column":35},"source":"src/utilities/elements.js","original":{"line":10,"column":27}},{"generated":{"line":16,"column":40},"source":"src/utilities/elements.js","original":{"line":10,"column":24}},{"generated":{"line":16,"column":41},"source":"src/utilities/elements.js","original":{"line":10,"column":2}},{"name":"containerNode","generated":{"line":17,"column":0},"source":"src/utilities/elements.js","original":{"line":11,"column":2}},{"name":"innerHTML","generated":{"line":17,"column":16},"source":"src/utilities/elements.js","original":{"line":11,"column":16}},{"generated":{"line":17,"column":25},"source":"src/utilities/elements.js","original":{"line":11,"column":2}},{"name":"html","generated":{"line":17,"column":28},"source":"src/utilities/elements.js","original":{"line":11,"column":28}},{"generated":{"line":17,"column":32},"source":"src/utilities/elements.js","original":{"line":11,"column":2}},{"name":"Array","generated":{"line":18,"column":0},"source":"src/utilities/elements.js","original":{"line":12,"column":2}},{"name":"from","generated":{"line":18,"column":8},"source":"src/utilities/elements.js","original":{"line":12,"column":8}},{"generated":{"line":18,"column":12},"source":"src/utilities/elements.js","original":{"line":12,"column":2}},{"name":"containerNode","generated":{"line":18,"column":13},"source":"src/utilities/elements.js","original":{"line":12,"column":13}},{"name":"childNodes","generated":{"line":18,"column":27},"source":"src/utilities/elements.js","original":{"line":12,"column":27}},{"generated":{"line":18,"column":37},"source":"src/utilities/elements.js","original":{"line":12,"column":2}},{"name":"forEach","generated":{"line":18,"column":39},"source":"src/utilities/elements.js","original":{"line":12,"column":39}},{"generated":{"line":18,"column":46},"source":"src/utilities/elements.js","original":{"line":12,"column":2}},{"generated":{"line":18,"column":47},"source":"src/utilities/elements.js","original":{"line":12,"column":47}},{"generated":{"line":18,"column":60},"source":"src/utilities/elements.js","original":{"line":12,"column":52}},{"name":"fragment","generated":{"line":19,"column":0},"source":"src/utilities/elements.js","original":{"line":13,"column":4}},{"name":"appendChild","generated":{"line":19,"column":13},"source":"src/utilities/elements.js","original":{"line":13,"column":13}},{"generated":{"line":19,"column":24},"source":"src/utilities/elements.js","original":{"line":13,"column":4}},{"name":"n","generated":{"line":19,"column":25},"source":"src/utilities/elements.js","original":{"line":13,"column":25}},{"generated":{"line":19,"column":26},"source":"src/utilities/elements.js","original":{"line":13,"column":4}},{"generated":{"line":20,"column":0},"source":"src/utilities/elements.js","original":{"line":14,"column":3}},{"generated":{"line":20,"column":3},"source":"src/utilities/elements.js","original":{"line":12,"column":2}},{"generated":{"line":22,"column":0},"source":"src/utilities/elements.js","original":{"line":16,"column":2}},{"name":"fragment","generated":{"line":22,"column":9},"source":"src/utilities/elements.js","original":{"line":16,"column":9}},{"generated":{"line":22,"column":17},"source":"src/utilities/elements.js","original":{"line":16,"column":2}},{"generated":{"line":23,"column":0},"source":"src/utilities/elements.js","original":{"line":17,"column":1}},{"generated":{"line":23,"column":1},"source":"src/utilities/elements.js","original":{"line":8,"column":7}},{"generated":{"line":25,"column":0},"source":"src/utilities/elements.js","original":{"line":19,"column":7}},{"name":"createField","generated":{"line":25,"column":4},"source":"src/utilities/elements.js","original":{"line":19,"column":13}},{"generated":{"line":25,"column":18},"source":"src/utilities/elements.js","original":{"line":19,"column":27}},{"name":"createField","generated":{"line":25,"column":27},"source":"src/utilities/elements.js","original":{"line":19,"column":13}},{"generated":{"line":25,"column":38},"source":"src/utilities/elements.js","original":{"line":19,"column":27}},{"name":"props","generated":{"line":25,"column":39},"source":"src/utilities/elements.js","original":{"line":19,"column":28}},{"generated":{"line":25,"column":44},"source":"src/utilities/elements.js","original":{"line":19,"column":27}},{"generated":{"line":25,"column":46},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"generated":{"line":26,"column":0},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"fieldClassName","generated":{"line":26,"column":6},"source":"src/utilities/elements.js","original":{"line":21,"column":4}},{"generated":{"line":26,"column":20},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"props","generated":{"line":26,"column":23},"source":"src/utilities/elements.js","original":{"line":25,"column":6}},{"generated":{"line":26,"column":28},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"fieldClassName","generated":{"line":26,"column":29},"source":"src/utilities/elements.js","original":{"line":21,"column":4}},{"generated":{"line":26,"column":43},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"generated":{"line":27,"column":0},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"submitClassName","generated":{"line":27,"column":6},"source":"src/utilities/elements.js","original":{"line":22,"column":4}},{"generated":{"line":27,"column":21},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"props","generated":{"line":27,"column":24},"source":"src/utilities/elements.js","original":{"line":25,"column":6}},{"generated":{"line":27,"column":29},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"submitClassName","generated":{"line":27,"column":30},"source":"src/utilities/elements.js","original":{"line":22,"column":4}},{"generated":{"line":27,"column":45},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"generated":{"line":28,"column":0},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"type","generated":{"line":28,"column":6},"source":"src/utilities/elements.js","original":{"line":23,"column":4}},{"generated":{"line":28,"column":10},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"props","generated":{"line":28,"column":13},"source":"src/utilities/elements.js","original":{"line":25,"column":6}},{"generated":{"line":28,"column":18},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"type","generated":{"line":28,"column":19},"source":"src/utilities/elements.js","original":{"line":23,"column":4}},{"generated":{"line":28,"column":23},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"generated":{"line":29,"column":0},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"rest","generated":{"line":29,"column":6},"source":"src/utilities/elements.js","original":{"line":24,"column":7}},{"generated":{"line":29,"column":10},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"name":"props","generated":{"line":29,"column":38},"source":"src/utilities/elements.js","original":{"line":25,"column":6}},{"generated":{"line":29,"column":43},"source":"src/utilities/elements.js","original":{"line":19,"column":46}},{"generated":{"line":31,"column":0},"source":"src/utilities/elements.js","original":{"line":26,"column":2}},{"name":"nodeType","generated":{"line":31,"column":6},"source":"src/utilities/elements.js","original":{"line":26,"column":8}},{"name":"type","generated":{"line":31,"column":17},"source":"src/utilities/elements.js","original":{"line":26,"column":19}},{"name":"toLowerCase","generated":{"line":31,"column":22},"source":"src/utilities/elements.js","original":{"line":26,"column":24}},{"generated":{"line":31,"column":33},"source":"src/utilities/elements.js","original":{"line":26,"column":19}},{"generated":{"line":31,"column":40},"source":"src/utilities/elements.js","original":{"line":26,"column":42}},{"generated":{"line":31,"column":50},"source":"src/utilities/elements.js","original":{"line":26,"column":19}},{"generated":{"line":31,"column":53},"source":"src/utilities/elements.js","original":{"line":27,"column":4}},{"generated":{"line":31,"column":63},"source":"src/utilities/elements.js","original":{"line":26,"column":19}},{"generated":{"line":31,"column":66},"source":"src/utilities/elements.js","original":{"line":28,"column":4}},{"generated":{"line":31,"column":73},"source":"src/utilities/elements.js","original":{"line":26,"column":2}},{"generated":{"line":32,"column":0},"source":"src/utilities/elements.js","original":{"line":29,"column":2}},{"name":"node","generated":{"line":32,"column":6},"source":"src/utilities/elements.js","original":{"line":29,"column":8}},{"generated":{"line":32,"column":13},"source":"src/utilities/elements.js","original":{"line":29,"column":15}},{"name":"nodeType","generated":{"line":32,"column":26},"source":"src/utilities/elements.js","original":{"line":29,"column":18}},{"generated":{"line":32,"column":34},"source":"src/utilities/elements.js","original":{"line":29,"column":15}},{"generated":{"line":32,"column":35},"source":"src/utilities/elements.js","original":{"line":29,"column":2}},{"generated":{"line":33,"column":0},"source":"src/utilities/elements.js","original":{"line":30,"column":2}},{"name":"nodeType","generated":{"line":33,"column":6},"source":"src/utilities/elements.js","original":{"line":30,"column":6}},{"generated":{"line":33,"column":19},"source":"src/utilities/elements.js","original":{"line":30,"column":19}},{"generated":{"line":33,"column":29},"source":"src/utilities/elements.js","original":{"line":30,"column":2}},{"generated":{"line":33,"column":31},"source":"src/utilities/elements.js","original":{"line":30,"column":31}},{"name":"node","generated":{"line":34,"column":0},"source":"src/utilities/elements.js","original":{"line":30,"column":33}},{"name":"type","generated":{"line":34,"column":9},"source":"src/utilities/elements.js","original":{"line":30,"column":38}},{"generated":{"line":34,"column":13},"source":"src/utilities/elements.js","original":{"line":30,"column":33}},{"name":"type","generated":{"line":34,"column":16},"source":"src/utilities/elements.js","original":{"line":30,"column":45}},{"generated":{"line":34,"column":20},"source":"src/utilities/elements.js","original":{"line":30,"column":33}},{"generated":{"line":35,"column":0},"source":"src/utilities/elements.js","original":{"line":30,"column":51}},{"generated":{"line":36,"column":0},"source":"src/utilities/elements.js","original":{"line":31,"column":2}},{"name":"className","generated":{"line":36,"column":6},"source":"src/utilities/elements.js","original":{"line":31,"column":8}},{"name":"type","generated":{"line":36,"column":18},"source":"src/utilities/elements.js","original":{"line":31,"column":20}},{"generated":{"line":36,"column":27},"source":"src/utilities/elements.js","original":{"line":31,"column":29}},{"generated":{"line":36,"column":35},"source":"src/utilities/elements.js","original":{"line":31,"column":20}},{"name":"submitClassName","generated":{"line":36,"column":38},"source":"src/utilities/elements.js","original":{"line":31,"column":40}},{"generated":{"line":36,"column":53},"source":"src/utilities/elements.js","original":{"line":31,"column":20}},{"name":"fieldClassName","generated":{"line":36,"column":56},"source":"src/utilities/elements.js","original":{"line":31,"column":58}},{"generated":{"line":36,"column":70},"source":"src/utilities/elements.js","original":{"line":31,"column":2}},{"generated":{"line":38,"column":0},"source":"src/utilities/elements.js","original":{"line":33,"column":2}},{"name":"node","generated":{"line":38,"column":27},"source":"src/utilities/elements.js","original":{"line":33,"column":17}},{"generated":{"line":38,"column":31},"source":"src/utilities/elements.js","original":{"line":33,"column":2}},{"name":"rest","generated":{"line":38,"column":33},"source":"src/utilities/elements.js","original":{"line":33,"column":23}},{"generated":{"line":38,"column":37},"source":"src/utilities/elements.js","original":{"line":33,"column":2}},{"generated":{"line":39,"column":0},"source":"src/utilities/elements.js","original":{"line":34,"column":2}},{"name":"node","generated":{"line":39,"column":21},"source":"src/utilities/elements.js","original":{"line":34,"column":11}},{"generated":{"line":39,"column":25},"source":"src/utilities/elements.js","original":{"line":34,"column":2}},{"generated":{"line":39,"column":27},"source":"src/utilities/elements.js","original":{"line":34,"column":17}},{"generated":{"line":39,"column":56},"source":"src/utilities/elements.js","original":{"line":34,"column":37}},{"generated":{"line":39,"column":63},"source":"src/utilities/elements.js","original":{"line":34,"column":17}},{"generated":{"line":39,"column":64},"source":"src/utilities/elements.js","original":{"line":34,"column":2}},{"generated":{"line":40,"column":0},"source":"src/utilities/elements.js","original":{"line":35,"column":2}},{"name":"node","generated":{"line":40,"column":21},"source":"src/utilities/elements.js","original":{"line":35,"column":11}},{"generated":{"line":40,"column":25},"source":"src/utilities/elements.js","original":{"line":35,"column":2}},{"name":"className","generated":{"line":40,"column":27},"source":"src/utilities/elements.js","original":{"line":35,"column":17}},{"generated":{"line":40,"column":36},"source":"src/utilities/elements.js","original":{"line":35,"column":2}},{"generated":{"line":42,"column":0},"source":"src/utilities/elements.js","original":{"line":37,"column":2}},{"name":"node","generated":{"line":42,"column":9},"source":"src/utilities/elements.js","original":{"line":37,"column":9}},{"generated":{"line":42,"column":13},"source":"src/utilities/elements.js","original":{"line":37,"column":2}},{"generated":{"line":43,"column":0},"source":"src/utilities/elements.js","original":{"line":38,"column":1}},{"generated":{"line":43,"column":1},"source":"src/utilities/elements.js","original":{"line":19,"column":7}},{"generated":{"line":46,"column":0},"source":"src/utilities/elements.js","original":{"line":40,"column":7}},{"name":"createLabel","generated":{"line":46,"column":4},"source":"src/utilities/elements.js","original":{"line":40,"column":13}},{"generated":{"line":46,"column":18},"source":"src/utilities/elements.js","original":{"line":40,"column":27}},{"name":"createLabel","generated":{"line":46,"column":27},"source":"src/utilities/elements.js","original":{"line":40,"column":13}},{"generated":{"line":46,"column":38},"source":"src/utilities/elements.js","original":{"line":40,"column":27}},{"name":"label","generated":{"line":46,"column":39},"source":"src/utilities/elements.js","original":{"line":40,"column":28}},{"generated":{"line":46,"column":44},"source":"src/utilities/elements.js","original":{"line":40,"column":27}},{"name":"props","generated":{"line":46,"column":46},"source":"src/utilities/elements.js","original":{"line":40,"column":43}},{"generated":{"line":46,"column":51},"source":"src/utilities/elements.js","original":{"line":40,"column":27}},{"generated":{"line":46,"column":53},"source":"src/utilities/elements.js","original":{"line":40,"column":61}},{"generated":{"line":47,"column":0},"source":"src/utilities/elements.js","original":{"line":41,"column":2}},{"generated":{"line":47,"column":6},"source":"src/utilities/elements.js","original":{"line":41,"column":6}},{"name":"label","generated":{"line":47,"column":7},"source":"src/utilities/elements.js","original":{"line":41,"column":7}},{"generated":{"line":47,"column":12},"source":"src/utilities/elements.js","original":{"line":41,"column":2}},{"generated":{"line":47,"column":14},"source":"src/utilities/elements.js","original":{"line":41,"column":14}},{"generated":{"line":48,"column":0},"source":"src/utilities/elements.js","original":{"line":42,"column":2}},{"name":"node","generated":{"line":48,"column":6},"source":"src/utilities/elements.js","original":{"line":42,"column":8}},{"generated":{"line":48,"column":13},"source":"src/utilities/elements.js","original":{"line":42,"column":15}},{"generated":{"line":48,"column":26},"source":"src/utilities/elements.js","original":{"line":42,"column":18}},{"generated":{"line":48,"column":33},"source":"src/utilities/elements.js","original":{"line":42,"column":15}},{"generated":{"line":48,"column":34},"source":"src/utilities/elements.js","original":{"line":42,"column":2}},{"generated":{"line":50,"column":0},"source":"src/utilities/elements.js","original":{"line":40,"column":61}},{"name":"rest","generated":{"line":50,"column":6},"source":"src/utilities/elements.js","original":{"line":43,"column":13}},{"generated":{"line":50,"column":10},"source":"src/utilities/elements.js","original":{"line":40,"column":61}},{"name":"props","generated":{"line":50,"column":38},"source":"src/utilities/elements.js","original":{"line":43,"column":22}},{"generated":{"line":50,"column":43},"source":"src/utilities/elements.js","original":{"line":40,"column":61}},{"generated":{"line":52,"column":0},"source":"src/utilities/elements.js","original":{"line":44,"column":2}},{"name":"node","generated":{"line":52,"column":27},"source":"src/utilities/elements.js","original":{"line":44,"column":17}},{"generated":{"line":52,"column":31},"source":"src/utilities/elements.js","original":{"line":44,"column":2}},{"name":"rest","generated":{"line":52,"column":33},"source":"src/utilities/elements.js","original":{"line":44,"column":23}},{"generated":{"line":52,"column":37},"source":"src/utilities/elements.js","original":{"line":44,"column":2}},{"generated":{"line":53,"column":0},"source":"src/utilities/elements.js","original":{"line":45,"column":2}},{"name":"node","generated":{"line":53,"column":21},"source":"src/utilities/elements.js","original":{"line":45,"column":11}},{"generated":{"line":53,"column":25},"source":"src/utilities/elements.js","original":{"line":45,"column":2}},{"generated":{"line":53,"column":27},"source":"src/utilities/elements.js","original":{"line":45,"column":17}},{"generated":{"line":53,"column":56},"source":"src/utilities/elements.js","original":{"line":45,"column":37}},{"generated":{"line":53,"column":63},"source":"src/utilities/elements.js","original":{"line":45,"column":17}},{"generated":{"line":53,"column":64},"source":"src/utilities/elements.js","original":{"line":45,"column":2}},{"generated":{"line":55,"column":0},"source":"src/utilities/elements.js","original":{"line":47,"column":2}},{"name":"labelNode","generated":{"line":55,"column":6},"source":"src/utilities/elements.js","original":{"line":47,"column":8}},{"generated":{"line":55,"column":18},"source":"src/utilities/elements.js","original":{"line":47,"column":20}},{"generated":{"line":55,"column":31},"source":"src/utilities/elements.js","original":{"line":47,"column":23}},{"generated":{"line":55,"column":36},"source":"src/utilities/elements.js","original":{"line":47,"column":20}},{"generated":{"line":55,"column":37},"source":"src/utilities/elements.js","original":{"line":47,"column":2}},{"name":"labelNode","generated":{"line":56,"column":0},"source":"src/utilities/elements.js","original":{"line":48,"column":2}},{"name":"innerHTML","generated":{"line":56,"column":12},"source":"src/utilities/elements.js","original":{"line":48,"column":12}},{"generated":{"line":56,"column":21},"source":"src/utilities/elements.js","original":{"line":48,"column":2}},{"name":"label","generated":{"line":56,"column":24},"source":"src/utilities/elements.js","original":{"line":48,"column":24}},{"generated":{"line":56,"column":29},"source":"src/utilities/elements.js","original":{"line":48,"column":2}},{"generated":{"line":57,"column":0},"source":"src/utilities/elements.js","original":{"line":49,"column":2}},{"name":"labelNode","generated":{"line":57,"column":21},"source":"src/utilities/elements.js","original":{"line":49,"column":11}},{"generated":{"line":57,"column":30},"source":"src/utilities/elements.js","original":{"line":49,"column":2}},{"generated":{"line":57,"column":32},"source":"src/utilities/elements.js","original":{"line":49,"column":22}},{"generated":{"line":57,"column":61},"source":"src/utilities/elements.js","original":{"line":49,"column":42}},{"generated":{"line":57,"column":74},"source":"src/utilities/elements.js","original":{"line":49,"column":22}},{"generated":{"line":57,"column":75},"source":"src/utilities/elements.js","original":{"line":49,"column":2}},{"name":"node","generated":{"line":58,"column":0},"source":"src/utilities/elements.js","original":{"line":50,"column":2}},{"name":"appendChild","generated":{"line":58,"column":7},"source":"src/utilities/elements.js","original":{"line":50,"column":7}},{"generated":{"line":58,"column":18},"source":"src/utilities/elements.js","original":{"line":50,"column":2}},{"name":"labelNode","generated":{"line":58,"column":19},"source":"src/utilities/elements.js","original":{"line":50,"column":19}},{"generated":{"line":58,"column":28},"source":"src/utilities/elements.js","original":{"line":50,"column":2}},{"generated":{"line":60,"column":0},"source":"src/utilities/elements.js","original":{"line":52,"column":2}},{"name":"node","generated":{"line":60,"column":9},"source":"src/utilities/elements.js","original":{"line":52,"column":9}},{"generated":{"line":60,"column":13},"source":"src/utilities/elements.js","original":{"line":52,"column":2}},{"generated":{"line":61,"column":0},"source":"src/utilities/elements.js","original":{"line":53,"column":1}},{"generated":{"line":61,"column":1},"source":"src/utilities/elements.js","original":{"line":40,"column":7}}],"sources":{"src/utilities/elements.js":"// @flow\nimport { el, addClass, addPropsToNode } from './dom'\nimport {\n createFormTokenName,\n createFormId\n} from './id'\n\nexport const createFragment = (html: string) => {\n const fragment = document.createDocumentFragment()\n const containerNode = el('div')\n containerNode.innerHTML = html\n Array.from(containerNode.childNodes).forEach(n => {\n fragment.appendChild(n)\n })\n\n return fragment\n}\n\nexport const createField = (props: object) => {\n const {\n fieldClassName,\n submitClassName,\n type,\n ...rest\n } = props\n const nodeType = type.toLowerCase() === 'textarea' ?\n 'textarea' :\n 'input'\n const node = el(nodeType)\n if (nodeType !== 'textarea') { node.type = type }\n const className = type === 'submit' ? submitClassName : fieldClassName\n\n addPropsToNode(node, rest)\n addClass(node, createFormTokenName('Field'))\n addClass(node, className)\n\n return node\n}\n\nexport const createLabel = (label: string, props: object) => {\n if (!label) return\n const node = el('label')\n const { ...rest } = props\n addPropsToNode(node, rest)\n addClass(node, createFormTokenName('Label'))\n\n const labelNode = el('div')\n labelNode.innerHTML = label\n addClass(labelNode, createFormTokenName('Label__text'))\n node.appendChild(labelNode)\n\n return node\n}\n\n"},"lineCount":null}},"hash":"aaf4cc62961b6a719ebc207c5eebb04b","cacheData":{"env":{}}}