{"_id":"@2600hz/sds-react-native-components","_rev":"10-dab61898551bd30236b8e61d6ac880a3","name":"@2600hz/sds-react-native-components","dist-tags":{"latest":"1.9.0"},"versions":{"0.1.0":{"name":"@2600hz/sds-react-native-components","version":"0.1.0","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"author":{"url":"https://github.com/shark764","name":"Armando Cierra, Daniel Hernandez","email":"fhernandez@2600hz.com"},"license":"MIT","_id":"@2600hz/sds-react-native-components@0.1.0","maintainers":[{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},{"name":"kinetic_pixels","email":"joshs@2600hz.com"},{"name":"armando-cierra","email":"armando_cierra@outlook.com"},{"name":"bitbashing","email":"karl@2600hz.com"}],"homepage":"https://github.com/2600hz/sds-react-native-components#readme","bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"dist":{"shasum":"a55c3382256eaa11e4ebd2b81f0ae5317be561d0","tarball":"https://registry.npmjs.org/@2600hz/sds-react-native-components/-/sds-react-native-components-0.1.0.tgz","fileCount":1104,"integrity":"sha512-zxD8o7YFt5ciO/59GyK/0XN6+g5R0/SE25J4TBFK/MLVlksXn+h8eYqO/Cq8F5CqAVrsqAxpJcF+ijkYigsZyw==","signatures":[{"sig":"MEUCIQCRxuprynMtTNO1TzUlLEGTBsFSaoZndu5eMGGW1HyWDAIgQAalciDaWnAmBv+zsnAj9NxvvJtBNUB6BYP6YctRgmM=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":393405552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhNR+tCRA9TVsSAnZWagAAdT8P/19f3Zv3+AB28eZWoreZ\nW94Kgzbuv2esFLyyt8ro7nl/lmc/CBsGLdp+Qk7mA6XKGPnFhB0sZnafLL7g\ndfSfodk/W7UTUoW6GKozvB/nGVxqvNgby+Mt3xcKrvzP04rPMsKquRRHNTEb\nfuXiD95EKATF3xSh9qOj445AYztscYrblv4jtRj3BZnTXBQBQQ6gqLx7YXeV\nRXcG1Dx2SFGP5Er+v1xkLdkTEUR5LQjMAQyIMknFT200fyD3Acz7YfEA4GZi\ne8FJCwKOtN1FRi6nbbohxndqew5RMHdfTLWQUyUDRk8wVh6LV6pxBeiqcL29\naXv21coOyvMhi568tjvjrbHRGMkRiylDXjgGN8+wLh9115UnAlb3TTatlsw2\ngmDPVtF+6XrlNJC9Dh/JvOzf7mGurxl7y+oRu8r1uTqy5yKvBwUaGpd8Udcx\nzkZQTh13IgX7xZybNCT4cuFWsm6X0osb9hDEAGjHh4MXBFXWOJsoQek8GvdB\na1mftcN+yIqdqUI1gNwC07189A2XyvL3akc4aZUFdJovBGgYmMdZaBMur8ls\nz23DGNRCQ/BUxF87G6U79Ow2s6QdZAB4w6rSCp1FXc4qCEpoX8A43v+qwr/0\n8QP9XbdtFnYOUG16QfSWqnmbzVnA2wEnwFX7rZVlD9mJSNoTSknplFawnUX/\nKWHM\r\n=WvCp\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index.js","types":"lib/typescript/src/index.d.ts","module":"lib/module/index.js","source":"src/index","engines":{"node":">=14"},"gitHead":"6efceb21855dcc09f4737c7f9cebf06a9932615d","scripts":{"ios":"react-native run-ios","web":"expo start --web","lint":"eslint \"**/*.{js,jsx,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest --watchAll","build":"yarn clean && bob build","clean":"rimraf lib","eject":"expo eject","start":"react-native start","format":"prettier --write \"**/*.+(js|jsx|ts|tsx|json)\"","android":"react-native run-android","example":"yarn --cwd example","prepare":"bob build && husky install && yarn telicon","release":"release-it","svg:jsx":"svgr --template ./templates/svgr-template.js node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/SvgTelicon.tsx","telicon":"yarn svg:jsx && yarn lint:telicon","expo:ios":"expo start --ios","lint:fix":"yarn lint --fix","prettify":"yarn run format && yarn run lint:fix","bootstrap":"yarn example && yarn && yarn pods","storybook":"start-storybook -p 7007","expo:start":"BROWSER=none expo start","full-check":"yarn run prettify && yarn run typescript","pre-commit":"lint-staged","typescript":"tsc --noEmit","expo:android":"expo start --android","lint:telicon":"eslint \"src/components/telicon/SvgTelicon.tsx\" --fix","start:android":"yarn android && yarn start","build-storybook":"build-storybook"},"_npmUser":{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"_npmVersion":"7.20.3","description":"React native library for shareable components","directories":{},"_nodeVersion":"14.17.3","dependencies":{"react":"16.13.1","tslib":"^2.0.3","react-dom":"16.13.1","react-native":"0.63.4","react-native-svg":"12.1.1","styled-components":"^5.3.0","@2600hz/js-utilities":"^0.1.0","@2600hz/sds-native-theme":"^0.1.0"},"react-native":"src/index","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"expo":"~42.0.1","jest":"^26.0.1","husky":"^7.0.0","eslint":"^7.32.0","rimraf":"^3.0.2","ts-jest":"^27.0.4","prettier":"^2.3.2","@svgr/cli":"^5.5.0","expo-font":"~9.2.1","jest-expo":"^42.0.0","commitlint":"^11.0.0","expo-asset":"~8.3.3","release-it":"^14.2.2","typescript":"~4.0.0","@babel/core":"~7.9.0","@types/jest":"^27.0.1","@types/node":"^16.6.1","lint-staged":"^11.1.2","pod-install":"^0.1.0","@types/react":"~16.9.35","babel-loader":"^8.2.2","expo-updates":"~0.8.2","expo-status-bar":"~1.0.4","@types/react-dom":"~16.9.8","react-native-web":"~0.13.12","@types/prop-types":"^15.7.4","babel-preset-expo":"8.3.0","@expo/vector-icons":"^12.0.0","eslint-plugin-node":"^11.1.0","expo-splash-screen":"~0.11.2","@2600hz/sds-telicon":"^1.0.7","@types/react-native":"~0.63.2","eslint-plugin-react":"^7.24.0","react-test-renderer":"^17.0.2","eslint-config-airbnb":"^18.2.1","eslint-plugin-import":"^2.24.0","react-native-screens":"~3.4.0","eslint-plugin-promise":"^5.1.0","@storybook/addon-knobs":"^5.3","@storybook/addon-links":"^5.3","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.1.3","@storybook/react-native":"^5.3.25","react-native-reanimated":"~2.2.0","react-native-unimodules":"~0.14.5","@storybook/addon-actions":"^5.3","@types/styled-components":"^5.1.12","react-native-builder-bob":"^0.18.1","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","@types/react-test-renderer":"^17.0.1","babel-plugin-inline-import":"^3.0.0","babel-plugin-module-resolver":"^4.1.0","react-native-gesture-handler":"~1.10.2","react-native-svg-transformer":"^0.14.3","@storybook/react-native-server":"^5.3.23","react-native-safe-area-context":"3.2.0","@commitlint/config-conventional":"^13.1.0","@storybook/addon-ondevice-knobs":"^5.3.25","metro-react-native-babel-preset":"^0.66.2","@typescript-eslint/eslint-plugin":"^4.29.1","@storybook/addon-ondevice-actions":"^5.3.23","eslint-import-resolver-typescript":"^2.4.0","@release-it/conventional-changelog":"^2.0.0","@react-native-community/eslint-config":"^3.0.0","@types/styled-components-react-native":"^5.1.1","eslint-config-standard-with-typescript":"^20.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-svg":"*","styled-components":"*","@2600hz/js-utilities":"*","@2600hz/sds-native-theme":"*"},"_npmOperationalInternal":{"tmp":"tmp/sds-react-native-components_0.1.0_1630871467284_0.4042403536918415","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"1.8.1":{"name":"@2600hz/sds-react-native-components","version":"1.8.1","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"author":{"url":"https://github.com/shark764","name":"Armando Cierra, Daniel Hernandez","email":"fhernandez@2600hz.com"},"license":"MIT","_id":"@2600hz/sds-react-native-components@1.8.1","maintainers":[{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},{"name":"kinetic_pixels","email":"joshs@2600hz.com"},{"name":"armando-cierra","email":"armando_cierra@outlook.com"},{"name":"bitbashing","email":"karl@2600hz.com"}],"homepage":"https://github.com/2600hz/sds-react-native-components#readme","bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"dist":{"shasum":"2c0563414db546313beb8c98f89b661fcd6a28d7","tarball":"https://registry.npmjs.org/@2600hz/sds-react-native-components/-/sds-react-native-components-1.8.1.tgz","fileCount":1107,"integrity":"sha512-aaJci7aNgA3yTMM+w/RucdeV0OU4m1sOtuYnIoqjxdWHNgZRFnKTx5MC4psU0wOCJ1sinPw+yWgAyK4uZX0YPA==","signatures":[{"sig":"MEUCIQCJokf1Tv2CovxNgqmQ6e4RUD8+eeiRQ4rSqOofBBMSKwIgf8kXiuOtBeIVmUBAmG8ri2NhZk1zhZ9Ai72/q494sBQ=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":339861105,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhOYpMCRA9TVsSAnZWagAA7fUP/j+CYsLjbLzjNI2IohCA\nc/lTbJKXwSPlHlNsYX/PX7Qb43i8WsvQLh3GYXObYQyp2cArZdyM1rArTX4b\nvipyqOi1vCyqb0r4J9Dg1GkhrpM17jnpnqfD863JxeDrJTzE8cEGcpC7ygQo\ndVr54ce4DZ5Y2otu3I2r1bMjm4zVGIkiaSuDU8IU/PDp1zuADs+LTI+gVjVq\nkcLs1sRFtMmjzt6ppcmx0nxt+xDYLtJaF8sGz8K/KWdbM/Vi9xG1KK0mZONU\nlMrchWsRFYtZm+XX3s9wqvFcLkHNQy9Z1E3zsz/N/JhC8kgyJ8cvM5Mt3wFF\n+nmhN40D+wMNRsTFZbQN0Nlx1EAmLcCAYGL+Buhh7bxRota+5D+G9Zw332qK\nJP/GZ5xQr4h5LxIIyQPBf/04igFdaQY0Uiutp9qvbZ1shrntmU9WD5E8LU54\nrjxNZSDbC6laSzSlG+9HuYYKuZXU0emumMHeihXgnRyEzkn9FWTN8DvZzbAs\n+zmHPH3dvFwZnlF3w4e0WEpaByu3EaKYKUpUdkWd1ILdhnGXMsRpNL/dSnFF\ndqZ4Gq9PzDUxVMGY90gBKhWpB080UQsTL38ff+4YCkFZittbNt15+vix8eAM\ncJ4RYwAYXCK/Spx/FMvZMCBZn9LthaTJh3PlL0J+NL5XdMlnVbmiaJ9E1z28\n0DsQ\r\n=60oU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index.js","types":"lib/typescript/src/index.d.ts","module":"lib/module/index.js","source":"src/index","engines":{"node":">=14"},"gitHead":"ba44dc86dbdb65bbde7b0f5a69ec6750eb03e03b","scripts":{"ios":"react-native run-ios","web":"expo start --web","lint":"eslint \"**/*.{js,jsx,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest --watchAll","build":"yarn clean && bob build","clean":"rimraf lib","eject":"expo eject","start":"react-native start","format":"prettier --write \"**/*.+(js|jsx|ts|tsx|json)\"","android":"react-native run-android","example":"yarn --cwd example","prepare":"bob build && husky install && yarn telicon","release":"release-it","svg:jsx":"svgr --template ./templates/svgr-template.js node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/SvgTelicon.tsx","telicon":"yarn svg:jsx && yarn lint:telicon","expo:ios":"expo start --ios","lint:fix":"yarn lint --fix","prettify":"yarn run format && yarn run lint:fix","bootstrap":"yarn example && yarn && yarn pods","storybook":"start-storybook -p 7007","expo:start":"BROWSER=none expo start","full-check":"yarn run prettify && yarn run typescript","pre-commit":"lint-staged","typescript":"tsc --noEmit","expo:android":"expo start --android","lint:telicon":"eslint \"src/components/telicon/SvgTelicon.tsx\" --fix","start:android":"yarn android && yarn start","build-storybook":"build-storybook"},"_npmUser":{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"_npmVersion":"7.20.3","description":"React native library for shareable components","directories":{},"_nodeVersion":"14.17.3","dependencies":{"react":"16.13.1","tslib":"^2.0.3","react-dom":"16.13.1","react-native":"0.63.4","react-native-svg":"12.1.1","styled-components":"^5.3.0","@2600hz/sds-react-native-theme":"^0.2.2","@2600hz/commio-native-utilities":"^0.5.1"},"react-native":"src/index","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"expo":"~42.0.1","jest":"^26.0.1","husky":"^7.0.0","eslint":"^7.32.0","rimraf":"^3.0.2","ts-jest":"^27.0.4","prettier":"^2.3.2","@svgr/cli":"^5.5.0","expo-font":"~9.2.1","jest-expo":"^42.0.0","commitlint":"^11.0.0","expo-asset":"~8.3.3","release-it":"^14.2.2","typescript":"~4.0.0","@babel/core":"~7.9.0","@types/jest":"^27.0.1","@types/node":"^16.6.1","lint-staged":"^11.1.2","pod-install":"^0.1.0","@types/react":"~16.9.35","babel-loader":"^8.2.2","expo-updates":"~0.8.2","expo-status-bar":"~1.0.4","@types/react-dom":"~16.9.8","react-native-web":"~0.13.12","@types/prop-types":"^15.7.4","babel-preset-expo":"8.3.0","@expo/vector-icons":"^12.0.0","eslint-plugin-node":"^11.1.0","expo-splash-screen":"~0.11.2","@2600hz/sds-telicon":"^1.0.7","@types/react-native":"~0.63.2","eslint-plugin-react":"^7.24.0","react-test-renderer":"^17.0.2","eslint-config-airbnb":"^18.2.1","eslint-plugin-import":"^2.24.0","react-native-screens":"~3.4.0","eslint-plugin-promise":"^5.1.0","@storybook/addon-knobs":"^5.3","@storybook/addon-links":"^5.3","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.1.3","@storybook/react-native":"^5.3.25","react-native-reanimated":"~2.2.0","react-native-unimodules":"~0.14.5","@storybook/addon-actions":"^5.3","@types/styled-components":"^5.1.12","react-native-builder-bob":"^0.18.1","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","@types/react-test-renderer":"^17.0.1","babel-plugin-inline-import":"^3.0.0","babel-plugin-module-resolver":"^4.1.0","react-native-gesture-handler":"~1.10.2","react-native-svg-transformer":"^0.14.3","@storybook/react-native-server":"^5.3.23","react-native-safe-area-context":"3.2.0","@commitlint/config-conventional":"^13.1.0","@storybook/addon-ondevice-knobs":"^5.3.25","metro-react-native-babel-preset":"^0.66.2","@typescript-eslint/eslint-plugin":"^4.29.1","@storybook/addon-ondevice-actions":"^5.3.23","eslint-import-resolver-typescript":"^2.4.0","@release-it/conventional-changelog":"^2.0.0","@react-native-community/eslint-config":"^3.0.0","@types/styled-components-react-native":"^5.1.1","eslint-config-standard-with-typescript":"^20.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-svg":"*","styled-components":"*","@2600hz/sds-react-native-theme":"*","@2600hz/commio-native-utilities":"*"},"_npmOperationalInternal":{"tmp":"tmp/sds-react-native-components_1.8.1_1631160906195_0.177440158937908","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"1.8.2":{"name":"@2600hz/sds-react-native-components","version":"1.8.2","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"author":{"url":"https://github.com/shark764","name":"Armando Cierra","email":"acierra@2600hz.com"},"license":"MIT","_id":"@2600hz/sds-react-native-components@1.8.2","maintainers":[{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},{"name":"kinetic_pixels","email":"joshs@2600hz.com"},{"name":"armando-cierra","email":"armando_cierra@outlook.com"},{"name":"bitbashing","email":"karl@2600hz.com"}],"homepage":"https://github.com/2600hz/sds-react-native-components#readme","bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"dist":{"shasum":"2a382c9d7e05dc0a23caa0c6ff4b4422049cac96","tarball":"https://registry.npmjs.org/@2600hz/sds-react-native-components/-/sds-react-native-components-1.8.2.tgz","fileCount":174,"integrity":"sha512-CKXaF3YJt5Up3o4bMIwBgmZa/UrkiCZIMog1NyKhlHTH53yPT3zaSk2ZZ/Bsbbrj3xWfvkp4ws5FGjoCh0RxaQ==","signatures":[{"sig":"MEUCIQCNxESx1lCE5CXPCMH8xOHcZeNCi7kwL4/S96aNN3ct8QIgOx7KfzdEENGY7idBWPzGnBOvz4rPSaLEr4HWY9UIpm4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":633356,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQcmuCRA9TVsSAnZWagAAZ/wP/RgBkCt1fCXCByczzLFa\nRG1oM4jF+u4qSEPk2GxHZUJt1+PeGn0s0IVudWHtpSBacLW7r/OAtt0V0wkk\nVB+sTBQhtmjBL9Yw3ZbGf5JMA1jatkxuy2RYRhUwBIbsu9lEjgJH/UHi8iDp\ntFUWRIkLjMtqkyu6VcNH0o9dG7vUDZ9ZayFvpvG4YTHrqtdS9D1Ii/SQ5fCb\nusRE1dPbERh/tvXsy4jOkCLGnBhGvr58meXaT7Kf+pRDtdcTjze6tW6/SS4I\n1li8cBbTaEHIHrnToer61L2KrkpMxs3+5METZZVnpOJ58scZc4eaOuyNIWh0\nbZ+yCLGt1wv6tgADgUVtg0xtYhds+Bz5Gi35RB0IWOGY0wrs8KE/eNt25pzW\ncBaoI1dUN0cY/FW1nV4EF/Pm7d+bOpC3SOlca9ItX2+kmXFJEBT3EHcwr5Lh\nb0YDfFl2VLmqh0IJB6E8lMGJ6R4WU8V8ZtcWdQ41jnmOdIfu07gRSvLmIstu\nM9jPHPLgQYSe9WBNEu++JO/GvGebDZwasOWbPSSbPMVWr6mfZrh3otZYpVpO\nhWhndbWgeBJa8+r/DIuJAdZ2mZxxAcXiSIOPJ/dPaaQZxauPoNeo6QKdcYR3\nPVueAGaZ0aSLlLRhlRndwlCSM8jt4ntU2q9RiYLzLrlWzt+sdq7IELYNM26X\n6Idg\r\n=MvbZ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index","types":"lib/typescript/index.d.ts","module":"lib/module/index","source":"src/index","engines":{"node":">=14"},"gitHead":"f0f8488e93f8211eb4cee592bd82347c16f6c6c9","scripts":{"ios":"react-native run-ios","web":"expo start --web","lint":"eslint \"**/*.{js,jsx,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest --watchAll","build":"yarn clean && bob build","clean":"rimraf lib","eject":"expo eject","start":"react-native start","format":"prettier --write \"**/*.+(js|jsx|ts|tsx|json)\"","android":"react-native run-android","example":"yarn --cwd example","prepare":"bob build && husky install && yarn telicon","release":"release-it","svg:jsx":"svgr --template ./templates/svgr-template.js node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/SvgTelicon.tsx","telicon":"yarn svg:jsx && yarn lint:telicon","expo:ios":"expo start --ios","lint:fix":"yarn lint --fix","prettify":"yarn run format && yarn run lint:fix","bootstrap":"yarn example && yarn && yarn pods","expo:start":"BROWSER=none expo start","full-check":"yarn run prettify && yarn run typescript","pre-commit":"lint-staged","typescript":"tsc --noEmit","expo:android":"expo start --android","lint:telicon":"eslint \"src/components/telicon/SvgTelicon.tsx\" --fix","start:android":"yarn android && yarn start"},"_npmUser":{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"_npmVersion":"7.21.1","description":"React native library for shareable components","directories":{},"_nodeVersion":"16.9.1","dependencies":{"tslib":"^2.1.0","react-native-svg":"12.1.1","styled-components":"^5.3.0","@2600hz/sds-react-native-theme":"^0.2.3","@2600hz/commio-native-utilities":"^0.5.2"},"react-native":"src/index","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"expo":"~42.0.1","jest":"^26.0.1","husky":"^7.0.0","react":"16.13.1","eslint":"^7.32.0","rimraf":"^3.0.2","ts-jest":"^27.0.4","prettier":"^2.4.0","@svgr/cli":"^5.5.0","expo-font":"~9.2.1","jest-expo":"^42.0.0","commitlint":"^11.0.0","expo-asset":"~8.3.3","release-it":"^14.2.2","typescript":"^4.1.3","@babel/core":"~7.9.0","@types/jest":"^27.0.1","@types/node":"^16.6.1","lint-staged":"^11.1.2","pod-install":"^0.1.0","@types/react":"~16.9.35","babel-loader":"^8.2.2","expo-updates":"~0.8.2","react-native":"0.63.4","expo-status-bar":"~1.0.4","@types/react-dom":"~16.9.8","react-native-web":"~0.13.12","@types/prop-types":"^15.7.4","babel-preset-expo":"8.3.0","@expo/vector-icons":"^12.0.0","eslint-plugin-node":"^11.1.0","expo-splash-screen":"~0.11.2","@2600hz/sds-telicon":"^1.0.7","@types/react-native":"~0.63.2","eslint-plugin-react":"^7.24.0","react-test-renderer":"^17.0.2","eslint-config-airbnb":"^18.2.1","eslint-plugin-import":"^2.24.0","react-native-screens":"~3.4.0","eslint-plugin-promise":"^5.1.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.1.3","react-native-reanimated":"~2.2.0","react-native-unimodules":"~0.14.5","@types/styled-components":"^5.1.12","react-native-builder-bob":"^0.18.1","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","@types/react-test-renderer":"^17.0.1","babel-plugin-inline-import":"^3.0.0","babel-plugin-module-resolver":"^4.1.0","react-native-gesture-handler":"~1.10.2","react-native-svg-transformer":"^0.14.3","react-native-safe-area-context":"3.2.0","@commitlint/config-conventional":"^13.1.0","metro-react-native-babel-preset":"^0.66.2","@typescript-eslint/eslint-plugin":"^4.29.1","eslint-import-resolver-typescript":"^2.4.0","@release-it/conventional-changelog":"^2.0.0","@react-native-community/eslint-config":"^3.0.0","@types/styled-components-react-native":"^5.1.1","eslint-config-standard-with-typescript":"^20.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-svg":"*","styled-components":"*","@2600hz/sds-react-native-theme":"*","@2600hz/commio-native-utilities":"*"},"_npmOperationalInternal":{"tmp":"tmp/sds-react-native-components_1.8.2_1631701422366_0.6077898637245014","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"1.8.3":{"name":"@2600hz/sds-react-native-components","version":"1.8.3","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"author":{"url":"https://github.com/shark764","name":"Armando Cierra","email":"acierra@2600hz.com"},"license":"MIT","_id":"@2600hz/sds-react-native-components@1.8.3","maintainers":[{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},{"name":"kinetic_pixels","email":"joshs@2600hz.com"},{"name":"armando-cierra","email":"armando_cierra@outlook.com"},{"name":"bitbashing","email":"karl@2600hz.com"}],"homepage":"https://github.com/2600hz/sds-react-native-components#readme","bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"dist":{"shasum":"c8f9c90e2a5224f6eaec4ba5fa142e8de257eda5","tarball":"https://registry.npmjs.org/@2600hz/sds-react-native-components/-/sds-react-native-components-1.8.3.tgz","fileCount":174,"integrity":"sha512-0g2+rdExnwMrap2vCExGQd5i5k+cepbW3Qju81Z7TkqOPuv0O5ddsCtsS193cPBnfxqjeTMajbv1g/MbpRzChw==","signatures":[{"sig":"MEUCIGU0XCNeeuEgzIuKEUlFbQAoOVMNkz9KIdSOP+2PbVrZAiEAr2eFUbkwSHUWPElgqWxsa3rIpBnTFfjktB5E8wY0mgs=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":633366,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQdjhCRA9TVsSAnZWagAA75MP/RGzmvzjwKsvo6I4OaXz\nwauHxM5Nsq4N52FSmY+GXlIjitWwMeAlH66AvDmKII+tUXV0eL3YglstfFKd\ng7y6dz86HWWpnsfQ5wcR9oRsX1g6hGHrG4KO1k+J28qR2jPrshGYKJm7TLC9\nW6VLRSA2dnlCL6VWh7axDFA5XgVnELpnyxHjbnlg767B/o5Z9yj610DJiNfX\nUqDCFX7gNCbfHAADE0v8i/ekVoDoW80adDtiSC9vMrfTpgt5aHExvGq2DZ4E\n6ZeZkpcVU31iv4qHFe8hVpon63QpNQIQ7vdLEvDRwbuGUKCNeim65fK6pklg\ncs1x5LGxq3BDDD+ZO5aCu4eNW2RqrNjrjM3cPJ2872W1xPhdk6VBjChKrT77\n6ntW8cG40va7hg3deSMY92Ca+y1BfsKazcSnx6LjLMKYZXNC6PDTHmxwRFe+\noTwH1kjseAbWAmkEeW5/9iZw5Dk5nezk5oAneUSVCE6U6URJi4CEFKh4CXEh\nD+7VVk30xN7JoHp8p+l0jpqNrzoeV3TFSHcZkFLmLCO9FB2dQL0s7C4rt479\nCM9IKxOSVtaOk2m0SicEnAWmQL1u1KV0Yv2aSWy0bXJ9f65azHX3vDrOjrdF\nCBi0y+R6uNJIESPb73TyJAKhmhbhzq9PmjdkuDOP4EdgaBhZ96gRP1gzzX49\nVIZz\r\n=8KWd\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index.js","types":"lib/typescript/src/index.d.ts","module":"lib/module/index.js","source":"src/index","engines":{"node":">=14"},"gitHead":"7ccfce1d285b7a4600569f6a6c7cb9ca8af33340","scripts":{"ios":"react-native run-ios","web":"expo start --web","lint":"eslint \"**/*.{js,jsx,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest --watchAll","build":"yarn clean && bob build","clean":"rimraf lib","eject":"expo eject","start":"react-native start","format":"prettier --write \"**/*.+(js|jsx|ts|tsx|json)\"","android":"react-native run-android","example":"yarn --cwd example","prepare":"bob build && husky install && yarn telicon","release":"release-it","svg:jsx":"svgr --template ./templates/svgr-template.js node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/SvgTelicon.tsx","telicon":"yarn svg:jsx && yarn lint:telicon","expo:ios":"expo start --ios","lint:fix":"yarn lint --fix","prettify":"yarn run format && yarn run lint:fix","bootstrap":"yarn example && yarn && yarn pods","expo:start":"BROWSER=none expo start","full-check":"yarn run prettify && yarn run typescript","pre-commit":"lint-staged","typescript":"tsc --noEmit","expo:android":"expo start --android","lint:telicon":"eslint \"src/components/telicon/SvgTelicon.tsx\" --fix","start:android":"yarn android && yarn start"},"_npmUser":{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"_npmVersion":"7.21.1","description":"React native library for shareable components","directories":{},"_nodeVersion":"16.9.1","dependencies":{"tslib":"^2.1.0","react-native-svg":"12.1.1","styled-components":"^5.3.0","@2600hz/sds-react-native-theme":"^0.2.3","@2600hz/commio-native-utilities":"^0.5.2"},"react-native":"src/index","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"expo":"~42.0.1","jest":"^26.0.1","husky":"^7.0.0","react":"16.13.1","eslint":"^7.32.0","rimraf":"^3.0.2","ts-jest":"^27.0.4","prettier":"^2.4.0","@svgr/cli":"^5.5.0","expo-font":"~9.2.1","jest-expo":"^42.0.0","commitlint":"^11.0.0","expo-asset":"~8.3.3","release-it":"^14.2.2","typescript":"^4.1.3","@babel/core":"~7.9.0","@types/jest":"^27.0.1","@types/node":"^16.6.1","lint-staged":"^11.1.2","pod-install":"^0.1.0","@types/react":"~16.9.35","babel-loader":"^8.2.2","expo-updates":"~0.8.2","react-native":"0.63.4","expo-status-bar":"~1.0.4","@types/react-dom":"~16.9.8","react-native-web":"~0.13.12","@types/prop-types":"^15.7.4","babel-preset-expo":"8.3.0","@expo/vector-icons":"^12.0.0","eslint-plugin-node":"^11.1.0","expo-splash-screen":"~0.11.2","@2600hz/sds-telicon":"^1.0.7","@types/react-native":"~0.63.2","eslint-plugin-react":"^7.24.0","react-test-renderer":"^17.0.2","eslint-config-airbnb":"^18.2.1","eslint-plugin-import":"^2.24.0","react-native-screens":"~3.4.0","eslint-plugin-promise":"^5.1.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.1.3","react-native-reanimated":"~2.2.0","react-native-unimodules":"~0.14.5","@types/styled-components":"^5.1.12","react-native-builder-bob":"^0.18.1","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","@types/react-test-renderer":"^17.0.1","babel-plugin-inline-import":"^3.0.0","babel-plugin-module-resolver":"^4.1.0","react-native-gesture-handler":"~1.10.2","react-native-svg-transformer":"^0.14.3","react-native-safe-area-context":"3.2.0","@commitlint/config-conventional":"^13.1.0","metro-react-native-babel-preset":"^0.66.2","@typescript-eslint/eslint-plugin":"^4.29.1","eslint-import-resolver-typescript":"^2.4.0","@release-it/conventional-changelog":"^2.0.0","@react-native-community/eslint-config":"^3.0.0","@types/styled-components-react-native":"^5.1.1","eslint-config-standard-with-typescript":"^20.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-svg":"*","styled-components":"*","@2600hz/sds-react-native-theme":"*","@2600hz/commio-native-utilities":"*"},"_npmOperationalInternal":{"tmp":"tmp/sds-react-native-components_1.8.3_1631705313356_0.6410555183049349","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}},"1.9.0":{"name":"@2600hz/sds-react-native-components","version":"1.9.0","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"author":{"url":"https://github.com/shark764","name":"Armando Cierra","email":"acierra@2600hz.com"},"license":"MIT","_id":"@2600hz/sds-react-native-components@1.9.0","maintainers":[{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},{"name":"kinetic_pixels","email":"joshs@2600hz.com"},{"name":"armando-cierra","email":"armando_cierra@outlook.com"},{"name":"bitbashing","email":"karl@2600hz.com"}],"homepage":"https://github.com/2600hz/sds-react-native-components#readme","bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"dist":{"shasum":"d31d383e5da6cffa704bcb64f7b181a8c328dbe5","tarball":"https://registry.npmjs.org/@2600hz/sds-react-native-components/-/sds-react-native-components-1.9.0.tgz","fileCount":180,"integrity":"sha512-j3FFaTxQx3V6MjqGjWEQzthGIwf34xk4lvaFK//oJEn7Gzhssx5Moz2hDLNqW4Hcztor5o5Pp3dfR5/xt9Gngw==","signatures":[{"sig":"MEUCIDy/C15boz4En9TCpmr70Hn1W8/cCz5DJ71BOpyahxtoAiEA7lodpTy/RN9ik1EiwLxb+I/M8slTz9TR8GELC8T17Wk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":505734,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhQ8fwCRA9TVsSAnZWagAA2MoP/Rf7M1//cfjO3/zDWMyj\nuud7JyMfF/jwJnrC6Wq/qzy9gq47sGN7hT1y6imcOzBCVz4Af110Wh3A1G8j\nqM42IqglkYcU/HL7o5DA7FJlwmvGI29jE3kBtk7LM6igVKrKbI/YtyqPig+Z\nJQf7xGGAPyePpR10Z6I/in2Vxd2OvrACwTmHLTN/b4z8xqm7v2Ie/eKXnxnw\n6zMpPfEHCNDH81Y3WshSH6t+u6N5dPjZz7WDF2AY2ef2Vmd+8R3lIM0HDD77\n0aEGe7ZeDtpTK7EO5rOwQ/3/DuOg8YX0evErq4jl3qY1B3aQtUarpFyq502p\nEZOquoriLcjtUHfPdpZ3vABmIXQ530erO4fH9vgCAJu9OCam8I9VlH7cbhKi\nym1yvVNrXl/83viaHcN11c74yWFBahe3v9Kib4c5SK/eZMl3xB6c6e+FbE0C\nqNX95eCJ+HWPxJkCuVLsBhFoZ8YPN03R3mUcE0KfCoczDdLQ9BG9qgg1lbUk\n3BfQn/3EPE5wLKVIQj0yE+TswZ2tN4rI6wHHKwutLyt+DeINEj8OelH2/O9G\na9C7KQRHU4O4wKNeRWLA8b/DjMhQIwN3BYDTWdL12/+duRan+VrTFG4IwP+R\nkh1HRrAnQ4c79m59/VITyas1UnlaU1RmQjL48eSUPgilPcTKH/fRKtVjBJli\n0vzF\r\n=zAvY\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/commonjs/index.js","types":"lib/typescript/src/index.d.ts","module":"lib/module/index.js","source":"src/index","engines":{"node":">=14"},"gitHead":"252506d422f519f70518bba3c392b52959114f87","scripts":{"ios":"react-native run-ios","web":"expo start --web","lint":"eslint \"**/*.{js,jsx,ts,tsx}\"","pods":"cd example && pod-install --quiet","test":"jest --watchAll","build":"yarn clean && bob build","clean":"rimraf lib","eject":"expo eject","start":"react-native start","format":"prettier --write \"**/*.+(js|jsx|ts|tsx|json)\"","android":"react-native run-android","example":"yarn --cwd example","prepare":"bob build && husky install && yarn telicon","release":"release-it","svg:jsx":"svgr --template ./templates/svgr-template.js node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/SvgTelicon.tsx","telicon":"yarn svg:telicon && yarn format:telicon && yarn lint:telicon","expo:ios":"expo start --ios","lint:fix":"yarn lint --fix","prettify":"yarn run format && yarn run lint:fix","bootstrap":"yarn example && yarn && yarn pods","svg:types":"svgr --template ./templates/svgr-types-template.js --no-prettier node_modules/@2600hz/sds-telicon/telicon.svg > src/components/telicon/telicon-types.ts","expo:start":"BROWSER=none expo start","full-check":"yarn run prettify && yarn run typescript","pre-commit":"lint-staged","typescript":"tsc --noEmit","svg:telicon":"yarn svg:jsx && yarn svg:types","expo:android":"expo start --android","lint:telicon":"eslint \"src/components/telicon/**/*.{js,jsx,ts,tsx}\" --fix","start:android":"yarn android && yarn start","format:telicon":"prettier --write \"src/components/telicon/**/*.{js,jsx,ts,tsx}\""},"_npmUser":{"name":"dfhernandez-org","email":"farid.hdz.64@gmail.com"},"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"_npmVersion":"7.21.1","description":"React native library for shareable components","directories":{},"_nodeVersion":"16.9.1","dependencies":{"tslib":"^2.1.0","react-native-svg":"12.1.1","styled-components":"^5.3.0","@2600hz/sds-react-native-theme":"^0.2.3","@2600hz/commio-native-utilities":"^0.5.2"},"react-native":"src/index","publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"expo":"~42.0.1","jest":"^26.0.1","husky":"^7.0.0","react":"16.13.1","eslint":"^7.32.0","rimraf":"^3.0.2","ts-jest":"^27.0.4","prettier":"^2.4.0","@svgr/cli":"^5.5.0","expo-font":"~9.2.1","jest-expo":"^42.0.0","commitlint":"^11.0.0","expo-asset":"~8.3.3","release-it":"^14.2.2","typescript":"^4.1.3","@babel/core":"~7.9.0","@types/jest":"^27.0.1","@types/node":"^16.6.1","lint-staged":"^11.1.2","pod-install":"^0.1.0","@types/react":"~16.9.35","babel-loader":"^8.2.2","expo-updates":"~0.8.2","react-native":"0.63.4","expo-status-bar":"~1.0.4","@types/react-dom":"~16.9.8","react-native-web":"~0.13.12","@types/prop-types":"^15.7.4","babel-preset-expo":"8.3.0","@expo/vector-icons":"^12.0.0","eslint-plugin-node":"^11.1.0","expo-splash-screen":"~0.11.2","@2600hz/sds-telicon":"^1.0.7","@types/react-native":"~0.63.2","eslint-plugin-react":"^7.24.0","react-test-renderer":"^17.0.2","eslint-config-airbnb":"^18.2.1","eslint-plugin-import":"^2.24.0","react-native-screens":"~3.4.0","eslint-plugin-promise":"^5.1.0","eslint-config-prettier":"^8.3.0","eslint-plugin-jsx-a11y":"^6.4.1","eslint-plugin-prettier":"^3.1.3","react-native-reanimated":"~2.2.0","react-native-unimodules":"~0.14.5","@types/styled-components":"^5.1.12","react-native-builder-bob":"^0.18.1","@typescript-eslint/parser":"^4.29.1","eslint-plugin-react-hooks":"^4.2.0","@types/react-test-renderer":"^17.0.1","babel-plugin-inline-import":"^3.0.0","babel-plugin-module-resolver":"^4.1.0","react-native-gesture-handler":"~1.10.2","react-native-svg-transformer":"^0.14.3","react-native-safe-area-context":"3.2.0","@commitlint/config-conventional":"^13.1.0","metro-react-native-babel-preset":"^0.66.2","@typescript-eslint/eslint-plugin":"^4.29.1","eslint-import-resolver-typescript":"^2.4.0","@release-it/conventional-changelog":"^2.0.0","@react-native-community/eslint-config":"^3.0.0","@types/styled-components-react-native":"^5.1.1","eslint-config-standard-with-typescript":"^20.0.0"},"peerDependencies":{"react":"*","react-native":"*","react-native-svg":"*","styled-components":"*","@2600hz/sds-react-native-theme":"*","@2600hz/commio-native-utilities":"*"},"_npmOperationalInternal":{"tmp":"tmp/sds-react-native-components_1.9.0_1631832047629_0.8683880258775549","host":"s3://npm-registry-packages"},"react-native-builder-bob":{"output":"lib","source":"src","targets":["commonjs","module",["typescript",{"project":"tsconfig.build.json"}]]}}},"time":{"created":"2021-09-05T19:51:07.236Z","modified":"2024-07-16T19:37:10.354Z","0.1.0":"2021-09-05T19:51:09.346Z","1.8.1":"2021-09-09T04:15:08.381Z","1.8.2":"2021-09-15T10:23:42.561Z","1.8.3":"2021-09-15T11:28:33.568Z","1.9.0":"2021-09-16T22:40:48.210Z"},"bugs":{"url":"https://github.com/2600hz/sds-react-native-components/issues"},"author":{"url":"https://github.com/shark764","name":"Armando Cierra","email":"acierra@2600hz.com"},"license":"MIT","homepage":"https://github.com/2600hz/sds-react-native-components#readme","keywords":["android","components","design","ios","mobile","react","react-native","sds","svg","ui"],"repository":{"url":"git+https://github.com/2600hz/sds-react-native-components.git","type":"git"},"description":"React native library for shareable components","maintainers":[{"email":"eduardolmedi00@gmail.com","name":"eduardodevolmedo"},{"email":"luis@2600hz.com","name":"lazedo"},{"email":"karl@2600hz.com","name":"bitbashing"},{"email":"armando_cierra@outlook.com","name":"armando-cierra"},{"email":"joshs@2600hz.com","name":"kinetic_pixels"}],"readme":"<div align=\"center\">\n  <a href=\"#\">\n  \t<img src=\"https://media.giphy.com/media/GHeV8BGjJAAWk/giphy.gif\" alt=\"React Native Components\" height=\"160\" />\n  </a>\n  <br>\n  <br>\n  <p>\n    <b>@2600hz/sds-react-native-components</b>\n  </p>\n  <p>\n     <i>Library that contains all sharable components for all react native applications development.</i>\n  </p>\n  <p>\n\n[![NPM version](https://img.shields.io/npm/v/@2600hz/sds-react-native-components?style=flat-square)](https://img.shields.io/npm/v/@2600hz/sds-react-native-components?style=flat-square)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)\n\n  </p>\n</div>\n\n---\n\n# 2600Hz - Commio\n## _SDS React Native Components Library_\n\n[NPM package](https://www.npmjs.com/package/@2600hz/sds-react-native-components)\n\n## Installation\n\n```sh\nyarn add @2600hz/sds-react-native-components\n```\n\n# Needed packages\nIf you don't already have them on your app, yarn will install the following packages needed for usability. These packages are added as peerDependencies\n\n- [@2600hz/commio-native-utilities](https://www.npmjs.com/package/@2600hz/commio-native-utilities) - Contains useful js functions and shareable configurations\n- [@2600hz/sds-react-native-theme](https://www.npmjs.com/package/@2600hz/sds-react-native-theme) - Contains theme available for react native apps that use styled-components\n- [Styled-Components](https://styled-components.com/) - Library to style react components\n- [react-native-svg](https://www.npmjs.com/package/react-native-svg) - Provides SVG support to React Native on iOS and Android, and a compatibility layer for the web\n- [tslib](https://www.npmjs.com/package/tslib) - Contains all of the TypeScript helper functions. Even if your project doesn't use Typescript, you need this package for native-components to function properly\n\n# Packages considerations\nIf you already have those libraries on your app, then you need to make the following changes on configuration files for the package to function properly\n_Do this on your App root folder_\n```js\n// metro.config.js\nconst modules = [\n  '@2600hz/commio-native-utilities',\n  '@2600hz/sds-react-native-theme',\n  'react',\n  'react-dom',\n  'react-native',\n  'react-native-svg',\n  'styled-components',\n  'tslib',\n];\nmodule.exports = (async () => {\n  return {\n    // ...\n    resolver: {\n      extraNodeModules: modules.reduce((acc, name) => {\n        acc[name] = path.join(__dirname, 'node_modules', name);\n        return acc;\n      }, {}),\n    },\n    // ...\n  };\n})();\n```\n\nNow use that in `webpack` file\n```js\n// webpack.config.js\nconst metroConfig = require('./metro.config');\nconst node_modules = path.join(__dirname, 'node_modules');\n\nmodule.exports = async function (env, argv) {\n  const config = await createExpoWebpackConfigAsync(env, argv);\n  const { resolver } = await metroConfig;\n\n  // We need to make sure that only one version is loaded for peerDependencies\n  // So we alias them to the versions in example's node_modules\n  Object.assign(config.resolve.alias, {\n    ...resolver.extraNodeModules,\n  });\n\n  return config;\n};\n```\n\n_**Styled-Components considerations**_\nWe use a theme built for styled-components. Styled components can be used from two sources\n- The one installed automatically when installing @2600hz/sds-react-native-components\n- The one installed manually by you on your app \n\nOn the first case, components package will use the theme you set up on ThemeProvider, for your own components and the built-in components in the package.\nIf you install styled-components on your app, components package won't use the theme you setup automatically. therefore you need to ensure only one installing of styled-components is used, the app one.\n\nWe fix this by doing the changes in metro-config.js and webpack-config.js showed previously.\n\n_**React Native Svg considerations**_\nThere should be only one version of react-native-svg installed, if you manually install it in your app, make sure you add it in the list of `extraNodeModules` so we make sure only one version is used. Otherwise it will throw an error on execution.\n\n## Usage\n\nIt relies on styled-components, so it needs a theme set for the application.\nGet the theme from [@2600hz/sds-react-native-theme](https://www.npmjs.com/package/@2600hz/sds-react-native-theme)\nYou can set the DefaultTheme as the one from `sds-react-native-theme`. Create a declaration file, name it for convention `styled.d.ts`\n```js\nimport {} from 'styled-components';\nimport { DefaultThemeProps } from '@2600hz/sds-react-native-theme';\n\ndeclare module 'styled-components' {\n  export interface DefaultTheme extends DefaultThemeProps {}\n}\n```\n\nNow use it in your entry point component\n```js\nimport { lightTheme } from '@2600hz/sds-react-native-theme';\n\n<ThemeProvider theme={lightTheme}>\n  {/* <App ... /> */}\n  {children}\n</ThemeProvider>\n```\nThis theme will apply to your components and the ones coming from sds-react-native-components\n\nNow in your components\n```js\nimport { Button, Telicon } from \"@2600hz/sds-react-native-components\";\n\n// ...\n\n<Button onPress={handleCall} title=\"Call\" color=\"#aaffcc\" />\n<View>\n  <Telicon\n    name=\"volume-x\"\n    size=\"xsmall\"\n    fill=\"green\"\n    fillSecondary=\"pink\"\n  />\n</View>\n```\n\n# Svg Files\nThe package already have components to treat svg xml/files. These are\n- **SvgFromXml** - Renders an icon, it accepts a svg xml string or file (Internally calls the following two)\n- **SvgFromXmlString** - Renders an icon, it accepts a svg xml string\n- **SvgFromXmlFile** - Renders an icon, it accepts a svg xml file\n\nExamples\n```js\nconst xml = `<svg viewBox=\"0 0 512 512\"> <path d=\"M472.916...\" /></svg>`;\n<SvgFromXml xml={xml} size=\"small\" fill=\"green\" />\n<SvgFromXmlString xml={xml} size=\"medium\" fill=\"blue\" />\n\n// ...\nimport UserIcon from './app/assets/user.svg';\n<SvgFromXml xml={UserIcon} size=\"xsmall\" fill=\"yellow\" />\n<SvgFromXmlFile Xml={UserIcon} size=\"xlarge\" fill=\"magenta\" />\n```\n\nIf you want to handle svg files on your own or need a different icon not included in telicon, then create a `declarations.d.ts` (If you already have one, then name it differently)\nAdd this content to file\n```js\ndeclare module '*.svg' {\n  import { SvgXmlFileType } from '@2600hz/sds-react-native-components';\n  const content: SvgXmlFileType;\n  export default content;\n}\n```\nThen you can import svg files this way\n```js\nimport UserIcon from './app/assets/user.svg';\n<UserIcon width={100} height={100} fill=\"red\" />\n```\nUse svgrrc configuration provided by @2600hz/commio-native-utilities to handle how svgs are converted\n```js\nconst { svgrrcBaseConfig } = require('@2600hz/commio-native-utilities');\nmodule.exports = {\n  ...svgrrcBaseConfig,\n  native: true,\n};\n```\nWe use [svgo](https://github.com/svg/svgo) to configure how svg xml should be transformed to JSX. Look for the available plugins, so you can decide what attributes should be moved.\nFor instance, we want all colors to be converted to strings if possible (Ex. #f00 to red)\n```js\nconst { svgrrcBaseConfig } = require('@2600hz/commio-native-utilities');\nmodule.exports = {\n  ...svgrrcBaseConfig,\n  native: true,\n  svgoConfig: {\n    plugins: [\n      { convertColors: true },\n      ...\n    ]\n  }\n};\n```\n\n## Development\n\nThis project requires [Node.js](https://nodejs.org/) v14+ to run.\n\nUsing *.nvmrc* file helps to normalize node version used by all maintainers.\nIf you are required to use version specified in this file, run these commands.\n\n```bash\nnvm use\nnvm install\n```\n\nUse the package manager [yarn](https://yarnpkg.com/getting-started/install) v1+ to install dependencies and devDependencies.\n\n```bash\nyarn install\nyarn\n```\n\n**Create symlink**\nRun the following command on package root folder, so you can consume on an app locally\n\n```bash\nyarn link\n```\n\n**Watch project**\nBuild package whenever there is a change\n```bash\nyarn watch\n```\n\n**Consume the package**\n`Both projects must be placed on same folder, otherwise won't work`\n```bash\nyarn link @2600hz/sds-react-native-components\n```\n\n**Considerations with packages installed**\n- Add package as alias in `babel.config.js`\n```js\n// babel.config.js\nconst path = require('path');\n\nmodule.exports = function (api) {\n  api.cache(true);\n  return {\n    // ...\n    plugins: [\n      // ...\n      [\n        'module-resolver',\n        {\n          alias: {\n            // ...\n\n            // For development, we want to alias the library to the source\n            // Remember we have the package folder right next to the app\n            '@2600hz/sds-react-native-components': path.join(__dirname, '..', 'sds-react-native-components', 'src/index'),\n          },\n        },\n      ],\n    ],\n  };\n};\n```\n\n- Blacklist peerDependencies to ensure only one version of packages is used (The one from App)\n```js\n// metro.config.js\nconst path = require('path');\nconst blacklist = require('metro-config/src/defaults/blacklist');\nconst escape = require('escape-string-regexp');\n\n// Assuming your package folder is named \"sds-react-native-components\" and it's located right next to the app folder\nconst root = path.resolve(__dirname, '..', 'sds-react-native-components');\n\nconst modules = [\n  '@2600hz/commio-native-utilities',\n  '@2600hz/sds-react-native-theme',\n  'react',\n  'react-dom',\n  'react-native',\n  'react-native-svg',\n  'styled-components',\n  'tslib',\n];\n\nmodule.exports = (async () => {\n  return {\n    projectRoot: __dirname,\n    watchFolders: [root],\n\n    resolver: {\n      // We need to make sure that only one version is loaded for peerDependencies\n      // So we blacklist them at the root, and alias them to the versions in example's node_modules\n      blacklistRE: blacklist(\n        modules.map(\n          (m) =>\n            new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\\\/.*$`)\n        )\n      ),\n\n      extraNodeModules: modules.reduce((acc, name) => {\n        acc[name] = path.join(__dirname, 'node_modules', name);\n        return acc;\n      }, {}),\n    },\n  };\n})();\n```\n\n_**@2600hz/sds-telicon**_\nThis package contains the xml definition of telicon svg, we provide `SvgTelicon` and `Telicon` components for apps to easily render icons on screen. Everytime sds-telicon gets updated, we need to bump its version on our components package, automatically will update Telicon components with new telicon.svg changes.\nIf you want to manually convert telicon.svg to component run\n```bash\nyarn svg:jsx\n```\n_**Note:** This command is executed every time \"yarn install\" runs_\n\n**Build the package**\n_Automatically will run `bob build`_\n```bash\nyarn build\n```\n\n## Utilities\n\nFormat code using [Eslint](https://eslint.org/)\n\n```bash\nyarn run lint:fix\n```\n\nFormat code using [Prettier](https://prettier.io/)\n```bash\nyarn run format\n```\n\nFormat code using [Prettier](https://prettier.io/) and [Eslint](https://eslint.org/)\n```bash\nyarn run prettify\n```\n\nCheck [Typescript](https://www.typescriptlang.org/docs/handbook/react.html) on files\n```bash\nyarn run typescript\n```\n\nRun full check\n```bash\nyarn run full-check\n```\n\n## Tech\nComponents library uses a number of open source projects to work properly:\n\n- [React.js](https://reactjs.org/) - JavaScript library for building user interfaces.\n- [React Native](https://reactnative.dev/) - JavaScript library for creating native apps for Android and IOS using React.\n- [Typescript](https://www.typescriptlang.org/docs/handbook/react.html) - Strongly typed programming language which builds on JavaScript\n- [NodeJs](https://nodejs.org/es/) - Allows execute javascript scripts on the terminal\n- [Storybook](https://storybook.js.org/) - Development environment for UI components\n- [Luxon](https://moment.github.io/luxon/) - library for dealing with dates and times in JavaScript (better alternative than Moment.js)\n- [Styled-Components](https://styled-components.com/) - Library to style react components\n- [react-native-svg](https://www.npmjs.com/package/react-native-svg) - Provides SVG support to React Native on iOS and Android, and a compatibility layer for the web\n- [create-react-native-library](https://www.npmjs.com/package/create-react-native-library) - CLI to scaffold React Native libraries\n- [@2600hz/sds-react-native-theme](https://www.npmjs.com/package/@2600hz/sds-react-native-theme) - React Native Theme for Styled-components\n- [@2600hz/commio-native-utilities](https://www.npmjs.com/package/@2600hz/commio-native-utilities) - Library written in js for shareable config files and common functions\n\n## Contributing\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.\n\nSee the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.\n\n**Commits**\nCommits must follow [conventional commit format](https://conventionalcommits.org/)\nMake sure your messages look like the following examples\n```\nfeat: Adding new badge component\nfix: Touchable component not being exported correctly\nfix!: Drop support for Typescript\n```\n_Note that the last one will generate a Major commit. It has the same result as adding a breaking change footer_\n\nFollow [Semantic Versioning 2.0.0](https://semver.org/) to update project version.\n\n[Release-It](https://github.com/release-it/release-it) will take care of versioning, you just have to give the correct type to commit:\n\n- **fix** - to indicate a bug fix (PATCH) ex . v0.0.1\n- **feat** - to indicate a new feature (MINOR) ex. v0.1.0\n- **chore** - for updates that do not require a version bump (.gitignore, comments, etc.)\n- **docs** - for updates to the documentation\n- **BREAKING CHANGE** - regardless of type, indicates a Major release (MAJOR) ex. v1.0.0\n\nVisit [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) for more examples.\n\n**Make a release**\nRun following command after your last commit/amend. Then answer with Y/N the prompt\n```bash\nyarn release\n```\n\n## License\n\nMIT\n","readmeFilename":"README.md"}