@quillsql/react 2.9.2 → 2.9.4

package/dist/cjs/components/UiComponents.js

@@ -0,0 +1,260 @@
+"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");
+// @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: `
+    .quill-text-input {
+        background-color: white;
+        height: 40px;
+       width: 180px;
+       color: #384151;
+       border: 1px solid #e7e7e7;
+       border-radius: 6px;
+       text-align: left;
+       box-shadow: 0px 1px 4px 0px rgba(56, 65, 81, 0.08);
+       padding-left: 12px;
+       padding-right: 12px;
+       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 } })] }));
+};
+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: `
+    .quill-button {
+        background-color: #384151;
+        color: white;
+        height: 40px;
+       border: 1px solid transparent;
+       font-weight: 500;
+       border-radius: 6px;
+       box-sizing: content-box;
+       padding-left: 16px;
+       padding-right: 16px;
+       overflow: hidden;
+       font-size: 15px;
+       cursor: pointer;
+    }
+    .quill-button:hover {
+      background-color: rgba(56, 65, 81, 0.9);
+      border-radius: 6px;
+      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: `
+    .quill-secondary-button {
+        background-color: #F5F5F6;
+        color: rgba(56, 65, 81, 0.75);
+        height: 40px;
+       border: 1px solid transparent;
+       font-weight: 500;
+       border-radius: 6px;
+       padding-left: 16px;
+       padding-right: 16px;
+       box-sizing: content-box;
+       font-size: 15px;
+       cursor: pointer;
+    }
+    .quill-secondary-button:hover {
+      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: {
+            position: 'relative',
+            maxWidth: 206,
+        }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+    .quill-select {
+        background-color: white;
+        height: 42px;
+        color: #384151;
+        width: 206px;
+       border: 1px solid #e7e7e7;
+       border-radius: 6px;
+       text-align: left;
+       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: {
+                    height: '20px',
+                    width: '20px',
+                    flex: 'none',
+                    position: 'absolute',
+                    right: 8,
+                    top: 11,
+                    color: '#6C727F',
+                }, "aria-hidden": "true" })] }));
+};
+exports.MemoizedSelect = MemoizedSelect;
+const MemoizedHeader = ({ children }) => ((0, jsx_runtime_1.jsx)("h1", { style: {
+        fontSize: 16,
+        fontWeight: 600,
+        color: '#384151',
+        userSelect: 'none',
+        margin: 0,
+        padding: 0,
+    }, children: children }));
+exports.MemoizedHeader = MemoizedHeader;
+const MemoizedLabel = ({ children }) => ((0, jsx_runtime_1.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: {
+        fontSize: 12,
+        fontWeight: 400,
+        margin: 0,
+        color: '#575E6A',
+        userSelect: 'none',
+    }, children: children }));
+exports.MemoizedText = MemoizedText;
+const useOnClickOutside = (ref, handler) => {
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener('mousedown', listener);
+        document.addEventListener('touchstart', listener);
+        return () => {
+            document.removeEventListener('mousedown', listener);
+            document.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler]);
+};
+function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, label, showTrigger = true, isOpen, setIsOpen, }) {
+    const modalRef = (0, react_1.useRef)(null);
+    useOnClickOutside(modalRef, (e) => {
+        // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
+        const isTriggerElem = parentRef
+            ? parentRef.current?.contains(e.target)
+            : false;
+        if (isTriggerElem) {
+            handleCloseModal();
+        }
+    });
+    const handleCloseModal = () => {
+        setIsOpen(false);
+        if (onClose) {
+            onClose();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [showTrigger && ((0, jsx_runtime_1.jsx)(exports.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: {
+                        background: 'white',
+                        position: 'absolute',
+                        boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
+                        border: '1px solid #e7e7e7',
+                        boxSizing: 'content-box',
+                        zIndex: 1,
+                        top: showTrigger ? 12 : 0,
+                        borderRadius: 6,
+                        padding: 20,
+                        overflow: 'scroll',
+                        ...style,
+                    }, children: children }) }))] }));
+}
+exports.MemoizedPopover = MemoizedPopover;
+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: {
+                    position: 'fixed',
+                    top: '0',
+                    right: '0',
+                    bottom: '0',
+                    left: '0',
+                    zIndex: '50',
+                    backgroundColor: 'rgba(255, 255, 255, 0.8)',
+                    backdropFilter: 'blur(5px)',
+                }, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    // position: "absolute",
+                    position: 'fixed',
+                    left: '50%',
+                    top: '50%',
+                    zIndex: '50',
+                    // width: "100%",
+                    maxWidth: 1024,
+                    maxHeight: '90vh',
+                    display: 'flex',
+                    justifyContent: 'center',
+                    alignItems: 'center',
+                    transform: 'translateX(-50%) translateY(-50%)',
+                    background: 'white',
+                    borderRadius: 8,
+                    borderStyle: 'solid',
+                    borderWidth: 1,
+                    borderColor: '#e7e7e7',
+                    overflow: 'hidden',
+                    // zIndex: 1000,
+                }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        // width: "80%",
+                        maxHeight: '90vh',
+                        overflowY: 'scroll',
+                        // maxWidth: "700px",
+                        backgroundColor: '#ffffff',
+                        // padding: "20px",
+                        // borderRadius: "8px",
+                        display: 'flex',
+                        flexDirection: 'column',
+                        alignItems: 'center',
+                        position: 'relative',
+                        fontFamily: theme?.fontFamily,
+                    }, children: [(0, jsx_runtime_1.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: {
+                                        fontSize: 18,
+                                        fontWeight: '600',
+                                        marginLeft: 20,
+                                        // width: '90%',
+                                        textAlign: 'left',
+                                        paddingTop: 18,
+                                        color: theme?.primaryTextColor,
+                                    }, children: title }), (0, jsx_runtime_1.jsx)(exports.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: {
+        height: 42,
+        width: 42,
+        border: 'none',
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderRadius: 6,
+        ...style,
+    }, children: [(0, jsx_runtime_1.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;

package/dist/cjs/components/selectUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectUtils.d.ts","sourceRoot":"","sources":["../../../src/components/selectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,2BAA2B,CACzC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,uBAUpD;AAED,wBAAgB,kBAAkB,CAChC,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,eAAe,EAAE,GACzB,eAAe,EAAE,CAOnB;AAED,eAAO,MAAM,qBAAqB,iBAClB,OAAO,cACT,OAAO,6BAqBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,YACF,CAAC"}

package/dist/cjs/components/selectUtils.js

@@ -0,0 +1,47 @@
+"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) {
+    const valueToNameMapping = new Map();
+    react_1.default.Children.map(children, (child) => {
+        valueToNameMapping.set(child.props.value, child.props.text ?? child.props.value);
+    });
+    return valueToNameMapping;
+}
+exports.constructValueToNameMapping = constructValueToNameMapping;
+function getFilteredOptions(searchQuery, options) {
+    return searchQuery === ''
+        ? options
+        : options.filter((option) => {
+            const optionText = option.text ?? option.value;
+            return optionText.toLowerCase().includes(searchQuery.toLowerCase());
+        });
+}
+exports.getFilteredOptions = getFilteredOptions;
+const getSelectButtonColors = (hasSelection, isDisabled, hasError = false) => {
+    return null;
+    // return twMerge(
+    //   isDisabled
+    //     ? getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground).bgColor
+    //     : getColorClassNames(WHITE, colorPalette.background).bgColor,
+    //   !isDisabled &&
+    //     getColorClassNames(DEFAULT_COLOR, colorPalette.canvasBackground)
+    //       .hoverBgColor,
+    //   hasSelection
+    //     ? getColorClassNames(DEFAULT_COLOR, colorPalette.darkText).textColor
+    //     : getColorClassNames(DEFAULT_COLOR, colorPalette.text).textColor,
+    //   isDisabled &&
+    //     getColorClassNames(DEFAULT_COLOR, colorPalette.lightText).textColor,
+    //   hasError && colorClassNames[BaseColors.Rose][colorPalette.text].textColor,
+    //   hasError
+    //     ? colorClassNames[BaseColors.Rose][colorPalette.ring].borderColor
+    //     : getColorClassNames(DEFAULT_COLOR, colorPalette.ring).borderColor
+    // );
+};
+exports.getSelectButtonColors = getSelectButtonColors;
+const hasValue = (value) => value !== null && value !== undefined && value !== '';
+exports.hasValue = hasValue;

package/dist/cjs/contexts/BaseColorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseColorContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/BaseColorContext.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,gBAAgB,iCAAgC,CAAC;AAEvD,eAAe,gBAAgB,CAAC"}

package/dist/cjs/contexts/BaseColorContext.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const BaseColorContext = (0, react_1.createContext)('blue');
+exports.default = BaseColorContext;

package/dist/cjs/contexts/HoveredValueContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoveredValueContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/HoveredValueContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,wBAAwB;IACvC,YAAY,EAAE,GAAG,GAAG,SAAS,CAAC;IAC9B,eAAe,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;CACjD;AAED,QAAA,MAAM,mBAAmB,mDAEvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/cjs/contexts/HoveredValueContext.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const HoveredValueContext = (0, react_1.createContext)({
+    hoveredValue: undefined,
+});
+exports.default = HoveredValueContext;

package/dist/cjs/contexts/RootStylesContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootStylesContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/RootStylesContext.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,iBAAiB,6CAA+C,CAAC;AAEvE,eAAe,iBAAiB,CAAC"}

package/dist/cjs/contexts/RootStylesContext.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const RootStylesContext = (0, react_1.createContext)(undefined);
+exports.default = RootStylesContext;

package/dist/cjs/contexts/SelectedValueContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectedValueContext.d.ts","sourceRoot":"","sources":["../../../src/contexts/SelectedValueContext.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,yBAAyB;IACxC,aAAa,EAAE,GAAG,CAAC;IACnB,iBAAiB,EAAE,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACvD;AAED,QAAA,MAAM,oBAAoB,oDAGxB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/dist/cjs/contexts/SelectedValueContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const SelectedValueContext = (0, react_1.createContext)({
+    selectedValue: undefined,
+    handleValueChange: undefined,
+});
+exports.default = SelectedValueContext;

package/dist/cjs/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/cjs/contexts/index.js

@@ -0,0 +1,14 @@
+"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; } });

package/dist/cjs/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/cjs/hooks/index.js

@@ -0,0 +1,14 @@
+"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; } });

package/dist/cjs/hooks/useDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useDashboard.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,kBAAmB,MAAM;;;;;CAyDjD,CAAC"}

package/dist/cjs/hooks/useDashboard.js

@@ -0,0 +1,53 @@
+"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) => {
+    // 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 handleReload = () => {
+        getDashboards();
+    };
+    async function getDashboards() {
+        if (dashboardName === null || dashboardName === undefined)
+            return;
+        setIsLoading(true);
+        const { publicKey, customerId } = client;
+        try {
+            const searchParams = new URLSearchParams({
+                publicKey: publicKey,
+                orgId: customerId,
+                name: dashboardName,
+            }).toString();
+            const hostedBody = {
+                metadata: {
+                    name: dashboardName,
+                    task: 'config',
+                    clientId: publicKey,
+                    ...(customerId ? { orgId: customerId } : {}),
+                },
+            };
+            const resp = await (0, dataFetcher_1.getData)(client, `dashconfig?${searchParams}`, 'omit', hostedBody, null, 'GET');
+            setData(resp);
+            setError(null);
+        }
+        catch (error) {
+            setError(null);
+            setError(error);
+            console.error('Error fetching data:', error);
+        }
+        setIsLoading(false);
+    }
+    (0, react_1.useEffect)(() => {
+        getDashboards();
+    }, [dashboardName, client]);
+    return { data, isLoading, error, reload: handleReload };
+};
+exports.useDashboard = useDashboard;

