@quillsql/react 2.11.15 → 2.11.17

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

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

package/dist/cjs/components/UiComponents.js

@@ -1,12 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.MemoizedTabs = exports.MemoizedCheckbox = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSelect = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = exports.QuillTextInput = void 0;
+exports.QuillEmptyDashboardComponent = exports.QuillDropdownComponent = exports.QuillTableComponent = exports.LoadingSpinner = exports.MemoizedDeleteButton = exports.MemoizedModal = exports.MemoizedPopover = exports.MemoizedText = exports.QuillTabs = exports.DEFAULT_TAB_OPTIONS = exports.MemoizedCheckbox = exports.MemoizedLabel = exports.MemoizedHeader = exports.MemoizedSecondaryButton = exports.MemoizedButton = exports.MemoizedTextInput = exports.QuillTextInput = 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 QuillTextInput = ({ value, onChange, placeholder, id, theme, }) => {
+const QuillTable_1 = __importDefault(require("./QuillTable"));
+/**
+ * The fallback TextInput element for Quill.
+ */
+const QuillTextInput = ({ id, value, width, placeholder, onChange, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsx)("input", { style: {
             display: 'flex',
             height: 40,
@@ -17,15 +25,16 @@ const QuillTextInput = ({ value, onChange, placeholder, id, theme, }) => {
             fontSize: 14,
             boxSizing: 'border-box',
             paddingLeft: 13,
-            backgroundColor: theme.backgroundColor,
-            color: theme.primaryTextColor,
-            fontFamily: theme.fontFamily,
-            width: 200,
-            minWidth: 200,
-        }, id: id, type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder }));
+            backgroundColor: theme?.backgroundColor,
+            color: theme?.primaryTextColor,
+            fontFamily: theme?.fontFamily,
+            width: width,
+            minWidth: width,
+        }, id: id, value: value, placeholder: placeholder, onChange: onChange }));
 };
 exports.QuillTextInput = QuillTextInput;
-const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
+// TODO: depreciate this component in favor of QuillTextInput (or vice versa)
+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 {
@@ -42,7 +51,7 @@ const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
        padding-top: 0px;
        padding-bottom: 0px;
        box-sizing: border-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 } })] }));
+    }` }), (0, jsx_runtime_1.jsx)("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: onChange, placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
 };
 exports.MemoizedTextInput = MemoizedTextInput;
 const MemoizedButton = ({ label, onClick, primary = true, isLoading = false, }) => {
@@ -90,44 +99,7 @@ const MemoizedSecondaryButton = ({ label, onClick }) => {
     }` }), label] }));
 };
 exports.MemoizedSecondaryButton = MemoizedSecondaryButton;
-const MemoizedSelect = ({ value, onChange, options, disabled = false, style = {}, }) => {
-    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;
-        max-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,
-                    paddingRight: 30,
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    overflow: 'hidden',
-                    ...style,
-                }, 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 }) => {
+const MemoizedHeader = ({ label }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsx)("h1", { style: {
             fontSize: 16,
@@ -137,10 +109,10 @@ const MemoizedHeader = ({ children }) => {
             userSelect: 'none',
             margin: 0,
             padding: 0,
-        }, children: children }));
+        }, children: label }));
 };
 exports.MemoizedHeader = MemoizedHeader;
-const MemoizedLabel = ({ children }) => {
+const MemoizedLabel = ({ label }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsx)("h1", { style: {
             fontSize: 14,
@@ -150,18 +122,26 @@ const MemoizedLabel = ({ children }) => {
             userSelect: 'none',
             paddingBottom: 5,
             margin: 0,
-        }, children: children }));
+        }, children: label }));
 };
 exports.MemoizedLabel = MemoizedLabel;
-const MemoizedCheckbox = ({ checked, onChange, style = {}, ...props }) => ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: checked, onChange: () => onChange(!checked), style: { width: '14px', height: '14px', margin: 'auto 0', ...style }, ...props }));
+const MemoizedCheckbox = ({ isChecked, onChange, }) => ((0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: isChecked, onChange: onChange, style: { width: '14px', height: '14px', margin: 'auto 0' } }));
 exports.MemoizedCheckbox = MemoizedCheckbox;
