@tanstack/query-devtools 5.0.0-alpha.34 → 5.0.0-alpha.38

package/build/source/index.jsx

@@ -0,0 +1,71 @@
+import { DevtoolsComponent } from './Devtools';
+import { render } from 'solid-js/web';
+import { createSignal } from 'solid-js';
+class TanstackQueryDevtools {
+    constructor(config) {
+        this.isMounted = false;
+        const { client, queryFlavor, version, onlineManager, buttonPosition, position, initialIsOpen, errorTypes, } = config;
+        this.client = createSignal(client);
+        this.queryFlavor = queryFlavor;
+        this.version = version;
+        this.onlineManager = onlineManager;
+        this.buttonPosition = createSignal(buttonPosition);
+        this.position = createSignal(position);
+        this.initialIsOpen = createSignal(initialIsOpen);
+        this.errorTypes = createSignal(errorTypes);
+    }
+    setButtonPosition(position) {
+        this.buttonPosition[1](position);
+    }
+    setPosition(position) {
+        this.position[1](position);
+    }
+    setInitialIsOpen(isOpen) {
+        this.initialIsOpen[1](isOpen);
+    }
+    setErrorTypes(errorTypes) {
+        this.errorTypes[1](errorTypes);
+    }
+    setClient(client) {
+        this.client[1](client);
+    }
+    mount(el) {
+        if (this.isMounted) {
+            throw new Error('Devtools is already mounted');
+        }
+        const dispose = render(() => {
+            const [btnPosition] = this.buttonPosition;
+            const [pos] = this.position;
+            const [isOpen] = this.initialIsOpen;
+            const [errors] = this.errorTypes;
+            const [queryClient] = this.client;
+            return (<DevtoolsComponent queryFlavor={this.queryFlavor} version={this.version} onlineManager={this.onlineManager} {...{
+                get client() {
+                    return queryClient();
+                },
+                get buttonPosition() {
+                    return btnPosition();
+                },
+                get position() {
+                    return pos();
+                },
+                get initialIsOpen() {
+                    return isOpen();
+                },
+                get errorTypes() {
+                    return errors();
+                },
+            }}/>);
+        }, el);
+        this.isMounted = true;
+        this.dispose = dispose;
+    }
+    unmount() {
+        if (!this.isMounted) {
+            throw new Error('Devtools is not mounted');
+        }
+        this.dispose?.();
+        this.isMounted = false;
+    }
+}
+export { TanstackQueryDevtools };

package/build/source/theme.js

