@quillsql/react 1.5.3 → 1.5.5

package/lib/hooks/useQuill.js

@@ -1,3 +1,14 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -48,36 +59,55 @@ export var useQuill = function (chartId) {
         var isSubscribed = true;
         function getChartOptions(id) {
             return __awaiter(this, void 0, void 0, function () {
-                var publicKey, customerId, environment, resp, e_1;
+                var publicKey, customerId, environment, queryEndpoint, queryHeaders, resp, resp1, resp, e_1;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            if (!isSubscribed) return [3 /*break*/, 4];
+                            if (!isSubscribed) return [3 /*break*/, 8];
                             if (dashboard[id]) {
                                 setData(dashboard[id]);
                                 return [2 /*return*/];
                             }
-                            publicKey = client.publicKey, customerId = client.customerId, environment = client.environment;
+                            publicKey = client.publicKey, customerId = client.customerId, environment = client.environment, queryEndpoint = client.queryEndpoint, queryHeaders = client.queryHeaders;
                             _a.label = 1;
                         case 1:
-                            _a.trys.push([1, 3, , 4]);
-                            return [4 /*yield*/, axios.get('https://quill-344421.uc.r.appspot.com/item', {
+                            _a.trys.push([1, 7, , 8]);
+                            if (!queryEndpoint) return [3 /*break*/, 4];
+                            return [4 /*yield*/, axios.get('https://quill-344421.uc.r.appspot.com/selfhostitem', {
                                     params: {
                                         id: chartId,
                                         orgId: customerId,
                                         publicKey: publicKey,
                                     },
-                                    headers: {
-                                        environment: environment || undefined,
-                                    },
+                                    environment: environment || undefined,
                                 })];
                         case 2:
+                            resp = _a.sent();
+                            return [4 /*yield*/, axios.post(queryEndpoint, { query: resp.data.queryString }, { headers: queryHeaders })];
+                        case 3:
+                            resp1 = _a.sent();
+                            setLoading(false);
+                            setData(__assign(__assign({}, resp.data), { rows: resp1.data.rows, fields: resp1.data.fields }));
+                            dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id: id, data: resp.data });
+                            return [3 /*break*/, 6];
+                        case 4: return [4 /*yield*/, axios.get('https://quill-344421.uc.r.appspot.com/item', {
+                                params: {
+                                    id: chartId,
+                                    orgId: customerId,
+                                    publicKey: publicKey,
+                                },
+                                headers: {
+                                    environment: environment || undefined,
+                                },
+                            })];
+                        case 5:
                             resp = _a.sent();
                             setLoading(false);
                             setData(resp.data);
                             dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id: id, data: resp.data });
-                            return [3 /*break*/, 4];
-                        case 3:
+                            _a.label = 6;
+                        case 6: return [3 /*break*/, 8];
+                        case 7:
                             e_1 = _a.sent();
                             if (typeof e_1 === 'string' || (typeof e_1 === 'object' && e_1 !== null)) {
                                 setError(stringifyIfObject(e_1));
@@ -85,8 +115,8 @@ export var useQuill = function (chartId) {
                             else {
                                 setError('error');
                             }
-                            return [3 /*break*/, 4];
-                        case 4: return [2 /*return*/];
+                            return [3 /*break*/, 8];
+                        case 8: return [2 /*return*/];
                     }
                 });
             });

