@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/file-upload.js

@@ -0,0 +1,202 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Upload, X } from "lucide-react";
+import { useRef, useState } from "react";
+import { Button } from "./button.js";
+import { cn } from "../../lib/index.js";
+function FileUpload({ onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false }) {
+    const [files, setFiles] = useState([]);
+    const [isDragging, setIsDragging] = useState(false);
+    const [error, setError] = useState('');
+    const [previews, setPreviews] = useState([]);
+    const inputRef = useRef(null);
+    const validateFiles = (fileList)=>{
+        setError('');
+        const validFiles = [];
+        for (const file of fileList){
+            if (maxSize && file.size > maxSize) {
+                setError(`File "${file.name}" exceeds maximum size of ${formatFileSize(maxSize)}`);
+                continue;
+            }
+            const isDuplicate = files.some((existingFile)=>existingFile.name === file.name && existingFile.size === file.size);
+            if (!isDuplicate) validFiles.push(file);
+        }
+        return validFiles;
+    };
+    const handleFiles = (fileList)=>{
+        if (!fileList || 0 === fileList.length) return;
+        const filesArray = Array.from(fileList);
+        const validFiles = validateFiles(filesArray);
+        if (0 === validFiles.length) return;
+        const newFiles = multiple ? [
+            ...files,
+            ...validFiles
+        ] : validFiles;
+        setFiles(newFiles);
+        onFilesChange?.(newFiles);
+        if (showPreview) {
+            const newPreviews = [];
+            validFiles.forEach((file)=>{
+                if (file.type.startsWith('image/')) {
+                    const reader = new FileReader();
+                    reader.onloadend = ()=>{
+                        newPreviews.push(reader.result);
+                        if (newPreviews.length === validFiles.filter((f)=>f.type.startsWith('image/')).length) setPreviews(multiple ? [
+                            ...previews,
+                            ...newPreviews
+                        ] : newPreviews);
+                    };
+                    reader.readAsDataURL(file);
+                }
+            });
+        }
+    };
+    const removeFile = (index)=>{
+        const newFiles = files.filter((_, i)=>i !== index);
+        setFiles(newFiles);
+        onFilesChange?.(newFiles);
+        if (showPreview) {
+            const newPreviews = previews.filter((_, i)=>i !== index);
+            setPreviews(newPreviews);
+        }
+        setError('');
+    };
+    const handleDragEnter = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        if (!disabled) setIsDragging(true);
+    };
+    const handleDragLeave = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+    };
+    const handleDragOver = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+    };
+    const handleDrop = (e)=>{
+        e.preventDefault();
+        e.stopPropagation();
+        setIsDragging(false);
+        if (!disabled) handleFiles(e.dataTransfer.files);
+    };
+    const handleInputChange = (e)=>{
+        handleFiles(e.target.files);
+        if (inputRef.current) inputRef.current.value = '';
+    };
+    const handleClick = ()=>{
+        if (!disabled) inputRef.current?.click();
+    };
+    const formatFileSize = (bytes)=>{
+        if (0 === bytes) return '0 Bytes';
+        const k = 1024;
+        const sizes = [
+            'Bytes',
+            'KB',
+            'MB',
+            'GB'
+        ];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return Math.round(bytes / k ** i * 100) / 100 + ' ' + sizes[i];
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: cn('w-full', className),
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                className: cn('relative flex flex-col items-center justify-center w-full h-32 px-4 py-6 border-2 border-dashed rounded-lg cursor-pointer transition-colors', isDragging ? 'border-primary bg-primary/5' : 'border-input bg-background hover:bg-accent/50', disabled && 'opacity-50 cursor-not-allowed hover:bg-background', error && 'border-destructive'),
+                onDragEnter: handleDragEnter,
+                onDragOver: handleDragOver,
+                onDragLeave: handleDragLeave,
+                onDrop: handleDrop,
+                onClick: handleClick,
+                children: [
+                    /*#__PURE__*/ jsx("input", {
+                        ref: inputRef,
+                        type: "file",
+                        className: "hidden",
+                        accept: accept,
+                        multiple: multiple,
+                        disabled: disabled,
+                        onChange: handleInputChange,
+                        "aria-label": "File upload"
+                    }),
+                    /*#__PURE__*/ jsx(Upload, {
+                        className: "w-8 h-8 mb-2 text-muted-foreground"
+                    }),
+                    /*#__PURE__*/ jsxs("p", {
+                        className: "text-sm text-muted-foreground text-center",
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                className: "font-semibold",
+                                children: "Click to upload"
+                            }),
+                            " or drag and drop"
+                        ]
+                    }),
+                    accept && /*#__PURE__*/ jsx("p", {
+                        className: "text-xs text-muted-foreground mt-1",
+                        children: accept.split(',').join(', ')
+                    }),
+                    maxSize && /*#__PURE__*/ jsxs("p", {
+                        className: "text-xs text-muted-foreground",
+                        children: [
+                            "Max size: ",
+                            formatFileSize(maxSize)
+                        ]
+                    })
+                ]
+            }),
+            error && /*#__PURE__*/ jsx("p", {
+                className: "text-sm text-destructive mt-2",
+                children: error
+            }),
+            files.length > 0 && /*#__PURE__*/ jsx("div", {
+                className: "mt-4 space-y-2",
+                children: files.map((file, index)=>/*#__PURE__*/ jsxs("div", {
+                        className: "flex items-center justify-between p-3 bg-accent/50 rounded-md",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex items-center gap-3 flex-1 min-w-0",
+                                children: [
+                                    showPreview && previews[index] && /*#__PURE__*/ jsx("img", {
+                                        src: previews[index],
+                                        alt: file.name,
+                                        className: "w-10 h-10 object-cover rounded"
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "flex-1 min-w-0",
+                                        children: [
+                                            /*#__PURE__*/ jsx("p", {
+                                                className: "text-sm font-medium truncate",
+                                                children: file.name
+                                            }),
+                                            /*#__PURE__*/ jsx("p", {
+                                                className: "text-xs text-muted-foreground",
+                                                children: formatFileSize(file.size)
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "icon",
+                                className: "h-8 w-8",
+                                "aria-label": `Remove ${file.name}`,
+                                onClick: (e)=>{
+                                    e.stopPropagation();
+                                    removeFile(index);
+                                },
+                                disabled: disabled,
+                                children: /*#__PURE__*/ jsx(X, {
+                                    className: "h-4 w-4"
+                                })
+                            })
+                        ]
+                    }, index))
+            })
+        ]
+    });
+}
+export { FileUpload };

