@questpie/admin 3.0.3 → 3.0.4

package/dist/server/plugin.mjs

@@ -60,6 +60,7 @@ function adminPlugin() {
 						dirs: ["blocks"],
 						prefix: "bloc",
 						factoryFunctions: ["block"],
+						keyFromProperty: "state.name",
 						registryKey: true,
 						includeInAppState: true,
 						extractFromModules: true,
@@ -261,7 +262,7 @@ function adminPlugin() {
 					block: {
 						dir: "blocks",
 						description: "Server-side block definition",
-						template: ({ kebab, camel }) => `import { block } from "#questpie/factories";\n\nexport const ${camel}Block = block("${kebab}")\n\t.fields(({ f }) => ({\n\t\ttitle: f.text("Title"),\n\t}));\n`
+						template: ({ kebab, camel }) => `import { block } from "#questpie/factories";\n\nexport const ${camel}Block = block("${kebab}")\n\t.fields(({ f }) => ({\n\t\ttitle: f.text(255).label("Title").required(),\n\t}));\n`
 					},
 					view: {
 						dir: "views",
@@ -283,6 +284,7 @@ function adminPlugin() {
 					blocks: {
 						dirs: ["blocks"],
 						prefix: "block",
+						keyFromSource: "basename",
 						registryKey: false,
 						includeInAppState: false,
 						extractFromModules: false
@@ -340,7 +342,7 @@ function adminPlugin() {
 						const varName = `${key}Block`;
 						const kebab = file.importPath.split("/").pop();
 						ctx.addImport(`type { ${varName} }`, `../../server/blocks/${kebab}`);
-						entries.push(`${JSON.stringify(key)}: typeof ${varName}`);
+						entries.push(`${JSON.stringify(kebab)}: typeof ${varName}`);
 					}
 					ctx.addTypeDeclaration(`type _ServerBlocks = { ${entries.join("; ")} };`);
 					ctx.addTypeDeclaration("");

package/dist/server/proxy-factories.d.mts

@@ -20,10 +20,11 @@ declare function createViewCallbackProxy(): Record<string, (config?: Record<stri
  */
 declare function createComponentCallbackProxy(): Record<string, (...args: unknown[]) => Record<string, unknown>>;
 /**
- * Create a simple action proxy for builder callback contexts.
- * Provides a `custom()` method and returns action names as strings for built-in actions.
+ * Create an action proxy for builder callback contexts.
  *
- * Used as the `a` callback param: `a.delete` → `"delete"`, `a.custom("archive", config)` → `{ id: "archive", ...config }`.
+ * The same `a` proxy is used by `.list()` (`a.delete`) and `.actions()`
+ * (`a.delete()`, `a.headerAction(...)`), so built-ins are callable values that
+ * also serialize back to their action name.
  */
 declare function createActionCallbackProxy(): Record<string, unknown>;
 /**

package/dist/server/proxy-factories.mjs

@@ -66,18 +66,44 @@ function createComponentCallbackProxy() {
 		});
 	} });
 }
+function createBuiltinActionReference(name) {
+	const ref = (() => name);
+	Object.defineProperties(ref, {
+		type: { value: name },
+		toJSON: { value: () => name },
+		valueOf: { value: () => name },
+		[Symbol.toPrimitive]: { value: () => name }
+	});
+	return ref;
+}
 /**
-* Create a simple action proxy for builder callback contexts.
-* Provides a `custom()` method and returns action names as strings for built-in actions.
+* Create an action proxy for builder callback contexts.
 *
-* Used as the `a` callback param: `a.delete` → `"delete"`, `a.custom("archive", config)` → `{ id: "archive", ...config }`.
+* The same `a` proxy is used by `.list()` (`a.delete`) and `.actions()`
+* (`a.delete()`, `a.headerAction(...)`), so built-ins are callable values that
+* also serialize back to their action name.
 */
 function createActionCallbackProxy() {
-	return new Proxy({ custom: (name, config) => ({
-		id: name,
-		...config
-	}) }, { get: (target, prop) => {
-		return target[prop] ?? String(prop);
+	return new Proxy({
+		custom: (name, config) => ({
+			type: name,
+			...config ? { config } : {}
+		}),
+		action: (def) => ({
+			scope: "single",
+			...def
+		}),
+		bulkAction: (def) => ({
+			...def,
+			scope: "bulk"
+		}),
+		headerAction: (def) => ({
+			...def,
+			scope: "header"
+		})
+	}, { get: (target, prop) => {
+		if (prop === "then") return void 0;
+		return target[prop] ?? createBuiltinActionReference(String(prop));
 	} });
 }
 /**

package/dist/shared/types/saved-views.types.d.mts

@@ -36,6 +36,8 @@ interface ViewConfiguration {
   filters: FilterRule[];
   sortConfig: SortConfig | null;
   visibleColumns: string[];
+  groupBy?: string | null;
+  collapsedGroups?: string[];
   realtime?: boolean;
   includeDeleted?: boolean;
   pagination?: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@questpie/admin",
-	"version": "3.0.3",
+	"version": "3.0.4",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/questpie/questpie.git",
@@ -28,6 +28,7 @@
 		"./server": "./dist/server.mjs",
 		"./shared": "./dist/shared.mjs",
 		"./*": "./*",
+		"./client/styles/base.css": "./dist/client/styles/base.css",
 		"./client/styles/index.css": "./dist/client/styles/index.css"
 	},
 	"publishConfig": {
@@ -40,6 +41,7 @@
 			"./server": "./dist/server.mjs",
 			"./shared": "./dist/shared.mjs",
 			"./*": "./*",
+			"./client/styles/base.css": "./dist/client/styles/base.css",
 			"./client/styles/index.css": "./dist/client/styles/index.css"
 		}
 	},
@@ -60,7 +62,7 @@
 		"@fontsource-variable/jetbrains-mono": "^5.2.8",
 		"@hookform/resolvers": "^5.1.0",
 		"@iconify/react": "^6.0.2",
-		"@questpie/tanstack-query": "^3.0.3",
+		"@questpie/tanstack-query": "^3.0.4",
 		"@tailwindcss/vite": "^4.0.6",
 		"@tiptap/core": "^2.x",
 		"@tiptap/extension-character-count": "^2.x",
@@ -86,7 +88,7 @@
 		"date-fns": "^4.1.0",
 		"lowlight": "^3.x",
 		"next-themes": "^0.4.6",
-		"questpie": "^3.0.3",
+		"questpie": "^3.0.4",
 		"react-day-picker": "^9.12.0",
 		"react-hook-form": "^7.54.0",
 		"react-resizable-panels": "^4.4.2",
@@ -101,11 +103,11 @@
 	},
 	"devDependencies": {
 		"@rollup/plugin-babel": "^6.1.0",
-		"bun-types": "latest",
 		"@tanstack/db": "^0.1.1",
 		"@types/react": "^19.2.0",
 		"@types/react-dom": "^19.2.0",
 		"babel-plugin-react-compiler": "^1.0.0",
+		"bun-types": "latest",
 		"shadcn": "^3.6.1",
 		"tinyglobby": "^0.2.15",
 		"tsdown": "^0.18.3",

package/dist/client/components/fields/rich-text-editor/link-popover.mjs

@@ -1,85 +0,0 @@
-import { useTranslation } from "../../../i18n/hooks.mjs";
-import { Button } from "../../ui/button.mjs";
-import { Input } from "../../ui/input.mjs";
-import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/client/components/fields/rich-text-editor/link-popover.tsx
-/**
-* Link insertion/editing popover
-*/
-function LinkPopover({ editor, open, onOpenChange, disabled }) {
-	const { t } = useTranslation();
-	const [linkUrl, setLinkUrl] = React.useState("");
-	const prevOpenRef = React.useRef(false);
-	if (open && !prevOpenRef.current && editor) {
-		const currentLink = editor.getAttributes("link").href;
-		setLinkUrl(currentLink || "");
-	}
-	prevOpenRef.current = open;
-	const handleApplyLink = React.useCallback(() => {
-		if (!editor) return;
-		if (!linkUrl) {
-			editor.chain().focus().unsetLink().run();
-			onOpenChange(false);
-			return;
-		}
-		editor.chain().focus().setLink({
-			href: linkUrl,
-			target: "_blank",
-			rel: "noopener noreferrer"
-		}).run();
-		onOpenChange(false);
-	}, [
-		editor,
-		linkUrl,
-		onOpenChange
-	]);
-	const handleRemoveLink = React.useCallback(() => {
-		if (!editor) return;
-		editor.chain().focus().unsetLink().run();
-		onOpenChange(false);
-	}, [editor, onOpenChange]);
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
-			className: "w-72",
-			children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.link") }) }), /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx(Input, {
-					value: linkUrl,
-					placeholder: "https://example.com",
-					onChange: (event) => setLinkUrl(event.target.value),
-					onKeyDown: (event_0) => {
-						if (event_0.key === "Enter") {
-							event_0.preventDefault();
-							handleApplyLink();
-						}
-					},
-					disabled
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						type: "button",
-						size: "xs",
-						variant: "outline",
-						onClick: handleRemoveLink,
-						disabled: disabled || !editor?.isActive("link"),
-						children: t("common.remove")
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						size: "xs",
-						onClick: handleApplyLink,
-						disabled,
-						children: t("common.apply")
-					})]
-				})]
-			})]
-		})]
-	});
-}
-
-//#endregion
-export { LinkPopover };

