@quillsql/react 2.10.29 → 2.10.31

package/dist/cjs/components/UiComponents.js

@@ -1,262 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSpinner = 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;
-const LoadingSpinner = ({ ...props }) => ((0, jsx_runtime_1.jsxs)("svg", { width: "24", height: "24", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 6)", stroke: "#364153", fill: "none", transform: "rotate(-90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), (0, jsx_runtime_1.jsx)("circle", { cx: "12", cy: "12", r: "9.375", strokeWidth: "3.75", strokeDasharray: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 1 / 3)", strokeDashoffset: "calc(2 * 3.14 * 9.375 / 3) calc(2 * 3.14 * 9.375 * 2 / 3)", stroke: '#ADB1B9', fill: "none", transform: "rotate(90 12 12)", children: (0, jsx_runtime_1.jsx)("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }));
-exports.LoadingSpinner = LoadingSpinner;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface SelectItemProps {
-    value: string;
-    text?: string;
-}
-export declare function constructValueToNameMapping(children: React.ReactElement[] | React.ReactElement): Map<string, string>;
-export declare function getFilteredOptions(searchQuery: string, options: SelectItemProps[]): SelectItemProps[];
-export declare const getSelectButtonColors: (hasSelection: boolean, isDisabled: boolean, hasError?: boolean) => null;
-export declare const hasValue: (value: string | null | undefined) => boolean;
-//# sourceMappingURL=selectUtils.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,47 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const BaseColorContext: import("react").Context<string>;
-export default BaseColorContext;
-//# sourceMappingURL=BaseColorContext.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export interface HoveredValueContextValue {
-    hoveredValue: any | undefined;
-    setHoveredValue?: Dispatch<SetStateAction<any>>;
-}
-declare const HoveredValueContext: import("react").Context<HoveredValueContextValue>;
-export default HoveredValueContext;
-//# sourceMappingURL=HoveredValueContext.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const RootStylesContext: import("react").Context<string | undefined>;
-export default RootStylesContext;
-//# sourceMappingURL=RootStylesContext.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-"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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface SelectedValueContextValue {
-    selectedValue: any;
-    handleValueChange: ((value: any) => void) | undefined;
-}
-declare const SelectedValueContext: import("react").Context<SelectedValueContextValue>;
-export default SelectedValueContext;
-//# sourceMappingURL=SelectedValueContext.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-"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

@@ -1,5 +0,0 @@
-export { default as BaseColorContext } from './BaseColorContext';
-export { default as HoveredValueContext } from './HoveredValueContext';
-export { default as RootStylesContext } from './RootStylesContext';
-export { default as SelectedValueContext } from './SelectedValueContext';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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

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

@@ -1,5 +0,0 @@
-export { default as useInternalState } from "./useInternalState";
-export { default as useOnClickOutside } from "./useOnClickOutside";
-export { default as useOnWindowResize } from "./useOnWindowResize";
-export { default as useSelectOnKeyDown } from "./useSelectOnKeyDown";
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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

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

@@ -1,7 +0,0 @@
-export declare const useDashboard: (dashboardName: string) => {
-    data: any;
-    isLoading: boolean;
-    error: any;
-    reload: () => void;
-};
-//# sourceMappingURL=useDashboard.d.ts.map

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

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

package/dist/cjs/hooks/useDashboard.js

@@ -1,54 +0,0 @@
-"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 { databaseType, publicKey, customerId } = client;
-        try {
-            const searchParams = new URLSearchParams({
-                publicKey: publicKey,
-                orgId: customerId,
-                name: dashboardName,
-            }).toString();
-            const hostedBody = {
-                metadata: {
-                    name: dashboardName,
-                    task: 'config',
-                    clientId: publicKey,
-                    orgId: customerId || '*',
-                    databaseType: databaseType,
-                },
-            };
-            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/useExport.d.ts

@@ -1,15 +0,0 @@
-interface WithChartId {
-    chartId: string;
-}
-interface WithData {
-    rows: any[];
-    fields?: any[];
-    name?: string;
-}
-type UseExportProps = WithChartId | WithData;
-export declare const useExport: (data: UseExportProps) => {
-    downloadCSV: () => void;
-    downloadPDF: () => void;
-};
-export {};
-//# sourceMappingURL=useExport.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useExport.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExport.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACnB,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,QAAQ;IAChB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,MAAM,CAAC,EAAE,GAAG,EAAE,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,cAAc,GAAG,WAAW,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,SAAS,SAAU,cAAc;;;CA0B7C,CAAC"}

package/dist/cjs/hooks/useExport.js

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useExport = void 0;
-const csv_1 = require("../utils/csv");
-const useQuill_1 = require("../hooks/useQuill");
-const useExport = (data) => {
-    if ('chartId' in data) {
-        const chartData = (0, useQuill_1.useQuill)(data.chartId).data;
-        if (!chartData)
-            return { downloadCSV: () => { }, downloadPDF: () => { } };
-        return {
-            downloadCSV: () => (0, csv_1.downloadCSV)({
-                rows: chartData.rows,
-                fields: chartData.fields,
-                name: chartData.name,
-            }),
-            downloadPDF: () => { },
-        };
-    }
-    if ('rows' in data) {
-        return {
-            downloadCSV: () => (0, csv_1.downloadCSV)({ ...data }),
-            downloadPDF: () => { },
-        };
-    }
-    return {
-        downloadCSV: () => { },
-        downloadPDF: () => { },
-    };
-};
-exports.useExport = useExport;

package/dist/cjs/hooks/useFormat.d.ts

@@ -1,6 +0,0 @@
-export declare const useMemoizedRows: (chartId: string) => {
-    formattedRows: {
-        [key: string]: string;
-    }[];
-};
-//# sourceMappingURL=useFormat.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useFormat.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFormat.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,YAAa,MAAM;;;;CAwB9C,CAAC"}

package/dist/cjs/hooks/useFormat.js

@@ -1,25 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useMemoizedRows = void 0;
-const valueFormatter_1 = require("../utils/valueFormatter");
-const useQuill_1 = require("./useQuill");
-const react_1 = require("react");
-const useMemoizedRows = (chartId) => {
-    const { data } = (0, useQuill_1.useQuill)(chartId);
-    if (!data)
-        return { formattedRows: [] };
-    const { rows, columns } = data;
-    const formattedRows = (0, react_1.useMemo)(() => rows.map((row) => {
-        return columns.reduce((formattedRow, column) => {
-            // Apply the format function to each field in the row
-            const formattedValue = (0, valueFormatter_1.quillFormat)({
-                value: row[column.field],
-                format: column.format,
-            });
-            formattedRow[column.field] = formattedValue;
-            return formattedRow;
-        }, {});
-    }), [rows]);
-    return { formattedRows };
-};
-exports.useMemoizedRows = useMemoizedRows;

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-declare const useInternalState: <T>(defaultValueProp: T, valueProp: T) => [T, import("react").Dispatch<import("react").SetStateAction<T>>];
-export default useInternalState;
-//# sourceMappingURL=useInternalState.d.ts.map

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

@@ -1 +0,0 @@
-{"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

@@ -1,16 +0,0 @@
-"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;