@quillsql/react 2.11.15 → 2.11.17

package/dist/esm/components/UiComponents.js

@@ -1,9 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // @ts-nocheck
-import { useContext, useEffect, useRef } from 'react';
+import { useCallback, useContext, useEffect, useRef, } from 'react';
 import { ArrowDownHeadIcon, XIcon } from '../assets';
 import { ThemeContext } from '../Context';
-export const QuillTextInput = ({ value, onChange, placeholder, id, theme, }) => {
+import QuillTable from './QuillTable';
+/**
+ * The fallback TextInput element for Quill.
+ */
+export const QuillTextInput = ({ id, value, width, placeholder, onChange, }) => {
+    const [theme] = useContext(ThemeContext);
     return (_jsx("input", { style: {
             display: 'flex',
             height: 40,
@@ -14,14 +19,15 @@ export 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 }));
 };
-export const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
+// TODO: depreciate this component in favor of QuillTextInput (or vice versa)
+export const MemoizedTextInput = ({ value, onChange, placeholder, id, }) => {
     const [theme] = useContext(ThemeContext);
     return (_jsxs("div", { style: { position: 'relative' }, children: [_jsx("style", { children: `
     .quill-text-input {
@@ -38,7 +44,7 @@ export const MemoizedTextInput = ({ value, onChange, placeholder, id }) => {
        padding-top: 0px;
        padding-bottom: 0px;
        box-sizing: border-box;
-    }` }), _jsx("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
+    }` }), _jsx("input", { id: id, className: "quill-text-input", type: "text", value: value, onChange: onChange, placeholder: placeholder, style: { fontFamily: theme?.fontFamily } })] }));
 };
 export const MemoizedButton = ({ label, onClick, primary = true, isLoading = false, }) => {
     const [theme] = useContext(ThemeContext);
@@ -83,43 +89,7 @@ export const MemoizedSecondaryButton = ({ label, onClick }) => {
       background-color: rgba(56, 65, 81, 0.09);
     }` }), label] }));
 };