package/lib/hooks/useQuill.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,MAAM,CAAC,IAAM,QAAQ,GAAG,UACtB,OAAe;IAMf,aAAa;IACP,IAAA,KAA0B,UAAU,CAAC,gBAAgB,CAAC,EAApD,SAAS,eAAA,EAAE,QAAQ,cAAiC,CAAC;IACtD,IAAA,MAAM,GAAI,UAAU,CAAC,aAAa,CAAC,GAA7B,CAA8B;IACrC,IAAA,KAAkB,QAAQ,CAAgB,IAAI,CAAC,EAA9C,IAAI,QAAA,EAAE,OAAO,QAAiC,CAAC;IAChD,IAAA,KAAwB,QAAQ,CAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IACvC,IAAA,KAAoB,QAAQ,CAAgB,IAAI,CAAC,EAAhD,KAAK,QAAA,EAAE,QAAQ,QAAiC,CAAC;IAExD,SAAS,CAAC;QACR,IAAI,YAAY,GAAG,IAAI,CAAC;QACxB,SAAe,eAAe,CAAC,EAAU;;;;;;iCACnC,YAAY,EAAZ,wBAAY;4BACd,IAAI,SAAS,CAAC,EAAE,CAAC,EAAE;gCACjB,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;gCACvB,sBAAO;6BACR;4BAEO,SAAS,GAA8B,MAAM,UAApC,EAAE,UAAU,GAAkB,MAAM,WAAxB,EAAE,WAAW,GAAK,MAAM,YAAX,CAAY;;;;4BAEvC,qBAAM,KAAK,CAAC,GAAG,CAC1B,4CAA4C,EAC5C;oCACE,MAAM,EAAE;wCACN,EAAE,EAAE,OAAO;wCACX,KAAK,EAAE,UAAU;wCACjB,SAAS,EAAE,SAAS;qCACrB;oCACD,OAAO,EAAE;wCACP,WAAW,EAAE,WAAW,IAAI,SAAS;qCACtC;iCACF,CACF,EAAA;;4BAZK,IAAI,GAAG,SAYZ;4BACD,UAAU,CAAC,KAAK,CAAC,CAAC;4BAClB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;4BACnB,QAAQ,CAAC,EAAE,IAAI,EAAE,uBAAuB,EAAE,EAAE,IAAA,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;;;;4BAEjE,IAAI,OAAO,GAAC,KAAK,QAAQ,IAAI,CAAC,OAAO,GAAC,KAAK,QAAQ,IAAI,GAAC,KAAK,IAAI,CAAC,EAAE;gCAClE,QAAQ,CAAC,iBAAiB,CAAC,GAAC,CAAC,CAAC,CAAC;6BAChC;iCAAM;gCACL,QAAQ,CAAC,OAAO,CAAC,CAAC;6BACnB;;;;;;SAGN;QACD,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE;YACpB,eAAe,CAAC,OAAO,CAAC,CAAC;SAC1B;QACD,OAAO;YACL,YAAY,GAAG,KAAK,CAAC;QACvB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,OAAO,EAAE,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,CAAC;AAClC,CAAC,CAAC;AAEF,SAAS,iBAAiB,CAAC,CAAkB;IAC3C,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;QACzB,8BAA8B;QAC9B,OAAO,CAAC,CAAC;KACV;SAAM,IAAI,OAAO,CAAC,KAAK,QAAQ,IAAI,CAAC,KAAK,IAAI,EAAE;QAC9C,gCAAgC;QAChC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;KAC1B;IACD,OAAO,CAAC,CAAC,CAAC,0CAA0C;AACtD,CAAC"}
+{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -2,4 +2,6 @@ export { default as Dashboard } from './Dashboard';
 export { default as QuillProvider } from './QuillProvider';
 export { default as Chart } from './Chart';
 export { default as Table } from './Table';
+export { default as SQLEditor } from './SQLEditor';
+export { default as ReportBuilder } from './ReportBuilder';
 export { useQuill } from './hooks/useQuill';

package/lib/index.js

@@ -3,5 +3,7 @@ export { default as Dashboard } from './Dashboard';
 export { default as QuillProvider } from './QuillProvider';
 export { default as Chart } from './Chart';
 export { default as Table } from './Table';
+export { default as SQLEditor } from './SQLEditor';
+export { default as ReportBuilder } from './ReportBuilder';
 export { useQuill } from './hooks/useQuill';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "1.5.3",
+  "version": "1.5.5",
   "access": "public",
   "description": "Quill React components for building dashboards and reporting.",
   "main": "lib/index.js",
@@ -13,13 +13,15 @@
     "prettier:fix": "prettier --write 'src/**/*.{ts,tsx}'",
     "prefix-classnames": "node ./prefix-classnames.js"
   },
-  "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "@heroicons/react": "^2.0.18",
+    "@monaco-editor/react": "^4.5.1",
     "axios": "^1.3.5",
     "date-fns": "^2.29.3",
     "date-fns-tz": "^2.0.0",
