@monolith-forensics/monolith-ui 1.2.91 → 1.2.93

package/dist/FileViewer/viewers/OfficeViewer.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import Loader from "../../Loader";
+const StyledContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  flex: 1 1 auto;
+  height: 0px;
+  width: 100%;
+`;
+const StyledInnerContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  justify-content: center;
+  align-items: center;
+
+  width: 100%;
+  max-width: 100%;
+
+  #office-iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+`;
+const StyledIframe = styled.iframe `
+  width: 100%;
+  height: 100%;
+  border: none;
+`;
+const StyledLoader = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+`;
+const resolveOfficeType = (file) => {
+    let ext = file.ext;
+    if (!ext) {
+        ext = file.name.split(".").pop();
+    }
+    if (!ext) {
+        return null;
+    }
+    switch (ext) {
+        case "doc":
+        case "docx":
+            return "word";
+        case "xls":
+        case "xlsx":
+            return "excel";
+        case "ppt":
+        case "pptx":
+            return "powerpoint";
+        default:
+            return null;
+    }
+};
+export const OfficeViewer = ({ file, isPending }) => {
+    const type = resolveOfficeType(file);
+    if (isPending) {
+        return (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading Image..." })] }));
+    }
+    return (_jsx(StyledContainer, { children: _jsx(StyledInnerContainer, { "data-type": type, children: !(file === null || file === void 0 ? void 0 : file.url) ? (_jsx(Loader, {})) : (_jsx(StyledIframe, { id: "office-iframe", title: "office-iframe", src: `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(file.url)}` })) }) }));
+};

package/dist/FileViewer/viewers/PdfViewer.d.ts

@@ -0,0 +1,8 @@
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import { File } from "../FileViewer";
+export declare const PdfViewer: React.FC<{
+    file: File;
+    isPending?: boolean;
+    zoomFactor?: number;
+}>;

package/dist/FileViewer/viewers/PdfViewer.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { Document, Page, pdfjs } from "react-pdf";
+import "react-pdf/dist/esm/Page/AnnotationLayer.css";
+import "react-pdf/dist/esm/Page/TextLayer.css";
+import styled from "styled-components";
+import Loader from "../../Loader";
+if (typeof Promise.withResolvers === "undefined") {
+    if (window)
+        // @ts-expect-error This does not exist outside of polyfill which this is doing
+        window.Promise.withResolvers = function () {
+            let resolve, reject;
+            const promise = new Promise((res, rej) => {
+                resolve = res;
+                reject = rej;
+            });
+            return { promise, resolve, reject };
+        };
+}
+pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/legacy/build/pdf.worker.min.mjs", import.meta.url).toString();
+const StyledContainer = styled.div.attrs({
+    className: "PdfViewer-container",
+}) `
+  flex: 1 1 auto;
+  height: 0px;
+  width: 100%;
+`;
+const StyledDocument = styled(Document).attrs({
+    className: "PdfViewer-document",
+}) ``;
+const StyledPage = styled(Page) `
+  width: fit-content;
+  background-color: transparent;
+  margin: 0 auto;
+  margin-bottom: 10px;
+`;
+const StyledLoader = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+
+  height: 100%;
+  margin: auto;
+`;
+export const PdfViewer = ({ file, zoomFactor = 1, isPending }) => {
+    const [loading, setLoading] = useState(true);
+    const [numPages, setNumPages] = useState();
+    const [pageNumber, setPageNumber] = useState(1);
+    function onDocumentLoadSuccess({ numPages }) {
+        setLoading(false);
+        setNumPages(numPages);
+    }
+    // viewport width
+    const vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0) / 1.15;
+    if (isPending) {
+        return (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading File..." })] }));
+    }
+    return (_jsxs(StyledContainer, { className: "PdfViewer", children: [loading && (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading File..." })] })), _jsx(StyledDocument, { file: file.url, onLoadStart: () => setLoading(true), onLoadSuccess: onDocumentLoadSuccess, loading: _jsx(_Fragment, {}), onClick: (e) => {
+                    e.stopPropagation();
+                }, children: Array.from(new Array(numPages), (el, index) => (_jsx(StyledPage, { pageNumber: index + 1, scale: zoomFactor, width: vw }, `page_${index + 1}`))) })] }));
+};

