@uipath/apollo-wind 0.10.0 → 0.11.0-pr295.af4e744

package/dist/components/ui/editable-cell.cjs

@@ -95,17 +95,10 @@ function EditableCell({ cell, onUpdate }) {
             "aria-label": "Toggle"
         })
     });
-    const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, index_cjs_namespaceObject.cn)('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer', 'hover:bg-muted/50 transition-colors', 'flex items-center w-full'),
+    const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        type: "button",
+        className: (0, index_cjs_namespaceObject.cn)('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer w-full text-left', 'hover:bg-muted/50 transition-colors', 'flex items-center bg-transparent border-0'),
         onClick: ()=>setIsEditing(true),
-        onKeyDown: (e)=>{
-            if ('Enter' === e.key || ' ' === e.key) {
-                e.preventDefault();
-                setIsEditing(true);
-            }
-        },
-        tabIndex: 0,
-        role: "button",
         "aria-label": `Edit ${cell.column.id}`,
         children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
             className: (0, index_cjs_namespaceObject.cn)('truncate', !value && 'text-muted-foreground'),

package/dist/components/ui/editable-cell.js

@@ -66,17 +66,10 @@ function EditableCell({ cell, onUpdate }) {
             "aria-label": "Toggle"
         })
     });
-    const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ jsx("div", {
-        className: cn('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer', 'hover:bg-muted/50 transition-colors', 'flex items-center w-full'),
+    const cellContent = isEditing ? renderEditMode() : /*#__PURE__*/ jsx("button", {
+        type: "button",
+        className: cn('min-h-[32px] px-2 py-1.5 -mx-2 rounded cursor-pointer w-full text-left', 'hover:bg-muted/50 transition-colors', 'flex items-center bg-transparent border-0'),
         onClick: ()=>setIsEditing(true),
-        onKeyDown: (e)=>{
-            if ('Enter' === e.key || ' ' === e.key) {
-                e.preventDefault();
-                setIsEditing(true);
-            }
-        },
-        tabIndex: 0,
-        role: "button",
         "aria-label": `Edit ${cell.column.id}`,
         children: /*#__PURE__*/ jsx("span", {
             className: cn('truncate', !value && 'text-muted-foreground'),

package/dist/components/ui/empty-state.cjs

@@ -30,25 +30,31 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const external_button_cjs_namespaceObject = require("./button.cjs");
 const index_cjs_namespaceObject = require("../../lib/index.cjs");
-const EmptyState = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ icon, title, description, action, secondaryAction, className, ...props }, ref)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+const EmptyState = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ icon, code, title, description, action, secondaryAction, className, children, ...props }, ref)=>{
+    const hasSimpleActions = !children && (action || secondaryAction);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
         ref: ref,
         className: (0, index_cjs_namespaceObject.cn)('flex flex-col items-center justify-center p-8 text-center', className),
         ...props,
         children: [
             icon && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                className: "mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-muted text-muted-foreground",
+                className: "mb-6 flex items-center justify-center",
                 children: icon
             }),
+            code && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+                className: "text-[40px] font-bold tracking-[-0.8px] leading-none mb-4",
+                children: code
+            }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h3", {
                 className: "text-xl font-semibold tracking-tight",
                 children: title
             }),
             description && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-                className: "mt-3 mb-6 max-w-md text-sm text-muted-foreground leading-relaxed",
+                className: "mt-3 max-w-md text-sm text-muted-foreground leading-relaxed",
                 children: description
             }),
-            (action || secondaryAction) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "flex flex-wrap items-center justify-center gap-2",
+            hasSimpleActions && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "mt-6 flex flex-wrap items-center justify-center gap-2",
                 children: [
                     action && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
                         onClick: action.onClick,
@@ -60,9 +66,14 @@ const EmptyState = /*#__PURE__*/ external_react_namespaceObject.forwardRef(({ ic
                         children: secondaryAction.label
                     })
                 ]
+            }),
+            children && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "mt-6 flex flex-wrap items-center justify-center gap-2",
+                children: children
             })
         ]
-    }));
+    });
+});
 EmptyState.displayName = 'EmptyState';
 exports.EmptyState = __webpack_exports__.EmptyState;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/dist/components/ui/empty-state.d.ts

