@vendure/dashboard 3.2.0 → 3.2.2

package/src/lib/providers/server-config.tsx

@@ -1,279 +1,279 @@
-import { api } from '@/graphql/api.js';
-import { graphql } from '@/graphql/graphql.js';
-import { useQuery } from '@tanstack/react-query';
-import { ResultOf } from 'gql.tada';
-import React from 'react';
-
-export const customFieldConfigFragment = graphql(`
-    fragment CustomFieldConfig on CustomField {
-        name
-        type
-        list
-        description {
-            languageCode
-            value
-        }
-        label {
-            languageCode
-            value
-        }
-        readonly
-        nullable
-        requiresPermission
-        ui
-    }
-`);
-
-export const stringCustomFieldFragment = graphql(
-    `
-        fragment StringCustomField on StringCustomFieldConfig {
-            ...CustomFieldConfig
-            pattern
-            options {
-                label {
-                    languageCode
-                    value
-                }
-                value
-            }
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const localeStringCustomFieldFragment = graphql(
-    `
-        fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {
-            ...CustomFieldConfig
-            pattern
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const textCustomFieldFragment = graphql(
-    `
-        fragment TextCustomField on TextCustomFieldConfig {
-            ...CustomFieldConfig
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const localeTextCustomFieldFragment = graphql(
-    `
-        fragment LocaleTextCustomField on LocaleTextCustomFieldConfig {
-            ...CustomFieldConfig
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const booleanCustomFieldFragment = graphql(
-    `
-        fragment BooleanCustomField on BooleanCustomFieldConfig {
-            ...CustomFieldConfig
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const intCustomFieldFragment = graphql(
-    `
-        fragment IntCustomField on IntCustomFieldConfig {
-            ...CustomFieldConfig
-            intMin: min
-            intMax: max
-            intStep: step
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const floatCustomFieldFragment = graphql(
-    `
-        fragment FloatCustomField on FloatCustomFieldConfig {
-            ...CustomFieldConfig
-            floatMin: min
-            floatMax: max
-            floatStep: step
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const dateTimeCustomFieldFragment = graphql(
-    `
-        fragment DateTimeCustomField on DateTimeCustomFieldConfig {
-            ...CustomFieldConfig
-            datetimeMin: min
-            datetimeMax: max
-            datetimeStep: step
-        }
-    `,
-    [customFieldConfigFragment],
-);
-export const relationCustomFieldFragment = graphql(
-    `
-        fragment RelationCustomField on RelationCustomFieldConfig {
-            ...CustomFieldConfig
-            entity
-            scalarFields
-        }
-    `,
-    [customFieldConfigFragment],
-);
-
-export const structCustomFieldFragment = graphql(
-    `
-        fragment StructCustomField on StructCustomFieldConfig {
-            ...CustomFieldConfig
-            fields {
-                ... on StructField {
-                    name
-                    type
-                    list
-                    description {
-                        languageCode
-                        value
-                    }
-                    label {
-                        languageCode
-                        value
-                    }
-                    ui
-                }
-                ... on StringStructFieldConfig {
-                    pattern
-                    options {
-                        label {
-                            languageCode
-                            value
-                        }
-                        value
-                    }
-                }
-                ... on IntStructFieldConfig {
-                    intMin: min
-                    intMax: max
-                    intStep: step
-                }
-                ... on FloatStructFieldConfig {
-                    floatMin: min
-                    floatMax: max
-                    floatStep: step
-                }
-                ... on DateTimeStructFieldConfig {
-                    datetimeMin: min
-                    datetimeMax: max
-                    datetimeStep: step
-                }
-            }
-        }
-    `,
-    [customFieldConfigFragment],
-);
-
-export const allCustomFieldsFragment = graphql(
-    `
-        fragment CustomFields on CustomField {
-            ... on StringCustomFieldConfig {
-                ...StringCustomField
-            }
-            ... on LocaleStringCustomFieldConfig {
-                ...LocaleStringCustomField
-            }
-            ... on TextCustomFieldConfig {
-                ...TextCustomField
-            }
-            ... on LocaleTextCustomFieldConfig {
-                ...LocaleTextCustomField
-            }
-            ... on BooleanCustomFieldConfig {
-                ...BooleanCustomField
-            }
-            ... on IntCustomFieldConfig {
-                ...IntCustomField
-            }
-            ... on FloatCustomFieldConfig {
-                ...FloatCustomField
-            }
-            ... on DateTimeCustomFieldConfig {
-                ...DateTimeCustomField
-            }
-            ... on RelationCustomFieldConfig {
-                ...RelationCustomField
-            }
-            ... on StructCustomFieldConfig {
-                ...StructCustomField
-            }
-        }
-    `,
-    [
-        stringCustomFieldFragment,
-        localeStringCustomFieldFragment,
-        textCustomFieldFragment,
-        localeTextCustomFieldFragment,
-        booleanCustomFieldFragment,
-        intCustomFieldFragment,
-        floatCustomFieldFragment,
-        dateTimeCustomFieldFragment,
-        relationCustomFieldFragment,
-        structCustomFieldFragment,
-    ],
-);
-
-export const getServerConfigDocument = graphql(
-    `
-        query GetServerConfig {
-            globalSettings {
-                id
-                availableLanguages
-                serverConfig {
-                    moneyStrategyPrecision
-                    orderProcess {
-                        name
-                        to
-                    }
-                    permittedAssetTypes
-                    permissions {
-                        name
-                        description
-                        assignable
-                    }
-                    entityCustomFields {
-                        entityName
-                        customFields {
-                            ...CustomFields
-                        }
-                    }
-                }
-            }
-        }
-    `,
-    [allCustomFieldsFragment],
-);
-
-type QueryResult = ResultOf<typeof getServerConfigDocument>['globalSettings']['serverConfig'];
-
-export interface ServerConfig {
-    availableLanguages: string[];
-    moneyStrategyPrecision: QueryResult['moneyStrategyPrecision'];
-    orderProcess: QueryResult['orderProcess'];
-    permittedAssetTypes: QueryResult['permittedAssetTypes'];
-    permissions: QueryResult['permissions'];
-    entityCustomFields: QueryResult['entityCustomFields'];
-}
-
-// create a provider for the global settings
-export const ServerConfigProvider = ({ children }: { children: React.ReactNode }) => {
-    const { data } = useQuery({
-        queryKey: ['getServerConfig'],
-        queryFn: () => api.query(getServerConfigDocument),
-    });
-    const value: ServerConfig = {
-        availableLanguages: data?.globalSettings.availableLanguages ?? [],
-        moneyStrategyPrecision: data?.globalSettings.serverConfig.moneyStrategyPrecision ?? 2,
-        orderProcess: data?.globalSettings.serverConfig.orderProcess ?? [],
-        permittedAssetTypes: data?.globalSettings.serverConfig.permittedAssetTypes ?? [],
-        permissions: data?.globalSettings.serverConfig.permissions ?? [],
-        entityCustomFields: data?.globalSettings.serverConfig.entityCustomFields ?? [],
-    };
-
-    return <ServerConfigContext.Provider value={value}>{children}</ServerConfigContext.Provider>;
-};
-
-export const ServerConfigContext = React.createContext<ServerConfig | null>(null);
+import { api } from '@/graphql/api.js';
+import { graphql } from '@/graphql/graphql.js';
+import { useQuery } from '@tanstack/react-query';
+import { ResultOf } from 'gql.tada';
+import React from 'react';
+
+export const customFieldConfigFragment = graphql(`
+    fragment CustomFieldConfig on CustomField {
+        name
+        type
+        list
+        description {
+            languageCode
+            value
+        }
+        label {
+            languageCode
+            value
+        }
+        readonly
+        nullable
+        requiresPermission
+        ui
+    }
+`);
+
+export const stringCustomFieldFragment = graphql(
+    `
+        fragment StringCustomField on StringCustomFieldConfig {
+            ...CustomFieldConfig
+            pattern
+            options {
+                label {
+                    languageCode
+                    value
+                }
+                value
+            }
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const localeStringCustomFieldFragment = graphql(
+    `
+        fragment LocaleStringCustomField on LocaleStringCustomFieldConfig {
+            ...CustomFieldConfig
+            pattern
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const textCustomFieldFragment = graphql(
+    `
+        fragment TextCustomField on TextCustomFieldConfig {
+            ...CustomFieldConfig
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const localeTextCustomFieldFragment = graphql(
+    `
+        fragment LocaleTextCustomField on LocaleTextCustomFieldConfig {
+            ...CustomFieldConfig
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const booleanCustomFieldFragment = graphql(
+    `
+        fragment BooleanCustomField on BooleanCustomFieldConfig {
+            ...CustomFieldConfig
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const intCustomFieldFragment = graphql(
+    `
+        fragment IntCustomField on IntCustomFieldConfig {
+            ...CustomFieldConfig
+            intMin: min
+            intMax: max
+            intStep: step
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const floatCustomFieldFragment = graphql(
+    `
+        fragment FloatCustomField on FloatCustomFieldConfig {
+            ...CustomFieldConfig
+            floatMin: min
+            floatMax: max
+            floatStep: step
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const dateTimeCustomFieldFragment = graphql(
+    `
+        fragment DateTimeCustomField on DateTimeCustomFieldConfig {
+            ...CustomFieldConfig
+            datetimeMin: min
+            datetimeMax: max
+            datetimeStep: step
+        }
+    `,
+    [customFieldConfigFragment],
+);
+export const relationCustomFieldFragment = graphql(
+    `
+        fragment RelationCustomField on RelationCustomFieldConfig {
+            ...CustomFieldConfig
+            entity
+            scalarFields
+        }
+    `,
+    [customFieldConfigFragment],
+);
+
+export const structCustomFieldFragment = graphql(
+    `
+        fragment StructCustomField on StructCustomFieldConfig {
+            ...CustomFieldConfig
+            fields {
+                ... on StructField {
+                    name
+                    type
+                    list
+                    description {
+                        languageCode
+                        value
+                    }
+                    label {
+                        languageCode
+                        value
+                    }
+                    ui
+                }
+                ... on StringStructFieldConfig {
+                    pattern
+                    options {
+                        label {
+                            languageCode
+                            value
+                        }
+                        value
+                    }
+                }
+                ... on IntStructFieldConfig {
+                    intMin: min
+                    intMax: max
+                    intStep: step
+                }
+                ... on FloatStructFieldConfig {
+                    floatMin: min
+                    floatMax: max
+                    floatStep: step
+                }
+                ... on DateTimeStructFieldConfig {
+                    datetimeMin: min
+                    datetimeMax: max
+                    datetimeStep: step
+                }
+            }
+        }
+    `,
+    [customFieldConfigFragment],
+);
+
+export const allCustomFieldsFragment = graphql(
+    `
+        fragment CustomFields on CustomField {
+            ... on StringCustomFieldConfig {
+                ...StringCustomField
+            }
+            ... on LocaleStringCustomFieldConfig {
+                ...LocaleStringCustomField
+            }
+            ... on TextCustomFieldConfig {
+                ...TextCustomField
+            }
+            ... on LocaleTextCustomFieldConfig {
+                ...LocaleTextCustomField
+            }
+            ... on BooleanCustomFieldConfig {
+                ...BooleanCustomField
+            }
+            ... on IntCustomFieldConfig {
+                ...IntCustomField
+            }
+            ... on FloatCustomFieldConfig {
+                ...FloatCustomField
+            }
+            ... on DateTimeCustomFieldConfig {
+                ...DateTimeCustomField
+            }
+            ... on RelationCustomFieldConfig {
+                ...RelationCustomField
+            }
+            ... on StructCustomFieldConfig {
+                ...StructCustomField
+            }
+        }
+    `,
+    [
+        stringCustomFieldFragment,
+        localeStringCustomFieldFragment,
+        textCustomFieldFragment,
+        localeTextCustomFieldFragment,
+        booleanCustomFieldFragment,
+        intCustomFieldFragment,
+        floatCustomFieldFragment,
+        dateTimeCustomFieldFragment,
+        relationCustomFieldFragment,
+        structCustomFieldFragment,
+    ],
+);
+
+export const getServerConfigDocument = graphql(
+    `
+        query GetServerConfig {
+            globalSettings {
+                id
+                availableLanguages
+                serverConfig {
+                    moneyStrategyPrecision
+                    orderProcess {
+                        name
+                        to
+                    }
+                    permittedAssetTypes
+                    permissions {
+                        name
+                        description
+                        assignable
+                    }
+                    entityCustomFields {
+                        entityName
+                        customFields {
+                            ...CustomFields
+                        }
+                    }
+                }
+            }
+        }
+    `,
+    [allCustomFieldsFragment],
+);
+
+type QueryResult = ResultOf<typeof getServerConfigDocument>['globalSettings']['serverConfig'];
+
+export interface ServerConfig {
+    availableLanguages: string[];
+    moneyStrategyPrecision: QueryResult['moneyStrategyPrecision'];
+    orderProcess: QueryResult['orderProcess'];
+    permittedAssetTypes: QueryResult['permittedAssetTypes'];
+    permissions: QueryResult['permissions'];
+    entityCustomFields: QueryResult['entityCustomFields'];
+}
+
+// create a provider for the global settings
+export const ServerConfigProvider = ({ children }: { children: React.ReactNode }) => {
+    const { data } = useQuery({
+        queryKey: ['getServerConfig'],
+        queryFn: () => api.query(getServerConfigDocument),
+    });
+    const value: ServerConfig = {
+        availableLanguages: data?.globalSettings.availableLanguages ?? [],
+        moneyStrategyPrecision: data?.globalSettings.serverConfig.moneyStrategyPrecision ?? 2,
+        orderProcess: data?.globalSettings.serverConfig.orderProcess ?? [],
+        permittedAssetTypes: data?.globalSettings.serverConfig.permittedAssetTypes ?? [],
+        permissions: data?.globalSettings.serverConfig.permissions ?? [],
+        entityCustomFields: data?.globalSettings.serverConfig.entityCustomFields ?? [],
+    };
+
+    return <ServerConfigContext.Provider value={value}>{children}</ServerConfigContext.Provider>;
+};
+
+export const ServerConfigContext = React.createContext<ServerConfig | null>(null);

package/src/lib/providers/theme-provider.tsx

@@ -1,54 +1,54 @@
-import { createContext, useEffect, useState } from 'react';
-import { useUserSettings } from '../hooks/use-user-settings.js';
-
-export type Theme = 'dark' | 'light' | 'system';
-
-type ThemeProviderProps = {
-    children: React.ReactNode;
-    defaultTheme?: Theme;
-    storageKey?: string;
-};
-
-type ThemeProviderState = {
-    theme: Theme;
-    setTheme: (theme: Theme) => void;
-};
-
-const initialState: ThemeProviderState = {
-    theme: 'system',
-    setTheme: () => null,
-};
-
-export const ThemeProviderContext = createContext<ThemeProviderState>(initialState);
-
-export function ThemeProvider({ children, defaultTheme = 'system', ...props }: ThemeProviderProps) {
-    const { settings, setTheme } = useUserSettings();
-
-    useEffect(() => {
-        const root = window.document.documentElement;
-
-        root.classList.remove('light', 'dark');
-
-        if (settings.theme === 'system') {
-            const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
-
-            root.classList.add(systemTheme);
-            return;
-        }
-
-        root.classList.add(settings.theme);
-    }, [settings.theme]);
-
-    return (
-        <ThemeProviderContext.Provider
-            {...props}
-            value={{
-                theme: settings.theme,
-                setTheme: setTheme,
-            }}
-        >
-            {children}
-        </ThemeProviderContext.Provider>
-    );
-}
-
+import { createContext, useEffect, useState } from 'react';
+import { useUserSettings } from '../hooks/use-user-settings.js';
+
+export type Theme = 'dark' | 'light' | 'system';
+
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+
+const initialState: ThemeProviderState = {
+    theme: 'system',
+    setTheme: () => null,
+};
+
+export const ThemeProviderContext = createContext<ThemeProviderState>(initialState);
+
+export function ThemeProvider({ children, defaultTheme = 'system', ...props }: ThemeProviderProps) {
+    const { settings, setTheme } = useUserSettings();
+
+    useEffect(() => {
+        const root = window.document.documentElement;
+
+        root.classList.remove('light', 'dark');
+
+        if (settings.theme === 'system') {
+            const systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+
+            root.classList.add(systemTheme);
+            return;
+        }
+
+        root.classList.add(settings.theme);
+    }, [settings.theme]);
+
+    return (
+        <ThemeProviderContext.Provider
+            {...props}
+            value={{
+                theme: settings.theme,
+                setTheme: setTheme,
+            }}
+        >
+            {children}
+        </ThemeProviderContext.Provider>
+    );
+}
+