@duke333/builder-ui 0.1.4 → 0.2.0

package/dist/integration/index.d.ts

@@ -1,5 +1,5 @@
 import { BuilderApiContracts, BuilderApiClient, BuilderApiTransport } from '../api/index.js';
-import { P as createBuilderAdminPages, b as BuilderAdminPagesOptions, a as BuilderAdminPageContracts } from '../BuilderAdminPages-Buy2nvjs.js';
+import { P as createBuilderAdminPages, b as BuilderAdminPagesOptions, a as BuilderAdminPageContracts } from '../BuilderAdminPages-C-jaMLOa.js';
 import { BuilderHooks } from '../hooks/index.js';
 import 'react';
 import 'react-hook-form';
@@ -20,6 +20,7 @@ type BuilderIntegrationConfig = {
     transport: BuilderApiTransport;
     adminBasePath?: string;
     runtimeBasePath?: string;
+    apiBasePath?: string;
     adminPages?: Omit<BuilderAdminPagesOptions<BuilderAdminPageContracts>, "hooks" | "routes">;
     permissions?: unknown;
     triggers?: unknown;
@@ -46,6 +47,7 @@ declare function createBuilderPortalIntegration<C extends BuilderApiContracts>(c
 declare function validateBuilderFrontendSetup(config: {
     adminBasePath?: string;
     runtimeBasePath?: string;
+    apiBasePath?: string;
     transport?: unknown;
 }): BuilderFrontendSetupValidation;
 

package/dist/integration/index.js

@@ -9,7 +9,15 @@ function fieldOptionsQueryParams(query) {
   }
   return flatQuery;
 }
-function createBuilderApiClient(transport) {
+function createBuilderApiClient(rootTransport, options = {}) {
+  const basePath = options.apiBasePath?.trim().replace(/\/+$/g, "") ?? "";
+  const path = (value) => `${basePath}${value}`;
+  const transport = {
+    get: (value, requestOptions) => rootTransport.get(path(value), requestOptions),
+    post: (value, body, requestOptions) => rootTransport.post(path(value), body, requestOptions),
+    patch: (value, body, requestOptions) => rootTransport.patch(path(value), body, requestOptions),
+    delete: (value, requestOptions) => rootTransport.delete(path(value), requestOptions)
+  };
   return {
     listBuilderForms: (query) => transport.get("/builder/forms", {
       query: queryParams(query)
@@ -217,11 +225,13 @@ function builderFormEditorValuesFromEntity(form, emptyValues) {
     parentField: subform.parentField,
     childField: subform.childField,
     buttonLabel: subform.buttonLabel ?? "",
-    icon: subform.icon ?? ""
+    icon: subform.icon ?? "",
+    presentation: subform.presentation ?? "dialog"
   }));
   return {
     title: form.title,
     description: form.description ?? "",
+    presentation: form.schema.presentation ?? "dialog",
     sourceType: source?.type ?? "none",
     sourceTable: source?.type === "dbTable" ? source.tableName : BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: source?.type === "apiEndpoint" ? source.basePath : "",
@@ -303,6 +313,7 @@ function builderFormEditorInputFromValues(values) {
     description: values.description || null,
     source,
     schema: {
+      presentation: values.presentation ?? "dialog",
       fields: values.fields.map((field) => ({
         key: field.key,
         label: field.label,
@@ -347,7 +358,8 @@ function builderFormEditorInputFromValues(values) {
         parentField: subform.parentField,
         childField: subform.childField,
         buttonLabel: subform.buttonLabel?.trim() || void 0,
-        icon: subform.icon?.trim() || void 0
+        icon: subform.icon?.trim() || void 0,
+        presentation: subform.presentation ?? "dialog"
       }))
     },
     triggers: values.triggers.map((trigger) => ({
@@ -552,6 +564,13 @@ function createBuilderDefaultFormEditorBody(options) {
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Description" }),
             /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register("description") })
           ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Presentation" }),
+            /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("presentation"), children: [
+              /* @__PURE__ */ jsx("option", { value: "dialog", children: "Dialog" }),
+              /* @__PURE__ */ jsx("option", { value: "drawer", children: "Drawer" })
+            ] })
+          ] }),
           /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Datasource" }),
             /* @__PURE__ */ jsxs("select", { style: styles.input, ...form.register("sourceType"), children: [
@@ -733,7 +752,8 @@ function createBuilderDefaultFormEditorBody(options) {
                 parentField: "id",
                 childField: "parentId",
                 buttonLabel: "",
-                icon: ""
+                icon: "",
+                presentation: "dialog"
               }),
               children: "Add subform"
             }
@@ -760,6 +780,20 @@ function createBuilderDefaultFormEditorBody(options) {
             /* @__PURE__ */ jsx("span", { style: styles.label, children: "Child field" }),
             /* @__PURE__ */ jsx("input", { style: styles.input, ...form.register(`subforms.${index}.childField`) })
           ] }),
+          /* @__PURE__ */ jsxs("label", { style: styles.field, children: [
+            /* @__PURE__ */ jsx("span", { style: styles.label, children: "Presentation" }),
+            /* @__PURE__ */ jsxs(
+              "select",
+              {
+                style: styles.input,
+                ...form.register(`subforms.${index}.presentation`),
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "dialog", children: "Dialog" }),
+                  /* @__PURE__ */ jsx("option", { value: "drawer", children: "Drawer" })
+                ]
+              }
+            )
+          ] }),
           /* @__PURE__ */ jsx("button", { type: "button", style: styles.button, onClick: () => subformArray.remove(index), children: "Remove" })
         ] }, subform.id))
       ] }),
@@ -1623,6 +1657,7 @@ function createBuilderAdminPages({
   const emptyFormValues = {
     title: "",
     description: "",
+    presentation: "dialog",
     sourceType: "none",
     sourceTable: BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: "",
@@ -2205,7 +2240,7 @@ function withQuery(path, query) {
 function createBuilderIntegration(config) {
   const adminBasePath = normalizeBasePath(config.adminBasePath ?? "/admin/dev/builder");
   const runtimeBasePath = normalizeBasePath(config.runtimeBasePath ?? "/admin/winu");
-  const api = createBuilderApiClient(config.transport);
+  const api = createBuilderApiClient(config.transport, { apiBasePath: config.apiBasePath });
   const hooks = createBuilderHooks(api);
   const formsPath = `${adminBasePath}/forms`;
   const listsPath = `${adminBasePath}/lists`;
@@ -2255,6 +2290,11 @@ function validateBuilderFrontendSetup(config) {
       name: "transport",
       ok: Boolean(config.transport),
       message: "API transport is required."
+    },
+    {
+      name: "apiBasePath",
+      ok: config.apiBasePath === void 0 || normalizeBasePath(config.apiBasePath).startsWith("/"),
+      message: "apiBasePath must be an absolute API path."
     }
   ].map((check) => check.ok ? { name: check.name, ok: true } : check);
   return { ok: checks.every((check) => check.ok), checks };