@admin-layout/gluestack-ui-mobile 10.0.9-alpha.9 → 10.1.1-alpha.0

package/lib/components/ui/toast/index.web.d.ts

@@ -0,0 +1,225 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const toastStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+} | ({
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+} & {
+    variant: {
+        solid: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        outline: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        accent: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    position: {
+        top: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'top-right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'top-left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        bottom: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom-right': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        'bottom-left': import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+    status: {
+        info: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        success: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        warning: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        error: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "fixed flex items-center p-4 mb-4 rounded-lg shadow-lg transition-all duration-300 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, {
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, "fixed flex items-center p-4 mb-4 rounded-lg shadow-lg transition-all duration-300 ease-in-out", import("tailwind-variants/dist/config").TVConfig<{
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, {
+    variant: {
+        solid: string;
+        outline: string;
+        accent: string;
+    };
+    position: {
+        top: string;
+        'top-right': string;
+        'top-left': string;
+        bottom: string;
+        'bottom-right': string;
+        'bottom-left': string;
+    };
+    status: {
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const ToastTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type IToastProps = {
+    id?: string;
+    title?: string;
+    description?: string;
+    duration?: number;
+    onClose?: () => void;
+    isOpen?: boolean;
+    className?: string;
+    variant?: VariantProps<typeof toastStyle>['variant'];
+    position?: VariantProps<typeof toastStyle>['position'];
+    status?: VariantProps<typeof toastStyle>['status'];
+};
+declare const Toast: React.ForwardRefExoticComponent<IToastProps & React.RefAttributes<HTMLDivElement>>;
+export { Toast };

package/lib/components/ui/toast/index.web.js

@@ -0,0 +1,80 @@
+'use client';
+import React, { forwardRef, useEffect, useState } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { createPortal } from 'react-dom';
+const SCOPE = 'TOAST';
+const toastStyle = tva({
+    base: 'fixed flex items-center p-4 mb-4 rounded-lg shadow-lg transition-all duration-300 ease-in-out',
+    variants: {
+        variant: {
+            solid: 'bg-gray-800 text-white',
+            outline: 'bg-white border border-gray-300',
+            accent: 'border-l-4 border-blue-500 bg-white',
+        },
+        position: {
+            top: 'top-4 left-1/2 -translate-x-1/2',
+            'top-right': 'top-4 right-4',
+            'top-left': 'top-4 left-4',
+            bottom: 'bottom-4 left-1/2 -translate-x-1/2',
+            'bottom-right': 'bottom-4 right-4',
+            'bottom-left': 'bottom-4 left-4',
+        },
+        status: {
+            info: 'bg-blue-500 text-white',
+            success: 'bg-green-500 text-white',
+            warning: 'bg-yellow-500 text-white',
+            error: 'bg-red-500 text-white',
+        },
+    },
+    defaultVariants: {
+        variant: 'solid',
+        position: 'bottom',
+        status: 'info',
+    },
+});
+export const ToastTitle = forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: `font-semibold ${className || ''}`, ...props })));
+ToastTitle.displayName = 'ToastTitle';
+export const ToastDescription = forwardRef(({ className, ...props }, ref) => React.createElement("div", { ref: ref, className: `mt-1 ${className || ''}`, ...props }));
+ToastDescription.displayName = 'ToastDescription';
+const Toast = forwardRef(({ id, title, description, duration = 5000, onClose, isOpen, className, variant, position, status, ...props }, ref) => {
+    const [isVisible, setIsVisible] = useState(isOpen);
+    const [isExiting, setIsExiting] = useState(false);
+    useEffect(() => {
+        setIsVisible(isOpen);
+        if (isOpen) {
+            const timer = setTimeout(() => {
+                setIsExiting(true);
+                setTimeout(() => {
+                    setIsVisible(false);
+                    setIsExiting(false);
+                    if (onClose)
+                        onClose();
+                }, 300);
+            }, duration);
+            return () => clearTimeout(timer);
+        }
+    }, [isOpen, duration, onClose]);
+    if (!isVisible)
+        return null;
+    return createPortal(React.createElement("div", { ref: ref, role: "alert", "aria-live": "polite", className: toastStyle({
+            variant,
+            position,
+            status,
+            class: `${className || ''} ${isExiting ? 'opacity-0' : 'opacity-100'}`,
+        }), ...props },
+        React.createElement("div", null,
+            title && React.createElement(ToastTitle, null, title),
+            description && React.createElement(ToastDescription, null, description)),
+        React.createElement("button", { onClick: () => {
+                setIsExiting(true);
+                setTimeout(() => {
+                    setIsVisible(false);
+                    setIsExiting(false);
+                    if (onClose)
+                        onClose();
+                }, 300);
+            }, className: "ml-4 text-current opacity-70 hover:opacity-100", "aria-label": "Close toast" }, "\u00D7")), document.body);
+});
+Toast.displayName = 'Toast';
+export { Toast };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/toast/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/toast/index.web.tsx"],"names":[],"mappings":"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"}

package/lib/components/ui/tooltip/index.web.d.ts

@@ -0,0 +1,86 @@
+import React from 'react';
+import type { VariantProps } from '@gluestack-ui/nativewind-utils';
+declare const tooltipStyle: import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+} | ({
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+} & {
+    placement: {
+        top: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        bottom: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        left: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+        right: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+}), undefined, "absolute z-50 px-3 py-2 text-sm text-white bg-gray-900 rounded-md shadow-sm max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, import("@gluestack-ui/nativewind-utils/types").TVReturnType<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, undefined, "absolute z-50 px-3 py-2 text-sm text-white bg-gray-900 rounded-md shadow-sm max-w-xs", import("tailwind-variants/dist/config").TVConfig<{
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}, {
+    placement: {
+        top: string;
+        bottom: string;
+        left: string;
+        right: string;
+    };
+}>, unknown, unknown, undefined>>;
+type ITooltipProps = {
+    label: string;
+    children: React.ReactElement;
+    placement?: VariantProps<typeof tooltipStyle>['placement'];
+    className?: string;
+    delay?: number;
+    isOpen?: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+};
+declare const Tooltip: React.ForwardRefExoticComponent<ITooltipProps & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip };

package/lib/components/ui/tooltip/index.web.js

@@ -0,0 +1,110 @@
+'use client';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+import { createPortal } from 'react-dom';
+const SCOPE = 'TOOLTIP';
+const tooltipStyle = tva({
+    base: 'absolute z-50 px-3 py-2 text-sm text-white bg-gray-900 rounded-md shadow-sm max-w-xs',
+    variants: {
+        placement: {
+            top: 'bottom-full mb-2',
+            bottom: 'top-full mt-2',
+            left: 'right-full mr-2',
+            right: 'left-full ml-2',
+        },
+    },
+    defaultVariants: {
+        placement: 'top',
+    },
+});
+const Tooltip = forwardRef(({ label, children, placement, className, delay = 0, isOpen: controlledIsOpen, onOpen, onClose, ...props }, ref) => {
+    const [isOpen, setIsOpen] = useState(controlledIsOpen || false);
+    const [position, setPosition] = useState({ top: 0, left: 0 });
+    const triggerRef = useRef(null);
+    const tooltipRef = useRef(null);
+    const timeoutRef = useRef();
+    const updatePosition = () => {
+        if (triggerRef.current && tooltipRef.current) {
+            const triggerRect = triggerRef.current.getBoundingClientRect();
+            const tooltipRect = tooltipRef.current.getBoundingClientRect();
+            let top = 0;
+            let left = 0;
+            switch (placement) {
+                case 'top':
+                    top = triggerRect.top - tooltipRect.height - 8;
+                    left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+                    break;
+                case 'bottom':
+                    top = triggerRect.bottom + 8;
+                    left = triggerRect.left + (triggerRect.width - tooltipRect.width) / 2;
+                    break;
+                case 'left':
+                    top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+                    left = triggerRect.left - tooltipRect.width - 8;
+                    break;
+                case 'right':
+                    top = triggerRect.top + (triggerRect.height - tooltipRect.height) / 2;
+                    left = triggerRect.right + 8;
+                    break;
+            }
+            setPosition({ top, left });
+        }
+    };
+    const handleOpen = () => {
+        if (delay) {
+            timeoutRef.current = setTimeout(() => {
+                setIsOpen(true);
+                if (onOpen)
+                    onOpen();
+            }, delay);
+        }
+        else {
+            setIsOpen(true);
+            if (onOpen)
+                onOpen();
+        }
+    };
+    const handleClose = () => {
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        setIsOpen(false);
+        if (onClose)
+            onClose();
+    };
+    useEffect(() => {
+        if (controlledIsOpen !== undefined) {
+            setIsOpen(controlledIsOpen);
+        }
+    }, [controlledIsOpen]);
+    useEffect(() => {
+        if (isOpen) {
+            updatePosition();
+            window.addEventListener('scroll', updatePosition);
+            window.addEventListener('resize', updatePosition);
+        }
+        return () => {
+            window.removeEventListener('scroll', updatePosition);
+            window.removeEventListener('resize', updatePosition);
+        };
+    }, [isOpen]);
+    const trigger = React.cloneElement(children, {
+        ref: triggerRef,
+        onMouseEnter: handleOpen,
+        onMouseLeave: handleClose,
+        onFocus: handleOpen,
+        onBlur: handleClose,
+        'aria-describedby': isOpen ? 'tooltip' : undefined,
+    });
+    return (React.createElement(React.Fragment, null,
+        trigger,
+        isOpen &&
+            createPortal(React.createElement("div", { ref: tooltipRef, id: "tooltip", role: "tooltip", className: tooltipStyle({ placement, class: className }), style: {
+                    position: 'fixed',
+                    top: `${position.top}px`,
+                    left: `${position.left}px`,
+                }, ...props }, label), document.body)));
+});
+Tooltip.displayName = 'Tooltip';
+export { Tooltip };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/tooltip/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/index.web.tsx"],"names":[],"mappings":"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"}

package/lib/components/ui/view/index.web.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const View: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/lib/components/ui/view/index.web.js

@@ -0,0 +1,7 @@
+'use client';
+import React from 'react';
+export const View = React.forwardRef(({ children, style, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, style: style, ...props }, children));
+});
+View.displayName = 'View';
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/view/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/view/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACnC,OAAO,CACH,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IACjC,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/lib/components/ui/virtualized-list/index.web.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FixedSizeList } from 'react-window';
+interface VirtualizedListProps<T> {
+    data: ReadonlyArray<T>;
+    renderItem: ({ item, index }: {
+        item: T;
+        index: number;
+    }) => React.ReactElement;
+    itemSize: number;
+    horizontal?: boolean;
+    className?: string;
+    height: number;
+    width: number;
+    overscanCount?: number;
+}
+declare const VirtualizedList: <T>(props: VirtualizedListProps<T> & {
+    ref?: React.Ref<FixedSizeList>;
+}) => React.ReactElement;
+export { VirtualizedList };