@@ -0,0 +1,304 @@
+const ShadowVariants = {
+    xs: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+    sm: '0 1px 3px 0 color, 0 1px 2px -1px color',
+    md: '0 4px 6px -1px color, 0 2px 4px -2px color',
+    lg: '0 10px 15px -3px color, 0 4px 6px -4px color',
+    xl: '0 20px 25px -5px color, 0 8px 10px -6px color',
+    '2xl': '0 25px 50px -12px color',
+    inner: 'inset 0 2px 4px 0 color',
+    none: 'none',
+};
+const getShadow = (variant, color = '') => {
+    return ShadowVariants[variant].replace(/color/g, color);
+};
+const Shadow = {
+    xs: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xs', color),
+    sm: (color = 'rgb(0 0 0 / 0.1)') => getShadow('sm', color),
+    md: (color = 'rgb(0 0 0 / 0.1)') => getShadow('md', color),
+    lg: (color = 'rgb(0 0 0 / 0.1)') => getShadow('lg', color),
+    xl: (color = 'rgb(0 0 0 / 0.1)') => getShadow('xl', color),
+    '2xl': (color = 'rgb(0 0 0 / 0.25)') => getShadow('2xl', color),
+    inner: (color = 'rgb(0 0 0 / 0.05)') => getShadow('inner', color),
+    none: () => getShadow('none'),
+};
+export const tokens = {
+    colors: {
+        inherit: 'inherit',
+        current: 'currentColor',
+        transparent: 'transparent',
+        black: '#000000',
+        white: '#ffffff',
+        neutral: {
+            50: '#f9fafb',
+            100: '#f2f4f7',
+            200: '#eaecf0',
+            300: '#d0d5dd',
+            400: '#98a2b3',
+            500: '#667085',
+            600: '#475467',
+            700: '#344054',
+            800: '#1d2939',
+            900: '#101828',
+        },
+        darkGray: {
+            50: '#525c7a',
+            100: '#49536e',
+            200: '#414962',
+            300: '#394056',
+            400: '#313749',
+            500: '#292e3d',
+            600: '#212530',
+            700: '#191c24',
+            800: '#111318',
+            900: '#0b0d10',
+        },
+        gray: {
+            50: '#f9fafb',
+            100: '#f2f4f7',
+            200: '#eaecf0',
+            300: '#d0d5dd',
+            400: '#98a2b3',
+            500: '#667085',
+            600: '#475467',
+            700: '#344054',
+            800: '#1d2939',
+            900: '#101828',
+        },
+        blue: {
+            25: '#F5FAFF',
+            50: '#EFF8FF',
+            100: '#D1E9FF',
+            200: '#B2DDFF',
+            300: '#84CAFF',
+            400: '#53B1FD',
+            500: '#2E90FA',
+            600: '#1570EF',
+            700: '#175CD3',
+            800: '#1849A9',
+            900: '#194185',
+        },
+        green: {
+            25: '#F6FEF9',
+            50: '#ECFDF3',
+            100: '#D1FADF',
+            200: '#A6F4C5',
+            300: '#6CE9A6',
+            400: '#32D583',
+            500: '#12B76A',
+            600: '#039855',
+            700: '#027A48',
+            800: '#05603A',
+            900: '#054F31',
+        },
+        red: {
+            25: '#FFFBFA',
+            50: '#FEF3F2',
+            100: '#FEE4E2',
+            200: '#FECDCA',
+            300: '#FDA29B',
+            400: '#F97066',
+            500: '#F04438',
+            600: '#D92D20',
+            700: '#B42318',
+            800: '#912018',
+            900: '#7A271A',
+        },
+        yellow: {
+            25: '#FFFCF5',
+            50: '#FFFAEB',
+            100: '#FEF0C7',
+            200: '#FEDF89',
+            300: '#FEC84B',
+            400: '#FDB022',
+            500: '#F79009',
+            600: '#DC6803',
+            700: '#B54708',
+            800: '#93370D',
+            900: '#7A2E0E',
+        },
+        purple: {
+            25: '#FAFAFF',
+            50: '#F4F3FF',
+            100: '#EBE9FE',
+            200: '#D9D6FE',
+            300: '#BDB4FE',
+            400: '#9B8AFB',
+            500: '#7A5AF8',
+            600: '#6938EF',
+            700: '#5925DC',
+            800: '#4A1FB8',
+            900: '#3E1C96',
+        },
+        teal: {
+            25: '#F6FEFC',
+            50: '#F0FDF9',
+            100: '#CCFBEF',
+            200: '#99F6E0',
+            300: '#5FE9D0',
+            400: '#2ED3B7',
+            500: '#15B79E',
+            600: '#0E9384',
+            700: '#107569',
+            800: '#125D56',
+            900: '#134E48',
+        },
+        pink: {
+            25: '#fdf2f8',
+            50: '#fce7f3',
+            100: '#fbcfe8',
+            200: '#f9a8d4',
+            300: '#f472b6',
+            400: '#ec4899',
+            500: '#db2777',
+            600: '#be185d',
+            700: '#9d174d',
+            800: '#831843',
+            900: '#500724',
+        },
+        cyan: {
+            25: '#ecfeff',
+            50: '#cffafe',
+            100: '#a5f3fc',
+            200: '#67e8f9',
+            300: '#22d3ee',
+            400: '#06b6d4',
+            500: '#0891b2',
+            600: '#0e7490',
+            700: '#155e75',
+            800: '#164e63',
+            900: '#083344',
+        },
+    },
+    alpha: {
+        100: 'ff',
+        90: 'e5',
+        80: 'cc',
+        70: 'b3',
+        60: '99',
+        50: '80',
+        40: '66',
+        30: '4d',
+        20: '33',
+        10: '1a',
+        0: '00',
+    },
+    font: {
+        size: {
+            '2xs': '0.625rem',
+            xs: '0.75rem',
+            sm: '0.875rem',
+            md: '1rem',
+            lg: '1.125rem',
+            xl: '1.25rem',
+            '2xl': '1.5rem',
+            '3xl': '1.875rem',
+            '4xl': '2.25rem',
+            '5xl': '3rem',
+            '6xl': '3.75rem',
+            '7xl': '4.5rem',
+            '8xl': '6rem',
+            '9xl': '8rem',
+        },
+        lineHeight: {
+            xs: '1rem',
+            sm: '1.25rem',
+            md: '1.5rem',
+            lg: '1.75rem',
+            xl: '1.75rem',
+            '2xl': '2rem',
+            '3xl': '2.25rem',
+            '4xl': '2.5rem',
+            '5xl': '1',
+            '6xl': '1',
+            '7xl': '1',
+            '8xl': '1',
+            '9xl': '1',
+        },
+        weight: {
+            thin: '100',
+            extralight: '200',
+            light: '300',
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+            extrabold: '800',
+            black: '900',
+        },
+    },
+    breakpoints: {
+        xs: '320px',
+        sm: '640px',
+        md: '768px',
+        lg: '1024px',
+        xl: '1280px',
+        '2xl': '1536px',
+    },
+    border: {
+        radius: {
+            none: '0px',
+            xs: '0.125rem',
+            sm: '0.25rem',
+            md: '0.375rem',
+            lg: '0.5rem',
+            xl: '0.75rem',
+            '2xl': '1rem',
+            '3xl': '1.5rem',
+            full: '9999px',
+        },
+    },
+    size: {
+        0: '0px',
+        0.25: '0.0625rem',
+        0.5: '0.125rem',
+        1: '0.25rem',
+        1.5: '0.375rem',
+        2: '0.5rem',
+        2.5: '0.625rem',
+        3: '0.75rem',
+        3.5: '0.875rem',
+        4: '1rem',
+        4.5: '1.125rem',
+        5: '1.25rem',
+        6: '1.5rem',
+        7: '1.75rem',
+        8: '2rem',
+        9: '2.25rem',
+        10: '2.5rem',
+        11: '2.75rem',
+        12: '3rem',
+        14: '3.5rem',
+        16: '4rem',
+        20: '5rem',
+        24: '6rem',
+        28: '7rem',
+        32: '8rem',
+        36: '9rem',
+        40: '10rem',
+        44: '11rem',
+        48: '12rem',
+        52: '13rem',
+        56: '14rem',
+        60: '15rem',
+        64: '16rem',
+        72: '18rem',
+        80: '20rem',
+        96: '24rem',
+    },
+    shadow: Shadow,
+    zIndices: {
+        hide: -1,
+        auto: 'auto',
+        base: 0,
+        docked: 10,
+        dropdown: 1000,
+        sticky: 1100,
+        banner: 1200,
+        overlay: 1300,
+        modal: 1400,
+        popover: 1500,
+        skipLink: 1600,
+        toast: 1700,
+        tooltip: 1800,
+    },
+};