-export const MemoizedSelect = ({ value, onChange, options, disabled = false, style = {}, }) => {
-    const [theme] = useContext(ThemeContext);
-    return (_jsxs("div", { style: {
-            position: 'relative',
-            maxWidth: 206,
-        }, children: [_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;
-    }` }), _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) => (_jsx("option", { className: "quill-option", value: option.value, children: option.label }, option.value))) }), _jsx(ArrowDownHeadIcon, { style: {
-                    height: '20px',
-                    width: '20px',
-                    flex: 'none',
-                    position: 'absolute',
-                    right: 8,
-                    top: 11,
-                    color: '#6C727F',
-                }, "aria-hidden": "true" })] }));
-};
-export const MemoizedHeader = ({ children }) => {
+export const MemoizedHeader = ({ label }) => {
     const [theme] = useContext(ThemeContext);
     return (_jsx("h1", { style: {
             fontSize: 16,
@@ -129,9 +99,9 @@ export const MemoizedHeader = ({ children }) => {
             userSelect: 'none',
             margin: 0,
             padding: 0,
-        }, children: children }));
+        }, children: label }));
 };
-export const MemoizedLabel = ({ children }) => {
+export const MemoizedLabel = ({ label }) => {
     const [theme] = useContext(ThemeContext);
     return (_jsx("h1", { style: {
             fontSize: 14,
@@ -141,16 +111,24 @@ export const MemoizedLabel = ({ children }) => {
             userSelect: 'none',
             paddingBottom: 5,
             margin: 0,
-        }, children: children }));
+        }, children: label }));
 };
-export const MemoizedCheckbox = ({ checked, onChange, style = {}, ...props }) => (_jsx("input", { type: "checkbox", checked: checked, onChange: () => onChange(!checked), style: { width: '14px', height: '14px', margin: 'auto 0', ...style }, ...props }));
-export const MemoizedTabs = ({ defaultValue, options, onValueChange }) => (_jsx("div", { style: {
+export const MemoizedCheckbox = ({ isChecked, onChange, }) => (_jsx("input", { type: "checkbox", checked: isChecked, onChange: onChange, style: { width: '14px', height: '14px', margin: 'auto 0' } }));
+export const DEFAULT_TAB_OPTIONS = [
+    { label: 'or', value: 'OR' },
+    { label: 'and', value: 'AND' },
+];
+export const QuillTabs = ({ options = DEFAULT_TAB_OPTIONS, value, onChange, }) => (_jsx("div", { style: {
         flexDirection: 'row',
         alignItems: 'center',
         borderRadius: '0.25rem',
         outlineStyle: 'none',
         background: '#F9FAFB',
-    }, children: options.map(({ label, value }) => (_jsx("button", { onClick: () => onValueChange(value), style: {
+    }, children: options.map((option) => (_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',
@@ -164,7 +142,7 @@ export const MemoizedTabs = ({ defaultValue, options, onValueChange }) => (_jsx(
             paddingLeft: '0.75rem',
             paddingRight: '0.75rem',
             color: '12px',
-            ...(value === defaultValue
+            ...(option.value === value
                 ? {
                     fontWeight: 700,
                     backgroundColor: '#ffffff',
@@ -178,8 +156,8 @@ export const MemoizedTabs = ({ defaultValue, options, onValueChange }) => (_jsx(
                     backgroundColor: 'transparent',
                     color: '#606572',
                 }),
-        }, children: label }))) }));
-export const MemoizedText = ({ children }) => {
+        }, children: option.label }))) }));
+export const MemoizedText = ({ label }) => {
     const [theme] = useContext(ThemeContext);
     return (_jsx("p", { style: {
             fontSize: 12,
@@ -188,60 +166,50 @@ export const MemoizedText = ({ children }) => {
             color: '#575E6A',
             userSelect: 'none',
             fontFamily: theme?.fontFamily,
-        }, children: children }));
+        }, children: label }));
 };
-const useOnClickOutside = (ref, handler) => {
+/**
+ * The one, true Quill popover component.
+ */
+export const MemoizedPopover = ({ isOpen, setIsOpen, triggerLabel, popoverTitle = undefined, popoverChildren, }) => {
+    const [theme] = useContext(ThemeContext);
+    const modalRef = useRef(null);
     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]);
-};
-export function MemoizedPopover({ onClose, parentRef, children, style = {}, onClick, showTrigger = true, isOpen, label, setIsOpen, }) {
-    const modalRef = 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 (_jsxs("div", { children: [showTrigger && (_jsx(MemoizedSecondaryButton, { onClick: (e) => {
-                    setIsOpen((isOpen) => !isOpen);
-                    if (onClick) {
-                        onClick(e);
-                    }
-                }, label: label })), isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _jsx("div", { style: {
-                        background: 'white',
+    }, [modalRef, setIsOpen]);
+    return (_jsxs("div", { children: [triggerLabel, isOpen && (_jsx("div", { id: "quill-popover-modal", ref: modalRef, style: { position: 'relative' }, children: _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 }) }))] }));
-}
-export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, theme, style = {}, }) {
+                    }, children: [popoverTitle && (_jsx("h1", { style: {
+                                fontWeight: '600',
+                                fontSize: 18,
+                                margin: 0,
+                                textAlign: 'left',
+                                marginBottom: 5,
+                                color: theme?.primaryTextColor,
+                                fontFamily: theme?.fontFamily,
+                            }, children: popoverTitle })), popoverChildren] }) }))] }));
+};
+export function MemoizedModal({ isOpen, setIsOpen, title, children, width, height, }) {
+    const [theme] = useContext(ThemeContext);
     if (!isOpen) {
         return null;
     }
@@ -254,15 +222,11 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
                     zIndex: '50',
                     backgroundColor: 'rgba(255, 255, 255, 0.8)',
                     backdropFilter: 'blur(5px)',
-                }, onClick: onClose }), _jsx("div", { style: {
-                    // position: "absolute",
+                }, onClick: () => setIsOpen(false) }), _jsx("div", { style: {
                     position: 'fixed',
                     left: '50%',
                     top: '50%',
                     zIndex: '50',
-                    // width: "100%",
-                    maxWidth: 1024,
-                    maxHeight: '90vh',
                     display: 'flex',
                     justifyContent: 'center',
                     alignItems: 'center',
@@ -272,12 +236,16 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
                     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: _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',
@@ -285,7 +253,7 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
                         // borderRadius: "8px",
                         display: 'flex',
                         flexDirection: 'column',
-                        alignItems: 'center',
+                        // alignItems: 'center',
                         position: 'relative',
                         fontFamily: theme?.fontFamily,
                     }, children: [_jsxs("div", { id: "quill-modal-header", style: {
@@ -302,9 +270,9 @@ export function MemoizedModal({ isOpen, onClose, setIsOpen, title, children, the
                                         textAlign: 'left',
                                         paddingTop: 18,
                                         color: theme?.primaryTextColor,
-                                    }, children: title }), _jsx(MemoizedDeleteButton, { onClick: onClose, style: { marginRight: 10, marginTop: 10 } })] }), children] }) })] }));
+                                    }, children: title }), _jsx("div", { style: { marginRight: 10, marginTop: 10 }, children: _jsx(MemoizedDeleteButton, { onClick: () => setIsOpen(false) }) })] }), children] }) })] }));
 }
-export const MemoizedDeleteButton = ({ onClick, style }) => (_jsxs("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
+export const MemoizedDeleteButton = ({ onClick, }) => (_jsxs("button", { className: "quill-delete-button", type: "button", onClick: onClick, style: {
         height: 40,
         width: 40,
         border: 'none',
@@ -313,7 +281,6 @@ export const MemoizedDeleteButton = ({ onClick, style }) => (_jsxs("button", { c
         alignItems: 'center',
         justifyContent: 'center',
         borderRadius: 6,
-        ...style,
     }, children: [_jsx("style", { children: `
   .quill-delete-button {
       background-color: white;
@@ -329,3 +296,51 @@ export const LoadingSpinner = () => (_jsx("div", { style: {
         justifyContent: 'center',
         alignItems: 'center',
     }, children: _jsxs("svg", { width: "24", height: "24", children: [_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: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "-180 12 12", to: "180 12 12", dur: "0.8s", repeatCount: "indefinite" }) }), _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: _jsx("animateTransform", { attributeName: "transform", attributeType: "XML", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "0.8s", repeatCount: "indefinite" }) })] }) }));
