@databrainhq/plugin 0.9.21 → 0.9.23

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,98 +1,110 @@
-{
-  "name": "@databrainhq/plugin",
-  "version": "0.9.21",
-  "description": "Databrain app dashboard ui plugin.",
-  "author": "",
-  "license": "MIT",
-  "repository": "databrainhq/plugin",
-  "source": "src/index.ts",
-  "main": "./dist/index.umd.js",
-  "module": "./dist/index.es.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.umd.js"
-    },
-    "./dist/style.css": "./dist/style.css"
-  },
-  "scripts": {
-    "serve": "vite --port 3005",
-    "build:css": "tailwindcss build -i src/index.css -o dist/index.css",
-    "build": "tsc && vite build",
-    "husky": "husky install",
-    "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"
-  },
-  "devDependencies": {
-    "@commitlint/cli": "^17.0.3",
-    "@commitlint/config-conventional": "^17.0.3",
-    "@graphql-codegen/cli": "^2.16.4",
-    "@graphql-codegen/introspection": "^2.2.3",
-    "@graphql-codegen/typescript": "^2.8.7",
-    "@graphql-codegen/typescript-operations": "^2.5.12",
-    "@graphql-codegen/typescript-react-apollo": "^3.3.7",
-    "@graphql-codegen/typescript-react-query": "^3.6.2",
-    "@iconify/json": "^2.2.6",
-    "@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",
-    "autoprefixer": "^10.4.7",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^7.32.0",
-    "eslint-config-airbnb": "^18.2.1",
-    "eslint-config-airbnb-typescript": "^14.0.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-jsx-a11y": "^6.6.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-unicorn": "^36.0.0",
-    "graphql": "^16.6.0",
-    "husky": "^8.0.1",
-    "lint-staged": "^13.0.3",
-    "postcss": "^8.4.21",
-    "prettier": "^2.0.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "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-tsconfig-paths": "^4.0.3"
-  },
-  "files": [
-    "dist"
-  ],
-  "dependencies": {
-    "@headlessui/react": "^1.7.2",
-    "@tanstack/match-sorter-utils": "^8.8.4",
-    "@tanstack/react-table": "^8.7.9",
-    "ace-builds": "^1.17.0",
-    "classnames": "^2.3.2",
-    "echarts": "^5.4.1",
-    "echarts-for-react": "^3.0.2",
-    "react-ace": "^10.1.0",
-    "react-datepicker": "^4.11.0",
-    "react-error-boundary": "^3.1.4",
-    "react-grid-layout": "^1.3.4",
-    "react-hook-form": "^7.33.1",
-    "react-query": "^3.39.2"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}
+{
+  "name": "@databrainhq/plugin",
+  "version": "0.9.23",
+  "description": "Databrain app dashboard ui plugin.",
+  "author": "",
+  "license": "MIT",
+  "repository": "databrainhq/plugin",
+  "source": "src/index.ts",
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./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",
+    "husky": "husky install",
+    "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",
+    "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",
+    "@commitlint/config-conventional": "^17.0.3",
+    "@graphql-codegen/cli": "^2.16.4",
+    "@graphql-codegen/introspection": "^2.2.3",
+    "@graphql-codegen/typescript": "^2.8.7",
+    "@graphql-codegen/typescript-operations": "^2.5.12",
+    "@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/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": "^4.0",
+    "autoprefixer": "^10.4.7",
+    "babel-eslint": "^10.0.3",
+    "cross-env": "^7.0.2",
+    "eslint": "^7.32.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-config-airbnb-typescript": "^14.0.0",
+    "eslint-config-prettier": "^8.3.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jsx-a11y": "^6.6.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-unicorn": "^36.0.0",
+    "graphql": "^16.6.0",
+    "husky": "^8.0.1",
+    "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": "^4.3",
+    "vite-plugin-dts": "^2.3",
+    "vite-tsconfig-paths": "^4.0.3"
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@headlessui/react": "^1.7.2",
+    "@tanstack/match-sorter-utils": "^8.8.4",
+    "@tanstack/react-table": "^8.7.9",
+    "ace-builds": "^1.17.0",
+    "classnames": "^2.3.2",
+    "echarts": "^5.4.1",
+    "echarts-for-react": "^3.0.2",
+    "react-ace": "^10.1.0",
+    "react-datepicker": "^4.11.0",
+    "react-error-boundary": "^3.1.4",
+    "react-grid-layout": "^1.3.4",
+    "react-hook-form": "^7.33.1",
+    "react-query": "^3.39.2"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

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;