@duke333/builder-ui 0.1.3 → 0.1.5

package/dist/index.js

@@ -128,11 +128,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 : "",
@@ -214,6 +216,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,
@@ -258,7 +261,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) => ({
@@ -463,6 +467,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: [
@@ -644,7 +655,8 @@ function createBuilderDefaultFormEditorBody(options) {
                 parentField: "id",
                 childField: "parentId",
                 buttonLabel: "",
-                icon: ""
+                icon: "",
+                presentation: "dialog"
               }),
               children: "Add subform"
             }
@@ -671,6 +683,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))
       ] }),
@@ -1534,6 +1560,7 @@ function createBuilderAdminPages({
   const emptyFormValues = {
     title: "",
     description: "",
+    presentation: "dialog",
     sourceType: "none",
     sourceTable: BUILDER_EDITOR_NONE_VALUE,
     apiBasePath: "",
@@ -2349,6 +2376,15 @@ function createDynamicListComponent(deps) {
 // src/components/DynamicView.tsx
 import { useMemo as useMemo6, useState as useState3 } from "react";
 import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+var interactiveRowTargetSelector = "button,a,input,select,textarea,[role='button'],[role='menuitem'],[data-builder-row-action]";
+function hasClosest(target) {
+  return typeof target === "object" && target !== null && "closest" in target && typeof target.closest === "function";
+}
+function shouldHandleDynamicViewRowClick(event) {
+  if (!event) return true;
+  if (event.defaultPrevented) return false;
+  return !hasClosest(event.target) || !event.target.closest(interactiveRowTargetSelector);
+}
 function createDynamicViewComponent(deps) {
   return function DynamicView({ viewId }) {
     const [editing, setEditing] = useState3(null);
@@ -2362,11 +2398,15 @@ function createDynamicViewComponent(deps) {
     const view = viewQuery.data;
     const columns = useMemo6(
       () => view ? deps.buildColumns(view, {
-        onEdit: (entry) => {
+        onEdit: (entry, event) => {
+          event?.stopPropagation?.();
           setEditing(entry);
           setDialogOpen(true);
         },
-        onDelete: setPendingDelete
+        onDelete: (entry, event) => {
+          event?.stopPropagation?.();
+          setPendingDelete(entry);
+        }
       }) : [],
       [view]
     );
@@ -2397,7 +2437,8 @@ function createDynamicViewComponent(deps) {
           searchPlaceholder: "\u041C\u04E9\u0440 \u0445\u0430\u0439\u0445...",
           emptyTitle: "\u041C\u04E9\u0440 \u0430\u043B\u0433\u0430",
           emptyDescription: "\u042D\u043D\u044D view \u0434\u044D\u044D\u0440 \u044D\u0445\u043D\u0438\u0439 \u043C\u04E9\u0440\u04E9\u04E9 \u043D\u044D\u043C\u044D\u044D\u0440\u044D\u0439.",
-          onRowClick: (entry) => {
+          onRowClick: (entry, event) => {
+            if (!shouldHandleDynamicViewRowClick(event)) return;
             setEditing(entry);
             setDialogOpen(true);
           },
@@ -2560,6 +2601,7 @@ function createRuntimeEntryDialogComponent(deps) {
       deps.DialogShell,
       {
         open,
+        presentation: view.form?.schema.presentation ?? "dialog",
         title: editing ? "\u041C\u04E9\u0440 \u0437\u0430\u0441\u0430\u0445" : "\u041C\u04E9\u0440 \u043D\u044D\u043C\u044D\u0445",
         description: view.title,
         onClose,
@@ -2936,11 +2978,34 @@ function createBuilderIntegration(config) {
     adminPages
   };
 }
+function createBuilderPortalIntegration(config) {
+  return createBuilderIntegration(config);
+}
+function validateBuilderFrontendSetup(config) {
+  const checks = [
+    {
+      name: "adminBasePath",
+      ok: Boolean(config.adminBasePath && normalizeBasePath(config.adminBasePath).startsWith("/")),
+      message: "adminBasePath must be an absolute route path."
+    },
+    {
+      name: "runtimeBasePath",
+      ok: Boolean(config.runtimeBasePath && normalizeBasePath(config.runtimeBasePath).startsWith("/")),
+      message: "runtimeBasePath must be an absolute route path."
+    },
+    {
+      name: "transport",
+      ok: Boolean(config.transport),
+      message: "API transport is required."
+    }
+  ].map((check) => check.ok ? { name: check.name, ok: true } : check);
+  return { ok: checks.every((check) => check.ok), checks };
+}
 
 // src/index.ts
 var builderUiPackage = {
   name: "@duke333/builder-ui",
-  version: "0.1.1"
+  version: "0.1.5"
 };
 export {
   BUILDER_EDITOR_NONE_VALUE,
@@ -2974,6 +3039,7 @@ export {
   createBuilderIntegration,
   createBuilderKeys,
   createBuilderListEditorPageComponent,
+  createBuilderPortalIntegration,
   createBuilderViewDialogComponent,
   createDynamicFormComponent,
   createDynamicListComponent,
@@ -2984,7 +3050,9 @@ export {
   nextBuilderFormLayoutGroupId,
   parseBuilderFormLayoutDragPayload,
   serializeBuilderFormLayoutDragPayload,
+  shouldHandleDynamicViewRowClick,
   swapBuilderFormLayoutItems,
-  useBuilderFormLayoutEditor
+  useBuilderFormLayoutEditor,
+  validateBuilderFrontendSetup
 };
 //# sourceMappingURL=index.js.map