{"_id":"@agilegravity/rhfa-react-native","_rev":"1-2410dd96766ae410203296135f261f0c","name":"@agilegravity/rhfa-react-native","dist-tags":{"latest":"1.2.1"},"versions":{"1.2.0":{"name":"@agilegravity/rhfa-react-native","version":"1.2.0","description":"Generate automatic forms following a schema for React Native","main":"dist/rhfa-react-native.js","keywords":["react","react-native","hooks","react-hook-form","form","validators","validation"],"author":{"name":"David González","email":"braben@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgonz64/rhfa-react-native.git"},"devDependencies":{"@babel/cli":"^7.17.6","@babel/core":"^7.17.9","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/plugin-proposal-object-rest-spread":"^7.17.3","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","babel-loader":"^8.2.4","enzyme":"^3.11.0","@wojtekmaj/enzyme-adapter-react-17":"^0.6.7","jest":"^27.5.0","jsdoc-to-markdown":"^7.0.0","rimraf":"^3.0.2","webpack":"^5.72.0","webpack-cli":"^4.9.2"},"peerDependencies":{"react":"^17.0.0","react-native":"^0.68.0","react-hook-form":"^7.0.0","@react-native-picker/picker":"^2.0.0","@react-native-community/slider":"^4.0.0","expo-checkbox":"~2.2.0"},"scripts":{"clean":"rimraf dist && rimraf lib","start":"npm run clean && webpack --watch","build":"npm run clean && npm run build:commonjs && npm run build:umd && npm run build:umd:min","build:commonjs":"babel src --out-dir lib","build:umd":"webpack","build:umd:min":"NODE_ENV=production npm run build:umd","test:debug":"node --inspect-brk node_modules/.bin/jest --runInBand","test:short":"jest","test":"jest --verbose","prepublishOnly":"npm run build"},"dependencies":{"react-hook-form-auto":"^1.0.0"},"gitHead":"53e8db8c655298ea52c8525fe9f98ff0256a8ee6","bugs":{"url":"https://github.com/dgonz64/rhfa-react-native/issues"},"homepage":"https://github.com/dgonz64/rhfa-react-native#readme","_id":"@agilegravity/rhfa-react-native@1.2.0","_nodeVersion":"14.19.2","_npmVersion":"6.14.17","dist":{"integrity":"sha512-h/3FqY8dTNvPq24LGCBtBPVkfOgmlIHpdDAiEUcSXIwdQ4/Mt5E4TzkgFmNVFSp0+zJJEwqPspfLWLGLguu+pQ==","shasum":"c77459dfd62dbe8064f8b75121457e9c4ee9bd21","tarball":"https://registry.npmjs.org/@agilegravity/rhfa-react-native/-/rhfa-react-native-1.2.0.tgz","fileCount":33,"unpackedSize":748332,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDbHaBU91Em6Bp2LFFOwvlCUER4/QiLZUyMMX6rYBqQRAiA4j8Kup1lg9OM61mvZWyTFBs6QwnKxAlXr4xJtvaiL7Q=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKctWACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmqh6g/9GKrLrPb2V7YaGa+Z8BK5OuOzKGpCvs3swpQfgrwBwjRD9qmW\r\nr4uX7oZRe94pc7xHmqHf+uSPcUtsZV6wFcAU6u2wtlYwQpp9h4gEjqxo3hX3\r\nMtiZpf+X1GPDJYdd9OY3+5XvVuiI2dGxhnkQYchy7TcnGNDg16xKbt27Ujqe\r\nQmgRoEqKTw8KORigvMCtZvdYjxkOLg9h21xIorho4iA/gLa9x8RpWWUGQBVS\r\np98cvpLzyUV6AG6UiS+MGTHIMxcHCdkOhvIZfQ4ZFRbcVnFcnxDZR8pmUmAH\r\nVrQE08yODJN4vQawEZX1aiJyQf74QP+gnYhMHwSGTcCoW6sufsnv8tta8NHh\r\ngdqKlECDjnQLlnkmgIT4Q91h/jD/Mzw4BJ8PMdlS7vgZYndUqvmQBxlMq415\r\nJlD8z6vAi5JNbjT91y0SfzHtzbczVpyRSQabZ9YzE2MRcTWI4SxZ5Amywb4U\r\ndmxpaHCYLgGQNehsTeOR19koLDtQXbEnsz4V/0IaX6qda+r0CzeJbZgteP/A\r\nD07UQeBDiWkey5a527tE0KcuzP0Zz1jP9pYolPF+1O+JeCuQk3/pidkMrpjc\r\neXoUV6iZmrBIfZzlN5TMIr6K2IJdAm3qBt2SVZUgNGSNBDgi5XISFCHhoi58\r\nn6f8Vf6KZkaTlUcBrv5Lt1OnzNRaXuspGew=\r\n=oLJD\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"weiner","email":"benediktweiner@gmail.com"},"directories":{},"maintainers":[{"name":"weiner","email":"benediktweiner@gmail.com"},{"name":"stahlp","email":"stahl@agilegravity.com"},{"name":"agileegravity","email":"aws@agilegravity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rhfa-react-native_1.2.0_1663683414039_0.5524454133180525"},"_hasShrinkwrap":false},"1.2.1":{"name":"@agilegravity/rhfa-react-native","version":"1.2.1","description":"Generate automatic forms following a schema for React Native","main":"dist/rhfa-react-native.js","keywords":["react","react-native","hooks","react-hook-form","form","validators","validation"],"author":{"name":"David González","email":"braben@gmail.com"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/dgonz64/rhfa-react-native.git"},"devDependencies":{"@babel/cli":"^7.17.6","@babel/core":"^7.17.9","@babel/plugin-proposal-class-properties":"^7.16.7","@babel/plugin-proposal-object-rest-spread":"^7.17.3","@babel/preset-env":"^7.16.11","@babel/preset-react":"^7.16.7","babel-loader":"^8.2.4","enzyme":"^3.11.0","@wojtekmaj/enzyme-adapter-react-17":"^0.6.7","jest":"^27.5.0","jsdoc-to-markdown":"^7.0.0","rimraf":"^3.0.2","webpack":"^5.72.0","webpack-cli":"^4.9.2"},"peerDependencies":{"react":"^17.0.0","react-native":"^0.68.0","react-hook-form":"^7.0.0","@react-native-picker/picker":"^2.0.0","@react-native-community/slider":"^4.0.0","expo-checkbox":"~2.2.0"},"scripts":{"clean":"rimraf dist && rimraf lib","start":"npm run clean && webpack --watch","build":"npm run clean && npm run build:commonjs && npm run build:umd && npm run build:umd:min","build:commonjs":"babel src --out-dir lib","build:umd":"webpack","build:umd:min":"NODE_ENV=production npm run build:umd","test:debug":"node --inspect-brk node_modules/.bin/jest --runInBand","test:short":"jest","test":"jest --verbose","prepublishOnly":"npm run build"},"dependencies":{"react-hook-form-auto":"^1.3.14"},"gitHead":"d985df4d84d22a50a9ba6d3138776db03f3094ad","bugs":{"url":"https://github.com/dgonz64/rhfa-react-native/issues"},"homepage":"https://github.com/dgonz64/rhfa-react-native#readme","_id":"@agilegravity/rhfa-react-native@1.2.1","_nodeVersion":"14.19.2","_npmVersion":"6.14.17","dist":{"integrity":"sha512-zTyVjHFG9TMCQ927/76BZKv8J43PXsqlaTz8Td4VZt/9eHl2ozxB4JZFfGuOQOuVrXaAUqJ3MScYppBJrkaoVA==","shasum":"514be3653f53fc39c0c5fbbde5739144b57c75f1","tarball":"https://registry.npmjs.org/@agilegravity/rhfa-react-native/-/rhfa-react-native-1.2.1.tgz","fileCount":33,"unpackedSize":738063,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDJAI3MUioUKuWKb9dzm0U8zcZ7dkTelmqxK600OGn9LwIgZiw46bjg0ZYMVzuGmGHPJQ15YJqS3hKm+r/80dnG77E="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJjKeI9ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrI0w//fE4JfaGVH5b/mv3ltPOFp7locQIZbmSjtqN/7/atYXGw95Dz\r\n87RvXF3pvjtkVQboJChKYTyG8ckJ5azO9xCkukZbn61qQeGGXzsdJmKISvXP\r\nCPtOBNJ2gSmr4unr7vsuoYXF7fagOSAteela9/c2USTrHpcG3MhcsItkGgft\r\nXSKZV8MYvX4EfA6ZkWVHfXCXzZIkNTX1tuR0KwX8GN7hV5i4HPWgq0JVU+S4\r\nQwp6NWAgiMC83SYj5wfilGJtxflEWFnrDYSfhf6E8w9Q93KKZ4vi9U5F2yGH\r\nTcWpGKXM2WU3xM3QGYjgszLOeDnMu1AEpkIk2nnG4AhwzqU3/G2CJH7P3xsq\r\neD4JEEGnv38RMJ48+8aVxYZX1AzJ+iIwZ0TFlgvrQx1/ppT+dwLGkWH47Ih9\r\n0/5FmnjY12CbyiflwrVxsiscZ32iZn6aQN8ywVfp1uJ/VsWp5GyO8or8hz27\r\n3Zh20mtjrZ8y2P4oHeZmnY1+FIzogs3fddd0ZcI3EZX6hAz0WQNHDgv1Afna\r\nbRfWGxNQuiJVKW/zoRPoz867DahDVui7q3VhqnEWjE/qHRvyd/GYzbyo68Pr\r\nPk0Ad6lQJMN5EYf/ByUst23NjUMohzoMjnpQFBdp14A9pkDiIIT7U0hiLv8A\r\ny0RDvId5L/xLedAJo6rSFGBRQh9LAp9ANNo=\r\n=cc9I\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"weiner","email":"benediktweiner@gmail.com"},"directories":{},"maintainers":[{"name":"weiner","email":"benediktweiner@gmail.com"},{"name":"stahlp","email":"stahl@agilegravity.com"},{"name":"agileegravity","email":"aws@agilegravity.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rhfa-react-native_1.2.1_1663689276805_0.3317958654013353"},"_hasShrinkwrap":false}},"time":{"created":"2022-09-20T14:16:54.038Z","1.2.0":"2022-09-20T14:16:54.425Z","modified":"2022-09-20T15:54:37.236Z","1.2.1":"2022-09-20T15:54:37.023Z"},"maintainers":[{"name":"weiner","email":"benediktweiner@gmail.com"},{"name":"stahlp","email":"stahl@agilegravity.com"},{"name":"agileegravity","email":"aws@agilegravity.com"}],"description":"Generate automatic forms following a schema for React Native","homepage":"https://github.com/dgonz64/rhfa-react-native#readme","keywords":["react","react-native","hooks","react-hook-form","form","validators","validation"],"repository":{"type":"git","url":"git+https://github.com/dgonz64/rhfa-react-native.git"},"author":{"name":"David González","email":"braben@gmail.com"},"bugs":{"url":"https://github.com/dgonz64/rhfa-react-native/issues"},"license":"MIT","readme":"# rhfa-react-native\n\nThis library allows your React application to automatically generate forms using [ReactHookForm](https://react-hook-form.com/) that are redered by [React Native](https://reactnative.dev/). The form and validations are generated following a schema inspired by [SimpleSchema](https://github.com/aldeed/simple-schema-js).\n\nIt uses some react-native-community packages to help with checkbox, slider and picker.\n\n## Upgrade to `1.2.0`\n\nYou must change your `package.json` entry from `@react-native-community/picker` to `@react-native-picker/picker`. It will look like this:\n\n```\n    \"dependencies\": {\n      \"@react-native-picker/picker\": \"^2.0.0\",\n      ...\n    }\n```\n\n## Installation\n\n    $ npm install react-hook-form rhfa-react-native @react-native-community/checkbox @react-native-community/slider @react-native-picker/picker --save\n\n## Usage\n\n```javascript\n    import { createSchema, Autoform } from 'rhfa-react-native'\n    import { createStyles } from 'rhfa-react-native/dist/emergencyStyles'\n\n    const style = createStyles()\n\n    export const client = createSchema('client', {\n      name: {\n        type: 'string',\n        required: true,\n        max: 32\n      },\n      age: {\n        type: 'number'\n      }\n    })\n\n    const MyForm = ({ onSubmit }) =>\n      <Autoform\n        schema={client}\n        onSubmit={onSubmit}\n        styles={styles}\n      />\n```\n\n## Styling\n\nThe emergency styles are separated in its own bundle. The function `createStyles` will generate some styles for the components. It gereates some styles proceduraly and you can set some better defaults:\n\n```javascript\n  createStyles({\n    backgroundColor = '#e0e0e0',\n    height = 32,\n    headerColor = '#a0a0a0',\n    panelBorderColor = '#a0a0a0',\n    inputBorderColor = '#c0c0c0',\n    inputBackgroundColor = '#ffffff',\n    radioRadio = 8,\n    radioColor = '#808080',\n    radioSelectedColor = '#404040',\n    buttonColor = '#909090',\n    addColor = '#70a070',\n    addTextColor = '#104010',\n    removeColor = '#a07070',\n    removeTextColor = '#ffe0e0',\n    errorColor = '#601010',\n    errorBackgroundColor = '#ffe0e0',\n    miniHeight = 24,\n    fontSize = 16\n  } = {})\n\n```\n\n## Specific schema attributes for React Native\n\n### type = 'range'\n\nAppart from `min` and `max`, you should setup `step`. It will coerce to nearest step:\n\n```javascript\n  something: {\n    type: 'range',\n    min: 10,\n    max: 90,\n    step: 5,\n    defaultValue: 50\n  }\n```\n\n### Helper text\n\nYou can specify helperText in the schema.\n\n```javascript\n    import { createSchema } from 'rhfa-react-native'\n\n    const smt = createSchema('something', {\n      name: {\n        type: 'string',\n        helperText: tr('models.name.helper')\n      }\n    })\n```\n\nYou can set the text directly too, without using `tr()`.\n\nAlso you can set model translation string attribute `_helper` to any value:\n\n```javascript\n    setTranslations({\n      name: {\n        _field: 'Name',\n        _helper: 'Please, enter your name'\n      }\n    })\n```\n\n### Label info\n\nLabels can have a field that appears in a less prominent color adding some clarification. This label info will come from translations:\n\n```javascript\n    setTranslations({\n      name: {\n        _field: 'Name',\n        _labelInfo: '(given name)'\n      }\n    })\n```\n\nThe label `tr('requiredLabel')` will be added automatically for required fields (unless you override with translations).\n\n## [Documentation](https://github.com/dgonz64/react-hook-form-auto)\n","readmeFilename":"README.md"}