@quillsql/react 1.6.0 → 1.6.3

package/lib/QuillProvider.d.ts

@@ -1,15 +1,33 @@
-declare const QuillProvider: ({ organizationId, authToken, publicKey, environment, theme, containerStyle, runQueryButton, saveQueryButton, exportQueryButton, queryEndpoint, queryHeaders, children, }: {
-    organizationId: any;
-    authToken: any;
-    publicKey: any;
-    environment: any;
-    theme: any;
-    containerStyle: any;
-    runQueryButton: any;
-    saveQueryButton: any;
-    exportQueryButton: any;
-    queryEndpoint: any;
-    queryHeaders: any;
-    children: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+interface BaseQuillProviderProps {
+    publicKey: string;
+    environment?: string;
+    theme?: QuillTheme;
+    children?: React.ReactNode;
+}
+interface WithOrganizationId extends BaseQuillProviderProps {
+    organizationId: string;
+    queryEndpoint?: never;
+    queryHeaders?: never;
+}
+interface WithQueryEndpoint extends BaseQuillProviderProps {
+    organizationId?: never;
+    queryEndpoint: string;
+    queryHeaders: object;
+}
+type QuillProviderProps = WithOrganizationId | WithQueryEndpoint;
+export interface QuillTheme {
+    fontFamily: string;
+    backgroundColor: string;
+    primaryTextColor: string;
+    secondaryTextColor: string;
+    chartLabelFontFamily: string;
+    chartLabelColor: string;
+    chartTickColor: string;
+    chartColors: string[];
+    borderColor: string;
+    primaryButtonColor: string;
+    borderWidth: number;
+}
+declare const QuillProvider: ({ organizationId, publicKey, queryEndpoint, queryHeaders, environment, children, theme, }: QuillProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default QuillProvider;

package/lib/QuillProvider.js

@@ -11,9 +11,22 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ContextProvider } from './Context';
+var defaultTheme = {
+    fontFamily: 'Inter; Helvetica',
+    backgroundColor: '#FFFFFF',
+    primaryTextColor: '#364153',
+    secondaryTextColor: '#6C727F',
+    chartLabelFontFamily: 'Inter; Helvetica',
+    chartLabelColor: '#666666',
+    chartTickColor: '#CCCCCC',
+    chartColors: ['#6269E9', '#E14F62'],
+    borderColor: '#CCCCCC',
+    primaryButtonColor: '#364153',
+    borderWidth: 1,
+};
 var QuillProvider = function (_a) {
-    var organizationId = _a.organizationId, authToken = _a.authToken, publicKey = _a.publicKey, environment = _a.environment, theme = _a.theme, containerStyle = _a.containerStyle, runQueryButton = _a.runQueryButton, saveQueryButton = _a.saveQueryButton, exportQueryButton = _a.exportQueryButton, queryEndpoint = _a.queryEndpoint, queryHeaders = _a.queryHeaders, children = _a.children;
-    return (_jsx(ContextProvider, __assign({ containerStyle: containerStyle, initialTheme: theme, authToken: authToken, publicKey: publicKey, environment: environment, customerId: organizationId, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders }, { children: children })));
+    var organizationId = _a.organizationId, publicKey = _a.publicKey, queryEndpoint = _a.queryEndpoint, queryHeaders = _a.queryHeaders, environment = _a.environment, children = _a.children, _b = _a.theme, theme = _b === void 0 ? defaultTheme : _b;
+    return (_jsx(ContextProvider, __assign({ initialTheme: theme, publicKey: publicKey, environment: environment, customerId: organizationId, queryEndpoint: queryEndpoint, queryHeaders: queryHeaders }, { children: children })));
 };
 export default QuillProvider;
 //# sourceMappingURL=QuillProvider.js.map

package/lib/QuillProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuillProvider.js","sourceRoot":"","sources":["../src/QuillProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,IAAM,aAAa,GAAG,UAAC,EAatB;QAZC,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,OAAO,CACL,KAAC,eAAe,aACd,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,cAAc,EAC1B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,gBAEzB,QAAQ,IACO,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"QuillProvider.js","sourceRoot":"","sources":["../src/QuillProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAqC5C,IAAM,YAAY,GAAG;IACnB,UAAU,EAAE,kBAAkB;IAC9B,eAAe,EAAE,SAAS;IAC1B,gBAAgB,EAAE,SAAS;IAC3B,kBAAkB,EAAE,SAAS;IAC7B,oBAAoB,EAAE,kBAAkB;IACxC,eAAe,EAAE,SAAS;IAC1B,cAAc,EAAE,SAAS;IACzB,WAAW,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IACnC,WAAW,EAAE,SAAS;IACtB,kBAAkB,EAAE,SAAS;IAC7B,WAAW,EAAE,CAAC;CACf,CAAC;AAEF,IAAM,aAAa,GAAG,UAAC,EAQF;QAPnB,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,aAAoB,EAApB,KAAK,mBAAG,YAAY,KAAA;IAEpB,OAAO,CACL,KAAC,eAAe,aACd,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,cAAc,EAC1B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,YAAY,gBAEzB,QAAQ,IACO,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/ReportBuilder.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 interface Option {
     value: string;
     label: string;
@@ -8,6 +8,25 @@ interface SelectComponentProps {
     value: string;
     options: Option[];
 }
+interface ButtonComponentProps {
+    onClick: () => void;
+    label: string;
+}
+interface ModalTriggerComponentProps {
+    onClick: () => void;
+    label: string;
+}
+interface ModalComponentProps {
+    children: any;
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+}
+interface TextInputComponentProps {
+    onChange: (e: any) => void;
+    value: string;
+    id: string;
+}
 interface ReportBuilderProps {
     onChangeQuery: (query: string) => void;
     onChangeData: (data: object[]) => void;
@@ -15,7 +34,12 @@ interface ReportBuilderProps {
     onChangeLoading: (loading: boolean) => void;
     onError: (error: string) => void;
     SelectComponent: (props: SelectComponentProps) => JSX.Element;
+    ButtonComponent: (props: ButtonComponentProps) => JSX.Element;
+    ModalComponent: (props: ModalComponentProps) => JSX.Element;
+    ModalTriggerComponent: (props: ModalTriggerComponentProps) => JSX.Element;
+    TextInputComponent: (props: TextInputComponentProps) => JSX.Element;
+    tagStyle: React.CSSProperties;
 }
-export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeColumns, onChangeLoading, onError, SelectComponent, }: ReportBuilderProps): import("react/jsx-runtime").JSX.Element | null;
+export default function ReportBuilder({ onChangeQuery, onChangeData, onChangeColumns, onChangeLoading, onError, SelectComponent, ButtonComponent, ModalComponent, ModalTriggerComponent, TextInputComponent, tagStyle, }: ReportBuilderProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function getPostgresBasicType(column: any): string | undefined;
 export {};