-const MemoizedTabs = ({ defaultValue, options, onValueChange }) => ((0, jsx_runtime_1.jsx)("div", { style: {
+exports.DEFAULT_TAB_OPTIONS = [
+    { label: 'or', value: 'OR' },
+    { label: 'and', value: 'AND' },
+];
+const QuillTabs = ({ options = exports.DEFAULT_TAB_OPTIONS, value, onChange, }) => ((0, jsx_runtime_1.jsx)("div", { style: {
         flexDirection: 'row',
         alignItems: 'center',
         borderRadius: '0.25rem',
         outlineStyle: 'none',
         background: '#F9FAFB',
-    }, children: options.map(({ label, value }) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => onValueChange(value), style: {
+    }, children: options.map((option) => ((0, jsx_runtime_1.jsx)("button", { onClick: () => {
+            // Manually create a synthetic ChangeEvent and pass it to callback
+            const changeEvent = { target: { value: option.value } };
+            onChange(changeEvent);
+        }, style: {
             borderRadius: '0.25rem',
             borderWidth: '1px',
             outlineStyle: 'none',
@@ -175,7 +155,7 @@ const MemoizedTabs = ({ defaultValue, options, onValueChange }) => ((0, jsx_runt
             paddingLeft: '0.75rem',
             paddingRight: '0.75rem',
             color: '12px',
-            ...(value === defaultValue
+            ...(option.value === value
                 ? {
                     fontWeight: 700,
                     backgroundColor: '#ffffff',
@@ -189,9 +169,9 @@ const MemoizedTabs = ({ defaultValue, options, onValueChange }) => ((0, jsx_runt
                     backgroundColor: 'transparent',
                     color: '#606572',
                 }),
-        }, children: label }))) }));
-exports.MemoizedTabs = MemoizedTabs;
-const MemoizedText = ({ children }) => {
+        }, children: option.label }))) }));
+exports.QuillTabs = QuillTabs;
+const MemoizedText = ({ label }) => {
     const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     return ((0, jsx_runtime_1.jsx)("p", { style: {
             fontSize: 12,
@@ -200,62 +180,52 @@ const MemoizedText = ({ children }) => {
             color: '#575E6A',
             userSelect: 'none',
             fontFamily: theme?.fontFamily,
-        }, children: children }));
+        }, children: label }));
 };
 exports.MemoizedText = MemoizedText;
-const useOnClickOutside = (ref, handler) => {
+/**
+ * The one, true Quill popover component.
+ */
+const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const modalRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const listener = (event) => {
-            if (!ref.current || ref.current.contains(event.target)) {
-                return;
+            if (modalRef?.current && !modalRef?.current?.contains(event.target)) {
+                if (setIsOpen)
+                    setIsOpen(false);
             }
-            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, showTrigger = true, isOpen, label, 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',
+    }, [modalRef, setIsOpen]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [triggerLabel, isOpen && ((0, jsx_runtime_1.jsx)("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                        background: theme?.backgroundColor || 'white',
                         position: 'absolute',
                         boxShadow: '0px 1px 12px 0px rgba(56, 65, 81, 0.1)',
-                        border: '1px solid #e7e7e7',
+                        border: theme
+                            ? `${theme.borderWidth || 1}px solid ${theme.borderColor || '#e7e7e7'}`
+                            : '1px solid #e7e7e7',
                         boxSizing: 'content-box',
-                        zIndex: 1,
-                        top: showTrigger ? 12 : 0,
+                        zIndex: 999,
+                        top: 12,
                         borderRadius: 6,
                         padding: 20,
-                        ...style,
-                    }, children: children }) }))] }));
-}
+                    }, children: [popoverTitle && ((0, jsx_runtime_1.jsx)("h1", { style: {
+                                fontWeight: '600',
+                                fontSize: 18,
+                                margin: 0,
+                                textAlign: 'left',
+                                marginBottom: 5,
+                                color: theme?.primaryTextColor,
+                                fontFamily: theme?.fontFamily,
+                            }, children: popoverTitle })), popoverChildren] }) }))] }));
+};
 exports.MemoizedPopover = MemoizedPopover;