package/lib/components/ui/virtualized-list/index.web.js

@@ -0,0 +1,30 @@
+'use client';
+import React from 'react';
+import { FixedSizeList } from 'react-window';
+import { tva } from '@gluestack-ui/nativewind-utils/tva';
+const virtualizedListStyle = tva({
+    base: 'overflow-auto',
+    variants: {
+        horizontal: {
+            true: 'flex-row',
+            false: 'flex-col',
+        },
+    },
+    defaultVariants: {
+        horizontal: false,
+    },
+});
+function VirtualizedListComponent({ data, renderItem, itemSize, horizontal = false, className, height, width, overscanCount = 2, ...props }, ref) {
+    const itemData = {
+        data,
+        renderItem,
+    };
+    const Row = ({ index, style }) => {
+        const item = data[index];
+        return React.createElement("div", { style: style }, renderItem({ item, index }));
+    };
+    return (React.createElement(FixedSizeList, { outerRef: ref, className: virtualizedListStyle({ horizontal, class: className }), height: height, width: width, itemCount: data.length, itemSize: itemSize, layout: horizontal ? 'horizontal' : 'vertical', overscanCount: overscanCount, itemData: itemData, ...props }, Row));
+}
+const VirtualizedList = React.forwardRef(VirtualizedListComponent);
+export { VirtualizedList };
+//# sourceMappingURL=index.web.js.map