+    "react-loader-spinner": "^5.3.4",
     "react-loading-skeleton": "^3.2.1",
     "recharts": "^2.5.0",
     "tslib": "^2.5.0",

package/src/Chart.tsx

@@ -530,6 +530,7 @@ interface ChartProps {
   dateFilter?: any;
   theme: any;
   isDateFilter?: boolean;
+  query?: string;
 }
 
 // @ts-ignore
@@ -547,12 +548,14 @@ const Chart = ({
   colors,
   containerStyle,
   dateFilter,
+  query,
 }: {
   chartId: string;
   config?: any;
   colors?: string[];
   containerStyle?: React.CSSProperties;
   dateFilter?: boolean;
+  query?: string;
 }) => {
   const { dispatch, dashboard } = useContext(DashboardContext);
   const { dateFilterObj } = useContext(DateFilterContext);
@@ -575,6 +578,7 @@ const Chart = ({
       theme={theme}
       isDateFilter={dateFilter}
       dashboardFilters={dashboardFilters}
+      query={query}
     />
   );
 };
@@ -649,6 +653,7 @@ const ChartUpdater: React.FC<ChartProps> = ({
   theme,
   isDateFilter,
   dashboardFilters,
+  query,
 }) => {
   const [chartConfig, setChartConfig] = useState<any>(config || null);
   const [loading, setLoading] = useState(true);
@@ -700,63 +705,133 @@ const ChartUpdater: React.FC<ChartProps> = ({
           setLoading(false);
           return;
         }
-        const { publicKey, customerId, environment } = client;
+        const {
+          publicKey,
+          customerId,
+          environment,
+          queryEndpoint,
+          queryHeaders,
+        } = client;
 
         setLoading(true);
         try {
-          const resp = await axios.get(
-            'https://quill-344421.uc.r.appspot.com/item',
-            {
-              params: {
-                id: chartId,
-                orgId: customerId,
-                publicKey: publicKey,
-                filters: Object.keys(dashboardFilters).map(
-                  key => dashboardFilters[key]
-                ),
-                // startDate:
-                //   dateFilter &&
-                //   dateFilter.startDate &&
-                //   dateFilter.startDate.toISOString(),
-                // endDate:
-                //   dateFilter &&
-                //   dateFilter.endDate &&
-                //   dateFilter.endDate.toISOString(),
-              },
-              headers: {
+          // if self-hosting option, only get metadata and query
+          if (queryEndpoint) {
+            const resp = await axios.get(
+              'https://quill-344421.uc.r.appspot.com/selfhostitem',
+              {
+                params: {
+                  id: chartId,
+                  orgId: customerId,
+                  publicKey: publicKey,
+                },
                 environment: environment || undefined,
-              },
+              }
+            );
+            const resp1 = await axios.post(
+              queryEndpoint,
+              { query: resp.data.queryString },
+              { headers: queryHeaders }
+            );
+
+            // const [resp1, resp] = await Promise.all([
+            //   axios.post(queryEndpoint, { query }, { headers: queryHeaders }),
+            //   axios.get('https://quill-344421.uc.r.appspot.com/selfhostitem', {
+            //     params: {
+            //       id: chartId,
+            //       orgId: customerId,
+            //       publicKey: publicKey,
+            //     },
+            //     environment: environment || undefined,
+            //   }),
+            // ]);
+            // console.log('RESP: ', resp.data);
+            if (resp.data) {
+              const {
+                xAxisField,
+                yAxisFields,
+                xAxisLabel,
+                yAxisLabel,
+                xAxisFormat,
+                chartType,
+              } = resp.data;
+              setChartConfig({
+                xAxisField,
+                yAxisFields,
+                xAxisLabel,
+                yAxisLabel,
+                xAxisFormat,
+                chartType,
+                rows: resp1.data.rows,
+                filters: dashboardFilters,
+              });
+              setLoading(false);
+              dispatch({
+                type: 'UPDATE_DASHBOARD_ITEM',
+                id,
+                data: {
+                  ...resp.data,
+                  rows: resp1.data.rows,
+                  fields: resp1.data.fields,
+                  filters: dashboardFilters,
+                },
+              });
+            }
+          } else {
+            const resp = await axios.get(
+              'https://quill-344421.uc.r.appspot.com/item',
+              {
+                params: {
+                  id: chartId,
+                  orgId: customerId,
+                  publicKey: publicKey,
+                  filters: Object.keys(dashboardFilters).map(
+                    key => dashboardFilters[key]
+                  ),
+                  // startDate:
+                  //   dateFilter &&
+                  //   dateFilter.startDate &&
+                  //   dateFilter.startDate.toISOString(),
+                  // endDate:
+                  //   dateFilter &&
+                  //   dateFilter.endDate &&
+                  //   dateFilter.endDate.toISOString(),
+                },
+                headers: {
+                  environment: environment || undefined,
+                },
+              }
+            );
+            // console.log('RESP: ', resp.data);
+            if (resp.data) {
+              const {
+                xAxisField,
+                yAxisFields,
+                xAxisLabel,
+                yAxisLabel,
+                xAxisFormat,
+                chartType,
+                rows,
+              } = resp.data;
+              setChartConfig({
+                xAxisField,
+                yAxisFields,
+                xAxisLabel,
+                yAxisLabel,
+                xAxisFormat,
+                chartType,
+                rows,
+                startDate: dateFilter && dateFilter.startDate,
+                endDate: dateFilter && dateFilter.endDate,
+                filters: dashboardFilters,
+              });
+              setLoading(false);
+              dispatch({
+                type: 'UPDATE_DASHBOARD_ITEM',
+                id,
+                data: { ...resp.data, filters: dashboardFilters },
+              });
             }
-          );
-          // console.log('RESP: ', resp.data);
-          if (resp.data) {
-            const {
-              xAxisField,
-              yAxisFields,
-              xAxisLabel,
-              yAxisLabel,
-              xAxisFormat,
-              chartType,
-              rows,
-            } = resp.data;
-            setChartConfig({
-              xAxisField,
-              yAxisFields,
-              xAxisLabel,
-              yAxisLabel,
-              xAxisFormat,
-              chartType,
-              rows,
-              startDate: dateFilter && dateFilter.startDate,
-              endDate: dateFilter && dateFilter.endDate,
-              filters: dashboardFilters,
-            });
-            setLoading(false);
-            dispatch({
-              type: 'UPDATE_DASHBOARD_ITEM',
-              id,
-              data: { ...resp.data, filters: dashboardFilters },
-            });
           }
         } catch (e) {
           console.log('Error fetching chart: ', e);

package/src/Context.tsx

@@ -98,6 +98,8 @@ export const ContextProvider = ({
   authToken,
   customerId,
   userId,
+  queryEndpoint,
+  queryHeaders,
 }) => {
   const [client, setClient] = useState(null);
   const [theme, setTheme] = useState(null);
@@ -141,9 +143,20 @@ export const ContextProvider = ({
         authToken,
         publicKey,
         environment,
+        queryEndpoint,
+        queryHeaders,
       });
     }
-  }, [customerId, userId, authToken, publicKey, client, environment]);
+  }, [
+    customerId,
+    userId,
+    authToken,
+    publicKey,
+    client,
+    environment,
+    queryEndpoint,
+    queryHeaders,
+  ]);
 
   // DYNAMICALLY CHANGE ORG
   useEffect(() => {

package/src/Dashboard.tsx

@@ -366,6 +366,7 @@ export default function Dashboard({
                                       }}
                                       isDateFilter={true}
                                       chartId={elem._id}
+                                      query={elem.queryString}
                                       // colors={theme.chartColors}
                                       // updateDashboard={updateDashboard}
                                     />

package/src/QuillProvider.tsx

@@ -12,6 +12,8 @@ const QuillProvider = ({
   runQueryButton,
   saveQueryButton,
   exportQueryButton,
+  queryEndpoint,
+  queryHeaders,
   children,
 }) => {
   return (
@@ -22,6 +24,8 @@ const QuillProvider = ({
       publicKey={publicKey}
       environment={environment}
       customerId={organizationId}
+      queryEndpoint={queryEndpoint}
+      queryHeaders={queryHeaders}
     >
       {children}
     </ContextProvider>