+export const QuillTableComponent = ({ rows, columns, isLoading = false, }) => {
+    if (isLoading) {
+        return (_jsx("div", { style: { display: 'flex', flexDirection: 'column', margin: 'auto' }, children: _jsx(LoadingSpinner, {}) }));
+    }
+    return _jsx(QuillTable, { rows: rows, columns: columns, rowsPerPage: 10 });
+};
+export const QuillDropdownComponent = ({ onChange, value, label, options, }) => {
+    const [theme] = useContext(ThemeContext);
+    const handleOnChange = useCallback((event) => onChange(event), [onChange]);
+    return (_jsxs("div", { children: [label && (_jsx("div", { style: {
+                    marginBottom: 6,
+                    fontWeight: theme.labelFontWeight || '600',
+                    color: theme.secondaryTextColor,
+                    fontFamily: theme.fontFamily,
+                    fontSize: 14,
+                }, children: label })), _jsxs("div", { style: { position: 'relative', height: 38 }, children: [_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: [_jsx("option", { value: "", children: "Select" }), options.map((option, index) => (_jsx("option", { value: option.value, children: option.label }, option.label + index)))] }), _jsx(ArrowDownHeadIcon, { style: {
+                            height: '20px',
+                            width: '20px',
+                            flex: 'none',
+                            position: 'absolute',
+                            right: 8,
+                            top: 9,
+                            color: theme?.secondaryTextColor,
+                        }, "aria-hidden": "true" })] })] }));
+};
+export const QuillEmptyDashboardComponent = () => _jsx("div", {});

package/dist/esm/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/esm/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/esm/hooks/index.js

@@ -2,3 +2,4 @@ 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';

package/dist/esm/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/esm/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/esm/hooks/useTheme.js

@@ -0,0 +1,10 @@
+import { useContext } from 'react';
+import { ThemeContext } from '../Context';
+/**
+ * A simple hook to get the theme without all that noise.
+ */
+const useTheme = () => {
+    const [theme, _] = useContext(ThemeContext);
+    return theme;
+};
+export default useTheme;

package/dist/esm/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/esm/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/esm/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/esm/internals/ReportBuilder/PivotList.js

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

package/dist/esm/internals/ReportBuilder/PivotModal.d.ts

