@delmaredigital/payload-experiments 0.2.0-rc.7 → 0.3.0-rc.4

package/dist/puck/editor/CreateExperimentDrawer.js

@@ -1,11 +1,16 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useId, useRef, useState } from 'react';
+import { Dialog } from '../../ui/Dialog.js';
+import { TextInput } from '../../ui/TextInput.js';
+import { Button } from '../../ui/Button.js';
+import { Banner } from '../../ui/Banner.js';
+import { usePuckRoutes } from '../hostContext.js';
 import { CreateRefused, createTest } from './createTest.js';
 import { editorCopy } from './copy.js';
 import './editor.css';
 export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' }) {
-    const titleId = useId();
+    const { api } = usePuckRoutes();
     const nameId = useId();
     const [name, setName] = useState(initialName);
     const inFlight = useRef(false);
@@ -17,7 +22,7 @@ export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' })
         setPending(true);
         setError('');
         try {
-            const experiment = await createTest('/api', {
+            const experiment = await createTest(api, {
                 name,
                 kind: 'block',
                 unitType: 'visitor'
@@ -31,59 +36,44 @@ export function CreateExperimentDrawer({ onCreate, onClose, initialName = '' })
             setPending(false);
         }
     }
-    return /*#__PURE__*/ _jsxs("aside", {
-        className: "xp-slot-root xp-slot-drawer",
-        role: "dialog",
-        "aria-labelledby": titleId,
-        children: [
-            /*#__PURE__*/ _jsx("h3", {
-                className: "xp-slot-title",
-                id: titleId,
-                children: editorCopy.createLabel
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: "xp-slot-field",
-                children: [
-                    /*#__PURE__*/ _jsx("label", {
-                        className: "xp-slot-label",
-                        htmlFor: nameId,
-                        children: editorCopy.name
-                    }),
-                    /*#__PURE__*/ _jsx("input", {
-                        className: "xp-slot-input",
-                        id: nameId,
-                        value: name,
-                        disabled: pending,
-                        onChange: (event)=>setName(event.currentTarget.value)
-                    })
-                ]
-            }),
-            error ? /*#__PURE__*/ _jsx("p", {
-                className: "xp-slot-error",
-                role: "alert",
-                children: error
-            }) : null,
-            /*#__PURE__*/ _jsxs("div", {
-                className: "xp-slot-actions",
-                children: [
-                    /*#__PURE__*/ _jsx("button", {
-                        className: "xp-slot-button xp-slot-button-primary",
-                        type: "button",
-                        disabled: pending || !name.trim(),
-                        onClick: ()=>{
-                            void submitNew();
-                        },
-                        children: pending ? editorCopy.creating : editorCopy.createLabel
-                    }),
-                    /*#__PURE__*/ _jsx("button", {
-                        className: "xp-slot-button",
-                        type: "button",
-                        disabled: pending,
-                        onClick: onClose,
-                        children: editorCopy.cancel
-                    })
-                ]
-            })
-        ]
+    return /*#__PURE__*/ _jsx(Dialog, {
+        open: true,
+        title: editorCopy.createLabel,
+        onClose: onClose,
+        dismissible: !pending,
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "xp-slot-drawer",
+            children: [
+                /*#__PURE__*/ _jsx(TextInput, {
+                    id: nameId,
+                    label: editorCopy.name,
+                    value: name,
+                    disabled: pending,
+                    onChange: (event)=>setName(event.currentTarget.value)
+                }),
+                error ? /*#__PURE__*/ _jsx(Banner, {
+                    tone: "error",
+                    children: error
+                }) : null,
+                /*#__PURE__*/ _jsxs("div", {
+                    className: "xp-ui-button-group",
+                    children: [
+                        /*#__PURE__*/ _jsx(Button, {
+                            variant: "primary",
+                            disabled: pending || !name.trim(),
+                            onClick: ()=>{
+                                void submitNew();
+                            },
+                            children: pending ? editorCopy.creating : editorCopy.createLabel
+                        }),
+                        /*#__PURE__*/ _jsx(Button, {
+                            disabled: pending,
+                            onClick: onClose,
+                            children: editorCopy.cancel
+                        })
+                    ]
+                })
+            ]
+        })
     });
 }

package/dist/puck/editor/ExperimentSlotEditor.d.ts

@@ -1,4 +1,55 @@
 import { type ComponentConfig } from '@puckeditor/core';
 import type { ExperimentSlotProps } from '../../types/puck.js';
+import { type PuckRoutes } from '../routes.js';
 import './editor.css';
-export declare const ExperimentSlotEditor: ComponentConfig<ExperimentSlotProps>;
+export declare function createExperimentSlotEditor({ routes: inputRoutes, accent }?: {
+    routes?: PuckRoutes;
+    accent?: string;
+}): ComponentConfig<ExperimentSlotProps>;
+export declare const ExperimentSlotEditor: {
+    render: import("@puckeditor/core").PuckComponent<ExperimentSlotProps>;
+    label?: string;
+    defaultProps?: ExperimentSlotProps | undefined;
+    fields?: import("@puckeditor/core").Fields<ExperimentSlotProps, {}> | undefined;
+    renderFields?: ((props: {
+        fields: Partial<Record<keyof ExperimentSlotProps, import("react").ReactNode>>;
+    }) => import("react").ReactElement) | undefined;
+    permissions?: Partial<import("@puckeditor/core").Permissions>;
+    inline?: boolean;
+    resolveFields?: ((data: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ExperimentSlotProps, boolean> & {
+            id: string;
+        }>;
+        fields: import("@puckeditor/core").Fields<ExperimentSlotProps, {}>;
+        lastFields: import("@puckeditor/core").Fields<ExperimentSlotProps, {}>;
+        lastData: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@puckeditor/core").ComponentMetadata;
+        appState: import("@puckeditor/core").AppState;
+        parent: import("@puckeditor/core").ComponentData | null;
+    }) => import("@puckeditor/core").Fields<ExperimentSlotProps, {}> | Promise<import("@puckeditor/core").Fields<ExperimentSlotProps, {}>>) | undefined;
+    resolveData?: ((data: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ExperimentSlotProps, boolean> & {
+            id: string;
+        }>;
+        lastData: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+        metadata: import("@puckeditor/core").ComponentMetadata;
+        trigger: import("@puckeditor/core").ResolveDataTrigger;
+        parent: import("@puckeditor/core").ComponentData | null;
+        root: import("@puckeditor/core").RootData;
+    }) => (Omit<Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ExperimentSlotProps> | undefined;
+    }) | Promise<Omit<Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, "props"> & {
+        props?: Partial<ExperimentSlotProps> | undefined;
+    }>) | undefined;
+    resolvePermissions?: ((data: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type">, params: {
+        changed: Partial<Record<keyof ExperimentSlotProps, boolean> & {
+            id: string;
+        }>;
+        lastPermissions: Partial<import("@puckeditor/core").Permissions>;
+        permissions: Partial<import("@puckeditor/core").Permissions>;
+        appState: import("@puckeditor/core").AppState;
+        lastData: Omit<import("@puckeditor/core").ComponentData<ExperimentSlotProps, string, Record<string, import("@puckeditor/core").DefaultComponentProps>>, "type"> | null;
+        parent: import("@puckeditor/core").ComponentData | null;
+    }) => Promise<Partial<import("@puckeditor/core").Permissions>> | Partial<import("@puckeditor/core").Permissions>) | undefined;
+    metadata?: import("@puckeditor/core").ComponentMetadata;
+} & import("@puckeditor/core").ComponentConfigExtensions;