@protobase/ui 0.21.11 → 0.21.12

package/dist/forms/public-form-page.js

@@ -5,10 +5,10 @@ import { useClient } from "../data/api-provider.js";
 import { AuthLayout } from "../auth/auth-layout.js";
 import { humanize } from "../live/naming.js";
 import { Field } from "../record-view/field.js";
+import { Notice } from "../app/meta-gate.js";
 import { createBody, hasDatabaseDefault, initialDraft, isRequired } from "../app/create/create-values.js";
 import { useDocumentTitle } from "../app/document-title.js";
 import { ErrorBanner } from "../app/error-banner.js";
-import { Notice } from "../app/meta-gate.js";
 import { FieldEditor } from "../app/field-editor.js";
 import { fieldErrors, fieldMessage } from "../app/field-errors.js";
 import { useFocusFirstInvalid } from "../app/use-focus-first-invalid.js";

package/dist/index.js

@@ -18,9 +18,9 @@ import { useApiToken } from "./auth/use-api-token.js";
 import { useRecord } from "./data/use-record.js";
 import { Field } from "./record-view/field.js";
 import { Section } from "./record-view/section.js";
-import { Textarea } from "./primitives/textarea.js";
 import { useMeta } from "./data/use-meta.js";
 import { AppLink, useAppAddress } from "./app/use-app-address.js";
+import { Textarea } from "./primitives/textarea.js";
 import { useList } from "./data/use-list.js";
 import { definePlugin, defineUi } from "./app/pages/project-ui.js";
 import { ChatMessage } from "./chat/chat-message.js";

package/dist/live/field-values.js

@@ -1,5 +1,5 @@
-import { localeDecimal, parseNumberText } from "../format/number-text.js";
 import { fileDiffers, filePatchValue } from "./file-values.js";
+import { localeDecimal, parseNumberText } from "../format/number-text.js";
 //#region src/live/field-values.ts
 /** What the editor's text input holds for a stored value. */
 const toDraft = (value) => value === null || value === void 0 ? "" : typeof value === "object" ? JSON.stringify(value) : String(value);

package/dist/package.js

@@ -1,5 +1,5 @@
 //#region package.json
-var version = "0.21.11";
+var version = "0.21.12";
 var protobase = { "pluginApi": 1 };
 //#endregion
 export { protobase, version };

package/dist/record-view/group-section.js

@@ -0,0 +1,35 @@
+import { cn } from "../lib/cn.js";
+import { AppLink } from "../app/use-app-address.js";
+import { useId } from "react";
+import { ChevronRight } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/record-view/group-section.tsx
+const headingClass = "text-[16px] font-semibold text-foreground";
+/**
+* A heading over sections of the record page. With `toggle`, the address that opens or closes it, the heading is a
+* link, so a copied link opens the page with the group open; the items show only while `open`. Without it the group
+* is always open.
+*/
+const GroupSection = ({ title, open, toggle, children }) => {
+	const id = useId();
+	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h2", {
+		className: cn("py-8", open && "pb-0"),
+		children: toggle ? /* @__PURE__ */ jsxs(AppLink, {
+			to: toggle,
+			replace: true,
+			"aria-expanded": open,
+			"aria-controls": id,
+			className: cn("inline-flex items-center gap-1.5", headingClass),
+			children: [/* @__PURE__ */ jsx(ChevronRight, { className: cn("size-4 transition-transform", open && "rotate-90") }), title]
+		}) : /* @__PURE__ */ jsx("span", {
+			className: headingClass,
+			children: title
+		})
+	}), open && /* @__PURE__ */ jsx("div", {
+		id,
+		className: "divide-y divide-border",
+		children
+	})] });
+};
+//#endregion
+export { GroupSection };