package/dist/client/components/ui/spinner.mjs

@@ -1,52 +0,0 @@
-import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
-import { Icon } from "@iconify/react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/client/components/ui/spinner.tsx
-function Spinner(t0) {
-	const $ = c(10);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-spinner inline-flex size-4 animate-spin", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props) {
-		t2 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:spinner",
-			role: "status",
-			"aria-label": "Loading",
-			className: "size-full",
-			...props
-		});
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t1 || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx("span", {
-			className: t1,
-			children: t2
-		});
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-}
-
-//#endregion
-export { Spinner };

package/dist/client/components/ui/toolbar.mjs

@@ -1,136 +0,0 @@
-import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/client/components/ui/toolbar.tsx
-/**
-* Toolbar - Container for toolbar elements with glass effect
-*
-* @example
-* ```tsx
-* <Toolbar>
-*   <ToolbarSection className="flex-1">
-*     <SearchInput value={search} onChange={setSearch} />
-*   </ToolbarSection>
-*   <ToolbarSeparator />
-*   <ToolbarSection>
-*     <Button variant="outline" size="sm">Options</Button>
-*   </ToolbarSection>
-* </Toolbar>
-* ```
-*/
-function Toolbar(t0) {
-	const $ = c(10);
-	let children;
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({children, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-	}
-	let t1;
-	if ($[4] !== className) {
-		t1 = cn("qa-toolbar bg-card border-border border", "flex items-center gap-2 p-1", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "toolbar",
-			className: t1,
-			...props,
-			children
-		});
-		$[6] = children;
-		$[7] = props;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
-	return t2;
-}
-/**
-* ToolbarSection - Group of related toolbar elements
-*/
-function ToolbarSection(t0) {
-	const $ = c(10);
-	let children;
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({children, className, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = className;
-		$[3] = props;
-	} else {
-		children = $[1];
-		className = $[2];
-		props = $[3];
-	}
-	let t1;
-	if ($[4] !== className) {
-		t1 = cn("qa-toolbar__section flex items-center gap-1", className);
-		$[4] = className;
-		$[5] = t1;
-	} else t1 = $[5];
-	let t2;
-	if ($[6] !== children || $[7] !== props || $[8] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "toolbar-section",
-			className: t1,
-			...props,
-			children
-		});
-		$[6] = children;
-		$[7] = props;
-		$[8] = t1;
-		$[9] = t2;
-	} else t2 = $[9];
-	return t2;
-}
-/**
-* ToolbarSeparator - Vertical separator between toolbar sections
-*/
-function ToolbarSeparator(t0) {
-	const $ = c(8);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-toolbar__separator bg-border h-4 w-px", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props || $[6] !== t1) {
-		t2 = /* @__PURE__ */ jsx("div", {
-			"data-slot": "toolbar-separator",
-			className: t1,
-			...props
-		});
-		$[5] = props;
-		$[6] = t1;
-		$[7] = t2;
-	} else t2 = $[7];
-	return t2;
-}
-
-//#endregion
-export { Toolbar, ToolbarSection, ToolbarSeparator };