package/lib/components/ui/virtualized-list/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","sourceRoot":"","sources":["../../../../src/components/ui/virtualized-list/index.web.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAA2B,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,oCAAoC,CAAC;AAKzD,MAAM,oBAAoB,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE;QACN,UAAU,EAAE;YACR,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,UAAU;SACpB;KACJ;IACD,eAAe,EAAE;QACb,UAAU,EAAE,KAAK;KACpB;CACJ,CAAC,CAAC;AAkBH,SAAS,wBAAwB,CAC7B,EACI,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,MAAM,EACN,KAAK,EACL,aAAa,GAAG,CAAC,EACjB,GAAG,KAAK,EACc,EAC1B,GAA6B;IAE7B,MAAM,QAAQ,GAAgB;QAC1B,IAAI;QACJ,UAAU;KACb,CAAC;IAEF,MAAM,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAA2B,EAAE,EAAE;QACtD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO,6BAAK,KAAK,EAAE,KAAK,IAAG,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAO,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,aAAa,IACV,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE,oBAAoB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACjE,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CAAC,MAAM,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,EAC9C,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,KACd,KAAK,IAER,GAAG,CACQ,CACnB,CAAC;AACN,CAAC;AAED,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAE1C,CAAC;AAExB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/components/usePermissionAutoFetch.d.ts

