opacacms 0.2.0 → 0.3.0

package/dist/admin/plugin-client.d.ts

@@ -0,0 +1,65 @@
+/**
+ * OpacaCMS Plugin Client SDK
+ *
+ * This SDK provides a secure way for plugins running inside iframes to communicate
+ * with the host Admin UI using postMessage.
+ */
+export interface OpacaMessage {
+    type: string;
+    payload?: any;
+}
+export declare const opaca: {
+    /**
+     * Roteamento (Navigation)
+     */
+    router: {
+        /**
+         * Navigates to a specific path in the parent Admin UI.
+         */
+        push: (path: string) => void;
+        /**
+         * Refreshes the parent Admin UI router/view.
+         */
+        refresh: () => void;
+    };
+    /**
+     * Native UI Components
+     */
+    ui: {
+        /**
+         * Toast Notifications
+         */
+        toast: {
+            success: (message: string) => void;
+            error: (message: string) => void;
+            info: (message: string) => void;
+            warning: (message: string) => void;
+        };
+        /**
+         * Alert Dialogs
+         */
+        alert: (options: {
+            title: string;
+            description?: string;
+            variant?: "default" | "destructive";
+        }) => void;
+        /**
+         * Side Sheets (Panéis Deslizantes)
+         */
+        sheet: {
+            /**
+             * Opens a side sheet with a specific URL or content.
+             */
+            open: (options: {
+                title: string;
+                src: string;
+                size?: "sm" | "md" | "lg" | "xl" | "full";
+            }) => void;
+            /**
+             * Closes the current side sheet.
+             */
+            close: () => void;
+        };
+    };
+};
+export default opaca;

package/dist/admin/react.d.ts

@@ -1,3 +1,3 @@
-import React from 'react';
-import { type CustomFieldProps } from '../admin/custom-field';
+import React from "react";
+import { type CustomFieldProps } from "../admin/custom-field";
 export declare function defineReactField<TValue = any, TConfig = Record<string, any>>(tagName: string, Component: React.ComponentType<CustomFieldProps<TValue, TConfig>>): void;

package/dist/admin/react.js

@@ -1,8 +1,38 @@
 import {
-  defineReactField
-} from "../chunk-bexcv7xe.js";
-import"../chunk-rqyjjqgy.js";
-import"../chunk-8sqjbsgt.js";
+  defineCustomField
+} from "../chunk-rqyjjqgy.js";
+import"../chunk-6bywt602.js";
+
+// src/admin/react.tsx
+import React from "react";
+import { createRoot } from "react-dom/client";
+function defineReactField(tagName, Component) {
+  defineCustomField(tagName, {
+    mount: (container, props) => {
+      const el = container;
+      const root = createRoot(el);
+      el._opacaReactRoot = root;
+      root.render(React.createElement(Component, props));
+    },
+    update: (container, props) => {
+      const el = container;
+      const root = el._opacaReactRoot;
+      if (root) {
+        root.render(React.createElement(Component, props));
+      }
+    },
+    unmount: (container) => {
+      const el = container;
+      const root = el._opacaReactRoot;
+      if (root) {
+        setTimeout(() => {
+          root.unmount();
+          delete el._opacaReactRoot;
+        }, 0);
+      }
+    }
+  });
+}
 export {
   defineReactField
 };

package/dist/admin/stores/ui.d.ts

@@ -1,4 +1,4 @@
-import type { IconName } from "../../types";
+import type { LucideIcons } from "../../types";
 export interface ToastItem {
     id: string;
     message: string;
@@ -12,10 +12,25 @@ export declare function notify(message: string, type?: ToastItem["type"]): void;
 export declare function clearToast(id: string): void;
 export interface SidebarItem {
     label: string;
-    icon?: IconName | string;
+    icon?: LucideIcons | string;
     path: string;
-    component?: string;
-    render?: (serverUrl: string, config: any, user: any) => string;
+    ssrPath?: string;
 }
 export declare const $customSidebarItems: import("nanostores").PreinitializedWritableAtom<SidebarItem[]> & object;
 export declare function registerSidebarItem(item: SidebarItem): void;
+export interface AlertOptions {
+    title: string;
+    description?: string;
+    variant?: "default" | "destructive";
+}
+export declare const $activeAlert: import("nanostores").PreinitializedWritableAtom<AlertOptions | null> & object;
+export declare function openAlert(options: AlertOptions): void;
+export declare function closeAlert(): void;
+export interface SheetOptions {
+    title: string;
+    src: string;
+    size?: "sm" | "md" | "lg" | "xl" | "full";
+}
+export declare const $activeSheet: import("nanostores").PreinitializedWritableAtom<SheetOptions | null> & object;
+export declare function openSheet(options: SheetOptions): void;
+export declare function closeSheet(): void;

package/dist/admin/ui/components/PluginSettingsForm.d.ts

@@ -5,7 +5,7 @@ interface PluginSettingsFormProps {
         configSchema?: any[];
     };
     onBack: () => void;
-    notify?: (message: string, type?: 'success' | 'error') => void;
+    notify?: (message: string, type?: "success" | "error") => void;
 }