package/dist/client/contexts/breadcrumb-context.mjs

@@ -1,60 +0,0 @@
-import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/client/contexts/breadcrumb-context.tsx
-const BreadcrumbContext = React.createContext(null);
-function BreadcrumbProvider(t0) {
-	const $ = c(6);
-	const { children } = t0;
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = [];
-		$[0] = t1;
-	} else t1 = $[0];
-	const [breadcrumbs, setBreadcrumbs] = React.useState(t1);
-	let t2;
-	if ($[1] !== breadcrumbs) {
-		t2 = {
-			breadcrumbs,
-			setBreadcrumbs
-		};
-		$[1] = breadcrumbs;
-		$[2] = t2;
-	} else t2 = $[2];
-	const value = t2;
-	let t3;
-	if ($[3] !== children || $[4] !== value) {
-		t3 = /* @__PURE__ */ jsx(BreadcrumbContext.Provider, {
-			value,
-			children
-		});
-		$[3] = children;
-		$[4] = value;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-}
-/**
-* Get breadcrumb context (optional - returns null if not in provider)
-*/
-function useBreadcrumbContextOptional() {
-	return React.useContext(BreadcrumbContext);
-}
-/**
-* Get current breadcrumbs (read-only)
-*/
-function useCurrentBreadcrumbs() {
-	const $ = c(2);
-	const context = useBreadcrumbContextOptional();
-	let t0;
-	if ($[0] !== context?.breadcrumbs) {
-		t0 = context?.breadcrumbs ?? [];
-		$[0] = context?.breadcrumbs;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
-}
-
-//#endregion
-export { BreadcrumbProvider, useCurrentBreadcrumbs };