@vertesia/ui 0.60.0 → 0.61.0

package/lib/types/widgets/popover/Popover.d.ts

@@ -0,0 +1,37 @@
+import { Middleware, Placement, UseClickProps, UseDismissProps, UseHoverProps, UseTransitionStylesProps } from "@floating-ui/react";
+import { ReactNode } from "react";
+interface BasePopoverProps {
+    strategy?: "fixed" | "absolute";
+    placement?: Placement;
+    middleware?: Middleware[];
+    zIndex?: number;
+    dismiss?: boolean | UseDismissProps;
+    offset?: number;
+}
+interface PopoverProps extends BasePopoverProps {
+    children: ReactNode | Iterable<ReactNode>;
+}
+/**
+ * The component is instantiated when all interactions are known
+ * @param param0
+ * @returns
+ */
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Popover {
+    var Trigger: typeof PopoverTrigger;
+    var Content: typeof PopoverContent;
+}
+interface PopoverTriggerProps {
+    children: ReactNode | ReactNode[];
+    className?: string;
+    click?: boolean | UseClickProps;
+    hover?: boolean | UseHoverProps;
+}
+declare function PopoverTrigger(_props: PopoverTriggerProps): null;
+interface PopoverContentProps {
+    className?: string;
+    transition?: UseTransitionStylesProps;
+    children: ReactNode | ReactNode[];
+}
+declare function PopoverContent(_props: PopoverContentProps): null;
+export {};

package/lib/types/widgets/popover/context.d.ts

@@ -0,0 +1,7 @@
+import { UseFloatingReturn } from "@floating-ui/react";
+interface PopoverApi extends UseFloatingReturn {
+    close: () => void;
+}
+declare const PopoverContext: import("react").Context<PopoverApi>;
+export declare function usePopoverContext(): PopoverApi;
+export { PopoverContext };

package/lib/types/widgets/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popover";
+export * from "./context";

package/lib/types/widgets/popover/slots.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent, ReactElement, ReactNode } from "react";
+export declare function processOneSlot(child: ReactNode, out: ReactNode[], slots: Record<string, ReactElement>): void;
+export declare function processSlots(children: ReactNode | Iterable<ReactNode>, slots: Record<string, ReactElement>): ReactNode | ReactNode[];
+export declare function defineSlot(name: string, component: FunctionComponent<any>): void;

package/lib/types/widgets/properties/PropertiesView.d.ts

@@ -0,0 +1,10 @@
+interface PropertiesViewProps {
+    className?: string;
+    properties: {
+        name: string;
+        value: React.ReactNode;
+        description?: string;
+    }[];
+}
+export declare function PropertiesView({ className, properties }: PropertiesViewProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/types/widgets/properties/index.d.ts

@@ -0,0 +1 @@
+export * from "./PropertiesView";

package/lib/types/widgets/upload/DropZone.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Props for the DropZone component
+ */
+export interface DropZoneProps {
+    /**
+     * Callback when files are dropped or selected
+     */
+    onDrop: (files: File[], customMessage?: {
+        count: number;
+        message: string;
+    }) => void;
+    /**
+     * Message to display in the drop zone
+     */
+    message: string;
+    /**
+     * Label for the upload button
+     */
+    buttonLabel?: string;
+    /**
+     * Allow selection of folders
+     * @default true
+     */
+    allowFolders?: boolean;
+    /**
+     * CSS class to apply to the container
+     */
+    className?: string;
+}
+/**
+ * A reusable drop zone component for file uploads
+ *
+ * @example
+ * <DropZone
+ *   onDrop={handleFileSelect}
+ *   message="Drag and drop files here"
+ *   buttonLabel="Select Files"
+ * />
+ */
+export declare function DropZone({ onDrop, message, buttonLabel, allowFolders, className }: DropZoneProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/widgets/upload/UploadResultCategory.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Props for the UploadResultCategory component
+ */
+export interface UploadResultCategoryProps {
+    /** Category title */
+    title: string;
+    /** Number of items in this category */
+    count: number;
+    /** Icon to display next to the title */
+    icon?: React.ReactNode;
+    /** List of items to display */
+    items: string[];
+}
+/**
+ * Displays a collapsible category of upload results
+ *
+ * @example
+ * <UploadResultCategory
+ *   title="Successfully Uploaded"
+ *   count={3}
+ *   icon={<CheckCircleIcon className="h-4 w-4 text-green-500" />}
+ *   items={["document1.pdf", "document2.pdf", "document3.pdf"]}
+ * />
+ */
+export declare function UploadResultCategory({ title, count, icon, items }: UploadResultCategoryProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/widgets/upload/UploadSummary.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Processed file information
+ */
+export interface ProcessedFile {
+    /** The name of the file */
+    name: string;
+    /** The status of the file upload */
+    status: 'success' | 'updated' | 'skipped' | 'failed';
+    /** Error message if status is 'failed' */
+    error?: string;
+}
+/**
+ * Props for the UploadSummary component
+ */
+export interface UploadSummaryProps {
+    /** List of processed files */
+    files: ProcessedFile[];
+    /** Optional class name for styling */
+    className?: string;
+    /** Optional folder location where files were uploaded */
+    location?: string;
+    /** Optional collection name where files were uploaded */
+    collection?: string;
+}
+/**
+ * Displays a summary of upload results with collapsible categories
+ *
+ * @example
+ * <UploadSummary
+ *   files={[
+ *     { name: "document1.pdf", status: "success" },
+ *     { name: "document2.pdf", status: "skipped" }
+ *   ]}
+ *   location="/reports/2023"
+ * />
+ */
+export declare function UploadSummary({ files, className, location, collection }: UploadSummaryProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/widgets/upload/index.d.ts

@@ -0,0 +1,3 @@
+export * from './DropZone';
+export * from './UploadResultCategory';
+export * from './UploadSummary';