@databrainhq/plugin 0.8.3 → 0.8.4

package/dist/typings.d.ts

@@ -1,17 +1,17 @@
-/**
- * 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 };
-}
+/**
+ * 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/generated/graphql.d.ts

@@ -215,6 +215,63 @@ export declare type TableList = {
     columns?: Maybe<Array<Maybe<SubsetColumns>>>;
     tableName: Scalars['String'];
 };
+/** Client's dashboard metrics layout tracker. */
+export declare type ClientDashboardMetrics = {
+    __typename?: 'clientDashboardMetrics';
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+};
+/** Boolean expression to filter rows from the table "clientDashboardMetrics". All fields are combined with a logical 'AND'. */
+export declare type ClientDashboardMetrics_Bool_Exp = {
+    _and?: InputMaybe<Array<ClientDashboardMetrics_Bool_Exp>>;
+    _not?: InputMaybe<ClientDashboardMetrics_Bool_Exp>;
+    _or?: InputMaybe<Array<ClientDashboardMetrics_Bool_Exp>>;
+    clientId?: InputMaybe<String_Comparison_Exp>;
+    externalDashboardId?: InputMaybe<Uuid_Comparison_Exp>;
+};
+/** unique or primary key constraints on table "clientDashboardMetrics" */
+export declare enum ClientDashboardMetrics_Constraint {
+    /** unique or primary key constraint on columns "clientId", "externalDashboardId" */
+    ClientDashboardMetricsClientIdExternalDashboardIdKey = "clientDashboardMetrics_clientId_externalDashboardId_key",
+    /** unique or primary key constraint on columns "clientId", "externalDashboardId" */
+    ClientDashboardMetricsPkey = "clientDashboardMetrics_pkey"
+}
+/** input type for inserting data into table "clientDashboardMetrics" */
+export declare type ClientDashboardMetrics_Insert_Input = {
+    clientId?: InputMaybe<Scalars['String']>;
+    externalDashboardId?: InputMaybe<Scalars['uuid']>;
+};
+/** response of any mutation on the table "clientDashboardMetrics" */
+export declare type ClientDashboardMetrics_Mutation_Response = {
+    __typename?: 'clientDashboardMetrics_mutation_response';
+    /** number of rows affected by the mutation */
+    affected_rows: Scalars['Int'];
+    /** data from the rows affected by the mutation */
+    returning: Array<ClientDashboardMetrics>;
+};
+/** on_conflict condition type for table "clientDashboardMetrics" */
+export declare type ClientDashboardMetrics_On_Conflict = {
+    constraint: ClientDashboardMetrics_Constraint;
+    update_columns?: Array<ClientDashboardMetrics_Update_Column>;
+    where?: InputMaybe<ClientDashboardMetrics_Bool_Exp>;
+};
+/** Ordering options when selecting data from "clientDashboardMetrics". */
+export declare type ClientDashboardMetrics_Order_By = {
+    clientId?: InputMaybe<Order_By>;
+    externalDashboardId?: InputMaybe<Order_By>;
+};
+/** select columns of table "clientDashboardMetrics" */
+export declare enum ClientDashboardMetrics_Select_Column {
+    /** column name */
+    ClientId = "clientId",
+    /** column name */
+    ExternalDashboardId = "externalDashboardId"
+}
+/** placeholder for update columns of table "clientDashboardMetrics" (current role has no relevant permissions) */
+export declare enum ClientDashboardMetrics_Update_Column {
+    /** placeholder (do not use) */
+    Placeholder = "_PLACEHOLDER"
+}
 /** columns and relationships of "companyIntegrations" */
 export declare type CompanyIntegrations = {
     __typename?: 'companyIntegrations';
@@ -754,6 +811,10 @@ export declare type ExternalMetrics_Aggregate_Order_By = {
     max?: InputMaybe<ExternalMetrics_Max_Order_By>;
     min?: InputMaybe<ExternalMetrics_Min_Order_By>;
 };
+/** append existing jsonb value of filtered columns with new jsonb value */
+export declare type ExternalMetrics_Append_Input = {
+    resizeAttributes?: InputMaybe<Scalars['jsonb']>;
+};
 /** Boolean expression to filter rows from the table "externalMetrics". All fields are combined with a logical 'AND'. */
 export declare type ExternalMetrics_Bool_Exp = {
     _and?: InputMaybe<Array<ExternalMetrics_Bool_Exp>>;
@@ -796,6 +857,18 @@ export declare enum ExternalMetrics_Constraint {
     /** unique or primary key constraint on columns "id" */
     ExternalMetricsPkey = "externalMetrics_pkey"
 }
+/** delete the field or element with specified path (for JSON arrays, negative integers count from the end) */
+export declare type ExternalMetrics_Delete_At_Path_Input = {
+    resizeAttributes?: InputMaybe<Array<Scalars['String']>>;
+};
+/** delete the array element with specified index (negative integers count from the end). throws an error if top level container is not an array */
+export declare type ExternalMetrics_Delete_Elem_Input = {
+    resizeAttributes?: InputMaybe<Scalars['Int']>;
+};
+/** delete key/value pair or string element. key/value pairs are matched based on their key value */
+export declare type ExternalMetrics_Delete_Key_Input = {
+    resizeAttributes?: InputMaybe<Scalars['String']>;
+};
 /** input type for inserting data into table "externalMetrics" */
 export declare type ExternalMetrics_Insert_Input = {
     chartOptions?: InputMaybe<Scalars['jsonb']>;
@@ -915,6 +988,10 @@ export declare type ExternalMetrics_Order_By = {
 export declare type ExternalMetrics_Pk_Columns_Input = {
     id: Scalars['uuid'];
 };
+/** prepend existing jsonb value of filtered columns with new jsonb value */
+export declare type ExternalMetrics_Prepend_Input = {
+    resizeAttributes?: InputMaybe<Scalars['jsonb']>;
+};
 /** select columns of table "externalMetrics" */
 export declare enum ExternalMetrics_Select_Column {
     /** column name */
@@ -973,11 +1050,14 @@ export declare enum ExternalMetrics_Select_Column {
 /** input type for updating data in table "externalMetrics" */
 export declare type ExternalMetrics_Set_Input = {
     isMarkedDeleted?: InputMaybe<Scalars['Boolean']>;
+    resizeAttributes?: InputMaybe<Scalars['jsonb']>;
 };
 /** update columns of table "externalMetrics" */
 export declare enum ExternalMetrics_Update_Column {
     /** column name */
-    IsMarkedDeleted = "isMarkedDeleted"
+    IsMarkedDeleted = "isMarkedDeleted",
+    /** column name */
+    ResizeAttributes = "resizeAttributes"
 }
 /** columns and relationships of "guestTokens" */
 export declare type GuestTokens = {
@@ -1069,6 +1149,10 @@ export declare type Mutation_Root = {
     generateExternalMetricQuery?: Maybe<GenerateExternalMetricQueryOutput>;
     getUnderlyingData?: Maybe<GetUnderlyingDataOutput>;
     getUnderlyingSqlQuery?: Maybe<GetUnderlyingSqlQueryOutput>;
+    /** insert data into the table: "clientDashboardMetrics" */
+    insert_clientDashboardMetrics?: Maybe<ClientDashboardMetrics_Mutation_Response>;
+    /** insert a single row into the table: "clientDashboardMetrics" */
+    insert_clientDashboardMetrics_one?: Maybe<ClientDashboardMetrics>;
     /** insert data into the table: "externalDashboardMetrics" */
     insert_externalDashboardMetrics?: Maybe<ExternalDashboardMetrics_Mutation_Response>;
     /** insert a single row into the table: "externalDashboardMetrics" */
@@ -1125,6 +1209,16 @@ export declare type Mutation_RootGetUnderlyingSqlQueryArgs = {
     input: GetUnderlyingSqlQueryInput;
 };
 /** mutation root */
+export declare type Mutation_RootInsert_ClientDashboardMetricsArgs = {
+    objects: Array<ClientDashboardMetrics_Insert_Input>;
+    on_conflict?: InputMaybe<ClientDashboardMetrics_On_Conflict>;
+};
+/** mutation root */
+export declare type Mutation_RootInsert_ClientDashboardMetrics_OneArgs = {
+    object: ClientDashboardMetrics_Insert_Input;
+    on_conflict?: InputMaybe<ClientDashboardMetrics_On_Conflict>;
+};
+/** mutation root */
 export declare type Mutation_RootInsert_ExternalDashboardMetricsArgs = {
     objects: Array<ExternalDashboardMetrics_Insert_Input>;
     on_conflict?: InputMaybe<ExternalDashboardMetrics_On_Conflict>;
@@ -1164,11 +1258,21 @@ export declare type Mutation_RootSendRawCsvArgs = {
 };
 /** mutation root */
 export declare type Mutation_RootUpdate_ExternalMetricsArgs = {
+    _append?: InputMaybe<ExternalMetrics_Append_Input>;
+    _delete_at_path?: InputMaybe<ExternalMetrics_Delete_At_Path_Input>;
+    _delete_elem?: InputMaybe<ExternalMetrics_Delete_Elem_Input>;
+    _delete_key?: InputMaybe<ExternalMetrics_Delete_Key_Input>;
+    _prepend?: InputMaybe<ExternalMetrics_Prepend_Input>;
     _set?: InputMaybe<ExternalMetrics_Set_Input>;
     where: ExternalMetrics_Bool_Exp;
 };
 /** mutation root */
 export declare type Mutation_RootUpdate_ExternalMetrics_By_PkArgs = {
+    _append?: InputMaybe<ExternalMetrics_Append_Input>;
+    _delete_at_path?: InputMaybe<ExternalMetrics_Delete_At_Path_Input>;
+    _delete_elem?: InputMaybe<ExternalMetrics_Delete_Elem_Input>;
+    _delete_key?: InputMaybe<ExternalMetrics_Delete_Key_Input>;
+    _prepend?: InputMaybe<ExternalMetrics_Prepend_Input>;
     _set?: InputMaybe<ExternalMetrics_Set_Input>;
     pk_columns: ExternalMetrics_Pk_Columns_Input;
 };
@@ -1189,6 +1293,10 @@ export declare enum Order_By {
 }
 export declare type Query_Root = {
     __typename?: 'query_root';
+    /** fetch data from the table: "clientDashboardMetrics" */
+    clientDashboardMetrics: Array<ClientDashboardMetrics>;
+    /** fetch data from the table: "clientDashboardMetrics" using primary key columns */
+    clientDashboardMetrics_by_pk?: Maybe<ClientDashboardMetrics>;
     /** fetch data from the table: "companyIntegrations" */
     companyIntegrations: Array<CompanyIntegrations>;
     /** fetch data from the table: "companyIntegrations" using primary key columns */
@@ -1229,6 +1337,17 @@ export declare type Query_Root = {
     /** fetch data from the table: "themes" using primary key columns */
     themes_by_pk?: Maybe<Themes>;
 };
+export declare type Query_RootClientDashboardMetricsArgs = {
+    distinct_on?: InputMaybe<Array<ClientDashboardMetrics_Select_Column>>;
+    limit?: InputMaybe<Scalars['Int']>;
+    offset?: InputMaybe<Scalars['Int']>;
+    order_by?: InputMaybe<Array<ClientDashboardMetrics_Order_By>>;
+    where?: InputMaybe<ClientDashboardMetrics_Bool_Exp>;
+};
+export declare type Query_RootClientDashboardMetrics_By_PkArgs = {
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+};
 export declare type Query_RootCompanyIntegrationsArgs = {
     distinct_on?: InputMaybe<Array<CompanyIntegrations_Select_Column>>;
     limit?: InputMaybe<Scalars['Int']>;
@@ -1332,6 +1451,10 @@ export declare type Query_RootThemes_By_PkArgs = {
 };
 export declare type Subscription_Root = {
     __typename?: 'subscription_root';
+    /** fetch data from the table: "clientDashboardMetrics" */
+    clientDashboardMetrics: Array<ClientDashboardMetrics>;
+    /** fetch data from the table: "clientDashboardMetrics" using primary key columns */
+    clientDashboardMetrics_by_pk?: Maybe<ClientDashboardMetrics>;
     /** fetch data from the table: "companyIntegrations" */
     companyIntegrations: Array<CompanyIntegrations>;
     /** fetch data from the table: "companyIntegrations" using primary key columns */
@@ -1371,6 +1494,17 @@ export declare type Subscription_Root = {
     /** fetch data from the table: "themes" using primary key columns */
     themes_by_pk?: Maybe<Themes>;
 };
+export declare type Subscription_RootClientDashboardMetricsArgs = {
+    distinct_on?: InputMaybe<Array<ClientDashboardMetrics_Select_Column>>;
+    limit?: InputMaybe<Scalars['Int']>;
+    offset?: InputMaybe<Scalars['Int']>;
+    order_by?: InputMaybe<Array<ClientDashboardMetrics_Order_By>>;
+    where?: InputMaybe<ClientDashboardMetrics_Bool_Exp>;
+};
+export declare type Subscription_RootClientDashboardMetrics_By_PkArgs = {
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+};
 export declare type Subscription_RootCompanyIntegrationsArgs = {
     distinct_on?: InputMaybe<Array<CompanyIntegrations_Select_Column>>;
     limit?: InputMaybe<Scalars['Int']>;
@@ -1648,6 +1782,18 @@ export declare type GenerateEmbeddedMeticMutation = {
         } | null;
     } | null;
 };
+export declare type GetClientDashboardLayoutQueryVariables = Exact<{
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+}>;
+export declare type GetClientDashboardLayoutQuery = {
+    __typename?: 'query_root';
+    clientDashboardMetrics_by_pk?: {
+        __typename?: 'clientDashboardMetrics';
+        clientId: string;
+        externalDashboardId: any;
+    } | null;
+};
 export declare type CompanySubsetTableDataMutationVariables = Exact<{
     clientId?: InputMaybe<Scalars['String']>;
     companyId?: InputMaybe<Scalars['String']>;
@@ -1809,6 +1955,18 @@ export declare type UnderlyingDataMutation = {
         timeTaken: number;
     } | null;
 };
+export declare type MarkClientDashboardLayoutChangeMutationVariables = Exact<{
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+}>;
+export declare type MarkClientDashboardLayoutChangeMutation = {
+    __typename?: 'mutation_root';
+    insert_clientDashboardMetrics_one?: {
+        __typename?: 'clientDashboardMetrics';
+        clientId: string;
+        externalDashboardId: any;
+    } | null;
+};
 export declare type MarkDeleteMetricMutationVariables = Exact<{
     id?: Scalars['uuid'];
 }>;
@@ -1872,6 +2030,17 @@ export declare type RawCsvMutation = {
         } | null;
     } | null;
 };
+export declare type ResizeExternalMetricMutationVariables = Exact<{
+    id: Scalars['uuid'];
+    resizeAttributes: Scalars['jsonb'];
+}>;
+export declare type ResizeExternalMetricMutation = {
+    __typename?: 'mutation_root';
+    update_externalMetrics_by_pk?: {
+        __typename?: 'externalMetrics';
+        resizeAttributes: any;
+    } | null;
+};
 export declare const CreateExternalMetricDocument = "\n    mutation CreateExternalMetric($chartOptions: jsonb = \"\", $companyId: uuid = \"\", $companyIntegrationId: uuid = \"\", $description: String = \"\", $inputFields: jsonb = \"\", $integrationName: String = \"\", $metricId: String = \"\", $metricQuery: String = \"\", $name: String = \"\", $outputColumns: String = \"\", $query: String = \"\", $isLive: Boolean, $clientId: String = \"\", $isCreatedByClient: Boolean = false, $createdBy: String = \"\", $timeGrain: String = \"\", $externalDashboardIds: [externalDashboardMetrics_insert_input!] = {}, $selectedGroupBy: jsonb = [], $isEnableGroupBy: Boolean = false, $groupBy: jsonb = {}) {\n  insert_externalMetrics_one(\n    object: {chartOptions: $chartOptions, companyId: $companyId, companyIntegrationId: $companyIntegrationId, description: $description, inputFields: $inputFields, integrationName: $integrationName, metricId: $metricId, metricQuery: $metricQuery, name: $name, outputColumns: $outputColumns, query: $query, isLive: $isLive, clientId: $clientId, isCreatedByClient: $isCreatedByClient, createdBy: $createdBy, timeGrain: $timeGrain, externalDashboardMetrics: {data: $externalDashboardIds}, selectedGroupBy: $selectedGroupBy, isEnableGroupBy: $isEnableGroupBy, groupBy: $groupBy}\n  ) {\n    id\n    externalDashboardMetrics {\n      externalDashboardId\n    }\n  }\n}\n    ";
 export declare const useCreateExternalMetricMutation: <TError = unknown, TContext = unknown>(options?: UseMutationOptions<CreateExternalMetricMutation, TError, Exact<{
     chartOptions?: InputMaybe<Scalars['jsonb']>;
@@ -1946,6 +2115,8 @@ export declare const useGenerateEmbeddedMeticMutation: <TError = unknown, TConte
     queryPrompt?: InputMaybe<string> | undefined;
     timeGrain?: InputMaybe<string> | undefined;
 }>, TContext>;
+export declare const GetClientDashboardLayoutDocument = "\n    query GetClientDashboardLayout($clientId: String!, $externalDashboardId: uuid!) {\n  clientDashboardMetrics_by_pk(\n    clientId: $clientId\n    externalDashboardId: $externalDashboardId\n  ) {\n    clientId\n    externalDashboardId\n  }\n}\n    ";
+export declare const useGetClientDashboardLayoutQuery: <TData = GetClientDashboardLayoutQuery, TError = unknown>(variables: GetClientDashboardLayoutQueryVariables, options?: UseQueryOptions<GetClientDashboardLayoutQuery, TError, TData, import("react-query").QueryKey> | undefined) => import("react-query").UseQueryResult<TData, TError>;
 export declare const CompanySubsetTableDataDocument = "\n    mutation CompanySubsetTableData($clientId: String = \"\", $companyId: String = \"\") {\n  companySubsetTableData(input: {clientId: $clientId, companyId: $companyId}) {\n    companyIntegrationId\n    dbName\n    error {\n      message\n    }\n    tableList {\n      tableName\n      columns {\n        datatype\n        name\n        as\n      }\n      clientColumn\n    }\n  }\n}\n    ";
 export declare const useCompanySubsetTableDataMutation: <TError = unknown, TContext = unknown>(options?: UseMutationOptions<CompanySubsetTableDataMutation, TError, Exact<{
     clientId?: InputMaybe<string> | undefined;
@@ -1980,6 +2151,14 @@ export declare const useUnderlyingDataMutation: <TError = unknown, TContext = un
     query?: InputMaybe<string> | undefined;
     value?: InputMaybe<Scalars['json']>;
 }>, TContext>;
+export declare const MarkClientDashboardLayoutChangeDocument = "\n    mutation MarkClientDashboardLayoutChange($clientId: String!, $externalDashboardId: uuid!) {\n  insert_clientDashboardMetrics_one(\n    object: {clientId: $clientId, externalDashboardId: $externalDashboardId}\n  ) {\n    clientId\n    externalDashboardId\n  }\n}\n    ";
+export declare const useMarkClientDashboardLayoutChangeMutation: <TError = unknown, TContext = unknown>(options?: UseMutationOptions<MarkClientDashboardLayoutChangeMutation, TError, Exact<{
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+}>, TContext> | undefined) => import("react-query").UseMutationResult<MarkClientDashboardLayoutChangeMutation, TError, Exact<{
+    clientId: Scalars['String'];
+    externalDashboardId: Scalars['uuid'];
+}>, TContext>;
 export declare const MarkDeleteMetricDocument = "\n    mutation MarkDeleteMetric($id: uuid! = \"\") {\n  update_externalMetrics_by_pk(\n    pk_columns: {id: $id}\n    _set: {isMarkedDeleted: true}\n  ) {\n    id\n  }\n}\n    ";
 export declare const useMarkDeleteMetricMutation: <TError = unknown, TContext = unknown>(options?: UseMutationOptions<MarkDeleteMetricMutation, TError, Exact<{
     id?: Scalars['uuid'];
@@ -2008,3 +2187,11 @@ export declare const useRawCsvMutation: <TError = unknown, TContext = unknown>(o
     recipientAddress?: InputMaybe<string> | undefined;
     sqlQuery?: InputMaybe<string> | undefined;
 }>, TContext>;
+export declare const ResizeExternalMetricDocument = "\n    mutation resizeExternalMetric($id: uuid!, $resizeAttributes: jsonb!) {\n  update_externalMetrics_by_pk(\n    pk_columns: {id: $id}\n    _set: {resizeAttributes: $resizeAttributes}\n  ) {\n    resizeAttributes\n  }\n}\n    ";
+export declare const useResizeExternalMetricMutation: <TError = unknown, TContext = unknown>(options?: UseMutationOptions<ResizeExternalMetricMutation, TError, Exact<{
+    id: Scalars['uuid'];
+    resizeAttributes: Scalars['jsonb'];
+}>, TContext> | undefined) => import("react-query").UseMutationResult<ResizeExternalMetricMutation, TError, Exact<{
+    id: Scalars['uuid'];
+    resizeAttributes: Scalars['jsonb'];
+}>, TContext>;

package/package.json

@@ -1,98 +1,98 @@
-{
-  "name": "@databrainhq/plugin",
-  "version": "0.8.3",
-  "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"
-  },
-  "engines": {
-    "node": "^14.13.1 || >=16.15.1",
-    "yarn": "please-use-npm"
-  },
-  "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-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",
-    "classnames": "^2.3.2",
-    "echarts": "^5.4.1",
-    "echarts-for-react": "^3.0.2",
-    "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.8.4",
+  "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"
+  },
+  "engines": {
+    "node": "^14.13.1 || >=16.15.1",
+    "yarn": "please-use-npm"
+  },
+  "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-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",
+    "classnames": "^2.3.2",
+    "echarts": "^5.4.1",
+    "echarts-for-react": "^3.0.2",
+    "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"
+  }
+}