@equinor/echo-components 0.7.7 → 0.7.9

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@equinor/echo-components",
-    "version": "0.7.7",
+    "version": "0.7.9",
     "description": "Package for creating echo related components.",
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
@@ -30,94 +30,94 @@
     "license": "MIT",
     "peerDependencies": {
         "@equinor/echo-utils": ">= 0.3.0 < 0.4.0",
-        "@equinor/eds-core-react": "^0.25.0",
-        "@equinor/eds-icons": "^0.17.0",
+        "@equinor/eds-core-react": "=0.25.0",
+        "@equinor/eds-icons": "=0.17.0",
         "react": ">= 17.0.2",
         "react-dom": ">= 17.0.2",
-        "styled-components": "^5.3.5"
+        "styled-components": ">= 5.3.5 < 6.0.0"
     },
     "dependencies": {
-        "@babel/runtime": "^7.21.0",
-        "@floating-ui/react": "^0.19.2",
-        "chart.js": "^4.2.1",
-        "jest-environment-jsdom": "^29.4.3",
+        "@babel/runtime": "^7.22.5",
+        "@floating-ui/react": "^0.24.3",
+        "chart.js": "^4.3.0",
+        "jest-environment-jsdom": "^29.5.0",
         "lodash.throttle": "^4.1.1",
-        "react-datepicker": "^4.10.0",
+        "react-datepicker": "^4.14.1",
         "react-sortablejs": "^6.1.4",
         "sortablejs": "^1.15.0",
-        "zustand": "^4.3.6"
+        "zustand": "^4.3.8"
     },
     "devDependencies": {
-        "@babel/core": "^7.21.0",
-        "@babel/plugin-transform-runtime": "^7.21.0",
-        "@babel/preset-env": "^7.20.2",
-        "@babel/preset-react": "^7.18.6",
-        "@babel/preset-typescript": "^7.21.0",
+        "@babel/core": "^7.22.5",
+        "@babel/plugin-transform-runtime": "^7.22.5",
+        "@babel/preset-env": "^7.22.5",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.5",
         "@equinor/echo-update": "^1.3.1",
-        "@equinor/echo-utils": "^0.3.0",
-        "@equinor/eds-core-react": "^0.25.0",
-        "@equinor/eds-icons": "^0.17.0",
+        "@equinor/echo-utils": "^0.3.1",
+        "@equinor/eds-core-react": "=0.25.0",
+        "@equinor/eds-icons": "=0.17.0",
         "@rollup/plugin-babel": "^6.0.3",
-        "@rollup/plugin-commonjs": "^23.0.7",
-        "@rollup/plugin-node-resolve": "^15.0.1",
-        "@rollup/plugin-typescript": "^11.0.0",
+        "@rollup/plugin-commonjs": "^25.0.2",
+        "@rollup/plugin-node-resolve": "^15.1.0",
+        "@rollup/plugin-typescript": "^11.1.1",
         "@rollup/plugin-url": "^8.0.1",
-        "@storybook/addon-actions": "7.0.0-rc.3",
-        "@storybook/addon-docs": "7.0.0-rc.3",
-        "@storybook/addon-essentials": "7.0.0-rc.3",
-        "@storybook/addon-links": "7.0.0-rc.3",
-        "@storybook/react": "7.0.0-rc.3",
-        "@storybook/react-webpack5": "7.0.0-rc.3",
-        "@svgr/rollup": "^6.5.1",
-        "@svgr/webpack": "^6.5.1",
-        "@testing-library/dom": "^8.20.0",
+        "@storybook/addon-actions": "^7.0.0-rc.3",
+        "@storybook/addon-docs": "^7.0.0-rc.3",
+        "@storybook/addon-essentials": "^7.0.0-rc.3",
+        "@storybook/addon-links": "^7.0.0-rc.3",
+        "@storybook/react": "^7.0.0-rc.3",
+        "@storybook/react-webpack5": "^7.0.0-rc.3",
+        "@svgr/rollup": "^8.0.1",
+        "@svgr/webpack": "^8.0.1",
+        "@testing-library/dom": "^9.3.1",
         "@testing-library/react": "^14.0.0",
         "@types/chart.js": "^2.9.37",
-        "@types/jest": "^29.4.0",
+        "@types/jest": "^29.5.2",
         "@types/lodash.throttle": "^4.1.7",
-        "@types/react": "^18.0.28",
-        "@types/react-datepicker": "^4.8.0",
+        "@types/react": "^18.2.14",
+        "@types/react-datepicker": "^4.11.2",
         "@types/react-test-renderer": "^18.0.0",
         "@types/react-window": "^1.8.5",
-        "@types/sortablejs": "^1.15.0",
+        "@types/sortablejs": "^1.15.1",
         "@types/styled-components": "^5.1.26",
-        "@typescript-eslint/eslint-plugin": "^5.40.1",
-        "@typescript-eslint/parser": "^5.40.1",
-        "babel-loader": "^8.2.5",
-        "css-loader": "^6.7.1",
-        "eslint": "^8.25.0",
-        "eslint-config-prettier": "^8.5.0",
-        "eslint-plugin-mdx": "^2.0.5",
+        "@typescript-eslint/eslint-plugin": "^5.60.1",
+        "@typescript-eslint/parser": "^5.60.1",
+        "babel-loader": "^9.1.2",
+        "css-loader": "^6.8.1",
+        "eslint": "^8.43.0",
+        "eslint-config-prettier": "^8.8.0",
+        "eslint-plugin-mdx": "^2.1.0",
         "eslint-plugin-prettier": "^4.2.1",
         "eslint-plugin-react": "^7.32.2",
         "eslint-plugin-react-hooks": "^4.6.0",
-        "eslint-plugin-storybook": "^0.6.11",
-        "html-webpack-plugin": "^5.5.0",
+        "eslint-plugin-storybook": "^0.6.12",
+        "html-webpack-plugin": "^5.5.3",
         "identity-obj-proxy": "^3.0.0",
-        "jest": "^29.4.3",
+        "jest": "^29.5.0",
         "jest-svg-transformer": "^1.0.0",
-        "postcss": "^8.4.14",
-        "postcss-loader": "^7.0.0",
-        "prettier": "^2.8.4",
+        "postcss": "^8.4.24",
+        "postcss-loader": "^7.3.3",
+        "prettier": "^2.8.8",
         "react": "^18.2.0",
-        "react-datepicker": "^4.10.0",
+        "react-datepicker": "^4.14.1",
         "react-dom": "^18.2.0",
         "react-test-renderer": "^18.2.0",
-        "react-window": "^1.8.8",
-        "rollup": "^3.2.5",
+        "react-window": "^1.8.9",
+        "rollup": "^3.25.3",
         "rollup-plugin-delete": "^2.0.0",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-postcss": "^4.0.2",
         "rollup-plugin-typescript-paths": "^1.4.0",
-        "rollup-plugin-visualizer": "^5.8.3",
-        "storybook": "7.0.0-rc.3",
+        "rollup-plugin-visualizer": "^5.9.2",
+        "storybook": "^7.0.0-rc.3",
         "storybook-css-modules-preset": "^1.1.1",
-        "style-loader": "^3.3.1",
-        "styled-components": "^5.3.6",
-        "ts-jest": "^29.0.5",
-        "tsconfig-paths-webpack-plugin": "^4.0.0",
-        "typescript": "^4.7.2",
-        "webpack": "^5.72.1",
+        "style-loader": "^3.3.3",
+        "styled-components": "^5.3.11",
+        "ts-jest": "^29.1.0",
+        "tsconfig-paths-webpack-plugin": "^4.0.1",
+        "typescript": "^5.1.3",
+        "webpack": "^5.88.0",
         "worker-loader": "^3.0.8"
     },
     "files": [

package/dist/components/charts/index.d.ts

@@ -1 +0,0 @@
-export { LineChart } from './lineChart/LineChart';

package/dist/components/charts/lineChart/LineChart.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-/// <reference types="chart.js" />
-import Chart, { ChartData, Defaults } from 'chart.js/auto';
-import { ChartCallbacks, LineChartConfig } from '../../../types/charts';
-interface Props {
-    initialSize: Chart.ChartSize;
-    chartDataSet?: ChartData;
-    chartTitle?: string;
-    xAxisTitle?: string;
-    yAxisTitle?: string;
-    id?: string;
-    testId?: string;
-    chartConfigs?: {
-        defaults?: Defaults;
-        callbacks?: ChartCallbacks;
-    };
-    lineChartConfig?: LineChartConfig;
-    onChartInstance?: (chartInstance: Chart | undefined) => void;
-}
-declare function LineChart({ initialSize, chartDataSet, chartTitle, xAxisTitle, yAxisTitle, id, testId, chartConfigs, lineChartConfig, onChartInstance }: Props): JSX.Element;
-export { LineChart };

package/dist/components/charts/lineChart/dummy/lineChartConfig.d.ts

@@ -1,16 +0,0 @@
-export declare const chartDataSet: {
-    labels: string[];
-    datasets: {
-        label: string;
-        data: number[];
-        borderColor: string;
-        pointBackgroundColor: string;
-        backgroundColor: string;
-        fill: boolean;
-    }[];
-};
-export declare const tooltip: {
-    callbacks: {
-        title: (tooltipItems: [Chart.ChartTooltipItem]) => string | undefined;
-    };
-};

package/dist/components/charts/lineChart/dummy/rawData.d.ts

@@ -1,26 +0,0 @@
-export declare const raw: {
-    DATA1: {
-        id: string;
-        value: number;
-        timestamp: string;
-        status: number;
-    }[];
-    DATA2: {
-        id: string;
-        value: number;
-        timestamp: string;
-        status: number;
-    }[];
-    DATA3: {
-        id: string;
-        value: number;
-        timestamp: string;
-        status: number;
-    }[];
-    DATA4: {
-        id: string;
-        value: number;
-        timestamp: string;
-        status: number;
-    }[];
-};

package/dist/components/charts/lineChart/utils.d.ts

@@ -1,10 +0,0 @@
-import { ChartData } from 'chart.js/auto';
-import { ChartCallbacks, LineChartConfig } from '../../../types/charts';
-export type ChartConfigOptions = {
-    dataConfig: ChartData;
-    chartTitle: string;
-    xAxisTitle: string;
-    yAxisTitle: string;
-    chartCallbacks?: ChartCallbacks;
-};
-export declare const generateChartConfig: ({ dataConfig, chartTitle, xAxisTitle, yAxisTitle, chartCallbacks }: ChartConfigOptions) => LineChartConfig;

package/dist/icons/echoAssets/maps.d.ts

@@ -1,6 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const polygon: IconData;
-export declare const polyrectangle: IconData;
-export declare const polyline: IconData;
-export declare const polygon_symbol: IconData;
-export declare const distance_circle: IconData;

package/dist/icons/echoAssets/misc.d.ts

@@ -1,2 +0,0 @@
-import { IconData } from '@equinor/eds-icons';
-export declare const measuring_point: IconData;

package/dist/types/charts.d.ts

@@ -1,77 +0,0 @@
-import { InteractionMode, TooltipItem } from 'chart.js';
-import { ChartData, ChartOptions, ChartType } from 'chart.js/auto';
-export type LineChartDataSet = {
-    label: string;
-    data: number[];
-    borderColor: string;
-    pointBackgroundColor: string;
-    backgroundColor: string;
-    borderWidth: number;
-    pointStyle: string;
-    fill: boolean;
-};
-export type LineChartData = {
-    labels: string[];
-    datasets: LineChartDataSet[];
-};
-export type LineChartConfig = {
-    type: ChartType;
-    data: ChartData;
-    options: ChartOptions & {
-        responsive: boolean;
-        stacked: boolean;
-        interaction: {
-            mode: InteractionMode;
-            intersect: boolean;
-        };
-        elements: {
-            line: {
-                borderWidth: number;
-            };
-        };
-        plugins: {
-            legend: {
-                labels: {
-                    boxWidth: number;
-                    boxHeight: number;
-                };
-            };
-            title: {
-                display: boolean;
-                text: string;
-            };
-            tooltip: {
-                callbacks?: {
-                    title?: () => string;
-                };
-            };
-        };
-        scales: {
-            x: {
-                title: {
-                    display: boolean;
-                    text: string;
-                };
-                ticks: {
-                    minRotation: number;
-                    maxRotation: number;
-                };
-            };
-            y: {
-                border: {
-                    display: boolean;
-                };
-                title: {
-                    display: boolean;
-                    text: string;
-                };
-            };
-        };
-        animation: boolean;
-    };
-};
-export type ChartCallbacks = {
-    tooltipCallback?: {
-        title?: (tooltipItems: TooltipItem<'line'>[]) => string | undefined;
-    };
-};