package/dist/FileViewer/viewers/PlainTextViewer.d.ts

@@ -0,0 +1,4 @@
+import { File } from "../FileViewer";
+export declare const PlainTextViewer: React.FC<{
+    file: File;
+}>;

package/dist/FileViewer/viewers/PlainTextViewer.js

@@ -0,0 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { useState } from "react";
+import Loader from "../../Loader";
+const getFileData = (file) => __awaiter(void 0, void 0, void 0, function* () {
+    if (!file.url)
+        return "";
+    const response = yield fetch(file.url);
+    const text = yield response.text();
+    return text;
+});
+const StyledContainer = styled.div `
+  display: flex;
+  justify-content: center;
+
+  flex: 1 1 auto;
+  height: 0px;
+`;
+const StyledTextData = styled.div `
+  width: 100%;
+  height: fit-content;
+  max-width: 8.5in;
+  padding: 25px;
+
+  background-color: ${(props) => props.theme.palette.background.alt};
+  white-space: pre-wrap !important;
+  word-wrap: break-word !important;
+
+  font-family: monospace;
+  font-size: 10px;
+`;
+const StyledLoader = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+`;
+export const PlainTextViewer = ({ file }) => {
+    const [query, setQuery] = useState({
+        data: null,
+        isLoading: false,
+    });
+    if (!query.data) {
+        if (!query.isLoading) {
+            setQuery({ data: null, isLoading: true });
+            getFileData(file).then((text) => {
+                setQuery({ data: text, isLoading: false });
+            });
+        }
+    }
+    return (_jsxs(StyledContainer, { className: "mfui-PlainTextViewer", children: [!query.data && (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading File..." })] })), query.data && (_jsx(StyledTextData, { className: "text-doc", children: query.data }))] }));
+};

package/dist/FileViewer/viewers/VideoViewer.d.ts

@@ -0,0 +1,6 @@
+import { File } from "../FileViewer";
+export declare const VideoViewer: React.FC<{
+    file: File;
+    zoomFactor?: number;
+    isPending?: boolean;
+}>;

package/dist/FileViewer/viewers/VideoViewer.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import Loader from "../../Loader";
+const StyledContainer = styled.div `
+  display: flex;
+  justify-content: center;
+
+  flex: 1 1 auto;
+  height: 0px;
+`;
+const StyledVideo = styled.video `
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+`;
+const StyledLoader = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+`;
+export const VideoViewer = ({ file, isPending }) => {
+    if (isPending) {
+        return (_jsxs(StyledLoader, { children: [_jsx(Loader, { size: 50 }), _jsx("div", { children: "Loading Image..." })] }));
+    }
+    return (_jsx(StyledContainer, { className: "mfui-VideoViewer", children: _jsx(StyledVideo, { src: file.url, controls: true, autoPlay: true, onClick: (e) => {
+                e.stopPropagation();
+            } }) }));
+};

package/dist/FileViewer/viewers/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./ImageViewer";
+export * from "./VideoViewer";
+export * from "./PdfViewer";
+export * from "./OfficeViewer";
+export * from "./PlainTextViewer";
+export * from "./CodeViewer";

package/dist/FileViewer/viewers/index.js

@@ -0,0 +1,6 @@
+export * from "./ImageViewer";
+export * from "./VideoViewer";
+export * from "./PdfViewer";
+export * from "./OfficeViewer";
+export * from "./PlainTextViewer";
+export * from "./CodeViewer";

package/dist/FormSection/FormSection.d.ts

