{"_id":"@boredguyscorp/reporting","_rev":"1-badda449f7411b6d60ec6ca9f8d5205a","name":"@boredguyscorp/reporting","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@boredguyscorp/reporting","version":"1.0.0","keywords":["reporting","devexpress","react"],"author":{"name":"boredguyscorp"},"license":"ISC","_id":"@boredguyscorp/reporting@1.0.0","maintainers":[{"name":"bginside.git","email":"bginside.git@gmail.com"}],"homepage":"https://github.com/boredguyscorp/bg-reporting#readme","bugs":{"url":"https://github.com/boredguyscorp/bg-reporting/issues"},"dist":{"shasum":"e9b455d31a6adf648267b9e3da041af97119f39d","tarball":"https://registry.npmjs.org/@boredguyscorp/reporting/-/reporting-1.0.0.tgz","fileCount":8,"integrity":"sha512-DABeWumm/ndH9SzGuEK7u5IL/i7HGZKxozUxez6omfnAQ9LfLYS9lD+0IdryuiDTzLNCjBvhCJxbSPXUD14YLw==","signatures":[{"sig":"MEQCIE8YpY92sMo13RTmd0xPytgoorE9+N6g3g0CCm8qEd9FAiAa1F1+RH2JM0LYT5fYtbPUdTGtOjPM83P0o4TytrsguA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":32803},"main":"dist/index.js","_from":"file:boredguyscorp-reporting-1.0.0.tgz","types":"dist/index.d.ts","module":"dist/index.mjs","private":false,"scripts":{"ci":"pnpm lint && pnpm build","lint":"tsc","build":"rm -rf dist && tsup","release":"pnpm ci && pnpm changeset publish","version:update":"pnpm changeset version"},"_npmUser":{"name":"bginside.git","email":"bginside.git@gmail.com"},"_resolved":"/tmp/b7b9e8aef6cf62e469ef3023f093f550/boredguyscorp-reporting-1.0.0.tgz","_integrity":"sha512-DABeWumm/ndH9SzGuEK7u5IL/i7HGZKxozUxez6omfnAQ9LfLYS9lD+0IdryuiDTzLNCjBvhCJxbSPXUD14YLw==","repository":{"url":"git+https://github.com/boredguyscorp/bg-reporting.git","type":"git"},"_npmVersion":"10.5.0","description":"NPM package for boredguys's react devexpress reporting","directories":{},"_nodeVersion":"18.20.0","dependencies":{"knockout":"^3.5.1","jquery-ui":"^1.13.2","devextreme":"23.1.6","devexpress-richedit":"23.1.6","devexpress-reporting":"23.1.6","@devexpress/analytics-core":"23.1.6"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.1.2","react":"^18.2.0","react-dom":"^18.2.0","typescript":"^5.5.3","@types/node":"^20.14.11","@types/react":"^18.3.10","@changesets/cli":"^2.27.7"},"peerDependencies":{"react":"^18.2.0","jquery-ui":"^1.13.2","react-dom":"^18.2.0","devextreme":"23.1.6","devexpress-richedit":"23.1.6","devexpress-reporting":"23.1.6","@devexpress/analytics-core":"23.1.6"},"_npmOperationalInternal":{"tmp":"tmp/reporting_1.0.0_1728269503627_0.6206849057393491","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@boredguyscorp/reporting","version":"1.0.1","description":"NPM package for boredguys's react devexpress reporting","main":"dist/index.js","module":"dist/index.mjs","types":"dist/index.d.ts","private":false,"repository":{"type":"git","url":"git+https://github.com/boredguyscorp/bg-reporting.git"},"keywords":["reporting","devexpress","react"],"author":{"name":"boredguyscorp"},"license":"ISC","bugs":{"url":"https://github.com/boredguyscorp/bg-reporting/issues"},"homepage":"https://github.com/boredguyscorp/bg-reporting#readme","dependencies":{"@devexpress/analytics-core":"23.1.6","devexpress-reporting":"23.1.6","devexpress-richedit":"23.1.6","devextreme":"23.1.6","jquery-ui":"^1.13.2","knockout":"^3.5.1"},"devDependencies":{"@changesets/cli":"^2.27.7","@types/node":"^20.14.11","@types/react":"^18.3.10","react":"^18.2.0","react-dom":"^18.2.0","tsup":"^8.1.2","typescript":"^5.5.3"},"peerDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@devexpress/analytics-core":"23.1.6","devexpress-reporting":"23.1.6","devexpress-richedit":"23.1.6","devextreme":"23.1.6","jquery-ui":"^1.13.2"},"scripts":{"build":"rm -rf dist && tsup","lint":"tsc","version:update":"pnpm changeset version","ci":"pnpm lint && pnpm build","release":"pnpm ci && pnpm changeset publish"},"_id":"@boredguyscorp/reporting@1.0.1","_integrity":"sha512-RimGbOoEbsopbVrZnUyGEBRGcqLqaHj7qBUg7xFszCBhdCDIs22J81XowlFXgiT9wwAXQyKskrDuly/Jp73ENg==","_resolved":"/tmp/b93eafac365142bd4365cbead9e30d08/boredguyscorp-reporting-1.0.1.tgz","_from":"file:boredguyscorp-reporting-1.0.1.tgz","_nodeVersion":"18.20.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-RimGbOoEbsopbVrZnUyGEBRGcqLqaHj7qBUg7xFszCBhdCDIs22J81XowlFXgiT9wwAXQyKskrDuly/Jp73ENg==","shasum":"62c73eb1070884836fa0c0d629baee445c62c498","tarball":"https://registry.npmjs.org/@boredguyscorp/reporting/-/reporting-1.0.1.tgz","fileCount":8,"unpackedSize":34102,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIAfWIbeCA7E6t1xYeoRAHqo/N7YSfwR1GUaBX8GOPEiQAiBN8eeTwK1FkrosoYWCPx8ASOnE2svQRPQiQ9zfJJcvew=="}]},"_npmUser":{"name":"bginside.git","email":"bginside.git@gmail.com"},"directories":{},"maintainers":[{"name":"bginside.git","email":"bginside.git@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/reporting_1.0.1_1728273528165_0.3565228511390095"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-07T02:51:43.503Z","modified":"2024-10-07T03:58:48.694Z","1.0.0":"2024-10-07T02:51:43.842Z","1.0.1":"2024-10-07T03:58:48.460Z"},"bugs":{"url":"https://github.com/boredguyscorp/bg-reporting/issues"},"author":{"name":"boredguyscorp"},"license":"ISC","homepage":"https://github.com/boredguyscorp/bg-reporting#readme","keywords":["reporting","devexpress","react"],"repository":{"type":"git","url":"git+https://github.com/boredguyscorp/bg-reporting.git"},"description":"NPM package for boredguys's react devexpress reporting","maintainers":[{"name":"bginside.git","email":"bginside.git@gmail.com"}],"readme":"# BG Reporting\n\nNPM package for boredguys's react devexpress reporting\n\n## Installation\n\n```bash\nnpm install @boredguyscorp/reporting\n```\n\nor\n\n```bash\npnpm add @boredguyscorp/reporting\n```\n\nor\n\n```bash\nyarn add @boredguyscorp/reporting\n```\n\n## Usage\n\n```tsx\n'use client'\n\nimport dynamic from 'next/dynamic'\n\n// import css\nimport 'jquery-ui/themes/base/all.css'\nimport 'devextreme/dist/css/dx.common.css'\nimport 'devextreme/dist/css/dx.light.css'\nimport '@devexpress/analytics-core/dist/css/dx-analytics.common.css'\nimport '@devexpress/analytics-core/dist/css/dx-analytics.light.css'\nimport '@devexpress/analytics-core/dist/css/dx-querybuilder.css'\nimport 'devexpress-reporting/dist/css/dx-webdocumentviewer.css'\nimport 'devexpress-reporting/dist/css/dx-reportdesigner.css'\n\nimport { useReport } from '@boredguyscorp/reporting'\n\n// dynamic import report designer\nconst ReportDesigner = dynamic(() => import('@boredguyscorp/reporting').then((mod) => mod.ReportDesigner), { ssr: false })\n\nfunction Designer() {\n  const { designer, designerRef } = useReport() // use hook to get the designer instance and ref\n\n  return (\n    <div className='w-full h-full'>\n      <ReportDesigner\n        url='default'\n        options={{\n          requestOptions: {\n            host: 'https://localhost:5001/',\n            getDesignerModelAction: 'DXXRD/GetDesignerModel'\n          }\n        }}\n      />\n    </div>\n  )\n}\n```\n\n```tsx\n'use client'\n\nimport dynamic from 'next/dynamic'\n\n// dynamic import report viewer\nimport 'jquery-ui/themes/base/all.css'\nimport 'devextreme/dist/css/dx.common.css'\nimport 'devextreme/dist/css/dx.light.css'\nimport '@devexpress/analytics-core/dist/css/dx-analytics.common.css'\nimport '@devexpress/analytics-core/dist/css/dx-analytics.light.css'\nimport '@devexpress/analytics-core/dist/css/dx-querybuilder.css'\nimport 'devexpress-reporting/dist/css/dx-webdocumentviewer.css'\nimport 'devexpress-reporting/dist/css/dx-reportdesigner.css'\n\nimport { useReport } from '@boredguyscorp/reporting'\n\nconst ReportViewer = dynamic(() => import('@boredguyscorp/reporting').then((mod) => mod.ReportViewer), { ssr: false })\n\nfunction Viewer() {\n  const { viewer, viewerRef } = useReport() // use hook to get the viewer instance and ref\n\n  return (\n    <div className='w-full h-full'>\n      <ReportViewer\n        url='default'\n        options={{\n          requestOptions: {\n            host: 'https://localhost:5001/',\n            invokeAction: 'DXXRDV'\n          }\n        }}\n      />\n    </div>\n  )\n}\n```\n\n## ReportProvider\n\nThe ReportProvider is a wrapper component that provides the viewer & designer instance and ref to the children components.\n\n```tsx\n'use client'\n\nimport Viewer from './components/viewer'\nimport Designer from './components/designer'\nimport dynamic from 'next/dynamic'\n\nconst ReportProvider = dynamic(() => import('@boredguyscorp/reporting').then((mod) => mod.ReportProvider), { ssr: false })\n\nfunction Reporting() {\n  return (\n    <div>\n      <main className='flex min-h-screen flex-col items-center justify-between p-24'>\n        <h1 className='text-2xl font-bold'>REPORT VIEWER</h1>\n        <div className='size-[1800px]'>\n          <ReportProvider>\n            <Viewer />\n          </ReportProvider>\n        </div>\n\n        <h1 className='mt-5 text-2xl font-bold'>REPORT DESIGNER</h1>\n        <div className='size-[1800px]'>\n          <ReportProvider>\n            <Designer />\n          </ReportProvider>\n        </div>\n      </main>\n    </div>\n  )\n}\n```\n","readmeFilename":"README.md"}