@quillsql/react 2.9.0 → 2.9.2

package/dist/components/UiComponents.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSelect = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // @ts-nocheck
-const react_1 = require("react");
-const assets_1 = require("../assets");
-const Context_1 = require("../Context");
-const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+import { useContext, useEffect, useRef } from 'react';
+import { ArrowDownHeadIcon, XIcon } from '../assets';
+import { ThemeContext } from '../Context';
+export const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
+    const [theme] = useContext(ThemeContext);
+    return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("style", { children: `
     .quill-text-input {
         background-color: white;
         height: 40px;
@@ -23,12 +20,11 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
        padding-top: 0px;
        padding-bottom: 0px;
        box-sizing: content-box;
-    }` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
+    }` }), _jsx("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
 };
-exports.MemoizedTextInput = MemoizedTextInput;
-const MemoizedButton = ({ label, onClick, primary = true }) => {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+export const MemoizedButton = ({ label, onClick, primary = true }) => {
+    const [theme] = useContext(ThemeContext);
+    return (_jsxs("button", { className: "quill-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [_jsx("style", { children: `
     .quill-button {
         background-color: #384151;
         color: white;
@@ -49,10 +45,9 @@ const MemoizedButton = ({ label, onClick, primary = true }) => {
       overflow: hidden;
     }` }), label] }));
 };
-exports.MemoizedButton = MemoizedButton;
-const MemoizedSecondaryButton = ({ label, onClick }) => {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+export const MemoizedSecondaryButton = ({ label, onClick }) => {
+    const [theme] = useContext(ThemeContext);
+    return (_jsxs("button", { className: "quill-secondary-button", onClick: onClick, style: { fontFamily: theme?.fontFamily }, children: [_jsx("style", { children: `
     .quill-secondary-button {
         background-color: #F5F5F6;
         color: rgba(56, 65, 81, 0.75);
@@ -70,13 +65,12 @@ const MemoizedSecondaryButton = ({ label, onClick }) => {
       background-color: rgba(56, 65, 81, 0.09);
     }` }), label] }));
 };
-exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
-const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
-    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+export const MemoizedSelect = ({ value, onChange, options, disabled = false, label, }) => {
+    const [theme] = useContext(ThemeContext);
+    return (_jsxs("div", { style: {
             position: 'relative',
             maxWidth: 206,
-        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+        }, children: [_jsx("style", { children: `
     .quill-select {
         background-color: white;
         height: 42px;
@@ -88,7 +82,7 @@ const MemoizedSelect = ({ value, onChange, options, disabled = false, label, })
        box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
        padding-left: 12px;
        padding-right: 12px;
-    }` }), (0, jsx_runtime_1.jsx)("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => ((0, jsx_runtime_1.jsx)("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
+    }` }), _jsx("select", { style: { WebkitAppearance: 'none', fontFamily: theme?.fontFamily }, className: "quill-select", value: value, disabled: disabled, onChange: (event) => onChange(event.target.value), children: options.map((option) => (_jsx("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), _jsx(ArrowDownHeadIcon, { style: {
                     height: '20px',
                     width: '20px',
                     flex: 'none',
@@ -98,8 +92,7 @@ const MemoizedSelect = ({ value, onChange, options, disabled = false, label, })
                     color: '#6C727F',
                 }, "aria-hidden": "true" })] }));
 };
-exports.MemoizedSelect = MemoizedSelect;
-const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
+export const MemoizedHeader = ({ children }) => (_jsx("h1", { style: {
         fontSize: 16,
         fontWeight: 600,
         color: '#384151',
@@ -107,25 +100,22 @@ const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style:
         margin: 0,
         padding: 0,
     }, children: children }));
-exports.MemoizedHeader = MemoizedHeader;
-const MemoizedLabel = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
+export const MemoizedLabel = ({ children }) => (_jsx("h1", { style: {
         fontSize: 14,
         fontWeight: 600,
         color: '#575E6A',
         userSelect: 'none',
         paddingBottom: 5,
     }, children: children }));
