@quillsql/react 2.13.7 → 2.13.9

package/dist/esm/components/QuillMultiSelectWithCombo.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useOnClickOutside } from '../hooks';
 import { LoadingSpinner } from './UiComponents';
 import React, { useContext, useEffect, useMemo, useRef, useState, } from 'react';
@@ -11,11 +11,11 @@ function displaySelectedOptionLabels({ options, value, }) {
         return 'Select';
     }
     const matchingOptions = options.filter((elem) => value.includes(elem.value));
-    if (!matchingOptions.length) {
-        return 'Select';
+    if (matchingOptions.length !== value.length) {
+        return value.join(', ');
     }
     return matchingOptions
-        .map((elem) => elem.label)
+        .map((elem) => elem.label ?? '-')
         .join(', ');
 }
 /**
@@ -26,9 +26,42 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
     const [selectedOptions, setSelectedOptions] = useState([]);
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
+    const buttonRef = useRef(null);
     const debounceTimeoutId = useRef(null);
     const [searchQuery, setSearchQuery] = React.useState('');
     const [exceedsLimit, setExceedsLimit] = useState(false);
+    const selectAllRef = useRef(null);
+    let CheckboxState;
+    (function (CheckboxState) {
+        CheckboxState[CheckboxState["SELECTED"] = 0] = "SELECTED";
+        CheckboxState[CheckboxState["UNSELECTED"] = 1] = "UNSELECTED";
+        CheckboxState[CheckboxState["INDETERMINATE"] = 2] = "INDETERMINATE";
+    })(CheckboxState || (CheckboxState = {}));
+    const optionValues = useMemo(() => new Set(options.map((opt) => opt.value)), [options]);
+    const potentialOptions = useMemo(() => {
+        return value
+            .filter((opt) => !optionValues.has(opt ?? ''))
+            .map((opt) => ({
+            label: opt === '' ? '-' : (opt ?? '-'),
+            value: opt ?? '',
+        }))
+            .concat(options);
+    }, [value, options]);
+    const [selectAllCheckboxState, setSelectAllCheckboxState] = useState((() => {
+        if (value.length === 0) {
+            return CheckboxState.UNSELECTED;
+        }
+        if (value.length === potentialOptions.length) {
+            return CheckboxState.SELECTED;
+        }
+        return CheckboxState.INDETERMINATE;
+    })());
+    useEffect(() => {
+        if (selectAllRef.current) {
+            selectAllRef.current.indeterminate =
+                selectAllCheckboxState === CheckboxState.INDETERMINATE;
+        }
+    }, [selectAllCheckboxState]);
     useEffect(() => {
         if (options.length > 0 && options?.[0]?.value === 'EXCEEDS_LIMIT') {
             setExceedsLimit(true);
@@ -37,7 +70,10 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
             setExceedsLimit(false);
         }
     }, [options]);
-    useOnClickOutside(modalRef, () => setShowModal(false), showModal);
+    useOnClickOutside(modalRef, (event) => {
+        if (!buttonRef.current?.contains(event.target))
+            setShowModal(false);
+    }, showModal);
     useEffect(() => {
         if (!value) {
             setSelectedOptions([]);
@@ -52,12 +88,15 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
         }
         debounceTimeoutId.current = setTimeout(() => {
             onChange(updatedChangeEvent);
-        }, 500);
+        }, 200);
     };
-    const filteredItems = React.useMemo(function () {
+    // FIXME: Hacked this to display selected options that have been filtered out, which is good
+    // But they don't have their proper labels, since we haven't stored/passed in the label
+    const filteredItems = React.useMemo(() => {
         // Sort null to top
         if (searchQuery === '') {
-            return options.sort((a, b) => {
+            return potentialOptions
+                .sort((a, b) => {
                 if (a.value === null) {
                     return -1;
                 }
@@ -65,9 +104,10 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                     return 1;
                 }
                 return 0;
-            });
+            })
+                .slice(0, 20);
         }
-        return options
+        return potentialOptions
             .filter((option) => {
             if (!option) {
                 return false;
@@ -84,10 +124,10 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
             if (b.value === null) {
                 return 1;
             }
-            return a.label.localeCompare(b.label);
+            return 0;
         })
             .slice(0, 20);
-    }, [options, searchQuery]);
+    }, [potentialOptions, searchQuery]);
     const nullLabel = useMemo(() => {
         return filteredItems.some((item) => item.value === '-') ? 'None' : '-';
     }, [filteredItems]);
@@ -96,7 +136,7 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
             borderRadius: '6px',
             width: width,
             minWidth: width,
-        }, ref: modalRef, children: [label && (_jsx("div", { style: {
+        }, children: [label && (_jsx("div", { style: {
                     fontSize: 14,
                     color: theme?.secondaryTextColor,
                     fontFamily: theme?.fontFamily,
@@ -124,7 +164,7 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: ` .quill-select-button { background: ${theme?.backgroundColor}; } 
           .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
           .quill-select-button:disabled {
             cursor: not-allowed;
@@ -155,13 +195,13 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                     maxHeight: '50vh',
                     overflow: 'scroll',
                     fontSize: 14,
-                }, children: [!exceedsLimit && options && options.length > 20 && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
-                            setSearchQuery(value);
-                        } })), !exceedsLimit && options && options.length > 20 && (_jsx("div", { style: {
-                            height: 9,
-                            width: 230,
-                            borderTop: '1px solid #e7e7e7',
-                        } })), !isLoading &&
+                }, ref: modalRef, children: [!exceedsLimit && options && options.length > 20 && (_jsxs(_Fragment, { children: [_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
+                                    setSearchQuery(value);
+                                } }), _jsx("div", { style: {
+                                    height: 9,
+                                    width: 230,
+                                    borderTop: '1px solid #e7e7e7',
+                                } })] })), !isLoading &&
                         (!filteredItems || filteredItems.length === 0 || exceedsLimit) && (_jsxs("div", { style: {
                             display: 'flex',
                             alignItems: 'center',
@@ -181,9 +221,9 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                             gap: 6,
                             overflow: 'hidden',
                         }, children: [_jsx("style", { children: `
-              .quill-option {
-                background: white;
-              }
+                .quill-option {
+                  background: white;
+                }
                 .quill-option:hover {
                   background: #F4F4F5;
                 }
@@ -192,58 +232,120 @@ export function QuillMultiSelectComponentWithCombo({ options, width, onChange, l
                                     whiteSpace: 'nowrap',
                                     overflow: 'hidden',
                                     cursor: 'default',
-                                }, children: exceedsLimit ? 'Too many options' : 'No options available' })] })), !exceedsLimit && !isLoading ? (filteredItems.map((option) => (_jsxs("button", { style: {
-                            display: 'flex',
-                            alignItems: 'center',
-                            padding: 8,
-                            margin: 0,
-                            boxSizing: 'border-box',
-                            borderWidth: 0,
-                            fontSize: 14,
-                            borderStyle: 'solid',
-                            borderColor: theme?.borderColor,
-                            borderRadius: 4,
-                            fontFamily: theme?.fontFamily,
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            height: 34,
-                            minHeight: 34,
-                            gap: 6,
-                            overflow: 'hidden',
-                        }, className: "quill-option", onClick: () => {
-                            // Manually create a synthetic ChangeEvent and pass it to callback
-                            const changeEvent = { target: { value: option.value } };
-                            let updateSelctedOptions = [...selectedOptions];
-                            if (selectedOptions.includes(changeEvent.target.value)) {
-                                updateSelctedOptions = selectedOptions.filter((opt) => opt !== changeEvent.target.value);
-                                setSelectedOptions(updateSelctedOptions);
-                            }
-                            else {
-                                updateSelctedOptions = [
-                                    ...updateSelctedOptions,
-                                    changeEvent.target.value,
-                                ];
-                                setSelectedOptions(updateSelctedOptions);
-                            }
-                            const updatedChangeEvent = {
-                                target: { value: updateSelctedOptions.join(',') },
-                            };
-                            if (updateSelctedOptions.length === 0) {
-                                updatedChangeEvent.target.value = '';
-                            }
-                            debounce(updatedChangeEvent);
-                        }, children: [_jsx("style", { children: `
+                                }, children: exceedsLimit ? 'Too many options' : 'No options available' })] })), !exceedsLimit && !isLoading ? (_jsxs(_Fragment, { children: [searchQuery === '' && potentialOptions.length > 0 && (_jsxs("button", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    padding: 8,
+                                    margin: 0,
+                                    boxSizing: 'border-box',
+                                    borderWidth: 0,
+                                    fontSize: 14,
+                                    borderStyle: 'solid',
+                                    borderColor: theme?.borderColor,
+                                    borderRadius: 4,
+                                    fontFamily: theme?.fontFamily,
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    height: 34,
+                                    minHeight: 34,
+                                    gap: 6,
+                                    overflow: 'hidden',
+                                }, className: "quill-option", onClick: () => {
+                                    // if any are selected, deselect all
+                                    if (selectAllCheckboxState === CheckboxState.SELECTED ||
+                                        selectAllCheckboxState === CheckboxState.INDETERMINATE) {
+                                        setSelectAllCheckboxState(CheckboxState.UNSELECTED);
+                                        setSelectedOptions([]);
+                                        const updatedChangeEvent = {
+                                            target: { value: [] },
+                                        };
+                                        debounce(updatedChangeEvent);
+                                        return;
+                                    }
+                                    // if none are selected, select all
+                                    const updatedChangeEvent = {
+                                        target: {
+                                            value: options.map((opt) => opt.value),
+                                        },
+                                    };
+                                    setSelectAllCheckboxState(CheckboxState.SELECTED);
+                                    setSelectedOptions(options.map((opt) => opt.value));
+                                    debounce(updatedChangeEvent);
+                                }, children: [_jsx("style", { children: `
                   .quill-option {
                     background: white;
                   }
+                  .quill-option:hover {
+                    background: #F4F4F5;
+                  }
+                ` }), _jsx("input", { ref: selectAllRef, type: "checkbox", checked: selectAllCheckboxState === CheckboxState.SELECTED, style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), _jsx("span", { style: {
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap',
+                                            overflow: 'hidden',
+                                        }, children: 'Select all' })] })), filteredItems.map((option) => (_jsxs("button", { style: {
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                    padding: 8,
+                                    margin: 0,
+                                    boxSizing: 'border-box',
+                                    borderWidth: 0,
+                                    fontSize: 14,
+                                    borderStyle: 'solid',
+                                    borderColor: theme?.borderColor,
+                                    borderRadius: 4,
+                                    fontFamily: theme?.fontFamily,
+                                    textOverflow: 'ellipsis',
+                                    whiteSpace: 'nowrap',
+                                    height: 34,
+                                    minHeight: 34,
+                                    gap: 6,
+                                    overflow: 'hidden',
+                                }, className: "quill-option", onClick: () => {
+                                    // Manually create a synthetic ChangeEvent and pass it to callback
+                                    const changeEvent = { target: { value: option.value } };
+                                    let updateSelectedOptions = [...selectedOptions];
+                                    if (selectedOptions.includes(changeEvent.target.value)) {
+                                        updateSelectedOptions = selectedOptions.filter((opt) => opt !== changeEvent.target.value);
+                                        if (updateSelectedOptions.length === 0) {
+                                            setSelectAllCheckboxState(CheckboxState.UNSELECTED);
+                                        }
+                                        else {
+                                            setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
+                                        }
+                                        setSelectedOptions(updateSelectedOptions);
+                                    }
+                                    else {
+                                        updateSelectedOptions = [
+                                            ...updateSelectedOptions,
+                                            changeEvent.target.value,
+                                        ];
+                                        if (updateSelectedOptions.length === potentialOptions.length) {
+                                            setSelectAllCheckboxState(CheckboxState.SELECTED);
+                                        }
+                                        else {
+                                            setSelectAllCheckboxState(CheckboxState.INDETERMINATE);
+                                        }
+                                        setSelectedOptions(updateSelectedOptions);
+                                    }
+                                    const updatedChangeEvent = {
+                                        target: { value: updateSelectedOptions },
+                                    };
+                                    if (updateSelectedOptions.length === 0) {
+                                        updatedChangeEvent.target.value = [];
+                                    }
+                                    debounce(updatedChangeEvent);
+                                }, children: [_jsx("style", { children: `
+                    .quill-option {
+                      background: white;
+                    }
                     .quill-option:hover {
                       background: #F4F4F5;
                     }
                   ` }), _jsx("input", { type: "checkbox", checked: selectedOptions.includes(option.value), style: { width: '14px', height: '14px', margin: 'auto 0' }, readOnly: true }), _jsx("span", { style: {
-                                    textOverflow: 'ellipsis',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                }, children: option.label ?? nullLabel })] }, option.value)))) : isLoading ? (_jsx("div", { children: _jsx(LoadingSpinner, {}) })) : null] }))] }));
+                                            textOverflow: 'ellipsis',
+                                            whiteSpace: 'nowrap',
+                                            overflow: 'hidden',
+                                        }, children: option.label ?? nullLabel })] }, option.value)))] })) : isLoading ? (_jsx("div", { children: _jsx(LoadingSpinner, {}) })) : null] }))] }));
 }
 export const ListboxTextInput = ({ value, onChange, placeholder, }) => {
     return (_jsxs("div", { style: {

package/dist/esm/components/QuillSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,2CA8OtB"}
+{"version":3,"file":"QuillSelect.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAItE;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,QAAQ,EACR,eAAe,GAChB,EAAE,oBAAoB,2CAqPtB"}

package/dist/esm/components/QuillSelect.js

@@ -10,7 +10,11 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
     const [theme] = useContext(ThemeContext);
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
-    useOnClickOutside(modalRef, () => setShowModal(false), showModal);
+    const buttonRef = useRef(null);
+    useOnClickOutside(modalRef, (event) => {
+        if (!buttonRef.current?.contains(event.target))
+            setShowModal(false);
+    }, showModal);
     const sortedItems = useMemo(() => {
         // Sort null to top
         return options.sort((a, b) => {
@@ -26,10 +30,8 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
     const nullLabel = useMemo(() => {
         return sortedItems.some((item) => item.value === '-') ? 'None' : '-';
     }, [sortedItems]);
-    return (_jsxs("div", { ref: modalRef, style: {
+    return (_jsxs("div", { style: {
             position: 'relative',
-            // width: 200,
-            // minWidth: 200,
             borderRadius: '6px',
             width: width,
             minWidth: width,
@@ -60,7 +62,7 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` 
+                }, className: "quill-select-button", onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: ` 
             .quill-select-button { background: ${theme?.backgroundColor}; } 
             .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
             .quill-select-button:disabled, {
@@ -91,7 +93,7 @@ export function QuillSelectComponent({ options, value, width, onChange, label, i
                     fontFamily: theme?.fontFamily,
                     maxHeight: '50vh',
                     overflow: 'scroll',
-                }, children: [!isLoading && (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
+                }, ref: modalRef, children: [!isLoading && (!hideEmptyOption || !options.length) && (_jsxs("button", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             justifyContent: 'space-between',

package/dist/esm/components/QuillSelectWithCombo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CA2RtB"}
+{"version":3,"file":"QuillSelectWithCombo.d.ts","sourceRoot":"","sources":["../../../src/components/QuillSelectWithCombo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAkB,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAWtE;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,EAC5C,OAAO,EACP,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAK,EACL,SAAS,EACT,eAAe,EACf,QAAQ,GACT,EAAE,oBAAoB,2CAkTtB"}

package/dist/esm/components/QuillSelectWithCombo.js

@@ -11,11 +11,19 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
     const [theme] = useContext(ThemeContext);
     const [showModal, setShowModal] = useState(false);
     const modalRef = useRef(null);
+    const buttonRef = useRef(null);
     const [searchQuery, setSearchQuery] = React.useState('');
-    const filteredItems = React.useMemo(function () {
+    // FIXME: Hacked this to display the option that has been filtered out, which is good
+    // But it doesn't have its proper label, since we haven't stored/passed in the label
+    const filteredItems = React.useMemo(() => {
+        const optionValues = new Set(options.map((opt) => opt.value));
         // Sort null to top
         if (searchQuery === '') {
-            return options.sort((a, b) => {
+            return (optionValues.has(value ?? '') || value === undefined
+                ? []
+                : [{ label: value === '' ? '-' : (value ?? '-'), value: value ?? '' }])
+                .concat(options)
+                .sort((a, b) => {
                 if (a.value === null) {
                     return -1;
                 }
@@ -23,9 +31,13 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     return 1;
                 }
                 return 0;
-            });
+            })
+                .slice(0, 20);
         }
-        return options
+        return (optionValues.has(value ?? '')
+            ? [{ label: value ?? '-', value: value ?? '' }]
+            : [])
+            .concat(options)
             .filter((option) => {
             if (!option) {
                 return false;
@@ -42,7 +54,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
             if (b.value === null) {
                 return 1;
             }
-            return a.label.localeCompare(b.label);
+            return 0;
         })
             .slice(0, 20);
     }, [options, searchQuery]);
@@ -51,11 +63,14 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
     }, [filteredItems]);
     const selectedLabel = useMemo(() => {
         const selectedOption = options.find((elem) => elem.value === value);
-        return selectedOption && selectedOption.label == null
+        return selectedOption && selectedOption.label == '-'
             ? nullLabel
             : (selectedOption?.label ?? 'Select');
     }, [value, options, nullLabel]);
-    useOnClickOutside(modalRef, () => setShowModal(false), showModal);
+    useOnClickOutside(modalRef, (event) => {
+        if (!buttonRef.current?.contains(event.target))
+            setShowModal(false);
+    }, showModal);
     return (_jsxs("div", { style: {
             position: 'relative',
             // width: 200,
@@ -63,7 +78,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
             borderRadius: '6px',
             width: width,
             minWidth: width,
-        }, ref: modalRef, children: [label && (_jsx("div", { style: {
+        }, children: [label && (_jsx("div", { style: {
                     fontSize: 14,
                     color: theme?.secondaryTextColor,
                     fontFamily: theme?.fontFamily,
@@ -90,7 +105,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     height: 40,
                     minHeight: 40,
                     maxHeight: 40,
-                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, children: [_jsx("style", { children: ` 
+                }, className: 'quill-select-button', onClick: () => setShowModal((showModal) => !showModal), disabled: disabled, ref: buttonRef, children: [_jsx("style", { children: ` 
           .quill-select-button { background: ${theme?.backgroundColor}; }
           .quill-select-button:hover { background: ${theme?.hoverBackgroundColor}; }
           .quill-select-button:disabled { 
@@ -123,7 +138,7 @@ export function QuillSelectComponentWithCombo({ options, value, width, onChange,
                     maxHeight: '50vh',
                     overflow: 'scroll',
                     fontSize: 14,
-                }, children: [options && options.length > 20 && !isLoading && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
+                }, ref: modalRef, children: [options && options.length > 20 && !isLoading && (_jsx(ListboxTextInput, { value: searchQuery, placeholder: "Search", onChange: (value) => {
                             setSearchQuery(value);
                         } })), searchQuery === '' &&
                         !isLoading &&

package/dist/esm/components/QuillTable.d.ts

@@ -28,5 +28,9 @@ export interface TableComponentProps {
         direction: string;
     }) => void;
 }
-export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, }: TableComponentProps): import("react/jsx-runtime").JSX.Element;
+interface QuillTableComponentProps extends TableComponentProps {
+    hideLabels?: boolean;
+}
+export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton, containerStyle, className, LoadingComponent, rowsPerPage, emptyStateLabel, downloadCSV, onPageChange, onSortChange, hideLabels, }: QuillTableComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=QuillTable.d.ts.map

package/dist/esm/components/QuillTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,GACb,EAAE,mBAAmB,2CAierB"}
+{"version":3,"file":"QuillTable.d.ts","sourceRoot":"","sources":["../../../src/components/QuillTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,oBAAoB,EAAyB,MAAM,gBAAgB,CAAC;AAE7E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,GAAG,CAAC,OAAO,CAAC;IACrC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACrE;AAED,UAAU,wBAAyB,SAAQ,mBAAmB;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,iBAAiB,EACjB,OAAO,EACP,SAAS,EACT,WAAW,EACX,IAAI,EACJ,qBAA4B,EAC5B,cAAc,EACd,SAAS,EACT,gBAAwC,EACxC,WAAgB,EAChB,eAA8B,EAC9B,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,UAAU,GACX,EAAE,wBAAwB,2CAme1B"}

package/dist/esm/components/QuillTable.js

@@ -3,7 +3,7 @@ import { useContext, useEffect, useState } from 'react';
 import { compareValues } from '../utils/valueFormatter';
 import { ThemeContext } from '../Context';
 import { QuillLoadingComponent } from './UiComponents';
-export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, }) {
+export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns, isLoading, currentPage, sort, hideCSVDownloadButton = true, containerStyle, className, LoadingComponent = QuillLoadingComponent, rowsPerPage = 10, emptyStateLabel = 'No results', downloadCSV, onPageChange, onSortChange, hideLabels, }) {
     const [activeRows, setActiveRows] = useState([]);
     const [maxPage, setMaxPage] = useState(1);
     const [sortColumn, setSortColumn] = useState(sort?.field || '');
@@ -166,7 +166,9 @@ export default function QuillTable({ rows, rowCount, rowCountIsLoading, columns,
                                                             textOverflow: 'ellipsis',
                                                             whiteSpace: 'nowrap',
                                                             overflow: 'hidden',
-                                                        }, children: column.label || column.field }), column.field === sortColumn && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.primaryTextColor, height: "14px", width: "14px", style: {
+                                                        }, children: hideLabels || !column.label
+                                                            ? column.field
+                                                            : column.label }), column.field === sortColumn && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: theme?.primaryTextColor, height: "14px", width: "14px", style: {
                                                             transform: sortDirection === 'desc'
                                                                 ? 'rotate(180deg)'
                                                                 : undefined,

package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonComponentProps, TextInputComponentProps } from '../UiComponents';
 import { LimitPopoverComponentProps } from './ui';
 export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSave, popoverTitle, LimitPopover, EditPopover, TextInput, Button, SecondaryButton, disabled, }: {
@@ -6,13 +5,13 @@ export declare const LimitSentence: ({ limit, handleDelete, setOpenPopover, onSa
     handleDelete: () => void;
     setOpenPopover: (arg: any) => void;
     onSave: (column: any, direction: any) => void;
-    popoverTitle?: string | undefined;
+    popoverTitle?: string;
     LimitPopover: (props: LimitPopoverComponentProps) => JSX.Element;
     EditPopover: any;
     TextInput: any;
     Button: (props: ButtonComponentProps) => JSX.Element;
     SecondaryButton: (props: ButtonComponentProps) => JSX.Element;
-    disabled?: boolean | undefined;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export interface AddLimitPopoverProps {
     onSave: (limit: number) => void;

package/dist/esm/components/ReportBuilder/AddLimitPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa;WAajB,GAAG;kBACI,MAAM,IAAI;0BACF,GAAG,KAAK,IAAI;qBACjB,GAAG,aAAa,GAAG,KAAK,IAAI;;0BAEvB,0BAA0B,KAAK,WAAW;iBACnD,GAAG;eACL,GAAG;oBACE,oBAAoB,KAAK,WAAW;6BAC3B,oBAAoB,KAAK,WAAW;;6CAmC9D,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,6FAQzB,oBAAoB,4CAwEtB,CAAC"}
+{"version":3,"file":"AddLimitPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddLimitPopover.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EAIpB,uBAAuB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,0BAA0B,EAAE,MAAM,MAAM,CAAC;AAElD,eAAO,MAAM,aAAa,4IAYvB;IACD,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,0BAA0B,KAAK,GAAG,CAAC,OAAO,CAAC;IACjE,WAAW,EAAE,GAAG,CAAC;IACjB,SAAS,EAAE,GAAG,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACrD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAiCA,CAAC;AAEF,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC,GACjD,KAAK,CAAC,yBAAyB,CAC7B,uBAAuB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAChE,CAAC;IACN,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE;AAED,eAAO,MAAM,eAAe,6FAQzB,oBAAoB,4CAwEtB,CAAC"}

package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonComponentProps, SelectComponentProps } from '../UiComponents';
 import { SortPopoverComponentProps } from './ui';
 export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete, setEditPopoverKey, setOpenPopover, setActiveEditItem, setIsPending, setActivePath, onSave, popoverTitle, SortPopover, EditPopover, Select, Button, SecondaryButton, disabled, }: {
@@ -12,13 +11,13 @@ export declare const SortSentence: ({ sortData, keyPrefix, columns, handleDelete
     keyPrefix?: any;
     handleDelete: any;
     onSave: any;
-    popoverTitle?: string | undefined;
+    popoverTitle?: string;
     SortPopover: (props: SortPopoverComponentProps) => JSX.Element;
     EditPopover: any;
-    Select?: ((props: SelectComponentProps) => JSX.Element) | undefined;
-    Button?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
-    SecondaryButton?: ((props: ButtonComponentProps) => JSX.Element) | undefined;
-    disabled?: boolean | undefined;
+    Select?: (props: SelectComponentProps) => JSX.Element;
+    Button?: (props: ButtonComponentProps) => JSX.Element;
+    SecondaryButton?: (props: ButtonComponentProps) => JSX.Element;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export declare const AddSortPopover: ({ onSave, columns, isEdit, onDelete, column, direction, Select, Button, SecondaryButton, }: any) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AddSortPopover.d.ts.map

package/dist/esm/components/ReportBuilder/AddSortPopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY;cAmBb,GAAG;aACJ,GAAG;kBACE,GAAG;uBACE,GAAG;uBACH,GAAG;oBACN,GAAG;mBACJ,GAAG;gBACN,GAAG;kBACD,GAAG;YACT,GAAG;;yBAEU,yBAAyB,KAAK,WAAW;iBACjD,GAAG;sBACC,oBAAoB,KAAK,WAAW;sBACpC,oBAAoB,KAAK,WAAW;+BAC3B,oBAAoB,KAAK,WAAW;;oDAuD/D,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB,GAAG,4CAmEL,CAAC"}
+{"version":3,"file":"AddSortPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/AddSortPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EAGpB,oBAAoB,EACrB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,yBAAyB,EAAE,MAAM,MAAM,CAAC;AAkBjD,eAAO,MAAM,YAAY,kOAkBtB;IACD,QAAQ,EAAE,GAAG,CAAC;IACd,OAAO,EAAE,GAAG,CAAC;IACb,YAAY,EAAE,GAAG,CAAC;IAClB,iBAAiB,EAAE,GAAG,CAAC;IACvB,iBAAiB,EAAE,GAAG,CAAC;IACvB,cAAc,EAAE,GAAG,CAAC;IACpB,aAAa,EAAE,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,EAAE,GAAG,CAAC;IAClB,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IACtD,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,GAAG,CAAC,OAAO,CAAC;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,mDAqDA,CAAC;AAEF,eAAO,MAAM,cAAc,+FAUxB,GAAG,4CAmEL,CAAC"}

package/dist/esm/components/ReportBuilder/FilterModal.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { Filter, Operator } from '../../models/Filter';
+import { InternalFilter, Operator } from '../../models/Filter';
 import { ColumnInternal } from '../../models/Columns';
 interface FilterModalProps {
     schema?: {
         columns: ColumnInternal[];
     };
-    filter?: Filter;
+    filter?: InternalFilter;
     fieldValuesMap: {
         [key: string]: string[];
     } | {
@@ -15,7 +14,7 @@ interface FilterModalProps {
     };
     fieldValuesMapIsLoading?: boolean;
     customOperatorOptions?: OperatorOptionsMap;
-    onSubmitFilter: (filter: Filter) => void;
+    onSubmitFilter: (filter: InternalFilter) => void;
     onDeleteFilter: () => void;
     ButtonComponent: React.ComponentType<any>;
     SelectComponent: React.ComponentType<any>;

package/dist/esm/components/ReportBuilder/FilterModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":";AAIA,OAAO,EACL,MAAM,EAIN,QAAQ,EAOT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDA80BlB"}
+{"version":3,"file":"FilterModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ReportBuilder/FilterModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EAId,QAAQ,EAMT,MAAM,qBAAqB,CAAC;AAM7B,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QAAE,OAAO,EAAE,cAAc,EAAE,CAAA;KAAE,CAAC;IACvC,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,cAAc,EACZ;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;KAAE,GACzB;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;SAAE,CAAA;KAAE,CAAC;IACnD,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,cAAc,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,wBAAwB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IACpD,oBAAoB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;CAChD;AAQD,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,MAAM,EACN,cAAc,EACd,uBAAuB,EACvB,qBAAqB,EACrB,cAAc,EACd,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,wBAAwB,EACxB,oBAAoB,GACrB,EAAE,gBAAgB,kDAy1BlB"}