{"_id":"@ibm/akora-renderer-react","_rev":"28-11b05a84bcaa6bfb0cda6d2522c9c466","name":"@ibm/akora-renderer-react","dist-tags":{"latest":"1.0.4"},"versions":{"1.0.3":{"name":"@ibm/akora-renderer-react","version":"1.0.3","keywords":["ibm","cloud","aiops","dashboard"],"author":{"name":"IBM Corp."},"license":"Apache-2.0","_id":"@ibm/akora-renderer-react@1.0.3","maintainers":[{"name":"cmarcink","email":"cmarcink@us.ibm.com"},{"name":"gcattan","email":"gregoire.cattan@ibm.com"},{"name":"yihongwang","email":"yh.wang@ibm.com"},{"name":"joesepi","email":"sepi@joesepi.com"},{"name":"jjasghar","email":"jjasghar@gmail.com"},{"name":"sanjula.ganepola","email":"Sanjula.Ganepola@ibm.com"},{"name":"edmund.reinhardt","email":"edmund.reinhardt@ca.ibm.com"},{"name":"tay1orjones","email":"taylor.jones826@gmail.com"},{"name":"carbon-design-system","email":"carbon@us.ibm.com"},{"name":"alisonjoseph","email":"alisonejoseph@gmail.com"},{"name":"bjost","email":"bjost@de.ibm.com"},{"name":"vpicone","email":"vp@vincepic.one"},{"name":"phaumer","email":"phaumer@us.ibm.com"},{"name":"tjegan","email":"tj.egan@icloud.com"}],"homepage":"https://github.com/IBM/akora-renderer-react#readme","bugs":{"url":"https://github.com/IBM/akora-renderer-react/issues"},"dist":{"shasum":"27b703df884b8ae25416570842b13c1239e67414","tarball":"https://registry.npmjs.org/@ibm/akora-renderer-react/-/akora-renderer-react-1.0.3.tgz","fileCount":9,"integrity":"sha512-5Q4U9N7HjO6Vtz+NvmjpLhn5qMvNdlxxQl78x6WamKXzZAgJdMim/LCmXrxsHlL+mK+0Zw8Q7kcJviRySM7ZEw==","signatures":[{"sig":"MEUCIQDPdDMBQ6Zo40FLu9DbN7W6Ro6X1Cf4OtSO/e5PrGsNCAIgOuClfsEdfBmFuE9u0IB7pz0ty8wdox6YDMsQkbI4qh0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":234610},"main":"dist/akora-renderer-react.cjs.js","module":"dist/akora-renderer-react.esm.js","browser":"dist/akora-renderer-react.umd.js","engines":{"node":">=16"},"gitHead":"970e7a3d0fb2f8392a6055f91e482eb6ad99f1b3","scripts":{"lint":"eslint ./lib","test":"jest","build":"rollup -c","watch":"rollup -c -w","lint:ci":"eslint --format checkstyle -o reports/static-analysis/eslint.xml ./lib","pretest":"NODE_ENV=test npm run build","test:ci":"jest --ci --no-cache --coverage --coverageDirectory=reports/unit-test/jest --testResultsProcessor=\"jest-junit\" --verbose","build-docs":"jsdoc --configure jsdoc.conf.json","pretest:ci":"NODE_ENV=test npm run build","test:watch":"jest --watch --coverage","lint:js:fix":"eslint --fix --ext js --ext jsx ./lib","test:coverage":"jest --coverage"},"_npmUser":{"name":"cmarcink","email":"cmarcink@us.ibm.com"},"jest-junit":{"outputDirectory":"reports/unit-test/junit/","usePathForSuiteName":"true"},"repository":{"url":"git+ssh://git@github.com/IBM/akora-renderer-react.git","type":"git"},"_npmVersion":"9.9.0","description":"React renderer tool for Cloud Pak for AIOps dashboard integration.","directories":{},"sideEffects":false,"_nodeVersion":"18.18.2","dependencies":{"core-js":"^3.25.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.1.2","husky":"^8.0.3","jsdoc":"^4.0.2","jsdom":"^16.4.0","react":"^17.0.2","eslint":"^8.24.0","minami":"^1.2.3","rollup":"^2.38.5","cross-env":"^7.0.3","react-dom":"^17.0.2","jest-junit":"^14.0.1","prop-types":"^15.7.2","@babel/core":"^7.12.16","npm-run-all":"^4.1.5","@commitlint/cli":"^17.8.0","semantic-release":"21.0.7","@babel/preset-env":"^7.12.16","rollup-pluginutils":"^2.8.2","@babel/preset-react":"^7.12.13","eslint-plugin-react":"^7.22.0","react-test-renderer":"^17.0.2","@babel/eslint-parser":"^7.22.15","@rollup/plugin-babel":"^5.2.3","eslint-plugin-import":"^2.22.1","eslint-plugin-notice":"^0.9.10","@rollup/plugin-eslint":"^8.0.1","@semantic-release/git":"10.0.1","@testing-library/react":"^11.2.5","eslint-plugin-jsx-a11y":"^6.4.1","jest-environment-jsdom":"^29.1.2","rollup-plugin-istanbul":"^3.0.0","@rollup/plugin-commonjs":"^17.1.0","@testing-library/jest-dom":"^5.11.9","@rollup/plugin-node-resolve":"^11.1.1","@semantic-release/changelog":"6.0.3","@testing-library/react-hooks":"^5.0.3","@commitlint/config-conventional":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.12.13"},"peerDependencies":{"react":"^17.0.2","react-dom":"^17.0.2","prop-types":"^15.7.2"},"_npmOperationalInternal":{"tmp":"tmp/akora-renderer-react_1.0.3_1697736009368_0.47922688228831456","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@ibm/akora-renderer-react","version":"1.0.4","keywords":["ibm","cloud","aiops","dashboard"],"author":{"name":"IBM Corp."},"license":"Apache-2.0","_id":"@ibm/akora-renderer-react@1.0.4","maintainers":[{"name":"gcattan","email":"gregoire.cattan@ibm.com"},{"name":"carbon-design-system","email":"carbon@us.ibm.com"},{"name":"alisonjoseph","email":"alisonejoseph@gmail.com"},{"name":"bjost","email":"bjost@de.ibm.com"},{"name":"sanjula.ganepola.ibm","email":"sanjula.ganepola@ibm.com"},{"name":"jonnyzak32","email":"Jonathan.Zak@ibm.com"},{"name":"phaumer","email":"phaumer@us.ibm.com"},{"name":"tay1orjones","email":"taylor.jones826@gmail.com"},{"name":"mmcelaney","email":"mmcelaney@us.ibm.com"},{"name":"aifound","email":"aifound@us.ibm.com"},{"name":"michael.froend","email":"michael.froend2@ibm.com"},{"name":"odfbackuprestore","email":"odfbackuprestore@ibm.com"},{"name":"calanais","email":"matthew@mh-white.com"},{"name":"ibm-bamoeci","email":"bamoe.ci@ibm.com"},{"name":"joesepi","email":"sepi@joesepi.com"},{"name":"edmund.reinhardt","email":"edmund.reinhardt@ca.ibm.com"},{"name":"jjasghar","email":"jjasghar@gmail.com"},{"name":"yihongwang","email":"yh.wang@ibm.com"},{"name":"cmarcink","email":"cmarcink@us.ibm.com"}],"homepage":"https://github.com/IBM/akora-renderer-react#readme","bugs":{"url":"https://github.com/IBM/akora-renderer-react/issues"},"dist":{"shasum":"c3fe8c3c2c0327e0b81ab20033142fdac6bf91cf","tarball":"https://registry.npmjs.org/@ibm/akora-renderer-react/-/akora-renderer-react-1.0.4.tgz","fileCount":9,"integrity":"sha512-1rSsIvVCM5BmdzkkPFFbut8Y+mkhdNluR1c8eQpjNkjA5AhTt5tEvb2G+AP+1LJP+xN9NYWV8hIyeWpYq7xDJQ==","signatures":[{"sig":"MEUCIQCXoapR1zgo6tG3tjzJ+TVa/5jbcpTfcUkja+qbb2w/AwIgITM2cThClqEq3uxCWUCN7n/sK0GujIgY+Wn7rG0Krvs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":233558},"main":"dist/akora-renderer-react.cjs.js","module":"dist/akora-renderer-react.esm.js","browser":"dist/akora-renderer-react.umd.js","engines":{"node":">=16"},"gitHead":"f4814c36afa7f3fd7a241bd76e008157f991ab5e","scripts":{"lint":"eslint ./lib","test":"jest","build":"rollup -c","watch":"rollup -c -w","lint:ci":"eslint --format checkstyle -o reports/static-analysis/eslint.xml ./lib","pretest":"NODE_ENV=test npm run build","test:ci":"jest --ci --no-cache --coverage --coverageDirectory=reports/unit-test/jest --testResultsProcessor=\"jest-junit\" --verbose","build-docs":"jsdoc --configure jsdoc.conf.json","pretest:ci":"NODE_ENV=test npm run build","test:watch":"jest --watch --coverage","lint:js:fix":"eslint --fix --ext js --ext jsx ./lib","test:coverage":"jest --coverage"},"_npmUser":{"name":"cmarcink","email":"cmarcink@us.ibm.com"},"jest-junit":{"outputDirectory":"reports/unit-test/junit/","usePathForSuiteName":"true"},"repository":{"url":"git+ssh://git@github.com/IBM/akora-renderer-react.git","type":"git"},"_npmVersion":"9.9.4","description":"React renderer tool for Cloud Pak for AIOps dashboard integration.","directories":{},"sideEffects":false,"_nodeVersion":"18.20.8","dependencies":{"core-js":"^3.25.5"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.1.2","husky":"^8.0.3","jsdoc":"^4.0.2","jsdom":"^16.4.0","react":"^18.2.0","eslint":"^8.24.0","minami":"^1.2.3","rollup":"^2.38.5","cross-env":"^7.0.3","react-dom":"^18.2.0","jest-junit":"^14.0.1","prop-types":"^15.8.1","@babel/core":"^7.12.16","npm-run-all":"^4.1.5","@commitlint/cli":"^17.8.0","semantic-release":"21.0.7","@babel/preset-env":"^7.12.16","rollup-pluginutils":"^2.8.2","@babel/preset-react":"^7.12.13","eslint-plugin-react":"^7.22.0","react-test-renderer":"^18.2.0","@babel/eslint-parser":"^7.22.15","@rollup/plugin-babel":"^5.2.3","eslint-plugin-import":"^2.22.1","eslint-plugin-notice":"^0.9.10","@rollup/plugin-eslint":"^8.0.1","@semantic-release/git":"10.0.1","@testing-library/react":"^16.2.0","eslint-plugin-jsx-a11y":"^6.4.1","jest-environment-jsdom":"^29.1.2","rollup-plugin-istanbul":"^3.0.0","@rollup/plugin-commonjs":"^17.1.0","@testing-library/jest-dom":"^6.6.3","@rollup/plugin-node-resolve":"^11.1.1","@semantic-release/changelog":"6.0.3","@commitlint/config-conventional":"^7.0.1","@babel/plugin-proposal-class-properties":"^7.12.13"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","prop-types":"^15.7.2"},"_npmOperationalInternal":{"tmp":"tmp/akora-renderer-react_1.0.4_1743096603958_0.7884773324469869","host":"s3://npm-registry-packages-npm-production"}}},"time":{"created":"2023-10-19T17:20:09.291Z","modified":"2026-09-29T17:31:17.513Z","1.0.3":"2023-10-19T17:20:09.583Z","1.0.4":"2025-03-27T17:30:04.162Z"},"bugs":{"url":"https://github.com/IBM/akora-renderer-react/issues"},"author":{"name":"IBM Corp."},"license":"Apache-2.0","homepage":"https://github.com/IBM/akora-renderer-react#readme","keywords":["ibm","cloud","aiops","dashboard"],"repository":{"url":"git+ssh://git@github.com/IBM/akora-renderer-react.git","type":"git"},"description":"React renderer tool for Cloud Pak for AIOps dashboard integration.","maintainers":[{"email":"carbon@us.ibm.com","name":"carbon-design-system"},{"email":"sanjula.ganepola@ibm.com","name":"sanjula.ganepola.ibm"},{"email":"Jonathan.Zak@ibm.com","name":"jonnyzak32"},{"email":"phaumer@us.ibm.com","name":"phaumer"},{"email":"aifound@us.ibm.com","name":"aifound"},{"email":"michael.froend2@ibm.com","name":"michael.froend"},{"email":"odfbackuprestore@ibm.com","name":"odfbackuprestore"},{"email":"matthew@mh-white.com","name":"calanais"},{"email":"bamoe.ci@ibm.com","name":"ibm-bamoeci"},{"email":"edmund.reinhardt@ca.ibm.com","name":"edmund.reinhardt"},{"email":"jjasghar@gmail.com","name":"jjasghar"},{"email":"yh.wang@ibm.com","name":"yihongwang"},{"email":"cmarcink@us.ibm.com","name":"cmarcink"},{"email":"aottenbe@de.ibm.com","name":"arvidott"},{"email":"pascal.huszar@ibm.com","name":"pascalhusz"},{"email":"maureen.mcelaney@gmail.com","name":"mmcelaney"},{"email":"anas.badaoud@ibm.com","name":"anas.badaoud"},{"email":"ajshedivyaj@gmail.com","name":"adamshedivy"},{"email":"bobdev@ibm.com","name":"bobdev"},{"email":"gregoire.cattan@ibm.com","name":"gcattan"},{"email":"idan.zohar@ibm.com","name":"idan_ibm"}],"readme":"# akora-renderer-react\nA react renderer for easily rendering react components into a region\n\n```javascript\nimport getReactRenderer from '@ibm/akora-renderer-react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\nconst ReactRenderer = getReactRenderer(React, ReactDOM);\n\nexport default {\n  routes: [\n    path: '/my-route',\n    regions: {\n      app: {\n        renderer: ReactRenderer,\n        state: {\n          component: () => import('MyComponent.jsx') // Using webpack async loader\n        }\n      }\n    }\n  ]\n}\n```\n\n## State\nThe state to provide the renderer with.\n\n  **params** *optional*\n  The params to be used within the component.\n\n  **component**\n  Should be set to a function which returns either the component that should be\n  rendered or a promise which eventually resolves to a component. This allows for\n  code splitting with bundlers such as webpack.\n\n  **stateToPropMapper** *optional*\n  Can be set to a function which takes in the configuration of the renderer and\n  returns the props that should be passed to the react component. Typically\n  the params object will be used to take values from the url, e.g:\n\n  **react** *optional*\n  Provide your own instance of React.\n\n  **reactDom** *optional*\n  Provide your own instance of ReactDOM.\n\n```javascript\nexport default {\n  routes: [\n    path: '/my-route/:myparameter',\n    regions: {\n      app: {\n        renderer: ReactRenderer,\n        state: {\n          component: () => import('MyComponent.jsx'),\n          paramToPropMapper: ({params}) => ({\n            myProp: params.myparameter\n          })\n        }\n      }\n    }\n  ]\n}\n```\n","readmeFilename":"README.md"}