{"_id":"@codechem/chakra-fields","_rev":"13-059bfa18e7ac1d1506ade3bcbd265532","name":"@codechem/chakra-fields","dist-tags":{"latest":"1.0.5"},"versions":{"0.1.0":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":""},"author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"0.1.0","main":"index.js","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"4b4b3ed12b41c1e6a8abaad98c4f9ff8414e7cbb","_id":"@codechem/chakra-fields@0.1.0","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-R5NMXGjzZGW/czr9wp4JQ4TOUPsvcd8xK7KnzOCChb3TzS4hzgMfGC1FWXL9vGI6mnrC+exW98Ix4I63Otz7dg==","shasum":"edc0f49c7f699624a114b2f748fb28167b4d1d09","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-0.1.0.tgz","fileCount":37,"unpackedSize":62112,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEzUyLdymYyEGD/LGZNWOjgE1jTlZ8yBZZt81ibMeYzzAiEAtUVmMOVknGfhLcyX4yTq4QdgOk/bl7uDWB6NzurCSEM="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxSDxACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpT4A//QVG5poCzyTltLYI/SpMWhtb0aE3kIO4Ix4hZ2eEzPI68y7UO\r\nDEAHAvDm0xQY4jX0qwXw5i1gB1NTsNn5VnU+v3LLvVKtWbTQeVf5m8UVZCiK\r\nqYW08qUyHq5NAbaTF6KXjKQxmRyO87UiPM1EI2eC3tJPR6pIoI7jP9gCjN4Q\r\nF+Yc+TeP1J975wOxwXalTAW/jBtSS5E/2DLPeOHxie5AImh3HQ/2QgOKa3Je\r\nu3IowqdBk6lzUhMpN3/twzJD/O+ZvpOfJdcVTqWCSDr9k2/AZBBR8jF8sH8r\r\nTURNNYx2Xkiw16Nyk0iVJEB3CFwidTaHYVpz0M5J29tMM4Hg/l6tvsrr0i5S\r\nsbSW0KyqZiQ/9oWjHenDMrb1HzzsYzRFCiu5crBu3kVzg5iXSlsfNYYTNBx3\r\nvQWhyRYnhL2y/+RCBFG24Q6YOVvmFeJl4skyT4VOaVkqIfi6JHVnTSLVNmPA\r\n84nSfzm788ZFssxgbIgUTNP1L18OwFCkU4yyRbPDDWeZ6oraoY8oV/7znAGR\r\nhTj6UTYP29hNuypcgTVL/Brgn6F5YTUnArPxrB3oPKVHbTRraYR9e3jteXbz\r\n1ChMP8Bf5Vy5G31+2V8HSGFBMBjE7ED9k5cyzLmHPXt56pw/AOSmwQAhMSrk\r\nJ3gk12eu0N6TtHZjj8mjfs0zTWJeck6AylQ=\r\n=oegx\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"},{"name":"stefan.popovski","email":"stefan@codechem.com"},{"name":"iboshkov","email":"ilija@codechem.com"},{"name":"andrejacevski","email":"andrej@codechem.com"},{"name":"ccadm","email":"costa@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_0.1.0_1673863409507_0.8890115301154016"},"_hasShrinkwrap":false},"1.0.0":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.0","main":"index.js","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"7d3daf0643924928b57cc2fd214ec2e79c1cadf3","_id":"@codechem/chakra-fields@1.0.0","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-WOluVFA36F5wtlmA84YnCv8k/uhw81EMrxi8u1RIeIM1ZPW1DvybRCnoRB8FbuHyKrwa/Rx17QDCgXY55bCn8A==","shasum":"d55c3895367cd30876bbb46afc41eb6019106274","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.0.tgz","fileCount":37,"unpackedSize":62792,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDje1YpeQzdjPXaYb+oEJ0kBB5dwufDcUVPTmRy5yDbFAIgRUlPEopveKFoJ+J4PIwL0n8hXwx5Pi7t1EZ4CGFPupA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxV09ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpAaw//Q6bSUJShxvyVUxHUqZhiihLuCzmX6Fr+XuFQRHpDU31wy5sM\r\nzuw6/pt5d3YfbVU9/3thR6rAWomdP4J2212k84+PJ+stK8cHcB6pq6IUx0PY\r\nQln3qlHbsH9ZDWyU6CxJffUzXP0IuElO5Heyymutfl+nUHPlcBsd2+ZkkPZl\r\nUC6+XgnAUgeS7yJqClxlraN2+bYXgL6lQn1O4AxjxP+1m2Ahny6oFKXjCMH2\r\nD8eFYe0g1VSyNW9JoSt0kQD1ir1e1MBXE6GopzenjYUkvF+1aSgQ4Z0ECtnw\r\nqSdOFOAWJ8GYs8KE+Jq/EEiwl0vIuovCk1wDWtyVzT62dBUoihdgocwmO8So\r\nzY3+he/Ouh6H1I9064ZA0GlpNTl8IdludG9/Pz0X65Ku/EtJy7Kl5DHL+7gq\r\nCXbeLsHoDbBrbU1AQ+hFq91l+8k7xw3wU6UqwMUNrMsJnHWRJnKpX+fy/Uoj\r\nRrQI5ca2NN3GkYWw8UN14UrDnaRcjGe+lW2sDNLRp/hWxCkoPdMoqIYZHqS5\r\nnqVi2OpJgaDKY8PFNLG+xu8KrA6ROSENKkivsFyEXju4AH/ZoZYxJ2K5EqUT\r\nK4QCZXZnyJjKnPui0F9OBN5k8/OrQ1QDUFh8DMalEKDDYUHau0GsCOZW5phV\r\nndJaZOjqk99vmD4AfSJhGNMbW1EcDo0YpgA=\r\n=z7GS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"},{"name":"stefan.popovski","email":"stefan@codechem.com"},{"name":"iboshkov","email":"ilija@codechem.com"},{"name":"andrejacevski","email":"andrej@codechem.com"},{"name":"ccadm","email":"costa@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.0_1673878845579_0.14182406539248493"},"_hasShrinkwrap":false},"1.0.1":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.1","main":"index.js","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"68d848c32c1de189d19ead8350523e0c968745ae","_id":"@codechem/chakra-fields@1.0.1","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-9IgVfWU9Ho0emTg3gVVvCWnl58bclKgSxfIxfVnJ4S55EUkYMbYO3ruFXMHgE23ObJ7YsEh53vRKvMQMODc7Rw==","shasum":"8b2ed45430c3f5a5062dbc26b0cff3fc3e0570eb","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.1.tgz","fileCount":37,"unpackedSize":64054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCbdVIJ6rt5HFK13scSuk22dLtPO8StTJsVpSsKTzGAZgIhAI7mYdz6i4uQ6AsDN5xBdadv3RChv8XiVIuxvre83m6M"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjxxpbACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoSfBAAisbaFhLDYcIdW627UcrE2CHOYrLHChokyrja7k0sct0ij7LY\r\nwVAT9wik6aJi50Wdaf01t5WdeK8KKDDUEsjcCrcb2czXqB95MYSu/M2C891C\r\nzy/1Tab00sxH9kDocWWmf6nhCHOvkG+uoY+tbwWA/YG7/heD5Q2AYphQwCeI\r\nl9ELNZ6F/bOEy7DbSyFF276dmhx4ji8NAkd74OOiTMnjgZ9//S4/T0XhFwy8\r\n6rC5eYblDTBjnZtfuYwjUgD72ko9GmppagTtPXxcO58txe3zoa7tGS5pCHtD\r\n03WhPqcu66vX9jyr05vedEA5+llPQ/uDAJwsGi4CBgaFJyXkZfgQksWAeHfy\r\ngWQGi0VrXaBcXDiYrJCcLqFfcEm6p/aa7cZv0T+2SyzZcCqBzWlMQ5AWWKpa\r\nmMNo+E1BGpFdKEfZXAytXMeACHzRPUEFv//L6/SOfpZHZgxh0nzlnzvTmBMG\r\noJsS80hG5m+hz9cvXyoDADSmjCTE4sm1P+vCkaOxL9ZN2PMDnVNN/BC041KJ\r\nw8aOd6Q3pgak5qCFlqYyhiGEG8xbpXCpyTvcmmvL6IWfpAzLzl1X2Rg1PzuR\r\ndKgzkG3u59d8h62Qg5GOmrsIHLRTZce4N9q5tXnxPtYvPami/xycY34Gkhwj\r\nKjdfQE8b5P5G6xcnRifJQWClnra690lknuw=\r\n=vfGm\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.1_1673992795209_0.229205872279306"},"_hasShrinkwrap":false},"1.0.2":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.2","type":"module","main":"index.js","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"35ee340f1a69cec17a05d05c0bb0a35f74ff3b4e","_id":"@codechem/chakra-fields@1.0.2","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-X6imy/zw612t4/REuxuJ0e1wmWbR29oBsTadaL+1soc84oRYtOWEiEFpQL0ng7nbVWMUixLZtBgaxh1mVMJxig==","shasum":"d526deb6c2ba6927707e51ef0759c770dc49c6bd","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.2.tgz","fileCount":37,"unpackedSize":64074,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCAWrqiAcgw+LBdNaaCR6xZcR/o7BrdKuvRaEwe5HHIcAIgdjXEQiWz6SvM7eLgbUMa0RhHLfQ/VVLAKMUvapEpSX0="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj0/THACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhvA/6A+1lHDXSdaehnkUGa1vpv/6w3qO5zZXz33+6V/1lj4uB9gf4\r\n4CCLJDoWUtQ9GyutRP1IYBpMQfcmKkg0uATmeIqoQCMv4Rtcw6yj9Vu9O0EN\r\nvazT457h8Gk2JwSf2Ts1GN/dROnlst3TgLRsVnXTqM8Ebucn/dtzNFZ59UKD\r\nIwkccyevRKrYQdi1PCH7PfZJP0vYxn+eiLFPIEEiVNHQcPDkCSgwsc76YrS5\r\ny/dJ3+Zdi0q4nhQpax6pjpqY9vq6B3NY9T2RjCY43GEvgEDWwcl8P6vALZ3/\r\nIpDfKNNqRRkTn5rec9ONXbE/+yWgGMyyTiNqeqP2J4kJQHUOCPDGrp734nUG\r\n/W52n5AlRSImySbmbe1aH+kMV0Xf6B+og+aLxhi/eUSrvqmDlR3xPmc8NdJZ\r\nM90MCIRFuDAQwMXQCJ/KKt2vS7/5n/4OoXhAuIw1u9fSU40bV6Nrt57XlKFa\r\n18MzwNYp+341Bi8z9SxRtJsypC642VJDC7HbTxV9R8BnL9N0LJwCpd7vEsy3\r\nS/aCERbnnDPX8a6+PjzLAr3+NwtDZldBiS8+0fmt7MLP0qElu/0Ld5eodHvI\r\nBwIvFpPWNCIcJdPOCCVO4cqdTVTXyhF3PXD0FJNu9nR3eDkr7QpDc7aP2mXq\r\n/u7relxt24ElmLrDdlgrlh9SrcHHWUh4+ic=\r\n=QfJs\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.2_1674835143424_0.3437391814998123"},"_hasShrinkwrap":false},"1.0.3":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.3","main":"index.js","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"870a736d47dedb411387fb608f856f8c012fc1c9","_id":"@codechem/chakra-fields@1.0.3","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Jc5xlizuzARU6CIqi6EMPVdYWR1eYGtE8GMvwQ3d4rSCR6VlcHJ9eqd2fkKpnOpWp5nfobfJH3iwa3PCmiT6/Q==","shasum":"bf5e4b1c867b27991af011134b5c90135d54ea87","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.3.tgz","fileCount":37,"unpackedSize":64054,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDHNf2dImM6DLO2ADcH4TDmaieSpDGKv8YdEr917/hZ6QIhALITFEyyDqYO4w0sJ7DXxEvUQJZuUOLYJ2eXgD7RhwWf"}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj1Y7CACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqS9xAAnEnOvOLFd+bgmnrhYLcYw2D3FqIvV9Wt6n2J6tCRWB78w507\r\nMWVfze2z8NkqqESoxXOJ0Er8NaAalgHXg7DV4236253IcNAqL3AtRMfM+bfd\r\nDLZFtYAjDEMIY+ez5KD39Ira93fH8ZoqXQ1PeQ8ar7EiQBk+ohc/4VjjSAGA\r\nHxtjMUHtuBEGF2rjLYk/WXR6dw8ExzetpynptCN04GbuV7Dp0IhigxOb7+Dv\r\nTiq7CTlWAtlGNcooPSX8Wd5L94WT0iYIPr1tz+ShJ8+wAryF90f8FG4cF9pm\r\nl7ahJ5sWrEL1xHN8gC+jOROGpg31hIY/7H7E63QLrJbgNWkqyDq77h/3K+cU\r\nW9OcEWbguwigFfr0w8vqYWpxwpauAR52a1W/m/EXK0RsEFnWTtoZI8CfmzN4\r\nxRueYtTB/BiowXgCtkMt99rI9WVvuDeVfO5lkztPjvlhBNUl7WQV9hEXgMFx\r\n96LT8ULcM7W4Lmp3Vxb69DKNwYoMtMmlNPVXGiEuAqjRM3MXjja4pyy7IbcL\r\nQJZoAtnFjDeeBIzjv25TO8ou5GEssiqQHEQqugrVaK2u4bcmskCszVPsv/DO\r\n5KoAARnphCD7UrXWBkdlA6pQq/4rbfgHLAbVv/4KUaFdUaV2jymL23JE2ByM\r\nven3jjnLhLRV3gYDl1V0n1UixunwHrRfV50=\r\n=WAbD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.3_1674940097987_0.09350991514947182"},"_hasShrinkwrap":false},"1.0.4":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.4","main":"index.js","type":"module","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"72de57f47d93740fc39d31b4e02fdbdd1012e894","_id":"@codechem/chakra-fields@1.0.4","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-aGUHFIm6deL0+HoMrNrREVS4IV5uUIxxdwm38LiFvpvOLxgh7DkVG2LXn8pJOr7PRAr3ANaVVO+EZXdum8whew==","shasum":"1b38120e15f0f4751c5870e65e0a6b62765ce447","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.4.tgz","fileCount":37,"unpackedSize":78754,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGvd6cRlMPpw1jIo/Wx1wYwpDaDcESLpiKzOEskYsQLkAiEAuBQfd+Fc9UEohTc+yhoVwDbAC0uQ4hdcJSeGNNFZauA="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJj17kjACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqIzQ/9GbNWPMv4WPZOowlBE47EaXfUI+2sbDq9xQ20c7xPAlJUTKUX\r\nho2JNZbP7obwfX/OG3LE6PXQfqKeD7SirRzgK0Q+mAFXDRhoBxRWpsX/zuVK\r\nbsSk2vcLXlmmKEueJ5SU9GZ5vP0K4kh98cYuZws5bMWWNDiPGbltc2ms7mC6\r\nmf9ZStKxQeaSrQ/5Xg8UEk7ylztWJsK6b9YFEqvqKDFaW3eR4LzxSl06bVqL\r\n1gHQaAd8Zxlf+1lMhWsevKX2OLFyIoTbhWEgal7k7UuhtMu30k36AbcPt3QZ\r\n6JRbTx8SYCrnqufWVmXUCizWFX+F3FU2rLgREzEeDkH236bPVXWzrPP3WtNO\r\nxrzaDiTBPtDAE7PtGODbX3MAydsafCMr3hRfoOMSX/9cm3vpJMIRnd4wDX9+\r\n8csk82eCBYqr0ZIb0kratW9Y5K0scd0FgvgLUkTU/3FN4eL+w3VOo0YyDU5g\r\nWrZnnk94YQOvstKW1N0Hg8O1XcmyoE4ttLdm+VF3zgnh+KK7kH46rW5Fpg/I\r\nI0ZzybqB+5CXdPv9xxyOvSJYKuhIdRkkW2j6r2pF0oRP5Vr73O+NBFpMUH2U\r\nYzWfAjvaShh6DbzP31h0BpUHcpurpFweTeDWbEOTZB0A9kfWorm1hllghn+/\r\nkihkmJX3OXeazugsMrb8v3XlQ0YedSu+qZs=\r\n=/2ys\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.4_1675082018916_0.6843182476595977"},"_hasShrinkwrap":false},"1.0.5":{"name":"@codechem/chakra-fields","description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"bugs":{"url":"https://github.com/codechem/chakra-fields/issues"},"homepage":"https://github.com/codechem/chakra-fields#readme","author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"keywords":["react","chakra-ui","formik","chakra ui form"],"license":"MIT","version":"1.0.5","main":"index.js","type":"module","dependencies":{"@chakra-ui/react":"^2.4.4","@types/node":"^16.18.10","@types/react":"^18.0.26","@types/react-dom":"^18.0.9","formik":"^2.2.9","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^4.9.4","uuid":"^9.0.0"},"scripts":{"clean":"rm -rf dist","build":"npm run clean && tsc && cp package.json LICENSE README.md ./dist"},"devDependencies":{"@types/uuid":"^9.0.0"},"types":"./index.d.ts","gitHead":"1c16a95baa54018a3f1dcccce57a84bedb306ddb","_id":"@codechem/chakra-fields@1.0.5","_nodeVersion":"16.15.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-UnzzHg8wsqD7Ug149AbqXuViRzxXjKRW6ykiAk+GhnaVhHQ4DWz70zKzYtQVoV/5lrIQ/3mpNOvSveX67I+FiQ==","shasum":"829ba06e2d27046ca8b4185f7d423155723eb2b8","tarball":"https://registry.npmjs.org/@codechem/chakra-fields/-/chakra-fields-1.0.5.tgz","fileCount":37,"unpackedSize":78769,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFkzh/o7zTLUOCdz5cQQQwev1AXmyyimgZCpihREKXYEAiEA/+81m9t+E90vfZ7MHKq35bnOyJDrIqqu2j0p6HOJepw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkMAjmACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmql8BAAjJGzKoa2/tdq2E299M7h2wW1r7HP4n1M72g+KwDbJOHZpEQ0\r\nE41GtmAi/gKh9OwyxGWoxWXxnlqh/S8NZ7c60617eZcxWq0AKBNN/GB4MMhT\r\n5Np/5gB70JHCzZtOKt5fG9C1+J19h9cPn7CC00+9VlF4q9Jh2W0CNPyrplu8\r\nLoUwpXw+UCMpYIww7tde9SYeArp2Nl3E8dZd+zVos3vxS2Pwk0xpgS2Cxe5G\r\nGXnixNe+ymni1BNSUv8dbRCu32H6/mCvCppRvAV6G84tC6oF6329rS+V7Odp\r\nNH/k/HC0PHMvPrBynutjrVfE2jAJvoDzZtd1zrX5eDpVmnTvMdd4bT05Q7b/\r\nzpFv0Pn72gDh01wbdTvLPCX8rMI5TvyJxddGx9VFCVVCVmyWgwjakNxtwwov\r\nzQoJeBlScANhS83K9RgW/z4QP9xSSMcqep8SybNrnLgdmqSECYbePgE0Kku/\r\nWvLPWq6fWk8mPvyiHkvPzQwxVDluAVaLceSCAI+2HamvdVD/RVVho1z614JC\r\nxe6n8/zor7Qf8rYFjtG7JWxL+zq6yvuBML+6rT4AWRsvo+zcdoJ77iQiy2QI\r\n/hhM4GrZHz4oLTqSDn8m1SaiinqFHpmiPFybgfgslq/OwxAeSe2ysq0SNX0F\r\nm5xI1rLAnW/d9dz0WLabOu627HUdMh5KWUs=\r\n=sUzK\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"dejan.slamkov","email":"dejan@codechem.com"},"directories":{},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/chakra-fields_1.0.5_1680869606345_0.4616054052249443"},"_hasShrinkwrap":false}},"time":{"created":"2023-01-16T10:03:29.441Z","0.1.0":"2023-01-16T10:03:29.669Z","modified":"2023-04-07T12:13:26.660Z","1.0.0":"2023-01-16T14:20:45.756Z","1.0.1":"2023-01-17T21:59:55.380Z","1.0.2":"2023-01-27T15:59:03.601Z","1.0.3":"2023-01-28T21:08:18.216Z","1.0.4":"2023-01-30T12:33:39.108Z","1.0.5":"2023-04-07T12:13:26.497Z"},"maintainers":[{"name":"dejan.slamkov","email":"dejan@codechem.com"}],"description":"A simple package that makes working with Chakra UI and Formik cleaner and easier.","keywords":["react","chakra-ui","formik","chakra ui form"],"repository":{"type":"git","url":"git+https://github.com/codechem/chakra-fields.git"},"author":{"name":"Dejan Slamkov","email":"dejan@codechem.com","url":"https://linkedin.com/in/dejan-slamkov"},"license":"MIT","readme":"# chakra-fields\n\nSimple package that makes working with `Chakra UI` and `formik` together -- easier. This package uses\nUI form components from `Chakra UI` and turns them into controlled components using `formik` state. The styling\nof the components is **100% extensible**. The package does not add additional style on top of the `Chakra UI` styling.\n\n## Key features\n- Cleaner code\n- 100% extensible styling\n- Some caveats from using `Chakra UI` components and `formik` together are handled\n- Possibility to add `formik` validation functions as props to the form components\n- Reusability\n- Floating label\n\n## Motivation\n\nThe main motivation behind this package was to minimize the repetition that happens when working with forms with `Chakra UI` and the usage of `FormControl`. That, together with the repetition of `useField` when working with `formik` brought this project to life. Example:\n\nBefore `chakra-fields`:\n```tsx\nimport {\n FormControl,\n FormErrorMessage,\n FormLabel,\n NumberInput,\n NumberInputField,\n Input\n} from '@chakra-ui/react';\nimport { useField } from 'formik';\n\nconst [fullNameField, fullNameMeta] = useField('fullName');\nconst [ageField, ageMeta, ageHelpers] = useField({\n name: 'age',\n validate: (value: string) => {\n return Number(value) < 18 ? 'Must be above 18' : undefined;\n }\n});\n\n\n Full name: \n \n {fullNameMeta.error}\n\n\n Age: \n {\n ageHelpers.setValue(valueAsString);\n }}\n >\n \n \n {ageMeta.error}\n\n```\nLooks a little bit too much doesn't it? Let's fix that:\n```tsx\nimport { NumberInputField } from '@chakra-ui/react';\nimport { NumberField, TextField } from '@codechem/chakra-fields';\n\n\n {\n return Number(value) < 18 ? 'Must be above 18' : undefined;\n }}\n>\n \n\n```\n\nMuch better! Everything in one place where it belongs. No more multiple lines of `useField` and renaming the `field`, `meta` and `helpers` variables. As you can see, even if the signatures of `onChange` between `formik` and `Chakra UI` don't match, as was the case for `NumberInput` where you have to manually set the value and you kinda loose the purpose of `formik`, with `chakra-fields` you don't have to worry about that because it's already handled. No more painful repetition of `FormControl`, `FormLabel`, `FormErrorMessage` and setting `isInvalid` flag with the same line of code to each input -- now that comes automatically with the `chakra-fields` components.\n\n## Installing chakra-fields\n\n```sh\n$ npm i @codechem/chakra-fields\n```\n\n## Available Components\n\nThe following components wrap the standard `Chakra UI` form inputs with the `FormControl` component, while handling state, validation and error messages with `formik`. First see [`FormControlField`](https://github.com/codechem/chakra-fields/tree/master/src/lib/fields/form-control-field.tsx).\n\n- [`TextField`](#textfield) -> wrapper around `Chakra UI`'s `Input` component. Used usually for `text`, `password`, `email`, `date`, `datetime-local` input types. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `Input` component. See also [Chakra UI Input docs](https://chakra-ui.com/docs/components/input).\n- [`TextareaField`](#textareafield) -> wrapper around `Chakra UI`'s `Textarea` component. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `Textarea` component. See also [Chakra UI Textarea docs](https://chakra-ui.com/docs/components/textarea).\n- [`NumberField`](#numberfield) -> wrapper around `Chakra UI`'s `NumberInput` component. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `NumberInput` component. See also [Chakra UI NumberInput docs](https://chakra-ui.com/docs/components/number-input).\n- [`SelectField`](#selectfield) -> wrapper around `Chakra UI`'s `Select` component. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `Select` component. See also [Chakra UI Select docs](https://chakra-ui.com/docs/components/select).\n- [`CheckboxField`](#checkboxfield) -> wrapper around `Chakra UI`'s `Checkbox` component. This component should be used as a single checkbox component. The `formik` state holds a `boolean` value for this field. For styling you can set all style props that you would set on a `Checkbox` component. See also [Chakra UI Checkbox docs](https://chakra-ui.com/docs/components/checkbox).\n- [`RadioGroupField`](#radiogroupfield) -> wrapper around `Chakra UI`'s `RadioGroup` component. The group is composed of multiple radio buttons. Use `Radio` from `Chakra UI` or `RadioGroupField.Item` (alias to `Radio`) as components for the radio buttons. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `RadioGroup` component. See also [Chakra UI RadioGroup docs](https://chakra-ui.com/docs/components/radio).\n- [`InputGroupField`](#inputgroupfield) -> wrapper around `Chakra UI`'s `InputGroup` component. The group is composed from one input element (`Input`/`NumberInput`) and one or multiple right/left addons/elements. See [Chakra UI docs](https://chakra-ui.com/docs/components/input#left-and-right-addons). The difference here is that instead of using the native `Chakra UI` input element as part of the group, the `InputGroupField.Input` or `InputGroupField.NumberInput` **must** be used instead. The `formik` state holds a `string` value for this field. For styling you can set all style props that you would set on a `InputGroup` component. See also [Chakra UI InputGroup docs](https://chakra-ui.com/docs/components/input).\n- [`CheckboxGroupField`](#checkboxgroupfield) -> this is actually a new component and does not wrap any existing `Chakra UI` component, but it behaves similarly to the `CheckboxGroup` component. This group consists of multiple choice checkboxes and the component to be used for them **must** be `CheckboxGroupField.Item`. The `formik` state holds a `(string | number)[]` value for this field. For styling you can set all style props that you would set on a `CheckboxGroup` component. See also [Chakra UI CheckboxGroup docs](https://chakra-ui.com/docs/components/checkbox).\n- [`FormControlField`](#formcontrolfield) -> wrapper around `Chakra UI`'s `FormControl` component. It is used to wrap the previously listed fields. This component does not hold `formik` state on its own and it expects that there is already a field defined, i.e. state, with the given name in the `formik` context when used. **It is not recommended to be used**, it is more for internal use.\n\n### Props\n\nThe following props can be used on **all components**:\n- `name` - **required** prop and it should be unique in its enclosing `Formik Context`\n- `isRequired`, `isReadOnly`, `isDisabled` - `FormControlOptions` that will be forwarded to the `FormControl`. If we set `isInvalid` it will have no effect because that prop is set automatically from the `formik` validation.\n- `validate` - validation function that `formik` will use to validate the field\n- `label` - contents of the `FormLabel` for the field\n- `labelProps` - custom props for the `FormLabel` for fine grained styling\n- `labelPosition` - where the label would be displayed: `before`, `after` or `floating`. By default is set to `before` and the label is displayed in the row before the input field/group. `floating` is not available for groups and `CheckboxField`.\n- `errorMessageProps` - custom props for the `FormErrorMessage` for fine grained styling\n\n**_NOTE_**: all style props that we set to the components will be forwarded to their respective `Chakra UI` component that it wraps. Example: the style props we set to `SelectField` will be forwarded to `Select` from `Chakra UI`, `TextField` to `Input`, `NumberField` to `NumberInput`, etc.\n\n## Usage\n\nFirst there is a need of a `Formik Context` that will wrap all of the `chakra-fields` components.\n\n_NOTE_: Internally the components use `useField` that expects to be provided a `Formik Context` and would fail if not provided.\n\n```ts\nimport { Form, Formik } from 'formik';\n\n {}}\n>\n
{/* chakra-fields components go here */}
\n\n```\n\n### TextField\n```tsx\nimport { TextField } from '@codechem/chakra-fields';\n\n\n\n\n```\n\n### TextareaField\n```tsx\nimport { TextareaField } from '@codechem/chakra-fields';\n\n {\n return value.length < 30 ? 'Comment too short' : undefined;\n }}\n errorMessageProps={{ color: 'yellow' }} // forwarded to `FormErrorMessage`\n/>\n```\n\n### NumberField\n```tsx\nimport {\n NumberDecrementStepper,\n NumberIncrementStepper,\n NumberInputField,\n NumberInputStepper\n} from '@chakra-ui/react';\nimport { NumberField } from '@codechem/chakra-fields';\n\n\n \n\n\n\n \n \n \n \n \n\n```\n\n### SelectField\n```tsx\nimport { SelectField } from '@codechem/chakra-fields';\n\n\n \n \n \n\n```\n\n### CheckboxField\n```tsx\nimport { CheckboxField } from '@codechem/chakra-fields';\n\n\n I agree\n\n```\n\n### RadioGroupField\n```tsx\nimport { Radio, HStack } from '@chakra-ui/react';\nimport { RadioGroupField } from '@codechem/chakra-fields';\n\n\n \n The Office\n Brooklyn 99\n Stranger Things {/* Either `Radio` or `RadioGroupField.Item` can be used */}\n \n\n```\n\n### InputGroupField\n```tsx\nimport {\n NumberDecrementStepper,\n NumberIncrementStepper,\n NumberInputField,\n NumberInputStepper,\n InputLeftElement,\n InputLeftAddon\n} from '@chakra-ui/react';\nimport { InputGroupField } from '@codechem/chakra-fields';\n\n\n \n {/* `InputGroupField.NumberInput` must be used, not `NumberInput` from `Chakra UI` */}\n \n \n \n \n \n \n\n\n\n \n {/* `InputGroupField.Input` must be used, not `Input` from `Chakra UI` */}\n\n```\n\n### CheckboxGroupField\n```tsx\nimport { HStack } from '@chakra-ui/react';\nimport { CheckboxGroupField } from '@codechem/chakra-fields';\n\n {\n return values.length === 0 ? 'You must select at least one' : undefined;\n }}\n>\n \n {/* `CheckboxGroupField.Item` must be used, not `Checkbox` from `Chakra UI` */}\n Pepperoni\n Pineapple\n More cheese\n \n\n```\n\n### FormControlField\n**_WARNING_**: not recommended for use. Use the above listed fields which use this field internally\n```tsx\nimport { Input } from '@chakra-ui/react';\nimport { useField } from 'formik';\nimport { FormControlField } from '@codechem/chakra-fields';\n\nconst [emailField] = useField('email');\n\n\n \n\n```\n\n```tsx\n// access a field value within a given formik context\nconst formikContext = useFormikContext();\nconst { value } = formikContext.values;\n```\n```tsx\n// react on a change\nconst formikContext = useFormikContext();\nconst { value } = formikContext.values;\n\nuseEffect(() => {\n // do something on `value` change. Ex:\n formikContext.setFieldValue('otherField', value.toUpperCase());\n}, [value]);\n// or\n {\n // do something on `value` change. Ex:\n formikContext.setFieldValue('otherField', e.target.value.toUpperCase());\n}}/>\n```\nSee also the `formik` docs for [`useFormikContext`](https://formik.org/docs/api/useFormikContext) and [`Formik`](https://formik.org/docs/api/formik) to see what are the capabilities and how you can use them here.\n\n### More examples\n\nThe folder [`/examples`](https://github.com/codechem/chakra-fields/tree/master/examples) contains a `React` application that has `chakra-fields` as a dependency. The application displays the same form two times, the difference being that one is built with `chakra-fields` and the other is built without it. See [`/examples/src/chakra-fields-example.tsx`](https://github.com/codechem/chakra-fields/blob/master/examples/src/chakra-fields-example.tsx) to see the form built with `chakra-fields` and [`/examples/src/native-chakra-example.tsx`](https://github.com/codechem/chakra-fields/blob/master/examples/src/native-chakra-example.tsx) to see the form built without `chakra-fields`. The main thing to notice here is the difference in developing the same form with and without `chakra-fields`.\n\n## Contributors\n- Dejan Slamkov, [GitHub](https://github.com/SlamkovDejan)\n\n## License\n- [MIT](https://opensource.org/licenses/MIT) © [Dejan Slamkov](https://github.com/SlamkovDejan)","readmeFilename":"README.md","homepage":"https://github.com/codechem/chakra-fields#readme","bugs":{"url":"https://github.com/codechem/chakra-fields/issues"}}