@databrainhq/plugin 0.9.20 → 0.9.21

package/dist/utils/getChartAttributes.d.ts

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

package/dist/utils/handleSaveChartImage.d.ts

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

package/package.json

@@ -1,110 +1,98 @@
-{
-  "name": "@databrainhq/plugin",
-  "version": "0.9.20",
-  "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"
-  }
-}
+{
+  "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"
+  }
+}

package/dist/components/Chart/SingleValueChart.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import { ClickActionsConfig } from '@/types';
-export type SingleValueChartProps = {
-    settings?: {
-        fontSize?: number;
-        subHeaderFontSize?: number;
-        subHeaderShow?: boolean;
-        displayText?: string;
-    };
-    value: string | number;
-    hideBorder?: boolean;
-    chartClickConfig?: ClickActionsConfig['chart'];
-    className?: string;
-};
-declare const _default: React.MemoExoticComponent<({ value, settings, chartClickConfig, hideBorder, className, }: SingleValueChartProps) => JSX.Element>;
-export default _default;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { ChartSettingsType } from '@/types';
-export type ChartProps = {
-    chartOptions: ChartSettingsType;
-    data: Record<string, any>[];
-    events?: Record<string, Function>;
-    config?: Record<string, any>;
-    className?: string;
-    colors?: string[];
-};
-/**
- * @name Chart - The metric visualization component.
- * @prop chartOptions - the chart properties saved in the database.
- * @prop data - the array of objects/records returned by the querying.
- * @prop events (optional) - the click, change, etc. events to be added to the chart.
- * @prop config (optional) - any additional chart specific props to be passed to the respective charts e.g. table, single value.
- * @prop className (optional) - the usual className prop to provide styles.
- * @prop colors (optional) - the admin provided chart color palettes.
- * @returns JSX - chart visaulization content.
- */
-export declare const Chart: React.MemoExoticComponent<({ chartOptions, data, events, colors, config, className }: ChartProps) => JSX.Element>;

package/dist/components/ChartSettingsPopup/components/ChartConfigure/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ChartSettingsType } from '@/types/app';
-type Props = {
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
-};
-export declare const ChartConfigure: ({ chartSettings, setChartSettings }: Props) => JSX.Element;
-export {};

package/dist/components/ChartSettingsPopup/components/ChartSettings/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ChartSettingsType } from '@/types/app';
-type Props = {
-    data: any[] | undefined;
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
-};
-export declare const ChartSettings: ({ data, chartSettings, setChartSettings, }: Props) => JSX.Element;
-export {};

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { ChartSettingsType } from '@/types';
-import { PopoverMenuProps } from '@/components/PopoverMenu';
-export type ChartSettingsPopupProps = Pick<PopoverMenuProps, 'buttonClass' | 'menuClass' | 'menuContainerClass' | 'position'> & {
-    data?: Record<string, any>[];
-    settings: ChartSettingsType;
-    setSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
-};
-export declare const ChartSettingsPopup: ({ data, settings, setSettings, buttonClass, menuClass, menuContainerClass, position, }: ChartSettingsPopupProps) => JSX.Element;

package/dist/components/MetricList/components/FullScreenView/DownloadButton.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import EChartsReact from 'echarts-for-react';
-export type DownloadButtonProps = {
-    data: Record<string, any>[];
-    chartRef?: React.RefObject<EChartsReact>;
-    metricName: string;
-    onRawCsvData: () => void;
-};
-export declare const DownloadButton: ({ data, chartRef, metricName, onRawCsvData, }: DownloadButtonProps) => JSX.Element;

package/dist/components/MetricList/components/FullScreenView/index.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { ExternalMetrics } from '@/utils/generated/graphql';
-export type FullScreenViewProps = {
-    metric: ExternalMetrics;
-    colors?: string[];
-    rlsFilters?: {
-        param: any;
-        filterValues: Record<string, string>;
-    };
-    onMinimize: () => void;
-    clientId: string;
-    tenancyLevel: string;
-    externalDashboardId: string;
-    userProvidedDashboardId: string;
-    companyId: string;
-    isAllowedToUpdateMetrics?: boolean;
-};
-export declare const FullScreenView: ({ metric, colors, rlsFilters, onMinimize, clientId, tenancyLevel, companyId, externalDashboardId, userProvidedDashboardId, isAllowedToUpdateMetrics, }: FullScreenViewProps) => JSX.Element;

package/dist/components/MetricList/components/MetricCards/NoDataLoading.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-type NoDataLoadingProps = {
-    isDataLength: boolean;
-    isLoading: boolean;
-};
-export declare const NoDataLoading: React.MemoExoticComponent<({ isDataLength, isLoading }: NoDataLoadingProps) => JSX.Element>;
-export {};

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

@@ -1,8 +0,0 @@
-export * from './ArchiveMetricModal';
-export * from './DownloadRawCsvModal';
-export * from './LayoutAlert';
-export * from './TableViewModal';
-export * from './MetricCards/MetricCard';
-export * from './MetricCards/SingleValueCard';
-export * from './MetricCards/NoDataLoading';
-export * from './FullScreenView';

package/dist/hooks/useMetricCard.d.ts

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { ChartSettingsType, FloatingDropDownOption, RlsCondition } from '@/types';
-import { ExternalMetrics } from '@/utils/generated/graphql';
-import { MetricCardProps } from '@/components';
-type UseMetricCardProps = {
-    metric: ExternalMetrics;
-    chartSettings: ChartSettingsType;
-    setChartSettings: React.Dispatch<React.SetStateAction<ChartSettingsType>>;
-    clientId: string;
-    tenancyLevel: string;
-    globalFilters?: MetricCardProps['globalFilters'];
-    rlsFilters?: {
-        param: any;
-        filterValues: Record<string, any>;
-    };
-};
-export declare const useMetricCard: ({ metric, globalFilters, rlsFilters, clientId, chartSettings, setChartSettings, tenancyLevel, }: UseMetricCardProps) => {
-    onDrillDown: () => void;
-    handleChartClick: (params: any) => void;
-    dataDb: Record<string, any>[];
-    getUnderlyingData: ({ columnName, value, setData, setLoading, }: {
-        columnName: string;
-        value: any;
-        setData: import("react").Dispatch<import("react").SetStateAction<any[]>>;
-        setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    }) => void;
-    onChangeFilterValue: (name: string, value: string, customValue?: Record<string, Date>, stringValues?: FloatingDropDownOption[]) => void;
-    isShowChartPopup: boolean;
-    setShowChartPopup: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    columnName: string | undefined;
-    chartParams: any;
-    isQueryLoading: boolean;
-    groupedData: Record<string, any>[];
-    drilledLevel: number;
-    rlsConditions: RlsCondition[];
-};
-export {};

package/dist/utils/getChartImage.d.ts

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

package/dist/utils/getChartOptions.d.ts

@@ -1,7 +0,0 @@
-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>;