@databrainhq/plugin 0.9.18 → 0.9.20

package/dist/utils/getChartAttributes.d.ts

@@ -1,5 +1,5 @@
-declare type Params = {
-    data: any[] | undefined;
+type Params = {
+    data: Record<string, any>[] | undefined;
     yAxisList: string[] | undefined;
     xAxis: string | undefined;
     measure: string | undefined;
@@ -14,14 +14,11 @@ export declare const getChartAttributes: ({ data, measure, sankeyValues, singleV
         data: any[];
         borderColor: string;
     }[] | undefined;
-    funnelData: ("" | {
+    funnelData: {
         value: any;
         name: any;
-    } | undefined)[];
+    }[];
     sankeyData: any[][] | undefined;
-    singleValueData: ("" | {
-        value: any;
-        label: string;
-    } | undefined)[];
+    singleValueData: any[];
 };
 export {};

package/dist/utils/getChartImage.d.ts

@@ -0,0 +1,3 @@
+import EChartsReact from 'echarts-for-react';
+declare const getChartImage: (chartRef: React.RefObject<EChartsReact>) => string;
+export default getChartImage;

package/dist/utils/getChartOptions.d.ts

@@ -0,0 +1,7 @@
+import { ChartSettingsType } from '@/types';
+export type GetChartOptionsParams = {
+    chartOptions: ChartSettingsType;
+    data: Record<string, any>[];
+    colors?: string[];
+};
+export declare const getChartOptions: ({ chartOptions, data, colors, }: GetChartOptionsParams) => Record<string, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databrainhq/plugin",
-  "version": "0.9.18",
+  "version": "0.9.20",
   "description": "Databrain app dashboard ui plugin.",
   "author": "",
   "license": "MIT",
@@ -17,6 +17,7 @@
     "./dist/style.css": "./dist/style.css"
   },
   "scripts": {
+    "start:repl": "vite --host 0.0.0.0",
     "serve": "vite --port 3005",
     "build:css": "tailwindcss build -i src/index.css -o dist/index.css",
     "build": "tsc && vite build",
@@ -24,7 +25,10 @@
     "predeploy": "cd example && npm install && npm run build",
     "lint": "eslint --ext .tsx,.ts --ignore-path .gitignore --fix src",
     "codegen": "graphql-codegen --config codegen.yml -r dotenv/config",
-    "prepare": "npm run build"
+    "prepare": "npm run build",
+    "storybook:repl": "storybook dev -p 6006 --host 0.0.0.0",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.0.3",
@@ -36,15 +40,21 @@
     "@graphql-codegen/typescript-react-apollo": "^3.3.7",
     "@graphql-codegen/typescript-react-query": "^3.6.2",
     "@iconify/json": "^2.2.6",
+    "@storybook/addon-essentials": "^7.0.9",
+    "@storybook/addon-interactions": "^7.0.9",
+    "@storybook/addon-links": "^7.0.9",
+    "@storybook/blocks": "^7.0.9",
+    "@storybook/react": "^7.0.9",
+    "@storybook/react-vite": "^7.0.9",
+    "@storybook/testing-library": "^0.0.14-next.2",
     "@svgr/core": "^6.5.1",
-    "@types/node": "^12.12.38",
     "@types/react": "^18.0.26",
     "@types/react-datepicker": "^4.11.2",
     "@types/react-dom": "^18.0.10",
     "@types/react-grid-layout": "^1.3.2",
     "@typescript-eslint/eslint-plugin": "^4.31.1",
     "@typescript-eslint/parser": "^4.31.1",
-    "@vitejs/plugin-react": "^1.3.0",
+    "@vitejs/plugin-react": "^4.0",
     "autoprefixer": "^10.4.7",
     "babel-eslint": "^10.0.3",
     "cross-env": "^7.0.2",
@@ -63,14 +73,16 @@
     "lint-staged": "^13.0.3",
     "postcss": "^8.4.21",
     "prettier": "^2.0.4",
+    "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "storybook": "^7.0.9",
     "tailwindcss": "^3.2.4",
     "ts-node": "^10.9.1",
     "typescript": "^4.6.3",
     "unplugin-icons": "^0.14.7",
-    "vite": "^2.9.9",
-    "vite-plugin-dts": "^1.7.1",
+    "vite": "^4.3",
+    "vite-plugin-dts": "^2.3",
     "vite-tsconfig-paths": "^4.0.3"
   },
   "files": [

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartConfigure/index.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, TableSettings } from '@/types/app';
-import { TimeSeriesSettingsType } from '@/types';
-declare type Props = {
-    setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    setLegendSettings: React.Dispatch<React.SetStateAction<LegendSettings>>;
-    labelSettings: LabelSettings;
-    setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
-    axisSettings: AxisSettings;
-    setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
-    customSettings: CustomSettings;
-    setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
-    chartType: any;
-    setChartType: any;
-    backGroundColor: BackgroundSettings;
-    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
-    tableSettings: TableSettings;
-    setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
-    timeSeriesSettings: TimeSeriesSettingsType;
-    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
-    yAxisList: string[];
-};
-export declare const ChartConfigure: ({ setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, chartType, setChartType, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, setTimeSeriesSettings, timeSeriesSettings, yAxisList, }: Props) => JSX.Element;
-export {};

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/ChartSettings/index.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { AxisSettings, BackgroundSettings, CustomSettings, LabelSettings, LegendSettings, TableSettings } from '@/types/app';
-import { TimeSeriesSettingsType } from '@/types';
-declare type Props = {
-    data: any[] | undefined;
-    chartType: string;
-    setChartType: React.Dispatch<React.SetStateAction<string>>;
-    setXAxis: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setYAxisList: React.Dispatch<React.SetStateAction<string[] | undefined>>;
-    yAxisList?: string[];
-    xAxis: string | undefined;
-    setMeasure: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setStep: React.Dispatch<React.SetStateAction<string | undefined>>;
-    step: string | undefined;
-    measure: string | undefined;
-    setSankeyValues: React.Dispatch<React.SetStateAction<string[] | undefined>>;
-    singleValue: string | undefined;
-    setSingleValue: React.Dispatch<React.SetStateAction<string | undefined>>;
-    setSettingsShow: React.Dispatch<React.SetStateAction<boolean>>;
-    setMargins: React.Dispatch<React.SetStateAction<Record<string, number>>>;
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    setLegendSettings: React.Dispatch<React.SetStateAction<LegendSettings>>;
-    labelSettings: LabelSettings;
-    setLabelSettings: React.Dispatch<React.SetStateAction<LabelSettings>>;
-    axisSettings: AxisSettings;
-    setAxisSettings: React.Dispatch<React.SetStateAction<AxisSettings>>;
-    customSettings: CustomSettings;
-    setCustomSettings: React.Dispatch<React.SetStateAction<CustomSettings>>;
-    backGroundColor: BackgroundSettings;
-    setBackGroundColor: React.Dispatch<React.SetStateAction<BackgroundSettings>>;
-    tableSettings: TableSettings;
-    setTableSettings: React.Dispatch<React.SetStateAction<TableSettings>>;
-    timeSeriesSettings: TimeSeriesSettingsType;
-    setTimeSeriesSettings: React.Dispatch<React.SetStateAction<TimeSeriesSettingsType>>;
-};
-export declare const ChartSettings: ({ chartType, setChartType, data, setXAxis, setYAxisList, yAxisList, xAxis, setMeasure, setStep, step, measure, setSankeyValues, singleValue, setSingleValue, setSettingsShow, setMargins, margins, legendSettings, setLegendSettings, labelSettings, setLabelSettings, axisSettings, setAxisSettings, customSettings, setCustomSettings, backGroundColor, setBackGroundColor, tableSettings, setTableSettings, setTimeSeriesSettings, timeSeriesSettings, }: Props) => JSX.Element;
-export {};

package/dist/components/MetricCreation/components/MetricOutput/components/ChartTab/components/index.d.ts

@@ -1,2 +0,0 @@
-export * from './ChartConfigure';
-export * from './ChartSettings';

package/dist/typings.d.ts

@@ -1,17 +0,0 @@
-/**
- * Default CSS definition for typescript,
- * will be overridden with file-specific definitions by rollup
- */
-declare module '*.css' {
-  const content: Record<string, string>;
-  export default content;
-}
-
-interface SvgrComponent extends React.FC<React.SVGAttributes<SVGElement>> {}
-
-declare module '*.svg' {
-  const svgUrl: string;
-  const svgComponent: SvgrComponent;
-  export default svgUrl;
-  export { svgComponent as ReactComponent };
-}

package/dist/utils/handleSaveChartImage.d.ts

@@ -1,3 +0,0 @@
-import EChartsReact from 'echarts-for-react';
-declare const handleSaveChartImage: (chartRef: React.RefObject<EChartsReact>) => void;
-export default handleSaveChartImage;