@@ -1,12 +1,19 @@
 import * as React from 'react';
 export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** Optional visual element displayed above the content (icon, illustration, video, etc.) */
     icon?: React.ReactNode;
+    /** Optional large status code displayed above the title (e.g. "404", "500") */
+    code?: string;
+    /** Primary heading — always visible */
     title: string;
+    /** Optional body text below the title */
     description?: string;
+    /** Simple primary action — ignored when children are provided */
     action?: {
         label: string;
         onClick: () => void;
     };
+    /** Simple secondary action — ignored when children are provided */
     secondaryAction?: {
         label: string;
         onClick: () => void;

package/dist/components/ui/empty-state.js

@@ -2,25 +2,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { Button } from "./button.js";
 import { cn } from "../../lib/index.js";
-const EmptyState = /*#__PURE__*/ forwardRef(({ icon, title, description, action, secondaryAction, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+const EmptyState = /*#__PURE__*/ forwardRef(({ icon, code, title, description, action, secondaryAction, className, children, ...props }, ref)=>{
+    const hasSimpleActions = !children && (action || secondaryAction);
+    return /*#__PURE__*/ jsxs("div", {
         ref: ref,
         className: cn('flex flex-col items-center justify-center p-8 text-center', className),
         ...props,
         children: [
             icon && /*#__PURE__*/ jsx("div", {
-                className: "mb-6 flex h-16 w-16 items-center justify-center rounded-full bg-muted text-muted-foreground",
+                className: "mb-6 flex items-center justify-center",
                 children: icon
             }),
+            code && /*#__PURE__*/ jsx("h1", {
+                className: "text-[40px] font-bold tracking-[-0.8px] leading-none mb-4",
+                children: code
+            }),
             /*#__PURE__*/ jsx("h3", {
                 className: "text-xl font-semibold tracking-tight",
                 children: title
             }),
             description && /*#__PURE__*/ jsx("p", {
-                className: "mt-3 mb-6 max-w-md text-sm text-muted-foreground leading-relaxed",
+                className: "mt-3 max-w-md text-sm text-muted-foreground leading-relaxed",
                 children: description
             }),
-            (action || secondaryAction) && /*#__PURE__*/ jsxs("div", {
-                className: "flex flex-wrap items-center justify-center gap-2",
+            hasSimpleActions && /*#__PURE__*/ jsxs("div", {
+                className: "mt-6 flex flex-wrap items-center justify-center gap-2",
                 children: [
                     action && /*#__PURE__*/ jsx(Button, {
                         onClick: action.onClick,
@@ -32,8 +38,13 @@ const EmptyState = /*#__PURE__*/ forwardRef(({ icon, title, description, action,
                         children: secondaryAction.label
                     })
                 ]
+            }),
+            children && /*#__PURE__*/ jsx("div", {
+                className: "mt-6 flex flex-wrap items-center justify-center gap-2",
+                children: children
             })
         ]
-    }));
+    });
+});
 EmptyState.displayName = 'EmptyState';
 export { EmptyState };

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

@@ -164,12 +164,20 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
         className: (0, index_cjs_namespaceObject.cn)('w-full', className),
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                role: "group",
+                "aria-label": "File upload area",
                 className: (0, index_cjs_namespaceObject.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'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
                 onDrop: handleDrop,
                 onClick: handleClick,
+                onKeyDown: (e)=>{
+                    if ('Enter' === e.key || ' ' === e.key) {
+                        e.preventDefault();
+                        handleClick();
+                    }
+                },
                 children: [
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
                         ref: inputRef,

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

@@ -136,12 +136,20 @@ function FileUpload({ onFilesChange, accept, multiple = false, disabled = false,
         className: cn('w-full', className),
         children: [
             /*#__PURE__*/ jsxs("div", {
+                role: "group",
+                "aria-label": "File upload area",
                 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'),
                 onDragEnter: handleDragEnter,
                 onDragOver: handleDragOver,
                 onDragLeave: handleDragLeave,
                 onDrop: handleDrop,
                 onClick: handleClick,
+                onKeyDown: (e)=>{
+                    if ('Enter' === e.key || ' ' === e.key) {
+                        e.preventDefault();
+                        handleClick();
+                    }
+                },
                 children: [
                     /*#__PURE__*/ jsx("input", {
                         ref: inputRef,