-export declare function PluginSettingsForm({ plugin, onBack, notify, }: PluginSettingsFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function PluginSettingsForm({ plugin, onBack, notify }: PluginSettingsFormProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/ui/components/custom-alert.d.ts

@@ -0,0 +1,7 @@
+export declare const CustomAlert: ({ children, title, description, onConfirm, onCancel, }: {
+    children: React.ReactNode;
+    title: string;
+    description: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/admin/ui/components/{DetailSheet.d.ts → detail-sheet.d.ts}

@@ -1,8 +1,6 @@
 import type React from "react";
 import "../../../admin/ui/styles/data-detail.scss";
 interface DetailSheetProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
     title: string;
     description?: string;
     data?: any;
@@ -10,6 +8,7 @@ interface DetailSheetProps {
     id?: string | number;
     onSave?: (updatedData: any) => void;
     field?: string;
+    children: React.ReactNode;
 }
 /**
  * Universal sheet for viewing and editing document or data details.

package/dist/admin/ui/components/fields/FieldLabel.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import type React from "react";
 interface FieldLabelProps {
     name: string;
     label?: string;

package/dist/admin/ui/components/fields/RelationshipField.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import type React from "react";
 interface RelationshipFieldProps {
     name: string;
     label?: string;

package/dist/admin/ui/components/media/AssetManagerModal.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import '../../../../admin/ui/styles/asset-manager.scss';
+import React from "react";
+import "../../../../admin/ui/styles/asset-manager.scss";
 interface AssetManagerProps {
     onSelect: (asset: {
         assetId: string;

package/dist/admin/ui/components/plugin-iframe.d.ts

@@ -0,0 +1,7 @@
+interface PluginIframeProps {
+    src: string;
+    title: string;
+    label?: string;
+}
+export declare function PluginIframe({ src, title, label }: PluginIframeProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/admin/ui/components/ui/accordion.d.ts

@@ -1,11 +1,21 @@
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as React from "react";
-import "../../../../admin/ui/styles/accordion.scss";
-interface AccordionProps {
-    title: string;
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Custom Accordion helper for easy implementation.
+ * API similar to DetailSheet where trigger can be passed as a prop or children.
+ */
+interface CustomAccordionProps {
+    title?: React.ReactNode;
     children: React.ReactNode;
-    defaultOpen?: boolean;
+    trigger?: React.ReactNode;
+    value?: string;
     className?: string;
-    isCollapsed?: boolean;
+    type?: "single" | "multiple";
+    collapsible?: boolean;
 }
-export declare const Accordion: ({ title, children, defaultOpen, className, isCollapsed, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function CustomAccordion({ title, children, trigger, value, className, type, collapsible, }: CustomAccordionProps): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/admin/ui/components/ui/alert-dialog.d.ts

@@ -1,12 +1,16 @@
-import { type ReactNode } from "react";
-export interface AlertDialogProps {
-    children?: ReactNode;
-    trigger?: ReactNode;
-    title: string;
-    description: string;
-    onConfirm: () => void;
-    confirmText?: string;
-    cancelText?: string;
-    variant?: "default" | "destructive";
-}
-export declare function AlertDialog({ children, trigger, title, description, onConfirm, confirmText, cancelText, variant, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import type * as React from "react";
+import { Button } from "./button";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/admin/ui/components/ui/button.d.ts

@@ -1,7 +1,11 @@
-import * as React from "react";
-import "../../../../admin/ui/styles/button.scss";
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link";
-    size?: "default" | "sm" | "lg" | "icon";
-}
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import "../../styles/button.scss";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-xs" | "icon-lg" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/admin/ui/components/ui/relationship.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import * as React from "react";
 export interface RelationshipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
     relationTo: string;

package/dist/admin/ui/components/ui/sheet.d.ts

@@ -1,28 +1,15 @@
+import { Dialog as SheetPrimitive } from "radix-ui";
 import type * as React from "react";
-import "../../../../admin/ui/styles/sheet.scss";
-export declare function Sheet({ open, onOpenChange, children, }: {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    children: React.ReactNode;
-}): React.ReactPortal | null;
-export declare function SheetContent({ children, className, onClose, }: {
-    children: React.ReactNode;
-    className?: string;
-    onClose?: () => void;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SheetHeader({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SheetTitle({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SheetDescription({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function SheetFooter({ children, className, }: {
-    children: React.ReactNode;
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;
+import "../../styles/sheet.scss";
+declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function SheetContent({ className, children, side, showCloseButton, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
+    side?: "top" | "right" | "bottom" | "left";
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };

package/dist/admin/ui/components/ui/tooltip.d.ts

@@ -0,0 +1,7 @@
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import type * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/admin/ui/components/versions-sheet.d.ts

@@ -1,11 +1,10 @@
-import type { SerializableCollection } from '../../../types';
-import '../../../admin/ui/styles/versions.scss';
+import type { SerializableCollection } from "../../../types";
+import "../../../admin/ui/styles/versions.scss";
 interface VersionsSheetProps {
     collection: SerializableCollection;
     parentId: string;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
     onRestore: (data: Record<string, any>) => void;
+    children: React.ReactNode;
 }
-export declare function VersionsSheet({ collection, parentId, open, onOpenChange, onRestore, }: VersionsSheetProps): import("react/jsx-runtime").JSX.Element;
+export declare function VersionsSheet({ collection, parentId, onRestore, children }: VersionsSheetProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/admin/ui/views/collection-list-view.d.ts

@@ -1,4 +1,4 @@
-import type { SerializableCollection } from "../../../types";
+import type { SerializableCollection } from '../../../types';
 export interface CollectionListViewProps {
     collection: SerializableCollection;
 }

package/dist/admin/ui/views/dashboard-view.d.ts

@@ -1,4 +1,4 @@
-import type { SerializableConfig } from "../../../types";
+import type { SerializableConfig } from '../../../types';
 export interface DashboardViewProps {
     config: SerializableConfig;
     user?: {

package/dist/admin/ui/views/media-registry-view.d.ts

@@ -1,7 +1,7 @@
-import type { SerializableCollection, SerializableConfig } from "../../../types";
-import "../../../admin/ui/styles/media-registry.scss";
+import type { SerializableCollection, SerializableConfig } from '../../../types';
+import '../../../admin/ui/styles/media-registry.scss';
 export interface MediaRegistryViewProps {
     collection: SerializableCollection;
     config: SerializableConfig;
 }
-export declare function MediaRegistryView({ collection, config }: MediaRegistryViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MediaRegistryView({ collection, config, }: MediaRegistryViewProps): import("react/jsx-runtime").JSX.Element;

package/dist/admin/ui/views/settings-view.d.ts

@@ -1,5 +1,5 @@
-import type { SerializableConfig } from '../../../types';
-import type { ToastType } from '../../../admin/stores/ui';
+import type { ToastType } from "../../../admin/stores/ui";
+import type { SerializableConfig } from "../../../types";
 export interface SettingsViewProps {
     notify?: (message: string, type?: ToastType) => void;
     config: SerializableConfig;

package/dist/admin/vue.js

@@ -1,8 +1,31 @@
 import {
-  defineVueField
-} from "../chunk-r39em4yj.js";
-import"../chunk-rqyjjqgy.js";
-import"../chunk-8sqjbsgt.js";
+  defineCustomField
+} from "../chunk-rqyjjqgy.js";
+import"../chunk-6bywt602.js";
+
+// src/admin/vue.tsx
+function defineVueField(tagName, Component, options) {
+  defineCustomField(tagName, {
+    mount: (container, props) => {
+      const app = options.createApp(Component, props);
+      container._opacaVueApp = app;
+      app.mount(container);
+    },
+    update: (container, props) => {
+      const app = container._opacaVueApp;
+      if (app && app._instance) {
+        Object.assign(app._instance.props, props);
+      }
+    },
+    unmount: (container) => {
+      const app = container._opacaVueApp;
+      if (app) {
+        app.unmount();
+        delete container._opacaVueApp;
+      }
+    }
+  });
+}
 export {
   defineVueField
 };