-function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, style = {}, }) {
+function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
     if (!isOpen) {
         return null;
     }
@@ -268,15 +238,11 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
                     zIndex: '50',
                     backgroundColor: 'rgba(255, 255, 255, 0.8)',
                     backdropFilter: 'blur(5px)',
-                }, onClick: onClose }), (0, jsx_runtime_1.jsx)("div", { style: {
-                    // position: "absolute",
+                }, onClick: () => setIsOpen(false) }), (0, jsx_runtime_1.jsx)("div", { style: {
                     position: 'fixed',
                     left: '50%',
                     top: '50%',
                     zIndex: '50',
-                    // width: "100%",
-                    maxWidth: 1024,
-                    maxHeight: '90vh',
                     display: 'flex',
                     justifyContent: 'center',
                     alignItems: 'center',
@@ -286,12 +252,16 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
                     borderStyle: 'solid',
                     borderWidth: 1,
                     borderColor: '#e7e7e7',
-                    overflow: 'hidden',
-                    // zIndex: 1000,
-                    ...style,
+                    overflow: 'scroll',
+                    width: width ?? 'auto',
+                    height: height ?? 'auto',
+                    maxWidth: 'calc(100vw - 82px)',
+                    maxHeight: 'calc(100vh - 82px)',
                 }, children: (0, jsx_runtime_1.jsxs)("div", { style: {
-                        // width: "80%",
-                        maxHeight: '90vh',
+                        width: '100%',
+                        height: '100%',
+                        maxWidth: 'calc(100vw - 82px)',
+                        maxHeight: 'calc(100vh - 82px)',
                         overflowY: 'scroll',
                         // maxWidth: "700px",
                         backgroundColor: '#ffffff',
@@ -299,7 +269,7 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
                         // borderRadius: "8px",
                         display: 'flex',
                         flexDirection: 'column',
-                        alignItems: 'center',
+                        // alignItems: 'center',
                         position: 'relative',
                         fontFamily: theme?.fontFamily,
                     }, children: [(0, jsx_runtime_1.jsxs)("div", { id: "quill-modal-header", style: {
@@ -316,10 +286,10 @@ function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, sty
                                         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 }), (0, jsx_runtime_1.jsx)("div", { style: { marginRight: 10, marginTop: 10 }, children: (0, jsx_runtime_1.jsx)(exports.MemoizedDeleteButton, { onClick: () => setIsOpen(false) }) })] }), children] }) })] }));
 }
 exports.MemoizedModal = MemoizedModal;
-const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
+const MemoizedDeleteButton = ({ onClick, }) => ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
         height: 40,
         width: 40,
         border: 'none',
