@vendure/dashboard 3.5.0-minor-202510031341 → 3.5.0-minor-202510161257

package/src/app/routes/_authenticated/_customers/customers.tsx

@@ -51,11 +51,15 @@ function CustomerListPage() {
                 },
                 groups: {
                     cell: ({ row }) => {
-                        return row.original.groups?.map(g => (
-                            <Badge variant="secondary" key={g.id}>
-                                {g.name}
-                            </Badge>
-                        ));
+                        return (
+                            <div className="flex flex-wrap gap-1">
+                                {row.original.groups?.map(g => (
+                                    <Badge variant="secondary" key={g.id}>
+                                        {g.name}
+                                    </Badge>
+                                ))}
+                            </div>
+                        );
                     },
                 },
             }}

package/src/app/routes/_authenticated/_facets/components/facet-bulk-actions.tsx

@@ -90,12 +90,6 @@ export const DuplicateFacetsBulkAction: BulkActionComponent<any> = ({ selection,
         <DuplicateBulkAction
             entityType="Facet"
             duplicatorCode="facet-duplicator"
-            duplicatorArguments={[
-                {
-                    name: 'includeValues',
-                    value: 'true',
-                },
-            ]}
             requiredPermissions={['UpdateCatalog', 'UpdateFacet']}
             entityName="Facet"
             selection={selection}

package/src/app/routes/_authenticated/_facets/components/facet-value-bulk-actions.tsx

@@ -0,0 +1,16 @@
+import { BulkActionComponent } from '@/vdb/framework/extension-api/types/data-table.js';
+import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
+
+import { deleteFacetValuesDocument } from '../facets.graphql.js';
+
+export const DeleteFacetValuesBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
+    return (
+        <DeleteBulkAction
+            mutationDocument={deleteFacetValuesDocument}
+            entityName="facets"
+            requiredPermissions={['DeleteCatalog', 'DeleteFacet']}
+            selection={selection}
+            table={table}
+        />
+    );
+};

package/src/app/routes/_authenticated/_facets/components/facet-values-table.tsx

@@ -1,14 +1,17 @@
 import { DetailPageButton } from '@/vdb/components/shared/detail-page-button.js';
 import { PaginatedListDataTable } from '@/vdb/components/shared/paginated-list-data-table.js';
+import { Button } from '@/vdb/components/ui/button.js';
 import { addCustomFields } from '@/vdb/framework/document-introspection/add-custom-fields.js';
 import { graphql } from '@/vdb/graphql/graphql.js';
+import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
 import { Trans } from '@lingui/react/macro';
 import { Link } from '@tanstack/react-router';
-import { Button } from '@/vdb/components/ui/button.js';
-import { ColumnFiltersState, SortingState } from '@tanstack/react-table';
+import { SortingState } from '@tanstack/react-table';
 import { PlusIcon } from 'lucide-react';
 import { useRef, useState } from 'react';
-import { deleteFacetValuesDocument } from '../facets.graphql.js';
+import { DeleteFacetValuesBulkAction } from './facet-value-bulk-actions.js';
+
+const pageId = 'facet-values-table';
 
 export const facetValueListDocument = graphql(`
     query FacetValueList($options: FacetValueListOptions) {
@@ -35,27 +38,49 @@ export function FacetValuesTable({ facetId, registerRefresher }: Readonly<FacetV
     const [sorting, setSorting] = useState<SortingState>([]);
     const [page, setPage] = useState(1);
     const [pageSize, setPageSize] = useState(10);
-    const [filters, setFilters] = useState<ColumnFiltersState>([]);
+    const { setTableSettings, settings } = useUserSettings();
     const refreshRef = useRef<() => void>(() => {});
 
+    const tableSettings = pageId ? settings.tableSettings?.[pageId] : undefined;
+    const defaultVisibility = {
+        name: true,
+        code: true,
+    };
+
+    const columnVisibility = pageId
+        ? (tableSettings?.columnVisibility ?? defaultVisibility)
+        : defaultVisibility;
+    const columnOrder = pageId ? (tableSettings?.columnOrder ?? []) : ['name', 'code'];
+    const columnFilters = pageId ? tableSettings?.columnFilters : [];
+
     return (
         <>
             <PaginatedListDataTable
                 listQuery={addCustomFields(facetValueListDocument)}
-                deleteMutation={deleteFacetValuesDocument}
                 page={page}
                 itemsPerPage={pageSize}
                 sorting={sorting}
-                columnFilters={filters}
-                onPageChange={(_, page, perPage) => {
-                    setPage(page);
-                    setPageSize(perPage);
+                columnFilters={columnFilters}
+                defaultColumnOrder={columnOrder}
+                defaultVisibility={columnVisibility}
+                onPageChange={(table, page, perPage) => {
+                    if (pageId) {
+                        setPageSize(perPage);
+                        setPage(page);
+                    }
                 }}
-                onSortChange={(_, sorting) => {
+                onSortChange={(table, sorting) => {
                     setSorting(sorting);
                 }}
-                onFilterChange={(_, filters) => {
-                    setFilters(filters);
+                onFilterChange={(table, filters) => {
+                    if (pageId) {
+                        setTableSettings(pageId, 'columnFilters', filters);
+                    }
+                }}
+                onColumnVisibilityChange={(table, columnVisibility) => {
+                    if (pageId) {
+                        setTableSettings(pageId, 'columnVisibility', columnVisibility);
+                    }
                 }}
                 registerRefresher={refresher => {
                     refreshRef.current = refresher;
@@ -94,6 +119,12 @@ export function FacetValuesTable({ facetId, registerRefresher }: Readonly<FacetV
                         ),
                     },
                 }}
+                bulkActions={[
+                    {
+                        order: 400,
+                        component: DeleteFacetValuesBulkAction,
+                    },
+                ]}
             />
             <div className="mt-4">
                 <Button asChild variant="outline">

package/src/app/routes/_authenticated/_facets/facets_.$facetId.values_.$id.tsx

@@ -1,3 +1,4 @@
+import { SlugInput } from '@/vdb/components/data-input/index.js';
 import { PageBreadcrumb } from '@/vdb/components/layout/generated-breadcrumbs.js';
 import { ErrorPage } from '@/vdb/components/shared/error-page.js';
 import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
@@ -115,8 +116,8 @@ function FacetValueDetailPage() {
                 </PageActionBarRight>
             </PageActionBar>
             <PageLayout>
-                <PageBlock column="side" blockId="facet-info">
-                    {entity?.facet && (
+                {entity?.facet && (
+                    <PageBlock column="side" blockId="facet-info">
                         <div className="space-y-2">
                             <div className="text-sm font-medium">
                                 <Trans>Facet</Trans>
@@ -124,8 +125,8 @@ function FacetValueDetailPage() {
                             <div className="text-sm text-muted-foreground">{entity?.facet.name}</div>
                             <div className="text-xs text-muted-foreground">{entity?.facet.code}</div>
                         </div>
-                    )}
-                </PageBlock>
+                    </PageBlock>
+                )}
                 <PageBlock column="main" blockId="main-form">
                     <DetailFormGrid>
                         <TranslatableFormFieldWrapper
@@ -138,7 +139,15 @@ function FacetValueDetailPage() {
                             control={form.control}
                             name="code"
                             label={<Trans>Code</Trans>}
-                            render={({ field }) => <Input {...field} />}
+                            render={({ field }) => (
+                                <SlugInput
+                                    fieldName="code"
+                                    watchFieldName="name"
+                                    entityName="FacetValue"
+                                    entityId={entity?.id}
+                                    {...field}
+                                />
+                            )}
                         />
                     </DetailFormGrid>
                 </PageBlock>

package/src/app/routes/_authenticated/_global-settings/global-settings.tsx

@@ -1,9 +1,9 @@
+import { NumberInput } from '@/vdb/components/data-input/number-input.js';
 import { ErrorPage } from '@/vdb/components/shared/error-page.js';
 import { FormFieldWrapper } from '@/vdb/components/shared/form-field-wrapper.js';
 import { LanguageSelector } from '@/vdb/components/shared/language-selector.js';
 import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
 import { Button } from '@/vdb/components/ui/button.js';
-import { Input } from '@/vdb/components/ui/input.js';
 import { Switch } from '@/vdb/components/ui/switch.js';
 import { NEW_ENTITY_PATH } from '@/vdb/constants.js';
 import { extendDetailFormQuery } from '@/vdb/framework/document-extension/extend-detail-form-query.js';
@@ -23,6 +23,7 @@ import { Trans, useLingui } from '@lingui/react/macro';
 import { createFileRoute, useNavigate } from '@tanstack/react-router';
 import { toast } from 'sonner';
 import { globalSettingsDocument, updateGlobalSettingsDocument } from './global-settings.graphql.js';
+import { globalLanguageCodes } from './utils/global-languages.js';
 
 const pageId = 'global-settings';
 
@@ -119,6 +120,7 @@ function GlobalSettingsPage() {
                                 <LanguageSelector
                                     value={field.value ?? []}
                                     onChange={field.onChange}
+                                    availableLanguageCodes={globalLanguageCodes}
                                     multiple={true}
                                 />
                             )}
@@ -134,13 +136,7 @@ function GlobalSettingsPage() {
                                     by product variants.
                                 </Trans>
                             }
-                            render={({ field }) => (
-                                <Input
-                                    value={field.value ?? []}
-                                    onChange={e => field.onChange(Number(e.target.valueAsNumber))}
-                                    type="number"
-                                />
-                            )}
+                            render={({ field }) => <NumberInput {...field} />}
                         />
                         <FormFieldWrapper
                             control={form.control}

package/src/app/routes/_authenticated/_global-settings/utils/global-languages.ts

@@ -0,0 +1,268 @@
+export const globalLanguageCodes = [
+    /** Afrikaans */
+    'af',
+    /** Akan */
+    'ak',
+    /** Amharic */
+    'am',
+    /** Arabic */
+    'ar',
+    /** Assamese */
+    'as',
+    /** Azerbaijani */
+    'az',
+    /** Belarusian */
+    'be',
+    /** Bulgarian */
+    'bg',
+    /** Bambara */
+    'bm',
+    /** Bangla */
+    'bn',
+    /** Breton */
+    'br',
+    /** Bosnian */
+    'bs',
+    /** Catalan */
+    'ca',
+    /** Chechen */
+    'co',
+    /** Czech */
+    'cs',
+    /** Welsh */
+    'cy',
+    /** Danish */
+    'da',
+    /** German */
+    'de',
+    /** Ewe */
+    'ee',
+    /** Greek */
+    'el',
+    /** English */
+    'en',
+    /** Esperanto */
+    'eo',
+    /** Spanish */
+    'es',
+    /** European Spanish */
+    'es_ES',
+    /** Mexican Spanish */
+    'es_MX',
+    /** Estonian */
+    'et',
+    /** Basque */
+    'eu',
+    /** Persian */
+    'fa',
+    /** Dari */
+    'fa_AF',
+    /** Finnish */
+    'fi',
+    /** Faroese */
+    'fo',
+    /** French */
+    'fr',
+    /** Canadian French */
+    'fr_CA',
+    /** Swiss French */
+    'fr_CH',
+    /** Western Frisian */
+    'fy',
+    /** Irish */
+    'ga',
+    /** Scottish Gaelic */
+    'gd',
+    /** Galician */
+    'gl',
+    /** Gujarati */
+    'gu',
+    /** Hausa */
+    'ha',
+    /** Hebrew */
+    'he',
+    /** Hindi */
+    'hi',
+    /** Croatian */
+    'hr',
+    /** Haitian Creole */
+    'ht',
+    /** Hungarian */
+    'hu',
+    /** Armenian */
+    'hy',
+    /** Interlingua */
+    'ia',
+    /** Indonesian */
+    'id',
+    /** Igbo */
+    'ig',
+    /** Icelandic */
+    'is',
+    /** Italian */
+    'it',
+    /** Japanese */
+    'ja',
+    /** Javanese */
+    'jv',
+    /** Georgian */
+    'ka',
+    /** Kazakh */
+    'kk',
+    /** Khmer */
+    'km',
+    /** Kannada */
+    'kn',
+    /** Korean */
+    'ko',
+    /** Kurdish */
+    'ku',
+    /** Kyrgyz */
+    'ky',
+    /** Latin */
+    'la',
+    /** Luxembourgish */
+    'lb',
+    /** Ganda */
+    'lg',
+    /** Lingala */
+    'ln',
+    /** Lao */
+    'lo',
+    /** Lithuanian */
+    'lt',
+    /** Latvian */
+    'lv',
+    /** Malagasy */
+    'mg',
+    /** Maori */
+    'mi',
+    /** Macedonian */
+    'mk',
+    /** Malayalam */
+    'ml',
+    /** Mongolian */
+    'mn',
+    /** Marathi */
+    'mr',
+    /** Malay */
+    'ms',
+    /** Maltese */
+    'mt',
+    /** Burmese */
+    'my',
+    /** Norwegian Bokmål */
+    'nb',
+    /** Nepali */
+    'ne',
+    /** Dutch */
+    'nl',
+    /** Flemish */
+    'nl_BE',
+    /** Norwegian Nynorsk */
+    'nn',
+    /** Nyanja */
+    'ny',
+    /** Oromo */
+    'om',
+    /** Odia */
+    'or',
+    /** Punjabi */
+    'pa',
+    /** Polish */
+    'pl',
+    /** Pashto */
+    'ps',
+    /** Portuguese */
+    'pt',
+    /** Brazilian Portuguese */
+    'pt_BR',
+    /** European Portuguese */
+    'pt_PT',
+    /** Quechua */
+    'qu',
+    /** Romansh */
+    'rm',
+    /** Romanian */
+    'ro',
+    /** Moldavian */
+    'ro_MD',
+    /** Russian */
+    'ru',
+    /** Kinyarwanda */
+    'rw',
+    /** Sanskrit */
+    'sa',
+    /** Sindhi */
+    'sd',
+    /** Sinhala */
+    'si',
+    /** Slovak */
+    'sk',
+    /** Slovenian */
+    'sl',
+    /** Samoan */
+    'sm',
+    /** Shona */
+    'sn',
+    /** Somali */
+    'so',
+    /** Albanian */
+    'sq',
+    /** Serbian */
+    'sr',
+    /** Southern Sotho */
+    'st',
+    /** Sundanese */
+    'su',
+    /** Swedish */
+    'sv',
+    /** Swahili */
+    'sw',
+    /** Congo Swahili */
+    'sw_CD',
+    /** Tamil */
+    'ta',
+    /** Telugu */
+    'te',
+    /** Tajik */
+    'tg',
+    /** Thai */
+    'th',
+    /** Tigrinya */
+    'ti',
+    /** Turkmen */
+    'tk',
+    /** Tongan */
+    'to',
+    /** Turkish */
+    'tr',
+    /** Tatar */
+    'tt',
+    /** Uyghur */
+    'ug',
+    /** Ukrainian */
+    'uk',
+    /** Urdu */
+    'ur',
+    /** Uzbek */
+    'uz',
+    /** Vietnamese */
+    'vi',
+    /** Wolof */
+    'wo',
+    /** Xhosa */
+    'xh',
+    /** Yiddish */
+    'yi',
+    /** Yoruba */
+    'yo',
+    /** Chinese */
+    'zh',
+    /** Simplified Chinese */
+    'zh_Hans',
+    /** Traditional Chinese */
+    'zh_Hant',
+    /** Zulu */
+    'zu',
+];