-exports.MemoizedLabel = MemoizedLabel;
-const MemoizedText = ({ children }) => ((0, jsx_runtime_1.jsx)("p", { style: {
+export const MemoizedText = ({ children }) => (_jsx("p", { style: {
         fontSize: 12,
         fontWeight: 400,
         margin: 0,
         color: '#575E6A',
         userSelect: 'none',
     }, children: children }));
-exports.MemoizedText = MemoizedText;
 const useOnClickOutside = (ref, handler) => {
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
@@ -140,8 +130,8 @@ const useOnClickOutside = (ref, handler) => {
         };
     }, [ref, handler]);
 };
-function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
-    const modalRef = (0, react_1.useRef)(null);
+export function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
+    const modalRef = useRef(null);
     useOnClickOutside(modalRef, (e) => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
@@ -157,12 +147,12 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
             onClose();
         }
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.MemoizedSecondaryButton, { onClick: (e) => {
+    return (_jsxs("div", { children: [showTrigger && (_jsx(MemoizedSecondaryButton, { onClick: (e) => {
                     setIsOpen((isOpen) => !isOpen);
                     if (onClick) {
                         onClick(e);
                     }
-                }, label: label })), isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
+                }, label: label })), isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _jsx("div", { style: {
                         background: 'white',
                         position: 'absolute',
                         boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
@@ -176,12 +166,11 @@ function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, la
                         ...style,
                     }, children: children }) }))] }));
 }
-exports.MemoizedPopover = MemoizedPopover;
-function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }) {
+export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, }) {
     if (!isOpen) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { style: {
                     position: 'fixed',
                     top: '0',
                     right: '0',
@@ -190,7 +179,7 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, })
                     zIndex: '50',
                     backgroundColor: 'rgba(255, 255, 255, 0.8)',
                     backdropFilter: 'blur(5px)',
-                }, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
+                }, onClick: onClose }), _jsx("div", { style: {
                     // position: "absolute",
                     position: 'fixed',
                     left: '50%',
@@ -210,7 +199,7 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, })
                     borderColor: '#e7e7e7',
                     overflow: 'hidden',
                     // zIndex: 1000,
-                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                }, children: _jsxs("div", { style: {
                         // width: "80%",
                         maxHeight: '90vh',
                         overflowY: 'scroll',
@@ -223,13 +212,13 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, })
                         alignItems: 'center',
                         position: 'relative',
                         fontFamily: theme?.fontFamily,
-                    }, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
+                    }, children: [_jsxs("div", { id: "quill-modal-header", style: {
                                 display: 'flex',
                                 flexDirection: 'row',
                                 width: '100%',
                                 justifyContent: 'space-between',
                                 alignItems: 'center',
-                            }, children: [(0, jsx_runtime_1.jsx)("h2", { style: {
+                            }, children: [_jsx("h2", { style: {
                                         fontSize: 18,
                                         fontWeight: '600',
                                         marginLeft: 20,
@@ -237,10 +226,9 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, })
                                         textAlign: 'left',
                                         paddingTop: 18,
                                         color: theme?.primaryTextColor,
-                                    }, children: title }), (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
+                                    }, children: title }), _jsx(MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
 }
-exports.MemoizedModal = MemoizedModal;
-const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
+export const MemoizedDeleteButton = ({ onClick, style }) => (_jsxs("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
         height: 42,
         width: 42,
         border: 'none',
@@ -250,12 +238,10 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
         justifyContent: 'center',
         borderRadius: 6,
         ...style,
-    }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    }, children: [_jsx("style", { children: `
   .quill-delete-button {
       background-color: white;
   }
   .quill-delete-button:hover {
     background-color: rgba(56, 65, 81, 0.03);
-  }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));
-exports.MemoizedDeleteButton = MemoizedDeleteButton;
-//# sourceMappingURL=UiComponents.js.map
+  }` }), _jsx(XIcon, { height: "20", width: "20", fill: "#6C727F" })] }));

package/dist/components/selectUtils.js