package/dist/cjs/hooks/useInternalState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInternalState.d.ts","sourceRoot":"","sources":["../../../src/hooks/useInternalState.tsx"],"names":[],"mappings":";AAEA,QAAA,MAAM,gBAAgB,4GAWrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/cjs/hooks/useInternalState.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useInternalState = (defaultValueProp, valueProp) => {
+    const isControlled = valueProp !== undefined;
+    const [valueState, setValueState] = (0, react_1.useState)(defaultValueProp);
+    const value = isControlled ? valueProp : valueState;
+    const setValue = (nextValue) => {
+        if (isControlled) {
+            return;
+        }
+        setValueState(nextValue);
+    };
+    return [value, setValue];
+};
+exports.default = useInternalState;

package/dist/cjs/hooks/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnClickOutside.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,QAChB,MAAM,SAAS,CAAC,cAAc,CAAC,mBACjB,GAAG,KAAG,IAAI,SAgB9B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/hooks/useOnClickOutside.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useOnClickOutside = (ref, handler) => {
+    (0, react_1.useEffect)(() => {
+        const listener = (event) => {
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener("mousedown", listener);
+        document.addEventListener("touchstart", listener);
+        return () => {
+            document.removeEventListener("mousedown", listener);
+            document.removeEventListener("touchstart", listener);
+        };
+    }, [ref, handler]);
+};
+exports.default = useOnClickOutside;

package/dist/cjs/hooks/useOnWindowResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnWindowResize.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,iBAAiB,YAAa;IAAE,IAAI,IAAI,CAAA;CAAE,sBAAsB,MAAM,SAY3E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/cjs/hooks/useOnWindowResize.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const useOnWindowResize = (handler, initialWindowSize) => {
+    const [windowSize, setWindowSize] = (0, react_1.useState)(initialWindowSize);
+    (0, react_1.useEffect)(() => {
+        const handleResize = () => {
+            setWindowSize(window.innerWidth);
+            handler();
+        };
+        handleResize();
+        window.addEventListener("resize", handleResize);
+        return () => window.removeEventListener("resize", handleResize);
+    }, [handler, windowSize]);
+};
+exports.default = useOnWindowResize;

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

@@ -0,0 +1 @@
+{"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/cjs/hooks/useQuill.js

@@ -0,0 +1,87 @@
+"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 merge_1 = require("../utils/merge");
+const useQuill = (chartId) => {
+    const { dashboard, dispatch } = (0, react_1.useContext)(Context_1.DashboardContext);
+    const { dashboardFilters } = (0, react_1.useContext)(Context_1.DashboardFiltersContext);
+    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)(() => {
+        let isSubscribed = true;
+        async function getChartOptions() {
+            if (isSubscribed) {
+                if (dashboard && dashboard[chartId]) {
+                    setLoading(false);
+                    if (dashboard[chartId].compareRows) {
+                        (0, merge_1.mergeComparisonRange)(dashboard[chartId]);
+                    }
+                    setData({ ...dashboard[chartId] });
+                    return;
+                }
+                try {
+                    setLoading(true);
+                    const hostedBody = {
+                        metadata: {
+                            dashboardItemId: chartId,
+                            ...(client.customerId && { orgId: client.customerId }),
+                            clientId: client.publicKey,
+                            task: 'item',
+                            filters: [...Object.values(dashboardFilters)],
+                        },
+                    };
+                    const cloudBody = {
+                        id: chartId,
+                        filters: [...Object.values(dashboardFilters)],
+                    };
+                    const resp = await (0, dataFetcher_1.getData)(client, 'itempost', 'same-origin', hostedBody, cloudBody);
+                    if (resp) {
+                        setLoading(false);
+                        if (resp.compareRows) {
+                            (0, merge_1.mergeComparisonRange)(resp);
+                        }
+                        setData(resp);
+                        dispatch({
+                            type: 'UPDATE_DASHBOARD_ITEM',
+                            id: chartId,
+                            data: { ...resp, filtersApplied: dashboardFilters },
+                        });
+                    }
+                }
+                catch (e) {
+                    if (typeof e === 'string' || (typeof e === 'object' && e !== null)) {
+                        setError(stringifyIfObject(e));
+                    }
+                    else {
+                        setError('error');
+                    }
+                }
+            }
+        }
+        if (chartId) {
+            getChartOptions();
+        }
+        return () => {
+            isSubscribed = false;
+        };
+    }, [chartId, dashboard]);
+    return { data, loading, error };
+};
+exports.useQuill = useQuill;
+function stringifyIfObject(e) {
+    if (typeof e === 'string') {
+        // do nothing if e is a string
+        return e;
+    }
+    else if (typeof e === 'object' && e !== null) {
+        // stringify e if it's an object
+        return JSON.stringify(e);
+    }
+    return e; // returns the input as is for other types
+}

package/dist/cjs/hooks/useSelectOnKeyDown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectOnKeyDown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useSelectOnKeyDown.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,0BACC,MAAM,KAAK,IAAI,gBACxB,MAAM,EAAE,aACX,OAAO,iCACa,OAAO,KAAK,IAAI,UACvC,MAAM,qCAGV,mBAAmB,CAAC,cAAc,GAAG,iBAAiB,CAAC,KAAK,IAAI,CAmErE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}