{"_id":"@4geit/rct-assembler-component","_rev":"3-de2185126c1c4ad5731a76da86f85f09","name":"@4geit/rct-assembler-component","dist-tags":{"latest":"1.103.2"},"versions":{"1.103.1":{"name":"@4geit/rct-assembler-component","version":"1.103.1","description":"pick components and assemble them together","main":"dist/index.js","ng:main":"dist/index.ng.js","src:module":"src/index.js","src:ng:module":"src/index.ng.js","bugs":{"url":"https://gitlab.com/4geit/react-packages/issues"},"homepage":"https://gitlab.com/4geit/react-packages/tree/master/packages/rct-assembler-component#README","keywords":[],"author":{"name":"Caner Candan","email":"caner@candan.fr"},"license":"MIT","dependencies":{"angular":"^1.5.x","debug":"^3.x","enzyme":"^3.x","material-ui":"next","material-ui-icons":"^1.0.0-beta.17","mobx":"^4.x","mobx-react":"^5.x","prop-types":"^15.x","react":"^16.x","react-dom":"^16.x","react-router-dom":"^4.x","react-test-renderer":"^16.x","typeface-roboto":"^0.x"},"devDependencies":{"@4geit/rct-common-store":"^1.103.1","@4geit/rct-swagger-client-store":"^1.103.1","@storybook/addon-centered":"^3.x","@storybook/addon-info":"^3.x","@storybook/addon-storyshots":"^3.x","@storybook/react":"^3.x"},"publishConfig":{"access":"public"},"_id":"@4geit/rct-assembler-component@1.103.1","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"canercandan","email":"caner+npmjs@candan.fr"},"dist":{"integrity":"sha512-gnBl9Hn/R2tbwE+NrwrHap5g3bmQE10JDYcMccdk5oBwJ8orzNlliYNKNved0U4NuALQY3kWoKJQeSWnAONL0w==","shasum":"7ec568549ce15f6b4cad089bedfad61d5cbb35d6","tarball":"https://registry.npmjs.org/@4geit/rct-assembler-component/-/rct-assembler-component-1.103.1.tgz","fileCount":11,"unpackedSize":52766,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQC0ojXpDd53GiIXNhSXbT74Yk24JmRBw59PLB+FVqX1HAIhAKF9ZkGWxSLave5QhAAqNNqJF6pj5/CnSVffa3j6w96E"}]},"maintainers":[{"name":"canercandan","email":"caner+npmjs@candan.fr"},{"name":"fabianstarke","email":"Fabian@starke.fr"},{"name":"geraldinestarke","email":"geraldine@starke.fr"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rct-assembler-component_1.103.1_1523345323603_0.23501844828584795"},"_hasShrinkwrap":false},"1.103.2":{"name":"@4geit/rct-assembler-component","version":"1.103.2","description":"pick components and assemble them together","main":"dist/index.js","ng:main":"dist/index.ng.js","src:module":"src/index.js","src:ng:module":"src/index.ng.js","bugs":{"url":"https://gitlab.com/4geit/react-packages/issues"},"homepage":"https://gitlab.com/4geit/react-packages/tree/master/packages/rct-assembler-component#README","keywords":[],"author":{"name":"Caner Candan","email":"caner@candan.fr"},"license":"MIT","dependencies":{"@material-ui/icons":"^1.0.0-beta.42","angular":"^1.5.x","debug":"^3.x","enzyme":"^3.x","material-ui":"next","mobx":"^4.x","mobx-react":"^5.x","prop-types":"^15.x","react":"^16.x","react-dom":"^16.x","react-router-dom":"^4.x","react-test-renderer":"^16.x","typeface-roboto":"^0.x"},"devDependencies":{"@4geit/rct-common-store":"^1.103.1","@4geit/rct-swagger-client-store":"^1.103.1","@storybook/addon-centered":"^3.x","@storybook/addon-info":"^3.x","@storybook/addon-storyshots":"^3.x","@storybook/react":"^3.x"},"publishConfig":{"access":"public"},"_id":"@4geit/rct-assembler-component@1.103.2","_npmVersion":"5.3.0","_nodeVersion":"8.5.0","_npmUser":{"name":"canercandan","email":"caner+npmjs@candan.fr"},"dist":{"integrity":"sha512-n/XjUecSFMxIn3uzsohJv90o4xhLCsUWUv9IxCasC5ufi5LapwozbDGUq0jdFGW7YBt2iU/JFmSjcaiYZoWMeg==","shasum":"9c86baefc99af3c765f3bb7fa2220fc99673b60e","tarball":"https://registry.npmjs.org/@4geit/rct-assembler-component/-/rct-assembler-component-1.103.2.tgz","fileCount":11,"unpackedSize":52961,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHmSDysaIzDucDAJqQgV2TKfhHDf7IF87hv2bEpnUrtgAiEAv4Ke3U/YNHocZnvD15g0z2DJiXqCvRB97pO/3PqtOaY="}]},"maintainers":[{"name":"canercandan","email":"caner+npmjs@candan.fr"},{"name":"fabianstarke","email":"Fabian@starke.fr"},{"name":"geraldinestarke","email":"geraldine@starke.fr"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/rct-assembler-component_1.103.2_1523356479160_0.44790016666464005"},"_hasShrinkwrap":false}},"time":{"created":"2018-04-10T07:28:43.555Z","1.103.1":"2018-04-10T07:28:44.824Z","modified":"2022-04-04T10:46:35.174Z","1.103.2":"2018-04-10T10:34:39.262Z"},"maintainers":[{"name":"canercandan","email":"caner+npmjs@candan.fr"},{"name":"fabianstarke","email":"Fabian@starke.fr"},{"name":"geraldinestarke","email":"geraldine@starke.fr"}],"description":"pick components and assemble them together","homepage":"https://gitlab.com/4geit/react-packages/tree/master/packages/rct-assembler-component#README","keywords":[],"author":{"name":"Caner Candan","email":"caner@candan.fr"},"bugs":{"url":"https://gitlab.com/4geit/react-packages/issues"},"license":"MIT","readme":"# @4geit/rct-assembler-component [![npm version](//badge.fury.io/js/@4geit%2Frct-assembler-component.svg)](//badge.fury.io/js/@4geit%2Frct-assembler-component)\n\n---\n\npick components and assemble them together\n\n## Demo\n\nA live storybook is available to see how the component looks like @ http://react-packages.ws3.4ge.it\n\n## Installation\n\n1. A recommended way to install ***@4geit/rct-assembler-component*** is through [npm](//www.npmjs.com/search?q=@4geit/rct-assembler-component) package manager using the following command:\n\n```bash\nnpm i @4geit/rct-assembler-component --save\n```\n\nOr use `yarn` using the following command:\n\n```bash\nyarn add @4geit/rct-assembler-component\n```\n\n2. Depending on where you want to use the component you will need to import the class `RctAssemblerComponent` to your project JS file as follows:\n\n```js\nimport RctAssemblerComponent from '@4geit/rct-assembler-component'\n```\n\nFor instance if you want to use this component in your `App.js` component, you can use the RctAssemblerComponent component in the JSX code as follows:\n\n```js\nimport React from 'react'\n// ...\nimport RctAssemblerComponent from '@4geit/rct-assembler-component'\n// ...\nconst App = () => (\n
\n \n
\n)\n```\n\n## AngularJS\n\n`rct-assembler-component` also supports integration in an AngularJS app, therefore you can call the AngularJS component directive into your AngularJS app and it will appears properly, you can have more details about its AngularJS integration [here](./src/index.ng.js).\n\nHere are the steps you need to follow to get the component working on your AngularJS app:\n\n* install the component thanks to npm as shown above\n* add the following tag to the main `index.html` file of your app:\n\n```html\n\n\n```\n\n* inject the component AngularJS module to your app module as below:\n\n```js\nangular\n .module('app', ['rct-assembler-component'])\n // ...\n```\n\n* use the component directive where ever you want to add the component in your app as follow:\n\n```html\n\n```\n","readmeFilename":"README.md"}