@@ -1,19 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hasValue = exports.getSelectButtonColors = exports.getFilteredOptions = exports.constructValueToNameMapping = void 0;
-const react_1 = __importDefault(require("react"));
-function constructValueToNameMapping(children) {
+import React from 'react';
+export function constructValueToNameMapping(children) {
     const valueToNameMapping = new Map();
-    react_1.default.Children.map(children, (child) => {
+    React.Children.map(children, (child) => {
         valueToNameMapping.set(child.props.value, child.props.text ?? child.props.value);
     });
     return valueToNameMapping;
 }
-exports.constructValueToNameMapping = constructValueToNameMapping;
-function getFilteredOptions(searchQuery, options) {
+export function getFilteredOptions(searchQuery, options) {
     return searchQuery === ''
         ? options
         : options.filter((option) => {
@@ -21,8 +14,7 @@ function getFilteredOptions(searchQuery, options) {
             return optionText.toLowerCase().includes(searchQuery.toLowerCase());
         });
 }
-exports.getFilteredOptions = getFilteredOptions;
-const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
+export const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
     return null;
     // return twMerge(
     //   isDisabled
@@ -42,7 +34,4 @@ const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
     //     : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor
     // );
 };
-exports.getSelectButtonColors = getSelectButtonColors;
-const hasValue = (value) => value !== null && value !== undefined && value !== '';
-exports.hasValue = hasValue;
-//# sourceMappingURL=selectUtils.js.map
+export const hasValue = (value) => value !== null && value !== undefined && value !== '';

package/dist/contexts/BaseColorContext.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const BaseColorContext = (0, react_1.createContext)('blue');
-exports.default = BaseColorContext;
-//# sourceMappingURL=BaseColorContext.js.map
+import { createContext } from 'react';
+const BaseColorContext = createContext('blue');
+export default BaseColorContext;

package/dist/contexts/HoveredValueContext.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const HoveredValueContext = (0, react_1.createContext)({
+import { createContext } from 'react';
+const HoveredValueContext = createContext({
     hoveredValue: undefined,
 });
-exports.default = HoveredValueContext;
-//# sourceMappingURL=HoveredValueContext.js.map
+export default HoveredValueContext;

package/dist/contexts/RootStylesContext.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const RootStylesContext = (0, react_1.createContext)(undefined);
-exports.default = RootStylesContext;
-//# sourceMappingURL=RootStylesContext.js.map
+import { createContext } from 'react';
+const RootStylesContext = createContext(undefined);
+export default RootStylesContext;

package/dist/contexts/SelectedValueContext.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const SelectedValueContext = (0, react_1.createContext)({
+import { createContext } from 'react';
+const SelectedValueContext = createContext({
     selectedValue: undefined,
     handleValueChange: undefined,
 });
-exports.default = SelectedValueContext;
-//# sourceMappingURL=SelectedValueContext.js.map
+export default SelectedValueContext;

package/dist/contexts/index.js

@@ -1,15 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectedValueContext = exports.RootStylesContext = exports.HoveredValueContext = exports.BaseColorContext = void 0;
-var BaseColorContext_1 = require("./BaseColorContext");
-Object.defineProperty(exports, "BaseColorContext", { enumerable: true, get: function () { return __importDefault(BaseColorContext_1).default; } });
-var HoveredValueContext_1 = require("./HoveredValueContext");
-Object.defineProperty(exports, "HoveredValueContext", { enumerable: true, get: function () { return __importDefault(HoveredValueContext_1).default; } });
-var RootStylesContext_1 = require("./RootStylesContext");
-Object.defineProperty(exports, "RootStylesContext", { enumerable: true, get: function () { return __importDefault(RootStylesContext_1).default; } });
-var SelectedValueContext_1 = require("./SelectedValueContext");
-Object.defineProperty(exports, "SelectedValueContext", { enumerable: true, get: function () { return __importDefault(SelectedValueContext_1).default; } });
-//# sourceMappingURL=index.js.map
+export { default as BaseColorContext } from './BaseColorContext';
+export { default as HoveredValueContext } from './HoveredValueContext';
+export { default as RootStylesContext } from './RootStylesContext';
+export { default as SelectedValueContext } from './SelectedValueContext';

package/dist/hooks/index.js

@@ -1,15 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectOnKeyDown = exports.useOnWindowResize = exports.useOnClickOutside = exports.useInternalState = void 0;
-var useInternalState_1 = require("./useInternalState");
-Object.defineProperty(exports, "useInternalState", { enumerable: true, get: function () { return __importDefault(useInternalState_1).default; } });
-var useOnClickOutside_1 = require("./useOnClickOutside");
-Object.defineProperty(exports, "useOnClickOutside", { enumerable: true, get: function () { return __importDefault(useOnClickOutside_1).default; } });
-var useOnWindowResize_1 = require("./useOnWindowResize");
-Object.defineProperty(exports, "useOnWindowResize", { enumerable: true, get: function () { return __importDefault(useOnWindowResize_1).default; } });
-var useSelectOnKeyDown_1 = require("./useSelectOnKeyDown");
-Object.defineProperty(exports, "useSelectOnKeyDown", { enumerable: true, get: function () { return __importDefault(useSelectOnKeyDown_1).default; } });
-//# sourceMappingURL=index.js.map
+export { default as useInternalState } from "./useInternalState";
+export { default as useOnClickOutside } from "./useOnClickOutside";
+export { default as useOnWindowResize } from "./useOnWindowResize";
+export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";

package/dist/hooks/useDashboard.js

@@ -1,17 +1,14 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDashboard = void 0;
-const react_1 = require("react");
-const Context_1 = require("../Context");
-const dataFetcher_1 = require("../utils/dataFetcher");
-const useDashboard = (dashboardName) => {
+import { useContext, useEffect, useState } from 'react';
+import { ClientContext } from '../Context';
+import { getData } from '../utils/dataFetcher';
+export const useDashboard = (dashboardName) => {
     // if (dashboardName === undefined || dashboardName === null) {
     //   throw new Error('useDashboard requires a dashboard name parameter');
     // }
-    const [isLoading, setIsLoading] = (0, react_1.useState)(false);
-    const [error, setError] = (0, react_1.useState)(null);
-    const [data, setData] = (0, react_1.useState)(null);
-    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [data, setData] = useState(null);
+    const [client] = useContext(ClientContext);
     const handleReload = () => {
         getDashboards();
     };
@@ -34,7 +31,7 @@ const useDashboard = (dashboardName) => {
                     ...(customerId ? { orgId: customerId } : {}),
                 },
             };
-            const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
+            const resp = await getData(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
             setData(resp);
             setError(null);
         }
@@ -45,10 +42,8 @@ const useDashboard = (dashboardName) => {
         }
         setIsLoading(false);
     }
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         getDashboards();
     }, [dashboardName, client]);
     return { data, isLoading, error, reload: handleReload };
 };
-exports.useDashboard = useDashboard;
-//# sourceMappingURL=useDashboard.js.map

package/dist/hooks/useInternalState.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+import { useState } from 'react';
 const useInternalState = (defaultValueProp, valueProp) => {
     const isControlled = valueProp !== undefined;
-    const [valueState, setValueState] = (0, react_1.useState)(defaultValueProp);
+    const [valueState, setValueState] = useState(defaultValueProp);
     const value = isControlled ? valueProp : valueState;
     const setValue = (nextValue) => {
         if (isControlled) {
@@ -13,5 +11,4 @@ const useInternalState = (defaultValueProp, valueProp) => {
     };
     return [value, setValue];
 };
-exports.default = useInternalState;
-//# sourceMappingURL=useInternalState.js.map
+export default useInternalState;

package/dist/hooks/useOnClickOutside.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+import { useEffect } from "react";
 const useOnClickOutside = (ref, handler) => {
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const listener = (event) => {
             if (!ref.current || ref.current.contains(event.target)) {
                 return;
@@ -17,5 +15,4 @@ const useOnClickOutside = (ref, handler) => {
         };
     }, [ref, handler]);
 };
-exports.default = useOnClickOutside;
-//# sourceMappingURL=useOnClickOutside.js.map
+export default useOnClickOutside;

package/dist/hooks/useOnWindowResize.js

@@ -1,9 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
+import { useEffect, useState } from "react";
 const useOnWindowResize = (handler, initialWindowSize) => {
-    const [windowSize, setWindowSize] = (0, react_1.useState)(initialWindowSize);
-    (0, react_1.useEffect)(() => {
+    const [windowSize, setWindowSize] = useState(initialWindowSize);
+    useEffect(() => {
         const handleResize = () => {
             setWindowSize(window.innerWidth);
             handler();
@@ -13,5 +11,4 @@ const useOnWindowResize = (handler, initialWindowSize) => {
         return () => window.removeEventListener("resize", handleResize);
     }, [handler, windowSize]);
 };
-exports.default = useOnWindowResize;
-//# sourceMappingURL=useOnWindowResize.js.map
+export default useOnWindowResize;

package/dist/hooks/useQuill.d.ts

@@ -19,7 +19,7 @@ interface YAxisField {
     chartType: string;
     format: string;
 }
-interface Report {
+interface QuillReport {
     name: string;
     rows: any[];
     columns: Array<Column>;
@@ -38,7 +38,7 @@ interface Report {
     pivot: object;
 }
 export declare const useQuill: (chartId: string) => {
-    data: Report | null;
+    data: QuillReport | null;
     loading: boolean;
     error: string | null;
 };

package/dist/hooks/useQuill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,MAAM;IACd,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,MAAM,GAAG,IAAI;aACV,OAAO;WACT,MAAM,GAAG,IAAI;CA4DrB,CAAC"}
+{"version":3,"file":"useQuill.d.ts","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"AAMA,UAAU,MAAM;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAW;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,YACV,MAAM;UAET,WAAW,GAAG,IAAI;aACf,OAAO;WACT,MAAM,GAAG,IAAI;CA2ErB,CAAC"}

package/dist/hooks/useQuill.js

@@ -1,43 +1,54 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQuill = void 0;
 // @ts-nocheck
-const react_1 = require("react");
-const Context_1 = require("../Context");
-const dataFetcher_1 = require("../utils/dataFetcher");
-const useQuill = (chartId) => {
-    // @ts-ignore
-    const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
-    const [client] = (0, react_1.useContext)(Context_1.ClientContext);
-    const [data, setData] = (0, react_1.useState)(null);
-    const [loading, setLoading] = (0, react_1.useState)(true);
-    const [error, setError] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
+import { useContext, useEffect, useState } from 'react';
+import { ClientContext, DashboardContext, DashboardFiltersContext } from '../Context';
+import { getData } from '../utils/dataFetcher';
+import { mergeComparisonRange } from '../utils/merge';
+export const useQuill = (chartId) => {
+    const { dashboard, dispatch } = useContext(DashboardContext);
+    const { dashboardFilters } = useContext(DashboardFiltersContext);
+    const [client] = useContext(ClientContext);
+    const [data, setData] = useState(null);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
         let isSubscribed = true;
-        async function getChartOptions(id) {
+        async function getChartOptions() {
             if (isSubscribed) {
-                if (dashboard && dashboard[id]) {
+                if (dashboard && dashboard[chartId]) {
                     setLoading(false);
-                    setData(dashboard[id]);
+                    if (dashboard[chartId].compareRows) {
+                        mergeComparisonRange(dashboard[chartId]);
+                    }
+                    setData({ ...dashboard[chartId] });
                     return;
                 }
-                // @ts-ignore
                 try {
                     setLoading(true);
                     const hostedBody = {
-                        metadata: client.customerId
-                            ? { dashboardItemId: id, task: 'item', orgId: client.customerId }
-                            : { dashboardItemId: id, task: 'item' },
+                        metadata: {
+                            dashboardItemId: chartId,
+                            ...(client.customerId && { orgId: client.customerId }),
+                            clientId: client.publicKey,
+                            task: 'item',
+                            filters: [...Object.values(dashboardFilters)],
+                        },
                     };
                     const cloudBody = {
-                        id,
-                        filters: [],
+                        id: chartId,
+                        filters: [...Object.values(dashboardFilters)],
                     };
-                    const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
+                    const resp = await getData(client, 'itempost', 'same-origin', hostedBody, cloudBody);
                     if (resp) {
                         setLoading(false);
+                        if (resp.compareRows) {
+                            mergeComparisonRange(resp);
+                        }
                         setData(resp);
-                        dispatch({ type: 'UPDATE_DASHBOARD_ITEM', id, data: resp });
+                        dispatch({
+                            type: 'UPDATE_DASHBOARD_ITEM',
+                            id: chartId,
+                            data: { ...resp, filtersApplied: dashboardFilters },
+                        });
                     }
                 }
                 catch (e) {
@@ -51,7 +62,7 @@ const useQuill = (chartId) => {
             }
         }
         if (chartId) {
-            getChartOptions(chartId);
+            getChartOptions();
         }
         return () => {
             isSubscribed = false;
@@ -59,7 +70,6 @@ const useQuill = (chartId) => {
     }, [chartId, dashboard]);
     return { data, loading, error };
 };
-exports.useQuill = useQuill;
 function stringifyIfObject(e) {
     if (typeof e === 'string') {
         // do nothing if e is a string
@@ -71,4 +81,3 @@ function stringifyIfObject(e) {
     }
     return e; // returns the input as is for other types
 }
-//# sourceMappingURL=useQuill.js.map

package/dist/hooks/useQuill.js.map

@@ -1 +1 @@
-{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useQuill.js","sourceRoot":"","sources":["../../src/hooks/useQuill.ts"],"names":[],"mappings":"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"}