@vendure/dashboard 3.2.0 → 3.2.2

package/src/lib/components/shared/asset-picker-dialog.tsx

@@ -1,72 +1,72 @@
-import React, { useState } from 'react';
-import { AssetGallery, Asset } from './asset-gallery.js';
-import { 
-  Dialog, 
-  DialogContent, 
-  DialogHeader, 
-  DialogTitle, 
-  DialogFooter 
-} from '@/components/ui/dialog.js';
-import { Button } from '@/components/ui/button.js';
-
-interface AssetPickerDialogProps {
-  open: boolean;
-  onClose: () => void;
-  onSelect: (assets: Asset[]) => void;
-  multiSelect?: boolean;
-  initialSelectedAssets?: Asset[];
-  title?: string;
-}
-
-export function AssetPickerDialog({
-  open,
-  onClose,
-  onSelect,
-  multiSelect = false,
-  initialSelectedAssets = [],
-  title = "Select Assets",
-}: AssetPickerDialogProps) {
-  const [selectedAssets, setSelectedAssets] = useState<Asset[]>(initialSelectedAssets);
-  
-  const handleAssetSelect = (assets: Asset[]) => {
-    setSelectedAssets(assets);
-  };
-  
-  const handleConfirm = () => {
-    onSelect(selectedAssets);
-    onClose();
-  };
-  
-  return (
-    <Dialog open={open} onOpenChange={onClose}>
-      <DialogContent className="sm:max-w-[800px] lg:max-w-[1000px] max-h-[80vh] flex flex-col">
-        <DialogHeader>
-          <DialogTitle>{multiSelect ? title : title.replace('Assets', 'Asset')}</DialogTitle>
-        </DialogHeader>
-        
-        <div className="flex-grow py-4">
-          <AssetGallery 
-            onSelect={handleAssetSelect}
-            multiSelect={multiSelect}
-            initialSelectedAssets={initialSelectedAssets}
-            fixedHeight={true}
-          />
-        </div>
-        
-        <DialogFooter>
-          <Button variant="outline" onClick={onClose}>
-            Cancel
-          </Button>
-          <Button 
-            onClick={handleConfirm} 
-            disabled={selectedAssets.length === 0}
-          >
-            {selectedAssets.length > 0 && multiSelect 
-              ? `Select ${selectedAssets.length} Asset${selectedAssets.length > 1 ? 's' : ''}`
-              : 'Select Asset'}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
+import React, { useState } from 'react';
+import { AssetGallery, Asset } from './asset-gallery.js';
+import { 
+  Dialog, 
+  DialogContent, 
+  DialogHeader, 
+  DialogTitle, 
+  DialogFooter 
+} from '@/components/ui/dialog.js';
+import { Button } from '@/components/ui/button.js';
+
+interface AssetPickerDialogProps {
+  open: boolean;
+  onClose: () => void;
+  onSelect: (assets: Asset[]) => void;
+  multiSelect?: boolean;
+  initialSelectedAssets?: Asset[];
+  title?: string;
+}
+
+export function AssetPickerDialog({
+  open,
+  onClose,
+  onSelect,
+  multiSelect = false,
+  initialSelectedAssets = [],
+  title = "Select Assets",
+}: AssetPickerDialogProps) {
+  const [selectedAssets, setSelectedAssets] = useState<Asset[]>(initialSelectedAssets);
+  
+  const handleAssetSelect = (assets: Asset[]) => {
+    setSelectedAssets(assets);
+  };
+  
+  const handleConfirm = () => {
+    onSelect(selectedAssets);
+    onClose();
+  };
+  
+  return (
+    <Dialog open={open} onOpenChange={onClose}>
+      <DialogContent className="sm:max-w-[800px] lg:max-w-[1000px] max-h-[80vh] flex flex-col">
+        <DialogHeader>
+          <DialogTitle>{multiSelect ? title : title.replace('Assets', 'Asset')}</DialogTitle>
+        </DialogHeader>
+        
+        <div className="flex-grow py-4">
+          <AssetGallery 
+            onSelect={handleAssetSelect}
+            multiSelect={multiSelect}
+            initialSelectedAssets={initialSelectedAssets}
+            fixedHeight={true}
+          />
+        </div>
+        
+        <DialogFooter>
+          <Button variant="outline" onClick={onClose}>
+            Cancel
+          </Button>
+          <Button 
+            onClick={handleConfirm} 
+            disabled={selectedAssets.length === 0}
+          >
+            {selectedAssets.length > 0 && multiSelect 
+              ? `Select ${selectedAssets.length} Asset${selectedAssets.length > 1 ? 's' : ''}`
+              : 'Select Asset'}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
 }

package/src/lib/components/shared/asset-preview-dialog.tsx

@@ -1,48 +1,48 @@
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogHeader,
-    DialogTitle,
-} from '@/components/ui/dialog.js';
-import { AssetWithTags, AssetPreview } from './asset-preview.js';
-
-interface AssetPreviewDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    asset: AssetWithTags;
-    assets?: AssetWithTags[];
-    editable?: boolean;
-    customFields?: any[];
-    onAssetChange?: (asset: Partial<AssetWithTags>) => void;
-}
-
-export function AssetPreviewDialog({
-    open,
-    onOpenChange,
-    asset,
-    assets,
-    editable,
-    customFields,
-    onAssetChange,
-}: AssetPreviewDialogProps) {
-    return (
-        <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className="sm:max-w-[800px] lg:max-w-[95vw] w-[95vw] p-0">
-                <DialogHeader className="p-6 pb-0">
-                    <DialogTitle>Asset</DialogTitle>
-                    <DialogDescription>Description goes here</DialogDescription>
-                </DialogHeader>
-                <div className="h-full p-6">
-                    <AssetPreview
-                        asset={asset}
-                        assets={assets}
-                        editable={editable}
-                        customFields={customFields}
-                        onAssetChange={onAssetChange}
-                    />
-                </div>
-            </DialogContent>
-        </Dialog>
-    );
-}
+import {
+    Dialog,
+    DialogContent,
+    DialogDescription,
+    DialogHeader,
+    DialogTitle,
+} from '@/components/ui/dialog.js';
+import { AssetWithTags, AssetPreview } from './asset-preview.js';
+
+interface AssetPreviewDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    asset: AssetWithTags;
+    assets?: AssetWithTags[];
+    editable?: boolean;
+    customFields?: any[];
+    onAssetChange?: (asset: Partial<AssetWithTags>) => void;
+}
+
+export function AssetPreviewDialog({
+    open,
+    onOpenChange,
+    asset,
+    assets,
+    editable,
+    customFields,
+    onAssetChange,
+}: AssetPreviewDialogProps) {
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="sm:max-w-[800px] lg:max-w-[95vw] w-[95vw] p-0">
+                <DialogHeader className="p-6 pb-0">
+                    <DialogTitle>Asset</DialogTitle>
+                    <DialogDescription>Description goes here</DialogDescription>
+                </DialogHeader>
+                <div className="h-full p-6">
+                    <AssetPreview
+                        asset={asset}
+                        assets={assets}
+                        editable={editable}
+                        customFields={customFields}
+                        onAssetChange={onAssetChange}
+                    />
+                </div>
+            </DialogContent>
+        </Dialog>
+    );
+}