@vendure/dashboard 3.5.1-master-202511140232 → 3.5.2-master-202511150230

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.5.1-master-202511140232",
+    "version": "3.5.2-master-202511150230",
     "type": "module",
     "repository": {
         "type": "git",
@@ -155,8 +155,8 @@
         "@storybook/addon-vitest": "^10.0.0-beta.9",
         "@storybook/react-vite": "^10.0.0-beta.9",
         "@types/node": "^22.13.4",
-        "@vendure/common": "^3.5.1-master-202511140232",
-        "@vendure/core": "^3.5.1-master-202511140232",
+        "@vendure/common": "^3.5.2-master-202511150230",
+        "@vendure/core": "^3.5.2-master-202511150230",
         "@vitest/browser": "^3.2.4",
         "@vitest/coverage-v8": "^3.2.4",
         "eslint": "^9.19.0",
@@ -173,5 +173,5 @@
         "lightningcss-linux-arm64-musl": "^1.29.3",
         "lightningcss-linux-x64-musl": "^1.29.1"
     },
-    "gitHead": "045e4ab2482260faa3016f742cf160f5161ed4b4"
+    "gitHead": "ea96ec1c03f260642933dbf16855686dc2ec6028"
 }

package/src/app/routes/_authenticated/_orders/components/use-transition-order-to-state.tsx