package/dist/components/ui/hover-card.cjs

@@ -0,0 +1,55 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    HoverCardTrigger: ()=>HoverCardTrigger,
+    HoverCard: ()=>HoverCard,
+    HoverCardContent: ()=>HoverCardContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_hover_card_namespaceObject = require("@radix-ui/react-hover-card");
+const external_react_namespaceObject = require("react");
+const index_cjs_namespaceObject = require("../../lib/index.cjs");
+const HoverCard = react_hover_card_namespaceObject.Root;
+const HoverCardTrigger = react_hover_card_namespaceObject.Trigger;
+const HoverCardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
+        ref: ref,
+        align: align,
+        sideOffset: sideOffset,
+        className: (0, index_cjs_namespaceObject.cn)('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]', className),
+        ...props
+    }));
+HoverCardContent.displayName = react_hover_card_namespaceObject.Content.displayName;
+exports.HoverCard = __webpack_exports__.HoverCard;
+exports.HoverCardContent = __webpack_exports__.HoverCardContent;
+exports.HoverCardTrigger = __webpack_exports__.HoverCardTrigger;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "HoverCard",
+    "HoverCardContent",
+    "HoverCardTrigger"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/hover-card.d.ts

@@ -0,0 +1,6 @@
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+import * as React from 'react';
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { HoverCard, HoverCardTrigger, HoverCardContent };

package/dist/components/ui/hover-card.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+import { Content, Root, Trigger } from "@radix-ui/react-hover-card";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const HoverCard = Root;
+const HoverCardTrigger = Trigger;
+const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        align: align,
+        sideOffset: sideOffset,
+        className: cn('z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-hover-card-content-transform-origin]', className),
+        ...props
+    }));
+HoverCardContent.displayName = Content.displayName;
+export { HoverCard, HoverCardContent, HoverCardTrigger };