koodiklinikka/palkkakysely
1
0
Fork 0
mirror of https://github.com/koodiklinikka/palkkakysely.git synced 2026-01-26 03:14:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modernize analysaattori packages (#16)

Browse Source 
See https://github.com/plotly/react-pivottable/issues/150#issuecomment-1327602745
This commit is contained in:
Aarni Koskela
2023-09-28 16:00:44 +03:00
committed by GitHub
parent ff8f98fd7a
commit 2195f6621d
8 changed files with 1117 additions and 1117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
analysaattori/.eslintrc.js Normal file
View File

@@ -0,0 +1,22 @@
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
ecmaVersion: 2020,
sourceType: "module",
ecmaFeatures: {
jsx: true,
},
},
settings: {
react: {
version: "detect",
},
},
extends: [
"plugin:@typescript-eslint/recommended",
"plugin:react-hooks/recommended",
"plugin:react/recommended",
"prettier",
],
rules: {},
};

8
analysaattori/index.html
View File

@@ -4,14 +4,6 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="icon" href="./favicon.ico" /> <link rel="icon" href="./favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<script
src="https://cdn.plot.ly/plotly-latest.min.js"
charset="utf-8"
></script>
<title>Palkka-analysaattori</title> <title>Palkka-analysaattori</title>
</head> </head>
<body> <body>

46
analysaattori/package.json
View File

@@ -4,28 +4,33 @@
"private": true, "private": true,
"homepage": "https://koodiklinikka.github.io/palkkakysely/analysaattori/", "homepage": "https://koodiklinikka.github.io/palkkakysely/analysaattori/",
"dependencies": { "dependencies": {
"react": "^17.0.1", "@dnd-kit/core": "^6.0.8",
"react-dom": "^17.0.1", "@dnd-kit/sortable": "^7.0.2",
"react-pivottable": "^0.11.0", "@dnd-kit/utilities": "^3.2.1",
"react-plotly.js": "^2.5.1", "@imc-trading/react-pivottable": "^0.2.13",
"swr": "^0.4.2" "immutability-helper": "^3.1.1",
"plotly.js-dist": "^2.26.1",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-plotly.js": "^2.6.0",
"swr": "^2.2.4"
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^14.14.31", "@types/node": "^20.7.1",
"@types/plotly.js": "^1.54.8", "@types/plotly.js": "^2.12.27",
"@types/react-plotly.js": "^2.2.4", "@types/react": "^18.2.23",
"@types/react": "^17.0.38", "@types/react-dom": "^18.2.8",
"@types/react-dom": "^17.0.11", "@types/react-plotly.js": "^2.6.1",
"@typescript-eslint/eslint-plugin": "^5.30.6", "@typescript-eslint/eslint-plugin": "^6.7.3",
"@typescript-eslint/parser": "^5.30.6", "@typescript-eslint/parser": "^6.7.3",
"@vitejs/plugin-react": "^2.0.0", "@vitejs/plugin-react-swc": "^3.4.0",
"eslint": "^8.19.0", "eslint": "^8.50.0",
"eslint-config-prettier": "^8.5.0", "eslint-config-prettier": "^9.0.0",
"eslint-plugin-react": "^7.30.1", "eslint-plugin-react": "^7.33.2",
"eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-hooks": "^4.6.0",
"prettier": "^2.7.1", "prettier": "^3.0.3",
"typescript": "^4.1.5", "typescript": "^5.2.2",
"vite": "^3.0.0" "vite": "^4.4.9"
}, },
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
@@ -34,9 +39,6 @@
"lint": "eslint .", "lint": "eslint .",
"prettify": "prettier --write ." "prettify": "prettier --write ."
}, },
"eslintConfig": {
"extends": "react-app"
},
"browserslist": { "browserslist": {
"production": [ "production": [
">0.2%", ">0.2%",

28
analysaattori/src/App.tsx
View File

@@ -1,24 +1,34 @@
import React from "react"; import React from "react";
import PivotTableUI from "react-pivottable/PivotTableUI"; import "@imc-trading/react-pivottable/pivottable.css";
import "react-pivottable/pivottable.css"; import {
import TableRenderers from "react-pivottable/TableRenderers"; PivotTableUI,
TableRenderers,
createPlotlyRenderers,
} from "@imc-trading/react-pivottable";
import createPlotlyComponent from "react-plotly.js/factory"; import createPlotlyComponent from "react-plotly.js/factory";
import createPlotlyRenderers from "react-pivottable/PlotlyRenderers"; import Plotly from "plotly.js-dist/plotly";
import useSWR from "swr/esm"; import useSWR from "swr";
const Plot = createPlotlyComponent(window.Plotly); const Plot = createPlotlyComponent(Plotly);
const PlotlyRenderers = createPlotlyRenderers(Plot); const PlotlyRenderers = createPlotlyRenderers(Plot);
const renderers = Object.assign({}, TableRenderers, PlotlyRenderers); const renderers = Object.assign({}, TableRenderers, PlotlyRenderers);
const fetcher = (url: string) => fetch(url).then((res) => res.json());
function App() { function App() {
const qs = new URLSearchParams(window.location.search); const qs = new URLSearchParams(window.location.search);
const url = qs.get("url") || "/palkkakysely/data.json";
const [pivotState, setPivotState] = React.useState({}); const [pivotState, setPivotState] = React.useState({});
const dataSwr = useSWR(qs.get("url") || "/palkkakysely/data.json"); const dataSwr = useSWR(url, fetcher, { revalidateOnFocus: false });
if (!dataSwr.data) { if (!dataSwr.data) {
if (dataSwr.error) { if (dataSwr.error) {
return <>Virhe ladatessa dataa: {`${dataSwr.error}`}</>; return (
<>
Virhe ladatessa dataa {url}: {`${dataSwr.error}`}
</>
);
} }
return <>Ladataan...</>; return <>Ladataan {url}...</>;
} }
return ( return (
<div> <div>

7
analysaattori/src/index.tsx
View File

@@ -1,10 +1,11 @@
import React from "react"; import React from "react";
import ReactDOM from "react-dom"; import { createRoot } from "react-dom/client";
import App from "./App"; import App from "./App";
ReactDOM.render( const container = document.getElementById("root");
const root = createRoot(container!);
root.render(
<React.StrictMode> <React.StrictMode>
<App /> <App />
</React.StrictMode>, </React.StrictMode>,
document.getElementById("root"),
); );

5
analysaattori/src/react-pivottable.d.ts vendored
View File

@@ -1,3 +1,2 @@
declare module "react-pivottable/PivotTableUI"; declare module "@imc-trading/react-pivottable";
declare module "react-pivottable/TableRenderers"; declare module "plotly.js-dist/plotly";
declare module "react-pivottable/PlotlyRenderers";

2
analysaattori/vite.config.ts
View File

@@ -1,5 +1,5 @@
import { defineConfig } from "vite"; import { defineConfig } from "vite";
import react from "@vitejs/plugin-react"; import react from "@vitejs/plugin-react-swc";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({

2116
analysaattori/yarn.lock
View File

File diff suppressed because it is too large Load Diff