package/build/source/utils.jsx

@@ -0,0 +1,74 @@
+import SuperJSON from 'superjson';
+export function getQueryStatusLabel(query) {
+    return query.state.fetchStatus === 'fetching'
+        ? 'fetching'
+        : !query.getObserversCount()
+            ? 'inactive'
+            : query.state.fetchStatus === 'paused'
+                ? 'paused'
+                : query.isStale()
+                    ? 'stale'
+                    : 'fresh';
+}
+export const queryStatusLabels = [
+    'fresh',
+    'stale',
+    'paused',
+    'inactive',
+    'fetching',
+];
+export function getQueryStatusColor({ queryState, observerCount, isStale, }) {
+    return queryState.fetchStatus === 'fetching'
+        ? 'blue'
+        : !observerCount
+            ? 'gray'
+            : queryState.fetchStatus === 'paused'
+                ? 'purple'
+                : isStale
+                    ? 'yellow'
+                    : 'green';
+}
+export function getQueryStatusColorByLabel(label) {
+    return label === 'fresh'
+        ? 'green'
+        : label === 'stale'
+            ? 'yellow'
+            : label === 'paused'
+                ? 'purple'
+                : label === 'inactive'
+                    ? 'gray'
+                    : 'blue';
+}
+/**
+ * Displays a string regardless the type of the data
+ * @param {unknown} value Value to be stringified
+ * @param {boolean} beautify Formats json to multiline
+ */
+export const displayValue = (value, beautify = false) => {
+    const { json } = SuperJSON.serialize(value);
+    return JSON.stringify(json, null, beautify ? 2 : undefined);
+};
+const getStatusRank = (q) => q.state.fetchStatus !== 'idle'
+    ? 0
+    : !q.getObserversCount()
+        ? 3
+        : q.isStale()
+            ? 2
+            : 1;
+const queryHashSort = (a, b) => a.queryHash.localeCompare(b.queryHash);
+const dateSort = (a, b) => a.state.dataUpdatedAt < b.state.dataUpdatedAt ? 1 : -1;
+const statusAndDateSort = (a, b) => {
+    if (getStatusRank(a) === getStatusRank(b)) {
+        return dateSort(a, b);
+    }
+    return getStatusRank(a) > getStatusRank(b) ? 1 : -1;
+};
+export const sortFns = {
+    status: statusAndDateSort,
+    'query hash': queryHashSort,
+    'last updated': dateSort,
+};
+export const convertRemToPixels = (rem) => {
+    return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+};
+export const convertPixelsToRem = (px) => px / convertRemToPixels(1);

