@uipath/apollo-wind 2.68.0 → 2.70.0

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

@@ -4,6 +4,7 @@ import { Upload, X } from "lucide-react";
 import { forwardRef, useId, useRef, useState } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
+import { formatFileSize, isFileTypeAccepted } from "./file-validation.js";
 import { FormFieldError } from "./form-field.js";
 const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel, onFilesChange, accept, multiple = false, disabled = false, maxSize, className, showPreview = false, errors, onBlur, error, errorId, 'aria-invalid': ariaInvalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage }, ref) {
     const generatedId = useId();
@@ -19,25 +20,12 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
     const [fileErrors, setFileErrors] = useState(new Map());
     const [previews, setPreviews] = useState([]);
     const inputRef = useRef(null);
-    const isFileTypeAccepted = (file)=>{
-        if (!accept) return true;
-        const acceptedTypes = accept.split(',').map((type)=>type.trim().toLowerCase());
-        for (const acceptedType of acceptedTypes)if (acceptedType.endsWith('/*')) {
-            const baseType = acceptedType.slice(0, -2);
-            if (file.type.toLowerCase().startsWith(baseType)) return true;
-        } else if (acceptedType.includes('/')) {
-            if (file.type.toLowerCase() === acceptedType) return true;
-        } else if (acceptedType.startsWith('.')) {
-            if (file.name.toLowerCase().endsWith(acceptedType)) return true;
-        }
-        return false;
-    };
     const validateFiles = (fileList, startIndex, existingErrors)=>{
         const validFiles = [];
         const errors = multiple ? new Map(existingErrors) : new Map();
         for (const file of fileList){
             const fileIndex = startIndex + validFiles.length;
-            if (!isFileTypeAccepted(file)) {
+            if (!isFileTypeAccepted(file, accept)) {
                 errors.set(fileIndex, 'File type not accepted');
                 validFiles.push(file);
                 continue;
@@ -129,18 +117,6 @@ const file_upload_FileUpload = /*#__PURE__*/ forwardRef(function({ id, ariaLabel
     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("fieldset", {
         ref: ref,
         "data-slot": "file-upload",

package/dist/components/ui/file-validation.cjs

@@ -0,0 +1,91 @@
+"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 ("u" > 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__, {
+    formatFileSize: ()=>formatFileSize,
+    isFileTypeAccepted: ()=>isFileTypeAccepted,
+    validateFiles: ()=>validateFiles
+});
+function acceptEntries(accept) {
+    const list = Array.isArray(accept) ? accept : accept.split(',');
+    return list.map((entry)=>entry.trim().toLowerCase()).filter(Boolean);
+}
+function isFileTypeAccepted(file, accept) {
+    if (!accept) return true;
+    const entries = acceptEntries(accept);
+    if (0 === entries.length) return true;
+    const type = file.type.toLowerCase();
+    const name = file.name.toLowerCase();
+    return entries.some((entry)=>{
+        if (entry.endsWith('/*')) return type.startsWith(entry.slice(0, -1));
+        if (entry.includes('/')) return type === entry;
+        if (entry.startsWith('.')) return name.endsWith(entry);
+        return false;
+    });
+}
+function validateFiles(files, { accept, maxSize, maxFiles } = {}) {
+    const accepted = [];
+    const rejected = [];
+    for (const file of files)if (isFileTypeAccepted(file, accept)) if (void 0 !== maxSize && file.size > maxSize) rejected.push({
+        file,
+        reason: 'size'
+    });
+    else if (void 0 !== maxFiles && accepted.length >= maxFiles) rejected.push({
+        file,
+        reason: 'count'
+    });
+    else accepted.push(file);
+    else rejected.push({
+        file,
+        reason: 'type'
+    });
+    return {
+        accepted,
+        rejected
+    };
+}
+function formatFileSize(bytes) {
+    if (0 === bytes) return '0 Bytes';
+    const k = 1024;
+    const sizes = [
+        'Bytes',
+        'KB',
+        'MB',
+        'GB'
+    ];
+    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
+    return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
+}
+exports.formatFileSize = __webpack_exports__.formatFileSize;
+exports.isFileTypeAccepted = __webpack_exports__.isFileTypeAccepted;
+exports.validateFiles = __webpack_exports__.validateFiles;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "formatFileSize",
+    "isFileTypeAccepted",
+    "validateFiles"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/file-validation.d.ts

@@ -0,0 +1,24 @@
+/**
+ * File checks shared by FileUpload, ChatComposerAttachButton and DropzoneOverlay. `accept` matches
+ * MIME wildcards (`image/*`), exact MIME types (`image/png`) and extensions (`.pdf`).
+ */
+export type FileRejectionReason = 'type' | 'size' | 'count';
+export interface FileRejection {
+    file: File;
+    reason: FileRejectionReason;
+}
+export interface FileValidationOptions {
+    /** A comma-separated `accept` string, or a list of its entries. Omit to accept any type. */
+    accept?: string | string[];
+    /** Largest accepted size, in bytes. */
+    maxSize?: number;
+    /** Most files accepted in one batch; the rest are rejected with `count`. */
+    maxFiles?: number;
+}
+export declare function isFileTypeAccepted(file: File, accept?: string | string[]): boolean;
+/** Splits a batch into accepted files and rejections, checking type, then size, then count. */
+export declare function validateFiles(files: File[], { accept, maxSize, maxFiles }?: FileValidationOptions): {
+    accepted: File[];
+    rejected: FileRejection[];
+};
+export declare function formatFileSize(bytes: number): string;

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

@@ -0,0 +1,51 @@
+function acceptEntries(accept) {
+    const list = Array.isArray(accept) ? accept : accept.split(',');
+    return list.map((entry)=>entry.trim().toLowerCase()).filter(Boolean);
+}
+function isFileTypeAccepted(file, accept) {
+    if (!accept) return true;
+    const entries = acceptEntries(accept);
+    if (0 === entries.length) return true;
+    const type = file.type.toLowerCase();
+    const name = file.name.toLowerCase();
+    return entries.some((entry)=>{
+        if (entry.endsWith('/*')) return type.startsWith(entry.slice(0, -1));
+        if (entry.includes('/')) return type === entry;
+        if (entry.startsWith('.')) return name.endsWith(entry);
+        return false;
+    });
+}
+function validateFiles(files, { accept, maxSize, maxFiles } = {}) {
+    const accepted = [];
+    const rejected = [];
+    for (const file of files)if (isFileTypeAccepted(file, accept)) if (void 0 !== maxSize && file.size > maxSize) rejected.push({
+        file,
+        reason: 'size'
+    });
+    else if (void 0 !== maxFiles && accepted.length >= maxFiles) rejected.push({
+        file,
+        reason: 'count'
+    });
+    else accepted.push(file);
+    else rejected.push({
+        file,
+        reason: 'type'
+    });
+    return {
+        accepted,
+        rejected
+    };
+}
+function formatFileSize(bytes) {
+    if (0 === bytes) return '0 Bytes';
+    const k = 1024;
+    const sizes = [
+        'Bytes',
+        'KB',
+        'MB',
+        'GB'
+    ];
+    const i = Math.min(Math.floor(Math.log(bytes) / Math.log(k)), sizes.length - 1);
+    return `${Math.round(bytes / k ** i * 100) / 100} ${sizes[i]}`;
+}
+export { formatFileSize, isFileTypeAccepted, validateFiles };

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

@@ -31,6 +31,7 @@ __webpack_require__.d(__webpack_exports__, {
 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 external_portal_container_cjs_namespaceObject = require("./portal-container.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
 const HoverCard = (props)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Root, {
         "data-slot": "hover-card",
@@ -43,14 +44,20 @@ const HoverCardTrigger = /*#__PURE__*/ external_react_namespaceObject.forwardRef
         ...props
     }));
 HoverCardTrigger.displayName = react_hover_card_namespaceObject.Trigger.displayName;
-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,
-        "data-slot": "hover-card-content",
-        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
-    }));
+const HoverCardContent = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
+    const resolvedContainer = (0, external_portal_container_cjs_namespaceObject.useResolvedPortalContainer)(container);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Portal, {
+        container: resolvedContainer,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_hover_card_namespaceObject.Content, {
+            ref: ref,
+            "data-slot": "hover-card-content",
+            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;

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

@@ -1,9 +1,12 @@
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import * as React from 'react';
+import { type PortalContainerOverride } from './portal-container';
 declare const HoverCard: {
     (props: React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const HoverCardTrigger: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
-declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: PortalContainerOverride;
+} & React.RefAttributes<HTMLDivElement>>;
 export { HoverCard, HoverCardTrigger, HoverCardContent };

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

@@ -1,6 +1,7 @@
 import { jsx } from "react/jsx-runtime";
-import { Content, Root, Trigger } from "@radix-ui/react-hover-card";
+import { Content, Portal, Root, Trigger } from "@radix-ui/react-hover-card";
 import { forwardRef } from "react";
+import { useResolvedPortalContainer } from "./portal-container.js";
 import { cn } from "../../lib/index.js";
 const HoverCard = (props)=>/*#__PURE__*/ jsx(Root, {
         "data-slot": "hover-card",
@@ -13,13 +14,19 @@ const HoverCardTrigger = /*#__PURE__*/ forwardRef((props, ref)=>/*#__PURE__*/ js
         ...props
     }));
 HoverCardTrigger.displayName = Trigger.displayName;
-const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        "data-slot": "hover-card-content",
-        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
-    }));
+const HoverCardContent = /*#__PURE__*/ forwardRef(({ className, align = 'center', sideOffset = 4, container, ...props }, ref)=>{
+    const resolvedContainer = useResolvedPortalContainer(container);
+    return /*#__PURE__*/ jsx(Portal, {
+        container: resolvedContainer,
+        children: /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            "data-slot": "hover-card-content",
+            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 };