@quillsql/react 1.2.0 → 1.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quillsql/react",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "access": "public",
   "description": "Quill React components for building dashboards and reporting.",
   "main": "lib/index.js",

package/src/Chart.tsx

@@ -537,7 +537,7 @@ const ChartUpdater: React.FC<ChartProps> = ({
           setLoading(false);
           return;
         }
-        const { publicKey, customerId, authToken } = client;
+        const { publicKey, customerId, environment } = client;
         setLoading(true);
         const resp = await axios.get(
           'https://quill-344421.uc.r.appspot.com/item',
@@ -555,6 +555,9 @@ const ChartUpdater: React.FC<ChartProps> = ({
                 dateFilter.endDate &&
                 dateFilter.endDate.toISOString(),
             },
+            headers: {
+              environment: environment || undefined,
+            },
           }
         );
         const {

package/src/Context.tsx

@@ -69,6 +69,7 @@ export const ContextProvider = ({
   containerStyle,
   initialTheme,
   publicKey,
+  environment,
   authToken,
   customerId,
   userId,
@@ -110,9 +111,10 @@ export const ContextProvider = ({
         userId,
         authToken,
         publicKey,
+        environment,
       });
     }
-  }, [customerId, userId, authToken, publicKey, client]);
+  }, [customerId, userId, authToken, publicKey, client, environment]);
 
   if (!theme || !client) {
     return null;

package/src/Dashboard.tsx

@@ -50,7 +50,7 @@ export default function Dashboard({
 
   React.useEffect(() => {
     async function getDashboards() {
-      const { publicKey, customerId, authToken } = client;
+      const { publicKey, customerId, environment } = client;
       try {
         // const response = await fetch(
         //   `https://quill-344421.uc.r.appspot.com/dashsections/${publicKey}/${customerId}/${name}`
@@ -64,6 +64,9 @@ export default function Dashboard({
               orgId: customerId,
               name: name,
             },
+            headers: {
+              environment: environment || undefined,
+            },
           }
         );
 

package/src/DateRangePicker/DateRangePickerButton.tsx

@@ -96,6 +96,7 @@ const DateRangePickerButton = ({
           whiteSpace: 'nowrap',
           background: theme?.backgroundColor,
           fontWeight: theme?.fontWeightMedium || '500',
+          fontSize: theme?.fontSizeSmall || '0.875rem',
           // borderRight: enableDropdown
           //   ? border.none.right
           //   : twMerge(borderRadius.md.right, border.sm.right),
@@ -146,6 +147,7 @@ const DateRangePickerButton = ({
             textOverflow: 'ellipsis',
             whiteSpace: 'nowrap',
             fontWeight: theme?.fontWeightMedium || '500',
+            fontSize: theme?.fontSizeSmall || '0.875rem',
           }}
           // className={twMerge(
           //   'qq-whitespace-nowrap qq-truncate',
@@ -180,6 +182,7 @@ const DateRangePickerButton = ({
             justifyContent: 'space-between',
             alignItems: 'center',
             background: theme?.backgroundColor,
+            fontSize: theme?.fontSizeSmall || '0.875rem',
             // fontWeight: theme?.fontWeightMedium || '800',
           }}
           ref={dropdownRef}
@@ -208,6 +211,7 @@ const DateRangePickerButton = ({
               textOverflow: 'ellipsis',
               whiteSpace: 'nowrap',
               fontWeight: theme?.fontWeightMedium || '500',
+              fontSize: theme?.fontSizeSmall || '0.875rem',
               // background: 'red',
             }}
             // className={twMerge(

package/src/QuillProvider.tsx

@@ -6,6 +6,7 @@ const QuillProvider = ({
   organizationId,
   authToken,
   publicKey,
+  environment,
   theme,
   containerStyle,
   runQueryButton,
@@ -19,6 +20,7 @@ const QuillProvider = ({
       initialTheme={theme}
       authToken={authToken}
       publicKey={publicKey}
+      environment={environment}
       customerId={organizationId}
     >
       {children}

package/src/hooks/useQuill.ts

@@ -17,7 +17,7 @@ export const useQuill = (chartId: string) => {
           return;
         }
         // @ts-ignore
-        const { publicKey, customerId } = client;
+        const { publicKey, customerId, environment } = client;
         const resp = await axios.get(
           'https://quill-344421.uc.r.appspot.com/item',
           {
@@ -26,6 +26,9 @@ export const useQuill = (chartId: string) => {
               orgId: customerId,
               publicKey: publicKey,
             },
+            headers: {
+              environment: environment || undefined,
+            },
           }
         );
         setReport(resp.data);