@dyrected/vue 2.23.0 → 2.24.1

package/dist/bridge/react-in-vue.d.ts

@@ -15,13 +15,7 @@ import * as ReactModule from 'react';
  * out of the box with zero manual provider ceremony.
  */
 export declare function wrapVueComponent(VueComp: Component, appContext?: AppContext | null): {
-    (props: any): ReactModule.DetailedReactHTMLElement<{
-        ref: ReactModule.RefObject<HTMLDivElement | null>;
-        className: string;
-        style: {
-            display: "contents";
-        };
-    }, HTMLDivElement>;
+    (props: any): ReactModule.FunctionComponentElement<ReactModule.FragmentProps>;
     displayName: string;
 };
 /**

package/dist/bridge/react-slots.d.ts

@@ -0,0 +1,18 @@
+import { InjectionKey } from 'vue';
+/** Which React component a Vue placeholder asks the bridge to render. */
+export type ReactSlotKind = 'field' | 'fields' | 'defaultForm';
+export interface ReactSlotHandle {
+    update(props: Record<string, unknown>): void;
+    unmount(): void;
+}
+/**
+ * Lets a Vue component render a React component *inside the React tree* that
+ * hosts the Vue island, through a portal into `el`.
+ *
+ * Built-in inputs need React contexts (the form engine, react-hook-form, the
+ * nested editor). A separate React root would lose them; a portal keeps them.
+ */
+export interface ReactSlotRegistry {
+    mount(el: HTMLElement, kind: ReactSlotKind, props: Record<string, unknown>): ReactSlotHandle;
+}
+export declare const DYRECTED_REACT_SLOTS_KEY: InjectionKey<ReactSlotRegistry>;

package/dist/components/DocumentFields.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Renders one built-in input, wired to the form. Keeps the field's label,
+ * validation message, conditions, read-only state and `admin.component` override.
+ */
+export declare const DyrectedField: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** Renders several built-in inputs with the schema's layout rules. Pass `names`, or `exclude` to render the rest. */
+export declare const DyrectedFields: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+/** Renders the whole built-in form body. Pass `exclude` to leave some fields to your own markup. */
+export declare const DyrectedDefaultForm: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {
+    [x: string]: any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/composables/useDocumentForm.d.ts

@@ -0,0 +1,30 @@
+import { ComputedRef, InjectionKey, ShallowRef } from 'vue';
+import { DocumentContextValue, DocumentFormApi, SubmitOptions, SubmitResult } from '@dyrected/admin/public';
+import { VueStateify } from './useAdminSchemas';
+export type { DocumentFormApi, SubmitOptions, SubmitResult };
+/**
+ * Ambient key the bridge provides inside custom create and edit forms. The value
+ * is a ref the bridge keeps current, so the document and permissions stay reactive.
+ */
+export declare const DYRECTED_DOCUMENT_KEY: InjectionKey<ShallowRef<DocumentContextValue>>;
+/** Same shape as `DocumentFormApi`, with the state fields as refs. */
+export interface VueDocumentFormApi {
+    mode: ComputedRef<DocumentFormApi['mode']>;
+    collection: ComputedRef<DocumentFormApi['collection']>;
+    document: ComputedRef<DocumentFormApi['document']>;
+    isLoadingDocument: ComputedRef<boolean>;
+    presentation: ComputedRef<DocumentFormApi['presentation']>;
+    permissions: ComputedRef<DocumentFormApi['permissions']>;
+    urls: ComputedRef<DocumentFormApi['urls']>;
+    /** Same as `useDyrectedForm()`: values, errors, `setValue` and the rest, as refs. */
+    form: VueStateify<DocumentFormApi['form']>;
+    submit: (options?: SubmitOptions) => Promise<SubmitResult>;
+    cancel: () => void;
+}
+/**
+ * Vue composable for custom create and edit forms. Mirrors `useDocumentForm()` in
+ * `@dyrected/react`; read state through `.value`.
+ *
+ * @experimental
+ */
+export declare function useDocumentForm(): VueDocumentFormApi;