cubetiq/react-chart-js
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

updated the package and tests

Browse Source
This commit is contained in:
Sambo Chea 2020-10-15 09:47:37 +07:00
parent 07c8c35456
commit 26ff4f44c3
5 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/ReactChartJs.d.ts.map vendored
View File

@ -1 +1 @@
{"version":3,"file":"ReactChartJs.d.ts","sourceRoot":"","sources":["../src/ReactChartJs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAc,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEpE,UAAU,iBAAiB;IACvB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAMD,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CAiCtD,CAAC;AAEF,eAAe,YAAY,CAAC"} {"version":3,"file":"ReactChartJs.d.ts","sourceRoot":"","sources":["../src/ReactChartJs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACrD,OAAc,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAEpE,UAAU,iBAAiB;IACvB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CACpC;AAMD,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA4BtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

4
dist/ReactChartJs.js vendored
View File

@ -32,10 +32,6 @@ var ReactChartJs = function (props) {
chartInstance.destroy(); chartInstance.destroy();
} }
chartInstanceRef.current.chartInstance = new chart_js_1.Chart(canvasDom, chartConfig); chartInstanceRef.current.chartInstance = new chart_js_1.Chart(canvasDom, chartConfig);
// if (!chartInstance) {
// } else {
// chartInstanceRef.current!.chartInstance.update()
// }
}, [chartConfig]); }, [chartConfig]);
return (react_1.default.createElement("div", null, return (react_1.default.createElement("div", null,
react_1.default.createElement("canvas", { ref: function (instance) { react_1.default.createElement("canvas", { ref: function (instance) {

8
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@cubetiq/react-chart-js", "name": "@cubetiq/react-chart-js",
"version": "1.0.0", "version": "1.0.4",
"description": "Chart.js for React and TypeScript", "description": "Chart.js for React and TypeScript",
"main": "./dist/index.js", "main": "./dist/index.js",
"types": "./dist/index.d.ts", "types": "./dist/index.d.ts",
@ -31,8 +31,8 @@
"build": "tsc", "build": "tsc",
"test": "jest", "test": "jest",
"build:test": "yarn jest && yarn build", "build:test": "yarn jest && yarn build",
"publish": "yarn build:test && npm publish --registry https://npm.osa.cubetiqs.com", "publish": "yarn build:test && npm publish --registry https://npm.osa.cubetiqs.com --access public",
"run:example": "cd example && yarn start" "run:example": "cd examples/line-chart-example && yarn start"
}, },
"devDependencies": { "devDependencies": {
"@babel/core": "^7.11.4", "@babel/core": "^7.11.4",
@ -41,6 +41,7 @@
"@types/chart.js": "^2.9.25", "@types/chart.js": "^2.9.25",
"@types/jest": "^26.0.10", "@types/jest": "^26.0.10",
"@types/node": "^14.6.1", "@types/node": "^14.6.1",
"@types/react": "^16.9.52",
"@typescript-eslint/eslint-plugin": "^3.10.1", "@typescript-eslint/eslint-plugin": "^3.10.1",
"@typescript-eslint/parser": "^3.10.1", "@typescript-eslint/parser": "^3.10.1",
"babel-jest": "^26.3.0", "babel-jest": "^26.3.0",
@ -51,6 +52,7 @@
"jest": "^26.4.2", "jest": "^26.4.2",
"lint-staged": "^10.2.13", "lint-staged": "^10.2.13",
"prettier": "^2.1.1", "prettier": "^2.1.1",
"react": "^16.14.0",
"ts-jest": "^26.3.0", "ts-jest": "^26.3.0",
"tsc": "^1.20150623.0", "tsc": "^1.20150623.0",
"typescript": "^4.0.2" "typescript": "^4.0.2"

4
src/ReactChartJs.tsx
View File

@ -9,7 +9,7 @@ interface RefForChartInstance {
chartInstance?: Chart; chartInstance?: Chart;
} }
const ReactChartJs: FunctionComponent<ReactChartJSProps> = (props) => { const ReactChartJs: FunctionComponent<ReactChartJSProps> = (props: any) => {
const { chartConfig } = props; const { chartConfig } = props;
const canvasDomRef = useRef<HTMLCanvasElement>(); const canvasDomRef = useRef<HTMLCanvasElement>();
@ -29,7 +29,7 @@ const ReactChartJs: FunctionComponent<ReactChartJSProps> = (props) => {
return ( return (
<div> <div>
<canvas <canvas
ref={(instance) => { ref={(instance: any) => {
canvasDomRef.current = instance!; canvasDomRef.current = instance!;
}} }}
width="400" width="400"

3
test/App.test.ts Normal file
View File

@ -0,0 +1,3 @@
test('adds 1 + 2 to equal 3', () => {
expect(1 + 2).toBe(3);
});