@@ -1,3 +1,5 @@
+import { ReactNode } from 'react';
+import { ButtonComponentProps } from '../../components/UiComponents';
 export interface Pivot {
     rowField: string;
     rowFieldType: string;
@@ -8,7 +10,7 @@ export interface Pivot {
     title?: string;
     triggerButtonText?: string;
 }
-export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, popUpTitle, setPopUpTitle, selectedTable, SelectComponent, ButtonComponent, SecondaryButtonComponent, PopoverComponent, HeaderComponent, LabelComponent, TextComponent, selectedPivotIndex, setSelectedPivotIndex, removePivot, selectPivot, showUpdatePivot, setShowUpdatePivot, data, columns, theme, isOpen, setIsOpen, dateRange, createdPivots, setCreatedPivots, recommendedPivots, setRecommendedPivots, triggerButtonText, showPivotEditButton, showEditOnPivotClick, selectPivotOnEdit, showTrigger, rightAlign, parentRef, recommendPivotCount, }: {
+export interface PivotModalProps {
     pivotRowField: any;
     setPivotRowField: any;
     pivotColumnField: any;
@@ -22,11 +24,23 @@ export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumn
     selectedTable: any;
     SelectComponent: any;
     ButtonComponent: any;
-    SecondaryButtonComponent: any;
-    PopoverComponent: any;
-    HeaderComponent: any;
-    LabelComponent: any;
-    TextComponent: any;
+    SecondaryButtonComponent: (props: ButtonComponentProps) => JSX.Element;
+    PopoverComponent: (props: {
+        isOpen: boolean;
+        setIsOpen: (isOpen: boolean) => void;
+        triggerLabel?: string | undefined;
+        popoverTitle?: string | undefined;
+        popoverChildren: ReactNode;
+    }) => JSX.Element;
+    HeaderComponent: (props: {
+        label: string;
+    }) => JSX.Element;
+    LabelComponent: (props: {
+        label: string;
+    }) => JSX.Element;
+    TextComponent: (props: {
+        label: string;
+    }) => JSX.Element;
     selectedPivotIndex: any;
     setSelectedPivotIndex: any;
     removePivot: any;
@@ -43,15 +57,16 @@ export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumn
     setCreatedPivots: any;
     recommendedPivots: any;
     setRecommendedPivots: any;
-    triggerButtonText?: string | undefined;
-    showPivotEditButton?: boolean | undefined;
-    showEditOnPivotClick?: boolean | undefined;
-    selectPivotOnEdit?: boolean | undefined;
-    showTrigger?: boolean | undefined;
-    rightAlign?: boolean | undefined;
+    triggerButtonText?: string;
+    showPivotEditButton?: boolean;
+    showEditOnPivotClick?: boolean;
+    selectPivotOnEdit?: boolean;
+    showTrigger?: boolean;
+    rightAlign?: boolean;
     parentRef: any;
-    recommendPivotCount?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;
+    recommendPivotCount?: number;
+}
+export declare const PivotModal: ({ pivotRowField, setPivotRowField, pivotColumnField, setPivotColumnField, pivotValueField, setPivotValueField, pivotAggregation, setPivotAggregation, popUpTitle, setPopUpTitle, selectedTable, SelectComponent, ButtonComponent, SecondaryButtonComponent, PopoverComponent, HeaderComponent, LabelComponent, TextComponent, selectedPivotIndex, setSelectedPivotIndex, removePivot, selectPivot, showUpdatePivot, setShowUpdatePivot, data, columns, theme, isOpen, setIsOpen, dateRange, createdPivots, setCreatedPivots, recommendedPivots, setRecommendedPivots, triggerButtonText, showPivotEditButton, showEditOnPivotClick, selectPivotOnEdit, showTrigger, rightAlign, parentRef, recommendPivotCount, }: PivotModalProps) => import("react/jsx-runtime").JSX.Element;
 export declare function generatePivotTableYAxis(pivot: any, cols: any, format: any): any;
 export declare function isDateField(fieldType: any): boolean;
 export declare function generatePivotTable(pivot: Pivot, data: any, dateRange: any, isComparison: boolean, rowLimit?: number, compRange?: any): {

package/dist/esm/internals/ReportBuilder/PivotModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"AA+BA,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkBD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CA0tBtB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,KAAK,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,KAAA,OAyB1D;AAkHD,wBAAgB,WAAW,CAAC,SAAS,KAAA,WAYpC;AAgCD,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,GAAG,EACT,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,OAAO,EACrB,QAAQ,SAAK,EACb,SAAS,GAAE,GAAU;;;;;;EA6btB"}
+{"version":3,"file":"PivotModal.d.ts","sourceRoot":"","sources":["../../../../src/internals/ReportBuilder/PivotModal.tsx"],"names":[],"mappings":"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"}