@nivaro/react 0.3.35 → 0.3.36

package/dist/shared/components/layout-editor/panel-frame.js

@@ -42,7 +42,7 @@ function T({
     {
       "data-panel-body": "",
       ...n ? { role: "tabpanel", id: n.id, "aria-labelledby": n.labelledBy } : {},
-      className: d("min-h-0 flex-1 space-y-5 overflow-y-auto px-4 pb-8 pt-4", r),
+      className: d("relative min-h-0 flex-1 space-y-5 overflow-y-auto px-4 pb-8 pt-4", r),
       children: e
     }
   );

package/dist/shared/components/layout-editor/personal-default-marks.js

@@ -0,0 +1,40 @@
+import { useMemo as f } from "react";
+const i = (t, e) => `${e ?? ""}\0${t}`;
+function c(t) {
+  if (typeof t == "string")
+    try {
+      const e = JSON.parse(t);
+      return e && typeof e == "object" ? e : {};
+    } catch {
+      return {};
+    }
+  return t && typeof t == "object" ? t : {};
+}
+function l(t) {
+  const e = /* @__PURE__ */ new Set();
+  for (const n of t.placements)
+    c(n.overrides).personal_default === !0 && e.add(i(n.field, n.group_key));
+  return e;
+}
+const u = {
+  text: "Personal default",
+  tone: "slate",
+  icon: "person",
+  kind: "personal",
+  tip: "People can save their own starting value for this field on this form. New records start with it."
+};
+function a(t, e) {
+  const n = t.placements;
+  return f(() => {
+    const r = l({ placements: n });
+    return r.size === 0 ? e : (o) => {
+      const s = (e == null ? void 0 : e(o)) ?? [];
+      return o.kind !== "field" || !r.has(i(o.field, o.group_key)) ? s : [...s, u];
+    };
+  }, [n, e]);
+}
+export {
+  u as PERSONAL_DEFAULT_MARK,
+  l as personalDefaultPlacements,
+  a as usePersonalDefaultMarks
+};

package/dist/shared/components/layout-editor/preview/PreviewPanes.js

@@ -162,7 +162,7 @@ function ve({
     "div",
     {
       "data-preview-device": a.device,
-      className: "mx-auto w-full border-x border-dashed border-slate-300 bg-white dark:border-slate-600 dark:bg-background",
+      className: "mx-auto flex min-h-0 w-full flex-1 flex-col border-x border-dashed border-slate-300 bg-white dark:border-slate-600 dark:bg-background",
       style: { maxWidth: A },
       children: e
     }
@@ -227,7 +227,7 @@ function ve({
     overlay: V,
     noDnd: t
   });
-  return /* @__PURE__ */ o("div", { className: "flex min-h-full flex-col", children: [
+  return /* @__PURE__ */ o("div", { className: "flex min-h-0 flex-1 flex-col", children: [
     x.length > 0 && /* @__PURE__ */ l(
       "div",
       {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.35",
+  "version": "0.3.36",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",