@@ -24,22 +24,16 @@ export declare const usePermissionAutoFetch: (options?: userPermissionAutoFetchP
     called: boolean;
     startPolling: (pollInterval: number) => void;
     stopPolling: () => void;
-    subscribeToMore: <TSubscriptionData = import("common").IResolveConfigurationQuery, TSubscriptionVariables extends import("@apollo/client").OperationVariables = import("common").Exact<{
+    subscribeToMore: import("@apollo/client").SubscribeToMoreFunction<import("common").IResolveConfigurationQuery, import("common").Exact<{
         input: import("common").IPreferencesInputInput;
         key?: import("common").InputMaybe<import("common").Scalars["String"]["input"]>;
         overrides?: import("common").InputMaybe<import("common").IConfigurationOverridesInput>;
-    }>>(options: import("@apollo/client").SubscribeToMoreOptions<import("common").IResolveConfigurationQuery, TSubscriptionVariables, TSubscriptionData>) => () => void;
-    updateQuery: <TVars extends import("@apollo/client").OperationVariables = import("common").Exact<{
+    }>>;
+    updateQuery: (mapFn: import("@apollo/client").UpdateQueryMapFn<import("common").IResolveConfigurationQuery, import("common").Exact<{
         input: import("common").IPreferencesInputInput;
         key?: import("common").InputMaybe<import("common").Scalars["String"]["input"]>;
         overrides?: import("common").InputMaybe<import("common").IConfigurationOverridesInput>;
-    }>>(mapFn: (previousQueryResult: {
-        __typename?: "Query";
-        resolveConfiguration?: any | null;
-    }, options: Pick<import("@apollo/client").WatchQueryOptions<TVars, import("common").IResolveConfigurationQuery>, "variables">) => {
-        __typename?: "Query";
-        resolveConfiguration?: any | null;
-    }) => void;
+    }>>) => void;
     refetch: (variables?: Partial<import("common").Exact<{
         input: import("common").IPreferencesInputInput;
         key?: import("common").InputMaybe<import("common").Scalars["String"]["input"]>;
@@ -60,16 +54,10 @@ export declare const usePermissionAutoFetch: (options?: userPermissionAutoFetchP
         key?: import("common").InputMaybe<import("common").Scalars["String"]["input"]>;
         overrides?: import("common").InputMaybe<import("common").IConfigurationOverridesInput>;
     }>>(fetchMoreOptions: import("@apollo/client").FetchMoreQueryOptions<TFetchVars, TFetchData> & {
-        updateQuery?: (previousQueryResult: {
-            __typename?: "Query";
-            resolveConfiguration?: any | null;
-        }, options: {
+        updateQuery?: (previousQueryResult: import("common").IResolveConfigurationQuery, options: {
             fetchMoreResult: import("@apollo/client").Unmasked<TFetchData>;
             variables: TFetchVars;
-        }) => {
-            __typename?: "Query";
-            resolveConfiguration?: any | null;
-        };
-    }) => Promise<import("@apollo/client").ApolloQueryResult<import("@apollo/client").MaybeMasked<TFetchData>>>;
+        }) => import("common").IResolveConfigurationQuery;
+    }) => Promise<import("@apollo/client").ApolloQueryResult<TFetchData>>;
 };
 export {};