@@ -328,7 +298,6 @@ const MemoizedDeleteButton = ({ onClick, style }) => ((0, jsx_runtime_1.jsxs)("b
         alignItems: 'center',
         justifyContent: 'center',
         borderRadius: 6,
-        ...style,
     }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
   .quill-delete-button {
       background-color: white;
@@ -346,3 +315,54 @@ const LoadingSpinner = () => ((0, jsx_runtime_1.jsx)("div", { style: {
         alignItems: 'center',
     }, children: (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;
+const QuillTableComponent = ({ rows, columns, isLoading = false, }) => {
+    if (isLoading) {
+        return ((0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', flexDirection: 'column', margin: 'auto' }, children: (0, jsx_runtime_1.jsx)(exports.LoadingSpinner, {}) }));
+    }
+    return (0, jsx_runtime_1.jsx)(QuillTable_1.default, { rows: rows, columns: columns, rowsPerPage: 10 });
+};
+exports.QuillTableComponent = QuillTableComponent;
+const QuillDropdownComponent = ({ onChange, value, label, options, }) => {
+    const [theme] = (0, react_1.useContext)(Context_1.ThemeContext);
+    const handleOnChange = (0, react_1.useCallback)((event) => onChange(event), [onChange]);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [label && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    marginBottom: 6,
+                    fontWeight: theme.labelFontWeight || '600',
+                    color: theme.secondaryTextColor,
+                    fontFamily: theme.fontFamily,
+                    fontSize: 14,
+                }, children: label })), (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', height: 38 }, children: [(0, jsx_runtime_1.jsxs)("select", { id: "reportbuilderdropdown", onChange: handleOnChange, value: value ?? '', style: {
+                            width: '100%',
+                            WebkitAppearance: 'none',
+                            minWidth: 230,
+                            outline: 'none',
+                            textAlign: 'left',
+                            whiteSpace: 'nowrap',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            borderRadius: 6,
+                            paddingLeft: 12,
+                            paddingRight: 12,
+                            height: 38,
+                            borderWidth: theme.borderWidth,
+                            borderColor: theme.borderColor,
+                            background: theme.backgroundColor,
+                            color: theme.primaryTextColor,
+                            boxShadow: '0 1px 2px 0 rgba(0,0,0,.05)',
+                            fontFamily: theme.fontFamily,
+                            fontSize: 14,
+                            fontWeight: 500,
+                            boxSizing: 'border-box',
+                        }, children: [(0, jsx_runtime_1.jsx)("option", { value: "", children: "Select" }), options.map((option, index) => ((0, jsx_runtime_1.jsx)("option", { value: option.value, children: option.label }, option.label + index)))] }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
+                            height: '20px',
+                            width: '20px',
+                            flex: 'none',
+                            position: 'absolute',
+                            right: 8,
+                            top: 9,
+                            color: theme?.secondaryTextColor,
+                        }, "aria-hidden": "true" })] })] }));
+};
+exports.QuillDropdownComponent = QuillDropdownComponent;
+const QuillEmptyDashboardComponent = () => (0, jsx_runtime_1.jsx)("div", {});
+exports.QuillEmptyDashboardComponent = QuillEmptyDashboardComponent;

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

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

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

@@ -1 +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"}
+{"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;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/cjs/hooks/index.js

@@ -3,7 +3,7 @@ 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;
+exports.useTheme = 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");
@@ -12,3 +12,5 @@ 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; } });
+var useTheme_1 = require("./useTheme");
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return __importDefault(useTheme_1).default; } });

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

@@ -0,0 +1,7 @@
+import { type QuillTheme } from '../QuillProvider';
+/**
+ * A simple hook to get the theme without all that noise.
+ */
+declare const useTheme: () => QuillTheme;
+export default useTheme;
+//# sourceMappingURL=useTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,QAAQ,QAAO,UAIpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/cjs/hooks/useTheme.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const Context_1 = require("../Context");
+/**
+ * A simple hook to get the theme without all that noise.
+ */
+const useTheme = () => {
+    const [theme, _] = (0, react_1.useContext)(Context_1.ThemeContext);
+    return theme;
+};
+exports.default = useTheme;

package/dist/cjs/index.d.ts

@@ -1,21 +1,29 @@
 export { default as Dashboard } from './Dashboard';
 export type { DashboardProps, DashboardItemProps, DashboardItem, AxisFormat, } from './Dashboard';
 export { default as QuillProvider } from './QuillProvider';
+export type { QuillProviderProps, QuillTheme } from './QuillProvider';
 export { default as Chart } from './Chart';
+export type { ColorMapType, ChartProps } from './Chart';
 export { default as Table } from './Table';
+export type { TableProps } from './Table';
 export { default as SQLEditor, SchemaListComponent } from './SQLEditor';
+export type { SQLEditorProps } from './SQLEditor';
 export { default as ReportBuilder } from './ReportBuilder';
+export type { ReportBuilderProps } from './ReportBuilder';
 export { default as ChartBuilder } from './ChartBuilder';
+export type { ChartBuilderProps } from './ChartBuilder';
 export { default as ChartEditor } from './ChartEditor';