@@ -1,10 +1,18 @@
+import { LucideIcon } from "lucide-react";
 import { ReactNode } from "react";
+import { Size } from "../core";
 interface FormSectionProps {
     children?: ReactNode;
     className?: string;
-    title?: string;
+    style?: React.CSSProperties;
+    title?: string | ReactNode;
+    open?: boolean;
     defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
     allowCollapse?: boolean;
+    size?: Size;
+    icon?: LucideIcon;
+    iconColor?: string;
 }
-declare const FormSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<FormSectionProps, never>> & string & Omit<({ className, title, children, defaultOpen, allowCollapse }: FormSectionProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const FormSection: ({ title, children, open, defaultOpen, onOpenChange, allowCollapse, size, style, icon: Icon, iconColor, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
 export default FormSection;

package/dist/FormSection/FormSection.js

@@ -2,16 +2,21 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 import { useState } from "react";
 import styled from "styled-components";
-const FormSection = styled(({ className, title, children, defaultOpen = true, allowCollapse = true }) => {
-    const [open, setOpen] = useState(defaultOpen);
-    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "section-header", onClick: (e) => {
-                    if (allowCollapse) {
-                        setOpen(!open);
-                    }
-                }, children: [_jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? _jsx(ChevronDownIcon, { size: 18, className: open ? "open" : "" }) : ""] }), _jsx("div", { className: "section-content", "data-open": open, children: children })] }));
-}) `
+const StyledContainer = styled.div `
+  display: flex;
+  flex-direction: column;
+
   h3 {
     margin: 0;
+    font-size: ${({ size = "md" }) => size === "xs"
+    ? "x-small"
+    : size === "sm"
+        ? "small"
+        : size === "md"
+            ? "medium"
+            : size === "lg"
+                ? "large"
+                : "x-large"};
   }
 
   .section-header {
@@ -41,10 +46,40 @@ const FormSection = styled(({ className, title, children, defaultOpen = true, al
   }
 
   .section-content {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
     padding: 10px 0px;
+
     &[data-open="false"] {
       display: none;
     }
   }
 `;
+const resolveIconSize = (size) => {
+    switch (size) {
+        case "xs":
+            return 12;
+        case "sm":
+            return 14;
+        case "md":
+            return 18;
+        case "lg":
+            return 24;
+        case "xl":
+            return 28;
+        default:
+            return 18;
+    }
+};
+const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange, allowCollapse = true, size, style, icon: Icon, iconColor, }) => {
+    const [_open, setOpen] = useState(defaultOpen);
+    const openState = open !== null && open !== void 0 ? open : _open;
+    return (_jsxs(StyledContainer, { className: "mfui-FormSection", size: size, style: style, children: [_jsxs("div", { className: "section-header", onClick: (e) => {
+                    if (allowCollapse) {
+                        setOpen(!openState);
+                        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!openState);
+                    }
+                }, children: [Icon && _jsx(Icon, { size: resolveIconSize(size), color: iconColor }), _jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? (_jsx(ChevronDownIcon, { size: 18, className: openState ? "open" : "" })) : ("")] }), _jsx("div", { className: "section-content", "data-open": openState, children: children })] }));
+};
 export default FormSection;

package/dist/IconButton/IconButton.d.ts

@@ -1,5 +1,3 @@
 import { ButtonProps } from "../Button/Button.js";
-declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<ButtonProps & import("react").RefAttributes<HTMLButtonElement>, ButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
 export default IconButton;

package/dist/Input/Input.js

@@ -137,6 +137,11 @@ const StyledInput = styled.input `
   &[readOnly] {
     cursor: pointer;
   }
+
+  &[disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
 `;
 const Input = forwardRef((_a, ref) => {
     var { className } = _a, props = __rest(_a, ["className"]);

package/dist/MonolithUIProvider/GlobalStyle.d.ts

@@ -1,4 +1,4 @@
-import "overlayscrollbars/overlayscrollbars.css";
+import "overlayscrollbars/styles/overlayscrollbars.css";
 declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
     theme: any;
 }>;

package/dist/MonolithUIProvider/GlobalStyle.js

@@ -1,5 +1,5 @@
 import { createGlobalStyle } from "styled-components";
-import "overlayscrollbars/overlayscrollbars.css";
+import "overlayscrollbars/styles/overlayscrollbars.css";
 const GlobalStyle = createGlobalStyle `
 
     * {

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -1,4 +1,5 @@
 import { DefaultTheme } from "styled-components";
+export { styled, useTheme, createGlobalStyle, css } from "styled-components";
 import { Themes } from "../theme";
 import React from "react";
 import typography from "../theme/typography";
@@ -140,5 +141,4 @@ interface MonolithUIProviderProps {
     defaultColorScheme?: Themes;
     colorScheme?: Themes;
 }
-declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, colorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;
-export default MonolithUIProvider;
+export declare const MonolithUIProvider: ({ children, theme, defaultColorScheme, colorScheme, }: MonolithUIProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/MonolithUIProvider/MonolithUIProvider.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import merge from "deepmerge";
 import { ThemeProvider } from "styled-components";
+export { styled, useTheme, createGlobalStyle, css } from "styled-components";
 import { Themes, getTheme } from "../theme";
-import { createContext, useState } from "react";
+import { createContext, useEffect, useState } from "react";
 import GlobalStyle from "./GlobalStyle";
+const LocalStorageTheme = "Monolith Theme";
 export const MonolithUIContext = createContext(undefined);
-const MonolithUIProvider = ({ children, theme, defaultColorScheme = Themes.DARK, colorScheme, }) => {
+export const MonolithUIProvider = ({ children, theme, defaultColorScheme = localStorage.getItem(LocalStorageTheme) ||
+    Themes.DARK, colorScheme, }) => {
     const [colorSchemeState, setColorSchemeState] = useState(defaultColorScheme);
     const toggleColorScheme = () => {
         setColorSchemeState((prev) => prev === Themes.LIGHT ? Themes.DARK : Themes.LIGHT);
@@ -14,6 +17,9 @@ const MonolithUIProvider = ({ children, theme, defaultColorScheme = Themes.DARK,
     const defaultTheme = getTheme(_scheme);
     // override default theme with the provided theme
     const _theme = merge(defaultTheme, theme || {});
+    useEffect(() => {
+        localStorage.setItem(LocalStorageTheme, _scheme);
+    }, [_scheme]);
     return (_jsx(MonolithUIContext.Provider, { value: {
             theme: _theme,
             Themes,
@@ -22,4 +28,3 @@ const MonolithUIProvider = ({ children, theme, defaultColorScheme = Themes.DARK,
             setColorScheme: setColorSchemeState,
         }, children: _jsxs(ThemeProvider, { theme: _theme, children: [_jsx(GlobalStyle, { theme: _theme }), children] }) }));
 };
-export default MonolithUIProvider;

package/dist/MonolithUIProvider/index.d.ts

@@ -1,3 +1,3 @@
-export { default } from "./MonolithUIProvider";
-export { default as useMonolithUITheme } from "./useMonolithUITheme";
+export * from "./MonolithUIProvider";
+export * from "./useMonolithUITheme";
 export { getTheme } from "../theme";

package/dist/MonolithUIProvider/index.js

@@ -1,3 +1,3 @@
-export { default } from "./MonolithUIProvider";
-export { default as useMonolithUITheme } from "./useMonolithUITheme";
+export * from "./MonolithUIProvider";
+export * from "./useMonolithUITheme";
 export { getTheme } from "../theme";

package/dist/MonolithUIProvider/useMonolithUITheme.d.ts

@@ -1,3 +1,2 @@
 import { MonolithUIContextType } from "./MonolithUIProvider";
-declare const useMonolithUITheme: () => MonolithUIContextType;
-export default useMonolithUITheme;
+export declare const useMonolithUITheme: () => MonolithUIContextType;

package/dist/MonolithUIProvider/useMonolithUITheme.js

@@ -1,10 +1,9 @@
 import { useContext } from "react";
 import { MonolithUIContext } from "./MonolithUIProvider";
-const useMonolithUITheme = () => {
+export const useMonolithUITheme = () => {
     const context = useContext(MonolithUIContext);
     if (context === undefined) {
         throw new Error("hook must be used within a MonolithUIProvider");
     }
     return context;
 };
-export default useMonolithUITheme;

package/dist/Pill/Pill.d.ts

@@ -3,9 +3,10 @@ import { Size } from "../core";
 interface PillProps {
     className?: string;
     children?: ReactNode;
+    title?: string;
     size?: Size;
     showRemoveIcon?: boolean;
     onRemove?: () => void;
 }
-declare const Pill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<PillProps, never>> & string & Omit<({ className, children, size, showRemoveIcon, onRemove, }: PillProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const Pill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<PillProps, never>> & string & Omit<({ className, children, title, size, showRemoveIcon, onRemove, }: PillProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default Pill;

package/dist/Pill/Pill.js

@@ -14,13 +14,13 @@ const StyledButton = styled.button `
   transition: color 0.2s;
   padding-inline-end: 5px;
 `;
-const Pill = styled(({ className, children, size = "md", showRemoveIcon = true, onRemove, }) => {
+const Pill = styled(({ className, children, title, size = "md", showRemoveIcon = true, onRemove, }) => {
     const handleRemove = (e) => {
         e.preventDefault();
         e.stopPropagation();
         onRemove === null || onRemove === void 0 ? void 0 : onRemove();
     };
-    return (_jsxs("div", { className: className, onClick: (e) => {
+    return (_jsxs("div", { className: className, title: title, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
         }, children: [_jsx("span", { className: "pill-content", children: children }), showRemoveIcon && (_jsx(StyledButton, { tabIndex: -1, onClick: handleRemove, onMouseDown: (e) => {

package/dist/QueryFilter/DefaultOperators.d.ts

@@ -48,11 +48,11 @@ export declare const Operators: {
         value: string;
         label: string;
     };
-    IsNull: {
+    IsEmpty: {
         value: string;
         label: string;
     };
-    IsNotNull: {
+    IsNotEmpty: {
         value: string;
         label: string;
     };
@@ -74,4 +74,3 @@ export declare const Operators: {
     };
 };
 export declare const DefaultOperators: Operator[];
-export default DefaultOperators;

package/dist/QueryFilter/DefaultOperators.js

@@ -11,12 +11,11 @@ export const Operators = {
     DoesNotContain: { value: "doesNotContain", label: "does not contain" },
     DoesNotBeginWith: { value: "doesNotBeginWith", label: "does not begin with" },
     DoesNotEndWith: { value: "doesNotEndWith", label: "does not end with" },
-    IsNull: { value: "null", label: "is null" },
-    IsNotNull: { value: "notNull", label: "is not null" },
+    IsEmpty: { value: "isEmpty", label: "is empty" },
+    IsNotEmpty: { value: "isNotEmpty", label: "is not empty" },
     In: { value: "in", label: "is any of" },
     NIn: { value: "nin", label: "is none of" },
     Between: { value: "between", label: "between" },
     NotBetween: { value: "notBetween", label: "not between" },
 };
 export const DefaultOperators = Object.values(Operators);
-export default DefaultOperators;

package/dist/QueryFilter/QueryFilter.d.ts

@@ -1,5 +1,4 @@
-import { QueryFilter as QueryFilterType } from "./types";
-declare const QueryFilter: React.FC<{
+import { QueryFilterType as QueryFilterType } from "./types";
+export declare const QueryFilter: React.FC<{
     queryFilter: QueryFilterType;
 }>;
-export default QueryFilter;