package/build/types/Context.d.ts

@@ -1,8 +1,8 @@
 import type { QueryClient, onlineManager, Query } from '@tanstack/query-core';
-declare type XPosition = 'left' | 'right';
-declare type YPosition = 'top' | 'bottom';
-export declare type DevtoolsPosition = XPosition | YPosition;
-export declare type DevtoolsButtonPosition = `${YPosition}-${XPosition}`;
+type XPosition = 'left' | 'right';
+type YPosition = 'top' | 'bottom';
+export type DevtoolsPosition = XPosition | YPosition;
+export type DevtoolsButtonPosition = `${YPosition}-${XPosition}`;
 export interface DevToolsErrorType {
     /**
      * The name of the error.

package/build/types/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../src/Context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAG7E,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,CAAA;AACjC,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAA;AACjC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA;AACpD,MAAM,MAAM,sBAAsB,GAAG,GAAG,SAAS,IAAI,SAAS,EAAE,CAAA;AAEhE,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAA;CACrC;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAA;IAC5B,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,OAAO,aAAa,CAAA;IAEnC,cAAc,CAAC,EAAE,sBAAsB,CAAA;IACvC,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,eAAO,MAAM,oBAAoB,gDAK/B,CAAA;AAEF,wBAAgB,uBAAuB,uBAEtC"}

package/build/types/Devtools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Devtools.d.ts","sourceRoot":"","sources":["../../src/Devtools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,SAAS,EAAE,GAAG,EAAU,MAAM,UAAU,CAAA;AAchE,OAAO,KAAK,EAAE,KAAK,EAA0B,MAAM,sBAAsB,CAAA;AAoBzE,OAAO,KAAK,EACV,kBAAkB,EAInB,MAAM,WAAW,CAAA;AAKlB,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAI7E,UAAU,kBAAkB;IAC1B,UAAU,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACjC,aAAa,EAAE,aAAa,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAC9C;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;IACtD,KAAK,EAAE,MAAM,CAAA;CACd;AAmBD,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,kBAAkB,CAM3D,CAAA;AAED,eAAO,MAAM,QAAQ,mBAkGpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,CAAC,kBAAkB,CAyWvD,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAqFhD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,SA+C9B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAsFnD,CAAA"}

package/build/types/Explorer.d.ts

@@ -11,7 +11,7 @@ export declare function chunkArray<T extends {
     label: string;
     value: unknown;
 }>(array: T[], size: number): T[][];
-declare type ExplorerProps = {
+type ExplorerProps = {
     copyable?: boolean;
     label: string;
     value: unknown;

package/build/types/Explorer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Explorer.d.ts","sourceRoot":"","sources":["../../src/Explorer.tsx"],"names":[],"mappings":"AAQA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,EACpE,KAAK,EAAE,CAAC,EAAE,EACV,IAAI,EAAE,MAAM,GACX,CAAC,EAAE,EAAE,CASP;AAsFD,KAAK,aAAa,GAAG;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,CAAA;IACd,eAAe,CAAC,EAAE,MAAM,EAAE,CAAA;CAC3B,CAAA;AAMD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,kCAwIpD"}

package/build/types/__tests__/devtools.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtools.test.d.ts","sourceRoot":"","sources":["../../../src/__tests__/devtools.test.tsx"],"names":[],"mappings":""}

package/build/types/fonts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../src/fonts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,YAMrB,CAAA"}

package/build/types/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,MAAM,mCAkBrB;AAED,wBAAgB,WAAW,mCAkB1B;AAED,wBAAgB,OAAO,mCAkBtB;AAED,wBAAgB,SAAS,mCAkBxB;AAED,wBAAgB,IAAI,mCAenB;AAED,wBAAgB,OAAO,mCAkBtB;AAED,wBAAgB,QAAQ,mCAyBvB;AAED,wBAAgB,MAAM,mCAmBrB;AAED,wBAAgB,YAAY,mCAkB3B;AAED,wBAAgB,WAAW,mCAkB1B;AAED,wBAAgB,YAAY,mCAy1B3B"}

package/build/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,IAAI,cAAc,EAChC,MAAM,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EACV,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,WAAW,CAAA;AAClB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGtC,YAAY,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAA;AAC3E,MAAM,WAAW,2BAA4B,SAAQ,kBAAkB;CAAG;AAE1E,cAAM,qBAAqB;IACzB,MAAM,EAAE,MAAM,CAAC,WAAW,CAAC,CAAA;IAC3B,aAAa,EAAE,OAAO,cAAc,CAAA;IACpC,WAAW,EAAE,MAAM,CAAA;IACnB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,UAAQ;IACjB,cAAc,EAAE,MAAM,CAAC,sBAAsB,GAAG,SAAS,CAAC,CAAA;IAC1D,QAAQ,EAAE,MAAM,CAAC,gBAAgB,GAAG,SAAS,CAAC,CAAA;IAC9C,aAAa,EAAE,MAAM,CAAC,OAAO,GAAG,SAAS,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,GAAG,SAAS,CAAC,CAAA;IACnD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;gBAER,MAAM,EAAE,2BAA2B;IAqB/C,iBAAiB,CAAC,QAAQ,EAAE,sBAAsB;IAIlD,WAAW,CAAC,QAAQ,EAAE,gBAAgB;IAItC,gBAAgB,CAAC,MAAM,EAAE,OAAO;IAIhC,aAAa,CAAC,UAAU,EAAE,iBAAiB,EAAE;IAI7C,SAAS,CAAC,MAAM,EAAE,WAAW;IAI7B,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAE,CAAC;IAuClC,OAAO;CAOR;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/build/types/theme.d.ts

@@ -288,10 +288,10 @@ export declare const tokens: {
         tooltip: number;
     };
 };
-export declare type ThemeConfigType = typeof tokens;
-export declare type ThemeColorsAll = {
+export type ThemeConfigType = typeof tokens;
+export type ThemeColorsAll = {
     [key in keyof ThemeConfigType['colors']]: key;
 }[keyof ThemeConfigType['colors']];
-export declare type AtomicThemeColors = 'white' | 'black' | 'transparent' | 'current' | 'inherit';
-export declare type ThemeColors = Exclude<ThemeColorsAll, AtomicThemeColors>;
+export type AtomicThemeColors = 'white' | 'black' | 'transparent' | 'current' | 'inherit';
+export type ThemeColors = Exclude<ThemeColorsAll, AtomicThemeColors>;
 //# sourceMappingURL=theme.d.ts.map

package/build/types/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AA4BA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAVL,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;qBACN,MAAM;wBACH,MAAM;wBACN,MAAM;;;;;;;;;;;;;;;;;;CA4RtB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,MAAM,CAAA;AAC3C,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,MAAM,eAAe,CAAC,QAAQ,CAAC,GAAG,GAAG;CAC9C,CAAC,MAAM,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAA;AAClC,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,OAAO,GACP,aAAa,GACb,SAAS,GACT,SAAS,CAAA;AACb,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,cAAc,EAAE,iBAAiB,CAAC,CAAA"}

package/build/types/utils.d.ts

@@ -1,7 +1,7 @@
 import type { Query } from '@tanstack/query-core';
 export declare function getQueryStatusLabel(query: Query): "fetching" | "paused" | "inactive" | "stale" | "fresh";
 export declare const queryStatusLabels: readonly ["fresh", "stale", "paused", "inactive", "fetching"];
-export declare type IQueryStatusLabel = (typeof queryStatusLabels)[number];
+export type IQueryStatusLabel = (typeof queryStatusLabels)[number];
 export declare function getQueryStatusColor({ queryState, observerCount, isStale, }: {
     queryState: Query['state'];
     observerCount: number;
@@ -14,7 +14,7 @@ export declare function getQueryStatusColorByLabel(label: IQueryStatusLabel): "b
  * @param {boolean} beautify Formats json to multiline
  */
 export declare const displayValue: (value: unknown, beautify?: boolean) => string;
-declare type SortFn = (a: Query, b: Query) => number;
+type SortFn = (a: Query, b: Query) => number;
 export declare const sortFns: Record<string, SortFn>;
 export declare const convertRemToPixels: (rem: number) => number;
 export declare const convertPixelsToRem: (px: number) => number;

package/build/types/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAGjD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,KAAK,0DAU/C;AAED,eAAO,MAAM,iBAAiB,+DAMpB,CAAA;AACV,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAElE,wBAAgB,mBAAmB,CAAC,EAClC,UAAU,EACV,aAAa,EACb,OAAO,GACR,EAAE;IACD,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAC1B,aAAa,EAAE,MAAM,CAAA;IACrB,OAAO,EAAE,OAAO,CAAA;CACjB,mDAUA;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,iBAAiB,mDAUlE;AAED;;;;GAIG;AACH,eAAO,MAAM,YAAY,UAAW,OAAO,aAAY,OAAO,WAI7D,CAAA;AAGD,KAAK,MAAM,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,MAAM,CAAA;AAwB5C,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAI1C,CAAA;AAED,eAAO,MAAM,kBAAkB,QAAS,MAAM,WAE7C,CAAA;AAED,eAAO,MAAM,kBAAkB,OAAQ,MAAM,WAA+B,CAAA"}