+export type { ChartEditorProps } from './ChartEditor';
 export { quillFormat as format } from './utils/valueFormatter';
 export { useDashboard } from './hooks/useDashboard';
 export { useQuill } from './hooks/useQuill';
 export { useExport } from './hooks/useExport';
 export { useMemoizedRows } from './hooks/useFormat';
 export { downloadCSV } from './utils/csv';
-export type { QuillTheme } from './QuillProvider';
 export { ThemeContext } from './Context';
-export type { TextInputComponentProps, ButtonComponentProps, Option, PopoverComponentProps, ModalComponentProps, TableComponentProps, HeaderProps, } from './components/UiComponents';
+export type { TextInputComponentProps, ButtonComponentProps, DeleteButtonComponentProps, SelectComponentProps, PopoverComponentProps, TabsComponentProps, CheckboxComponentProps, SidebarComponentProps, ContainerComponentProps, HeaderComponentProps, LabelComponentProps, TextComponentProps, Option, ModalComponentProps, HeaderProps, } from './components/UiComponents';
+export type { SelectColumnComponentProps, DraggableColumnComponentProps, SidebarHeadingComponentProps, FilterPopoverComponentProps, SortPopoverComponentProps, LimitPopoverComponentProps, } from './components/ReportBuilder/ui';
+export type { TableComponentProps } from './components/QuillTable';
 export type { DateRangePickerProps, DateRangePickerOption, DateRange, } from './DateRangePicker/DateRangePicker';
 export type { DashboardSectionComponentProps } from './components/Dashboard/DashboardSection';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,YAAY,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,MAAM,EACN,qBAAqB,EACrB,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EAAG,8BAA8B,EAAE,MAAM,yCAAyC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,uBAAuB,EACvB,oBAAoB,EACpB,0BAA0B,EAC1B,oBAAoB,EACpB,qBAAqB,EACrB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,MAAM,EACN,mBAAmB,EACnB,WAAW,GACZ,MAAM,2BAA2B,CAAC;AACnC,YAAY,EACV,0BAA0B,EAC1B,6BAA6B,EAC7B,4BAA4B,EAC5B,2BAA2B,EAC3B,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,+BAA+B,CAAC;AACvC,YAAY,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AACnE,YAAY,EACV,oBAAoB,EACpB,qBAAqB,EACrB,SAAS,GACV,MAAM,mCAAmC,CAAC;AAC3C,YAAY,EAAE,8BAA8B,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/cjs/internals/ReportBuilder/PivotList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;6CA8MrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;6CAmFrB,CAAC"}
+{"version":3,"file":"PivotList.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotList.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;6CAoNrB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;6CAmFrB,CAAC"}

package/dist/cjs/internals/ReportBuilder/PivotList.js

@@ -21,21 +21,21 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
                                 whiteSpace: 'nowrap',
                                 textOverflow: 'ellipsis',
                                 paddingBottom: 6,
