{"_id":"@01group/form-builder","_rev":"9-442450e903b1a8dd541254c283eaf645","name":"@01group/form-builder","dist-tags":{"latest":"0.0.6"},"versions":{"0.0.2":{"name":"@01group/form-builder","version":"0.0.2","type":"commonjs","description":"Simplify in building formik form","repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"license":"Apache-2.0","main":"./src/index.js","typings":"./src/index.d.ts","_id":"@01group/form-builder@0.0.2","dist":{"shasum":"c7c9ba189d1b8119c2e35c1d05ae6a4182693e02","integrity":"sha512-+X2zlntQGjLvfq7weaM90wBAqmwMe0ZOUGU3T4Lc5tHqdVPWs9Qf8JidXd5uM7ucfXU3IItCjONq4DyQ4FfcjQ==","tarball":"https://registry.npmjs.org/@01group/form-builder/-/form-builder-0.0.2.tgz","fileCount":34,"unpackedSize":9823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH1hiACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrY8w//XnFo/sxhcOpR4SRMt++J0jjcFQeux8dB7mfGROd6neghmznN\r\nclEXEBhJ2nyAyEWDoEfQENyJ+zewUGHFclZX7IOqVJ1+HYlEtNNhAXzbhxRi\r\npYehaPx6be0zNzxbY8LU3T5IZ4P0GeYP9LYkRiT3Ejsrs9qNDfkoYzAL5MDC\r\nipztoVemQeTpJ/WlF5Idf/EUDFPgvJSOvsos1n+XRDYVmIeSaNU2c30EGt4o\r\nSM9MTuWDFop9xqUvtIBVxuLH+PVkPxNUmxF9t09tALIBfhfg6sIJq8A2GAh/\r\nBrUXNBTHsIe7vqCgrSpO0Y+tyKoI5C8AX3VSTjDa1ZY37jhTCL5M3d6GVr9b\r\n5MPIlXuOz4dAgETwJtG1xoimaBG51ut7QNeGQ6dH4pFIcofGkPrCdYsMFqRw\r\n7eltEuYJGZ5tRGidzsYxbWNWUURP+RH7Eg5WJUoPo0LzLJQMohYd1cAHwVKA\r\n9HvOuKnGns3R9qpcSPN3ehxshTzWj/5BH8KAqDPddt0iKNRhhzXyxH+/yTfy\r\nVJI1w7JlDsHOL2WN1hBhy+6XgisCrECRmgrdUzjIz3O/GkkQmesWO5C34TN6\r\nP4zRAOUzVf/Cr7d6gaTURNAVEF1tnYRwpcU/HlB221d8zp3MOOk+o93dy8Eh\r\nI1315zWi2PJF5taySFvK12aeTqgd2pm1Tng=\r\n=bkfZ\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDiyt+tq5XMc/6T+DUzeUvYqVpD2b4lE6B3iogJBHtECgIhAJX+FTJLTeUWzi0NVvjvOp4NOzftdrIjr9Rt2lqiAc6B"}]},"_npmUser":{"name":"rohmad-st","email":"rochmad.26@gmail.com"},"directories":{},"maintainers":[{"name":"rohmad-st","email":"rochmad.26@gmail.com"},{"name":"anthony-khong","email":"anthony.kusumo.khong@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-builder_0.0.2_1646221410347_0.52463584199902"},"_hasShrinkwrap":false},"0.0.3":{"name":"@01group/form-builder","version":"0.0.3","type":"commonjs","description":"Simplify in building formik form","repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"license":"Apache-2.0","main":"./src/index.js","typings":"./src/index.d.ts","_id":"@01group/form-builder@0.0.3","dist":{"shasum":"d926f6f8941d8d6a44ed77b69a1903ab82b21d2a","integrity":"sha512-n3xgOmg8WC5e0GtucC76gT5+i18mOzgBXaXOy3UrrfCCLtEuRW2hc7wXxnrQS/aBp/4iIZT/sYl9x120GBE/dw==","tarball":"https://registry.npmjs.org/@01group/form-builder/-/form-builder-0.0.3.tgz","fileCount":34,"unpackedSize":9823,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiH2kVACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrfZw//c7MwF1jqwB0mEe2Xjsmtmf1ZGkIzx35BFzBr1giKcm9c/UNe\r\nW0wdcpeY988IlKVpNKMG6be0fOnmuky5iLKcG62b7niBKMzf4yUSFjWWfLos\r\n8ss9fnyBGCdKIOklCuXur2xJkpQWA8YW3e21H9ZJJL/08mL59OpFJzwrfFkP\r\nNNZNpdFv0cQNoTeErqpbp1TB5c71l40WS/8Qjek0CKMdOQkUSWKvXHX2pBxJ\r\nd3EOWq5PUVxUI+3kt09ZxZrgVBkDhYtGUQFmSurISyZX7wMIex1bt3y7WNMW\r\nRPQo57/y0a0i6tUrW6sKv6b8vM97Rk7dm0JeRSsG5d5zLFJW4WEymC+IptVN\r\nhufR5Z63q4YPnZ8tSEmDLwIZhppArYI3aitum6lOsbao9gb0USaxO/bwDTB0\r\nymb2E96dSjHFWLNTBAQPkKsmOUKlGd1earX2wpcbj/PFrvGuA6VgLa55C37f\r\nFGgdoLC16FWpVrmjg8QEIDkmQfxrhbLeibmGiEo2FDp48n6D3kgt80iUS1zA\r\nokq9npk4IWuKlyLyYxfZolKDmxIUXziSFgMni3JYp+zjfJg6rtDZohpPiP3h\r\nnJ7L/EJWym5n8/1NSNX29OyszNpxmresqhbqniMXc2b60++RKg+6NMWkiAYp\r\nB0nx24pu5fKjpYnrH1hYA5SqBKsxB50FGFM=\r\n=xjHT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDFZ2guA+fduaGJK87M978tGM92jDGv3t7TwjhGdh/50wIgLse02F7NLyuFAWBRI7VANes2hL8Sib563+WkrnHLmOc="}]},"_npmUser":{"name":"rohmad-st","email":"rochmad.26@gmail.com"},"directories":{},"maintainers":[{"name":"rohmad-st","email":"rochmad.26@gmail.com"},{"name":"anthony-khong","email":"anthony.kusumo.khong@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-builder_0.0.3_1646225685290_0.4423141922389837"},"_hasShrinkwrap":false},"0.0.4":{"name":"@01group/form-builder","version":"0.0.4","type":"commonjs","description":"Simplify in building formik form","repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"license":"Apache-2.0","main":"./src/index.js","typings":"./src/index.d.ts","_id":"@01group/form-builder@0.0.4","dist":{"shasum":"2ee3c5245b675aea8104e22ab85e00f67f552c35","integrity":"sha512-KJjhJLGhvMVU9AEqux3vQkRSHlhrZXlUFaoDrxgxrRjrDoOulByrx4QUq0Lr8PyyJHfi1vdJdImmQYoOAIcgQA==","tarball":"https://registry.npmjs.org/@01group/form-builder/-/form-builder-0.0.4.tgz","fileCount":34,"unpackedSize":12127,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJUn+ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmrjkw/+LSZqsPMyA+AfnQ0b4NHDsixZkZ+XXKF05hEFVm5tLhq/+t16\r\ngOFNVzKAM7Hd2vyYhC0TIUMm3y5iKHk7bZkouBkRRKzZZKctrus5uybjk2FA\r\nrpM2RTOEB0rzN/NBwG9/uQaZ7tDiYd4ryPvhSKFKh1YmrrCRJY7l4KmYK4WL\r\n2iuRXsFTepoirxRycXksjsnE1rwWwntzAThAg+3kqWytSI/pcv/Z3tSUwO4H\r\nhsTV09pUF05Wfr0ZSzug3ab2d3iWPiGJf244Kh5wSk4cPfybcC4eAyuEgqcK\r\n/cIczH05Tg7HP7bG+MtiUbgE+xqAes87FBR41usSI0ASwXvjiVe62gVAgx1Q\r\nDT3eYGVsyImTdNQQauLJIVXqkIL/ihaDjKehE0Y0vUsW2LHBGWjywKT5L7AV\r\nczq9TCr7dwjLtqMH1cV8PWNznqO/tluN164L2+W/T2ImEhFxcCrvEv/KQqC3\r\nxLqhzKjeT0CZMixko6qgmC5Q9bnyotYQZ/bkiMgP1H4CjpCiViThJL8DvUjH\r\nOS6BAi37BLRS9+46dmrhgerB4qZ1TSVueBNTF+7sPcKVtBBf+mhZKcnkVKz5\r\na6OMJkjsIhaRyIZj21uCBZ5BR/kSN2ehdZdsbxI8T2q5/DyrT4CDi9dRW8eE\r\nYMjZkutia8RujJkg3lI01F8J2Y1tlGOz4Ag=\r\n=4hHe\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDVl02zchcHia3CPg9mZnjyflcZ25yaAr4nCeaEUrWWNgIgWzSM8/mthFeVeyEnNi8K8c5A9kXsD92E91I+e5uWFTw="}]},"_npmUser":{"name":"rohmad-st","email":"rochmad.26@gmail.com"},"directories":{},"maintainers":[{"name":"rohmad-st","email":"rochmad.26@gmail.com"},{"name":"anthony-khong","email":"anthony.kusumo.khong@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-builder_0.0.4_1646610942414_0.9337264901982791"},"_hasShrinkwrap":false},"0.0.5":{"name":"@01group/form-builder","version":"0.0.5","type":"commonjs","description":"Simplify in building formik form","homepage":"https://zero-one-group.github.io/form-builder","repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"license":"Apache-2.0","main":"./src/index.js","typings":"./src/index.d.ts","_id":"@01group/form-builder@0.0.5","dist":{"shasum":"f021c1a291faddb7991533e98eb2ff53898f1eb4","integrity":"sha512-1AYt+0HZpbwNuRfBSd0sSaTbF9zQeyJJ4bkNQ/Er9OADU56WTAp0xhEEaVjVh3de7dRv9X51FcwrBKcvAsvQ9Q==","tarball":"https://registry.npmjs.org/@01group/form-builder/-/form-builder-0.0.5.tgz","fileCount":34,"unpackedSize":12282,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiJptgACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmq+Rg//TgcVHx/KFrDL2ph6GS+XhKgizTtj+757t8lAgyrCsZ1OaaVt\r\n1WDCCSiXG3E7uf29bHfI+ZYLDFvQOLWwGfA5Lkr2yM91D3nMJqnbuZSQaj7A\r\nN20rKRC8AB2h9QxxxVI5WqNF3HHQ6gOQBLNiPdmLCufijBUyLgZBGYBV8IgH\r\nR/cij9gWSxCQ5HYNZ3I8CAyUbJG2phEjS9YrT4Jz93SkYtarATlFQQ/f4fuV\r\n0pIbm8BT3dIzKYSE+1mL413Q7nFOQpYUMaOHlZACeXZe8i6tYkcOSIuaRx5W\r\ns/OY6kq3vRvbqvqYpeBvkAEDApShk9LOi0+t8g1K+eskoy/NYbFneKkOgLqq\r\nllEalblIJoG/UfMpoHk5fmpNWxab44yz/4vRaMaId50P4kKFtgkqfQtzJoyF\r\nYj8UdAMVOLqROgyk2X5S1p1lxTngtuUqiossXYBwUrMQe+5+FziVPmt24U0A\r\nligod8SUVYqI8Ab4ZVkqd+nDVNeYlXmS9c42LVVcuN7LrrDaHfc/q9Qf27kw\r\n6/t+FMOcQldrOYxcu4YDBkYMWPem8V2uCI9bY16eudVf86VwPEZ4yoGfgHqF\r\nT82E1SQpWVCZibwS/WUp5lXXjiAb17CzeiSES8wWLweTElH1K1fS7AXs7oxn\r\nH51vVqV8AqoyXl7DWZz/HlFVZQM+49qr/v8=\r\n=gDDW\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBAMauHUORBFqhnx3YE1MKoE60adf0rd6d7VAJpURF2NAiEA7a458DiPe23thcIHkdWH0kIc4aMtRvwtIF1d82YLlF4="}]},"_npmUser":{"name":"rohmad-st","email":"rochmad.26@gmail.com"},"directories":{},"maintainers":[{"name":"rohmad-st","email":"rochmad.26@gmail.com"},{"name":"anthony-khong","email":"anthony.kusumo.khong@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-builder_0.0.5_1646697312558_0.7317943752755471"},"_hasShrinkwrap":false},"0.0.6":{"name":"@01group/form-builder","version":"0.0.6","type":"commonjs","description":"Simplify in building formik form","homepage":"https://zero-one-group.github.io/form-builder","repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"license":"Apache-2.0","main":"./src/index.js","typings":"./src/index.d.ts","_id":"@01group/form-builder@0.0.6","dist":{"shasum":"280d22d595d27d182bfd1ff19b1a299932c6d419","integrity":"sha512-Ciij1Tj4wNdq0gem7m+AxEkdDxefs2BETj7R5i7W3V6Y+QOIjJXzfI4QMDu3jxyO6Kf0PQQV3YfZCN0TJ3bDUg==","tarball":"https://registry.npmjs.org/@01group/form-builder/-/form-builder-0.0.6.tgz","fileCount":34,"unpackedSize":12436,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQm+oACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmpr8xAAjcnlg8J+sj1BCP8vTHlXd+z9QNqwpVYr49UFuqDfyms7B/6p\r\nUjrK5YHHm6A+AboJYzSA1dLlxJz8sdekxPZWKW+1hCEmL4YpFlIxRbXZqbk/\r\nJVmuSuto9V7ffCdONQlZ2nIcwSjZxk12Hax4+oNPHZLsqjstaHxa7/H4Sw5O\r\nh51+SsgJgeSBzMVwSoopStyPgyinfi0z23Caoz/AH2s0W2v+NTma+ZZo5Hi+\r\nsxLijiRqwsB3IWC6SRvUt4KUOeym0u0wYrUhKNecklNrEv/RNV48PEOcJ4pL\r\nHojIDndKi8rGQtGRaYuuuqK+SNSinKohstge7OQLaGVaL5XQdmFLPENU9TO3\r\n1VJf/LesZBJYkiaZGbTSjAQoy1rVS57edXXrblLpMG7lcklr6vGAN4nKfNQy\r\nDD+WHa+zg/NtPJWg8xvQQ8N+hjR9qWZkNPw0YKYLywIIZ7xMrQ7yRjOl8iah\r\nUBitDq3zfVbndxDTlTyYjgGfzi9nwcxcaPaRQyZyCQJrH+qYzyJrHXVbXBMJ\r\noBTbKYa/hzT111+Kcdkt3xXPXwV/1yBvbFswZh+XLx8a7/EhOYdwipY+hQgu\r\nWrh5oLWoycUem4iu40Mp6GmAPGSfHrbXjjPx0QXAx/MlBwdwTPSYZV8zalgu\r\n8Kr4RHdcXsjZtoT8QAA6M0NfqS6SMxkpWRg=\r\n=sbFh\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCp8mG4VHehSLBW4vNqZRMxpacDUfVeTXbykclYc7SwnAIhAKSEP3JvYpOr6+kbr3biIs1aX7K52nLiQcGwqyX20y1O"}]},"_npmUser":{"name":"rohmad-st","email":"rochmad.26@gmail.com"},"directories":{},"maintainers":[{"name":"rohmad-st","email":"rochmad.26@gmail.com"},{"name":"anthony-khong","email":"anthony.kusumo.khong@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/form-builder_0.0.6_1648521128362_0.4538695039220628"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-02T11:43:30.288Z","0.0.2":"2022-03-02T11:43:30.505Z","modified":"2023-02-22T03:27:21.378Z","0.0.3":"2022-03-02T12:54:45.629Z","0.0.4":"2022-03-06T23:55:42.563Z","0.0.5":"2022-03-07T23:55:12.714Z","0.0.6":"2022-03-29T02:32:08.540Z"},"maintainers":[{"email":"riipandi@gmail.com","name":"riipandi"},{"email":"mandaputra8@gmail.com","name":"mandaputtra"},{"email":"rubiagatra@gmail.com","name":"rubiagatra"},{"email":"anthony.kusumo.khong@gmail.com","name":"anthony-khong"}],"description":"Simplify in building formik form","keywords":["formik","form","form-generator","formik-form-generator","zero-one-group"],"repository":{"type":"git","url":"https://github.com/zero-one-group/form-builder.git"},"author":{"name":"Rohmad Sasmito","email":"rochmad.26@gmail.com"},"license":"Apache-2.0","readme":"\n# @01group/form-builder\n\nThis is a lightweight react hook library to simplify approach in building formik form.\n\n## Story behind\nIn our cases, we often found our development process was couples doing process in order to building form.\n\nWe find a better approach to make this more efficiency.\n\n## Installation\n```bash\nyarn add @01group/form-builder\n```\n\nor if you prefer to choose `npm`\n\n```bash\nnpm install -S @01group/form-builder\n```\n\n## Usage\nThis main library is using a react hook `useZeroForm`. It will return `fields` and `values`.\n\n\n### Description\n**fields**: list of object field that useful to handle form\n\n**values**: object of value, it could be to fill `initialValues` in `formik`\n\n\n### Example\n**Nb.** Below is our approach. You might used your own, if you think this not suit enough for you.\n\n```typescript\nimport { Formik, Form } from 'formik'\nimport { useZeroForm, ZeroFormTypes } from '@01group/form-builder';\n\nexport const DATA = {\n name: '',\n province_id: '',\n city_id: '',\n date_of_birth: '',\n};\n\nexport const generalOptions = {\n name: {\n type: 'text',\n label: 'Your name',\n isRequired: true,\n },\n province_id: {\n type: 'select',\n label: 'Province',\n placeholder: 'Select a province',\n },\n city_id: {\n type: 'select',\n label: 'City',\n placeholder: 'Select a city',\n },\n};\n\nexport function Example() {\n const { fields, values } = useZeroForm({ data: DATA as ZeroFormTypes, options: generalOptions });\n\n return (\n \n
\n {(fields ?? []).map((field, i) => (\n \n ))}\n \n \n )\n}\n\nexport function GenerateField(props: ZeroFieldItem) {\n const inputProps = {\n id: props.name,\n name: props.name,\n label: props.label,\n placeholder: props.placeholder,\n isRequired: props.isRequired,\n isReadOnly: props.isReadonly,\n };\n const selectProps = {\n ...inputProps,\n items: props.selectOptions ?? [],\n };\n\n const elements: Partial, JSX.Element>> = {\n select: