@databrainhq/plugin 0.12.32 → 0.13.0-beta.0

package/package.json

@@ -1,107 +1,108 @@
-{
-  "name": "@databrainhq/plugin",
-  "version": "0.12.32",
-  "description": "Databrain app ui plugin.",
-  "author": "",
-  "license": "MIT",
-  "repository": "databrainhq/plugin",
-  "main": "src/index.ts",
-  "exports": {
-    ".": {
-      "import": "./src/index.ts",
-      "require": "./src/index.ts"
-    },
-    "./web": {
-      "import": "./dist/webcomponents.es.js",
-      "require": "./dist/webcomponents.umd.js",
-      "types": "./dist/webcomponents.d.ts"
-    }
-  },
-  "scripts": {
-    "start:repl": "vite --host 0.0.0.0",
-    "start": "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",
-    "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",
-    "@headlessui/react": "^1.7.2",
-    "@iconify/json": "^2.2.6",
-    "@r2wc/react-to-web-component": "^2.0.2",
-    "@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",
-    "@tanstack/match-sorter-utils": "^8.8.4",
-    "@tanstack/react-table": "^8.7.9",
-    "@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",
-    "ace-builds": "^1.17.0",
-    "autoprefixer": "^10.4.7",
-    "babel-eslint": "^10.0.3",
-    "babel-loader": "^9.1.2",
-    "classnames": "^2.3.2",
-    "cross-env": "^7.0.2",
-    "echarts": "^5.4.1",
-    "echarts-for-react": "^3.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-ace": "^10.1.0",
-    "react-datepicker": "^4.11.0",
-    "react-dom": "^18.2.0",
-    "react-error-boundary": "^3.1.4",
-    "react-grid-layout": "^1.3.4",
-    "react-hook-form": "^7.33.1",
-    "react-query": "^3.39.2",
-    "simplebar-react": "^3.2.4",
-    "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-css-injected-by-js": "^3.1.1",
-    "vite-plugin-dts": "^2.3",
-    "vite-tsconfig-paths": "^4.0.3"
-  },
-  "files": [
-    "dist"
-  ]
-}
+{
+  "name": "@databrainhq/plugin",
+  "version": "0.13.0-beta.0",
+  "description": "Databrain app ui plugin.",
+  "author": "",
+  "license": "MIT",
+  "repository": "databrainhq/plugin",
+  "main": "src/index.ts",
+  "exports": {
+    ".": {
+      "import": "./src/index.ts",
+      "require": "./src/index.ts"
+    },
+    "./web": {
+      "import": "./dist/webcomponents.es.js",
+      "require": "./dist/webcomponents.umd.js",
+      "types": "./dist/webcomponents.d.ts"
+    }
+  },
+  "scripts": {
+    "start:repl": "vite --host 0.0.0.0",
+    "start": "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",
+    "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",
+    "@r2wc/react-to-web-component": "^2.0.2",
+    "@storybook/addon-essentials": "^7.0.9",
+    "@storybook/addon-interactions": "^7.0.9",
+    "@storybook/addon-knobs": "^7.0.2",
+    "@storybook/addon-links": "^7.0.9",
+    "@storybook/blocks": "^7.0.9",
+    "@storybook/manager-api": "^7.0.26",
+    "@storybook/react": "^7.0.9",
+    "@storybook/react-vite": "^7.0.9",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "@storybook/theming": "^7.0.26",
+    "@svgr/core": "^6.5.1",
+    "@tanstack/match-sorter-utils": "^8.8.4",
+    "@tanstack/react-table": "^8.7.9",
+    "@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",
+    "ace-builds": "^1.17.0",
+    "autoprefixer": "^10.4.7",
+    "babel-eslint": "^10.0.3",
+    "babel-loader": "^9.1.2",
+    "classnames": "^2.3.2",
+    "cross-env": "^7.0.2",
+    "echarts": "^5.4.1",
+    "echarts-for-react": "^3.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-ace": "^10.1.0",
+    "react-datepicker": "^4.11.0",
+    "react-dom": "^18.2.0",
+    "react-error-boundary": "^3.1.4",
+    "react-grid-layout": "^1.3.4",
+    "react-hook-form": "^7.33.1",
+    "react-query": "^3.39.2",
+    "simplebar-react": "^3.2.4",
+    "storybook": "^7.0.9",
+    "tailwindcss": "^3.2.4",
+    "ts-node": "^10.9.1",
+    "typescript": "^4.6.3",
+    "vite": "^4.3",
+    "vite-plugin-css-injected-by-js": "^3.1.1",
+    "vite-plugin-dts": "^2.3",
+    "vite-tsconfig-paths": "^4.0.3"
+  },
+  "files": [
+    "dist"
+  ]
+}

package/dist/components/ChartModal/SelectField.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const SelectField: ({ value, options, control }: any) => React.JSX.Element;

package/dist/components/Charts/AreaChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const AreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, backGroundColor, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default AreaChart;

package/dist/components/Charts/BarChart.d.ts

@@ -1,25 +0,0 @@
-import EChartsReact from 'echarts-for-react';
-import React from 'react';
-type Props = {
-    data: {
-        labels: string[] | undefined;
-        datasets: {
-            label: string;
-            data: any[] | undefined;
-            borderColor: string;
-        }[] | undefined;
-    };
-    colors?: string[];
-    backGroundColor: any;
-    legendSettings: any;
-    labelSettings: any;
-    axisSettings: any;
-    margins: any;
-    customSettings: any;
-    chartRef: React.RefObject<EChartsReact>;
-    handleChartClick?: (params: any) => void;
-    setShowChartPopup?: any;
-    drilldown?: () => void;
-};
-declare const BarChart: ({ data, colors, backGroundColor, legendSettings, labelSettings, axisSettings, margins, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: Props) => React.JSX.Element;
-export default BarChart;

package/dist/components/Charts/BoxPlot.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const BoxPlot: ({ data, margins, legendSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default BoxPlot;

package/dist/components/Charts/BubbleChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const BubbleChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default BubbleChart;

package/dist/components/Charts/ComboChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ComboChart: ({ data, margins, legendSettings, labelSettings, colors, backGroundColor, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default ComboChart;

package/dist/components/Charts/DoughnutChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const DoughnutChart: ({ data, margins, legendSettings, labelSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default DoughnutChart;

package/dist/components/Charts/FunnelChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const FunnelChart: ({ funnelData, margins, legendSettings, labelSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, customSettings, }: any) => React.JSX.Element;
-export default FunnelChart;

package/dist/components/Charts/GaugeChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const GaugeChart: ({ gaugeData, margins, legendSettings, colors, chartRef, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default GaugeChart;

package/dist/components/Charts/Histogram.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Histogram: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default Histogram;

package/dist/components/Charts/LineChart.d.ts

@@ -1,25 +0,0 @@
-import EChartsReact from 'echarts-for-react';
-import React from 'react';
-import { AxisSettings, CustomSettings, LabelSettings, LegendSettings } from '@/types/app';
-type Props = {
-    data: {
-        labels: string[] | undefined;
-        datasets: {
-            label: string;
-            data: any[] | undefined;
-            borderColor: string;
-        }[] | undefined;
-    };
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    labelSettings: LabelSettings;
-    axisSettings: AxisSettings;
-    colors?: string[];
-    customSettings: CustomSettings;
-    chartRef: React.RefObject<EChartsReact>;
-    handleChartClick?: (params: any) => void;
-    setShowChartPopup?: any;
-    drilldown?: () => void;
-};
-declare const LineChart: ({ data, margins, legendSettings, labelSettings, axisSettings, colors, customSettings, chartRef, handleChartClick, setShowChartPopup, drilldown, }: Props) => React.JSX.Element;
-export default LineChart;

package/dist/components/Charts/PieChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const PieChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default PieChart;

package/dist/components/Charts/RowChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const RowChart: ({ data, margins, legendSettings, labelSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default RowChart;

package/dist/components/Charts/SankeyChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SankeyChart: ({ data, margins, chartRef, colors, backGroundColor, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default SankeyChart;

package/dist/components/Charts/ScatterChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ScatterChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, isEnableGroupBy, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default ScatterChart;

package/dist/components/Charts/SingleValueChart/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SingleValueChart: ({ data, customSettings, chartClickConfig, hideBorder, }: any) => React.JSX.Element;
-export default SingleValueChart;

package/dist/components/Charts/StackedBarChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const StackedBarChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default StackedBarChart;

package/dist/components/Charts/SteppedAreaChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const SteppedAreaChart: ({ data, margins, legendSettings, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default SteppedAreaChart;

package/dist/components/Charts/Table/TableChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<({ data, chartClickConfig, tableSettings, tableName, }: any) => React.JSX.Element>;
-export default _default;

package/dist/components/Charts/TimeSeriesChart.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { TimeSeriesChartProps } from '@/types';
-declare const TimeSeriesChart: ({ dataArray, groupBy, timeStampKey, type, valuekeys, margins, colors, customSettings, axisSettings, labelSettings, legendSettings, backGroundColor, }: TimeSeriesChartProps) => React.JSX.Element;
-export default TimeSeriesChart;

package/dist/components/Charts/WaterfallChart.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const WaterFallChart: ({ data, margins, labelSettings, axisSettings, chartRef, colors, backGroundColor, customSettings, handleChartClick, setShowChartPopup, drilldown, }: any) => React.JSX.Element;
-export default WaterFallChart;

package/dist/components/MetricChart/MetricChart.d.ts

@@ -1,45 +0,0 @@
-import React from 'react';
-import EChartsReact from 'echarts-for-react';
-import { AxisSettings, LabelSettings, LegendSettings, BackgroundSettings, CustomSettings, TableSettings } from '@/types/app';
-import { ClickActionsConfig, TimeSeriesSettingsType } from '@/types';
-export type MetricChartProps = {
-    data: {
-        labels: string[] | undefined;
-        datasets: {
-            label: string;
-            data: any[] | undefined;
-            borderColor: string;
-        }[] | undefined;
-    };
-    labels: string[] | undefined;
-    funnelData: ('' | {
-        value: any;
-        name: any;
-    } | undefined)[] | undefined;
-    chartType: string;
-    sankeyData: (any[] | undefined)[] | undefined;
-    singleValueData: ('' | {
-        value: any;
-        label: string;
-    } | undefined)[] | undefined;
-    margins: Record<string, number>;
-    legendSettings: LegendSettings;
-    labelSettings: LabelSettings;
-    axisSettings: AxisSettings;
-    customSettings: CustomSettings;
-    enableSaveAs: boolean;
-    colors?: string[];
-    backGroundColor: BackgroundSettings;
-    chartClickConfig: ClickActionsConfig['chart'];
-    tableSettings: TableSettings;
-    chartRef: React.RefObject<EChartsReact>;
-    tableName?: string;
-    handleChartClick?: (params: any) => void;
-    drilldown?: () => void;
-    setShowChartPopup?: React.Dispatch<React.SetStateAction<boolean>>;
-    rawData: Record<string, any>[];
-    timeSeriesSettings: TimeSeriesSettingsType;
-    xAxis: string;
-    yAxisList: string[];
-};
-export declare const MetricChart: ({ labels, data, chartType, funnelData, sankeyData, singleValueData, margins, legendSettings, labelSettings, axisSettings, customSettings, enableSaveAs, colors, backGroundColor, chartClickConfig, tableSettings, chartRef, tableName, handleChartClick, drilldown, setShowChartPopup, rawData, timeSeriesSettings, xAxis, yAxisList, }: MetricChartProps) => React.JSX.Element;

package/dist/components/ToggleButton/ToggleInput.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type ToggleProps = {
-    name?: string;
-    styles: Record<string, string>;
-    placeholder?: string | [string, string];
-    enabled?: boolean;
-};
-export declare const Toggle: React.FC<ToggleProps>;
-export {};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-type SwitchButtonProps = {
-    onChange?: (enabled: boolean) => void;
-    enabled?: boolean;
-    variant?: 'switch' | 'toggle';
-    label?: string;
-    className?: string;
-    placeholder?: string | [string, string];
-    labelClassName?: string;
-    defaultEnabled?: boolean;
-    name?: string;
-};
-export declare const ToggleButton: React.FC<SwitchButtonProps>;
-export {};

package/dist/containers/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Dashboard';
-export * from './PluginProvider';
-export * from './Metric';

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export * from './containers';
-export * as utils from './utils';
-export * as consts from './consts';
-export * as helpers from './helpers';
-export * as hooks from './hooks';
-export * as types from './types';
-export * as Ui from './components';