-                            }, children: (0, jsx_runtime_1.jsx)(HeaderComponent, { children: pivotTable.pivot.title }) })), pivotTable.columns.length === 0 ? ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [pivotTable.pivot.rowField && ((0, jsx_runtime_1.jsx)("th", { style: {
+                            }, children: (0, jsx_runtime_1.jsx)(HeaderComponent, { label: pivotTable.pivot.title }) })), pivotTable.columns.length === 0 ? ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [pivotTable.pivot.rowField && ((0, jsx_runtime_1.jsx)("th", { style: {
                                                     fontWeight: 600,
                                                     paddingRight: 5,
                                                     flex: 1,
                                                     textAlign: 'left',
                                                     whiteSpace: 'nowrap',
                                                     textOverflow: 'ellipsis',
-                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.rowField) }) }, pivotTable.pivot.rowField)), pivotTable.pivot.columnField && ((0, jsx_runtime_1.jsx)("th", { style: {
+                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { label: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.rowField) }) }, pivotTable.pivot.rowField)), pivotTable.pivot.columnField && ((0, jsx_runtime_1.jsx)("th", { style: {
                                                     fontWeight: 600,
                                                     paddingRight: 5,
                                                     flex: 1,
                                                     textAlign: 'left',
                                                     whiteSpace: 'nowrap',
                                                     textOverflow: 'ellipsis',
-                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.columnField) }) }, pivotTable.pivot.columnField)), !pivotTable.pivot.columnField &&
+                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { label: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.columnField) }) }, pivotTable.pivot.columnField)), !pivotTable.pivot.columnField &&
                                                 pivotTable.pivot.valueField && ((0, jsx_runtime_1.jsx)("th", { style: {
                                                     fontWeight: 600,
                                                     paddingRight: 5,
@@ -43,24 +43,24 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
                                                     textAlign: 'left',
                                                     whiteSpace: 'nowrap',
                                                     textOverflow: 'ellipsis',
-                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.valueField) }) }, pivotTable.pivot.valueField))] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
+                                                }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { label: (0, textProcessing_1.snakeCaseToTitleCase)(pivotTable.pivot.valueField) }) }, pivotTable.pivot.valueField))] }) }), (0, jsx_runtime_1.jsx)("div", { style: {
                                         paddingLeft: '2px',
                                         width: '100%',
-                                    }, children: (0, jsx_runtime_1.jsx)(TextComponent, { children: "No results" }) })] })) : ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((column) => ((0, jsx_runtime_1.jsx)("th", { style: {
+                                    }, children: (0, jsx_runtime_1.jsx)(TextComponent, { label: 'No results' }) })] })) : ((0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((column) => ((0, jsx_runtime_1.jsx)("th", { style: {
                                                 fontWeight: 600,
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 textAlign: 'left',
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { children: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
+                                            }, children: (0, jsx_runtime_1.jsx)(LabelComponent, { label: column.label }) }, column.field))) }) }), (0, jsx_runtime_1.jsx)("tbody", { children: pivotTable.rows
                                         .slice(0, maxRowsInPivotPeak)
                                         .map((row, index) => ((0, jsx_runtime_1.jsx)("tr", { children: pivotTable.columns.map((colum, i) => ((0, jsx_runtime_1.jsx)("td", { style: {
                                                 paddingRight: 5,
                                                 flex: 1,
                                                 whiteSpace: 'nowrap',
                                                 textOverflow: 'ellipsis',
-                                            }, children: (0, jsx_runtime_1.jsx)(TextComponent, { children: pivotTable.pivot.valueFieldType && i !== 0
+                                            }, children: (0, jsx_runtime_1.jsx)(TextComponent, { label: pivotTable.pivot.valueFieldType && i !== 0
                                                     ? (0, valueFormatter_1.quillFormat)({
                                                         value: row[colum.field],
                                                         format: pivotTable.pivot.valueFieldType,
@@ -68,9 +68,9 @@ const PivotCard = ({ pivotTable, theme, index, onSelectPivot, selectedPivotIndex
                                                     : row[colum.field] }) }, i))) }, index))) })] }))] }), (0, jsx_runtime_1.jsxs)("div", { style: {
                         display: 'flex',
                         justifyContent: 'space-between',
-                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(TextComponent, { children: ["...", pivotTable.rows.length - maxRowsInPivotPeak < 5
-                                        ? ''
-                                        : pivotTable.rows.length - maxRowsInPivotPeak, ' ', "more rows"] }) })) : ((0, jsx_runtime_1.jsx)("div", {})), showEdit && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
+                    }, children: [pivotTable.rows.length > maxRowsInPivotPeak ? ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(TextComponent, { label: `... ${pivotTable.rows.length - maxRowsInPivotPeak < 5
+                                    ? ''
+                                    : pivotTable.rows.length - maxRowsInPivotPeak} more rows` }) })) : ((0, jsx_runtime_1.jsx)("div", {})), showEdit && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(ButtonComponent, { id: "edit-pivot", primary: false, onClick: (e) => {
                                     e.stopPropagation();
                                     onEditPivot(pivotTable.pivot, index);
                                 }, label: 'Edit' }) }))] })] }) }));