@@ -22,8 +22,7 @@ import { orderHistoryDocument, transitionOrderToStateDocument } from '../orders.
  */
 export function useTransitionOrderToState(orderId: string | undefined) {
     const [selectStateOpen, setSelectStateOpen] = useState(false);
-    const [onSuccessFn, setOnSuccessFn] = useState<() => void>(() => {
-    });
+    const [onSuccessFn, setOnSuccessFn] = useState<() => void>(() => {});
     const { data, isLoading, error } = useQuery({
         queryKey: ['orderPreModifyingState', orderId],
         queryFn: async () => {
@@ -142,7 +141,7 @@ export function useTransitionOrderToState(orderId: string | undefined) {
         transitionToPreModifyingState,
         transitionToState,
         ManuallySelectNextState,
-        selectNextState: ({ onSuccess }: { onSuccess?: () => void }) => {
+        selectNextState: ({ onSuccess }: { onSuccess?: () => void | Promise<void> }) => {
             setSelectStateOpen(true);
             if (onSuccess) {
                 setOnSuccessFn(() => onSuccess);

package/src/lib/components/data-input/default-relation-input.tsx

@@ -567,11 +567,11 @@ export function DefaultRelationInput({
     entityType,
 }: Readonly<DefaultRelationInputProps>) {
     const { t } = useLingui();
+    const ENTITY_CONFIGS = useMemo(() => createEntityConfigs(t), [t]);
     if (!fieldDef || (!isRelationCustomFieldConfig(fieldDef) && !entityType)) {
         return null;
     }
     const entityName = entityType ?? (fieldDef as RelationCustomFieldConfig).entity;
-    const ENTITY_CONFIGS = useMemo(() => createEntityConfigs(t), [t]);
     const config = ENTITY_CONFIGS[entityName as keyof typeof ENTITY_CONFIGS];
 
     if (!config) {

package/src/lib/components/data-input/string-list-input.tsx

@@ -75,6 +75,12 @@ function SortableItem({ id, item, isDisabled, isEditing, onRemove, onEdit, onSav
         }
     }, [isEditing]);
 
+    useEffect(() => {
+        if (item !== editValue) {
+            setEditValue(item);
+        }
+    }, [item]);
+
     return (
         <Badge
             ref={setNodeRef}
@@ -112,12 +118,13 @@ function SortableItem({ id, item, isDisabled, isEditing, onRemove, onEdit, onSav
                     style={{ width: `${Math.max(editValue.length * 8, 60)}px` }}
                 />
             ) : (
-                <span
+                <button
+                    type="button"
                     onClick={!isDisabled ? onEdit : undefined}
                     className={cn(!isDisabled && 'cursor-text hover:underline')}
                 >
                     {item}
-                </span>
+                </button>
             )}
             {!isDisabled && (
                 <button

package/src/lib/components/data-table/data-table-filter-badge.tsx

@@ -20,7 +20,7 @@ export function DataTableFilterBadge({
     const [operator, value] = Object.entries(filter.value as Record<string, unknown>)[0];
     return (
         <Badge key={filter.id} className="flex gap-2 flex-wrap items-center" variant="outline">
-            <div
+            <button
                 className="flex gap-1 flex-wrap items-center cursor-pointer flex-1"
                 onClick={() => onClick?.(filter)}
             >
@@ -37,7 +37,7 @@ export function DataTableFilterBadge({
                 <div className="@xs:overflow-hidden @xs:text-ellipsis @xs:whitespace-nowrap flex flex-col @xl:flex-row @2xl:gap-1">
                     <FilterValue value={value} dataType={dataType} currencyCode={currencyCode} />
                 </div>
-            </div>
+            </button>
             <button className="border-l -mr-2" onClick={() => onRemove(filter)}>
                 <XIcon className="h-4 flex-shrink-0 cursor-pointer" />
             </button>

package/src/lib/components/data-table/data-table.tsx

@@ -209,7 +209,6 @@ export function DataTable<TData>({
                 ...pagination,
                 pageIndex: 0,
             });
-            pagination.pageIndex;
         }
         prevColumnFiltersRef.current = columnFilters;
     }, [columnFilters]);

package/src/lib/components/shared/configurable-operation-multi-selector.tsx

@@ -94,17 +94,17 @@ type QueryData = {
  * ```
  */
 export function ConfigurableOperationMultiSelector({
-                                                       value,
-                                                       onChange,
-                                                       queryDocument,
-                                                       queryOptions,
-                                                       queryKey,
-                                                       dataPath,
-                                                       buttonText,
-                                                       dropdownTitle,
-                                                       emptyText = 'No options found',
-                                                       showEnhancedDropdown = true,
-                                                   }: Readonly<ConfigurableOperationMultiSelectorProps>) {
+    value,
+    onChange,
+    queryDocument,
+    queryOptions,
+    queryKey,
+    dataPath,
+    buttonText,
+    dropdownTitle,
+    emptyText = 'No options found',
+    showEnhancedDropdown = true,
+}: Readonly<ConfigurableOperationMultiSelectorProps>) {
     const { data } = useQuery<QueryData>(
         queryOptions || {
             queryKey: [queryKey],
@@ -134,7 +134,7 @@ export function ConfigurableOperationMultiSelector({
                 code: operation.code,
                 arguments: operationDef.args.map(arg => ({
                     name: arg.name,
-                    value: arg.defaultValue != null ? arg.defaultValue.toString() : '',
+                    value: arg.defaultValue != null ? arg.defaultValue.toString() : arg.list ? '[]' : '',
                 })),
             },
         ]);
@@ -195,10 +195,8 @@ export function ConfigurableOperationMultiSelector({
                                                 onCombinationModeChange(index, newValue)
                                             }
                                             name={''}
-                                            ref={() => {
-                                            }}
-                                            onBlur={() => {
-                                            }}
+                                            ref={() => {}}
+                                            onBlur={() => {}}
                                             position={index}
                                         />
                                     </div>

package/src/lib/components/shared/table-cell/order-table-cell-components.tsx

@@ -47,10 +47,10 @@ export const RichTextDescriptionCell: DataTableCellComponent<{ description: stri
 
     // Strip HTML tags and decode HTML entities
     const textContent = useMemo(() => {
-        const stripped = value?.replace(/<[^>]*>/g, '') || '';
-        const textArea = document.createElement('textarea');
-        textArea.innerHTML = stripped;
-        return textArea.value;
+        if (!value) return '';
+        const div = document.createElement('div');
+        div.innerHTML = value;
+        return div.textContent ?? '';
     }, [value]);
 
     const shortLength = 100;