@questpie/admin 3.0.2 → 3.0.4

package/dist/client/components/fields/rich-text-editor/types.d.mts

@@ -0,0 +1,77 @@
+import { FieldComponentProps } from "../../../builder/types/field-types.mjs";
+import "../../../builder/index.mjs";
+import { RichTextPreset } from "./presets.mjs";
+import { Extension } from "@tiptap/core";
+
+//#region src/client/components/fields/rich-text-editor/types.d.ts
+
+/**
+ * Feature toggles for the RichText editor
+ */
+type RichTextFeatures = {
+  toolbar?: boolean;
+  bubbleMenu?: boolean;
+  slashCommands?: boolean;
+  history?: boolean;
+  heading?: boolean;
+  bold?: boolean;
+  italic?: boolean;
+  underline?: boolean;
+  strike?: boolean;
+  code?: boolean;
+  codeBlock?: boolean;
+  blockquote?: boolean;
+  bulletList?: boolean;
+  orderedList?: boolean;
+  horizontalRule?: boolean;
+  align?: boolean;
+  link?: boolean;
+  image?: boolean;
+  table?: boolean;
+  tableControls?: boolean;
+  characterCount?: boolean;
+};
+/**
+ * Props for the RichTextEditor component
+ */
+interface RichTextEditorProps extends FieldComponentProps<any> {
+  /**
+   * Custom Tiptap extensions
+   */
+  extensions?: Extension[];
+  /**
+   * Preset configuration (minimal, simple, standard, advanced)
+   * Can be overridden by features prop
+   */
+  preset?: RichTextPreset;
+  /**
+   * Feature toggles (overrides preset)
+   */
+  features?: RichTextFeatures;
+  /**
+   * Show character count
+   */
+  showCharacterCount?: boolean;
+  /**
+   * Max character limit
+   */
+  maxCharacters?: number;
+  /**
+   * Enable image uploads
+   */
+  enableImages?: boolean;
+  /**
+   * Image upload handler
+   */
+  onImageUpload?: (file: File) => Promise<string>;
+  /**
+   * Target collection for image uploads
+   */
+  imageCollection?: string;
+  /**
+   * Enable media library picker for images
+   */
+  enableMediaLibrary?: boolean;
+}
+//#endregion
+export { RichTextEditorProps };

package/dist/client/components/fields/upload-field.mjs

@@ -1,7 +1,6 @@
 import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
-import { Button } from "../ui/button.mjs";
 import { sanitizeFilename, useResolvedControl } from "./field-utils.mjs";
 import { FieldWrapper } from "./field-wrapper.mjs";
 import { useCollectionItem } from "../../hooks/use-collection.mjs";
@@ -12,7 +11,6 @@ import { AssetPreview } from "../primitives/asset-preview.mjs";
 import { MediaPickerDialog } from "../media/media-picker-dialog.mjs";
 import { Dropzone } from "../primitives/dropzone.mjs";
 import { c } from "react/compiler-runtime";
-import { Icon } from "@iconify/react";
 import * as React from "react";
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -158,7 +156,7 @@ function SingleUploadInner({ field, error, collection, unresolvedCollectionMessa
 	const { t } = useTranslation();
 	const resolveText = useResolveText();
 	const resolvedPlaceholder = placeholder ? resolveText(placeholder) : void 0;
-	const { upload, isUploading, progress, error: uploadError } = useUpload();
+	const { upload, isUploading, progress } = useUpload();
 	const [isPickerOpen, setIsPickerOpen] = React.useState(false);
 	const [isEditSheetOpen, setIsEditSheetOpen] = React.useState(false);
 	const assetId = field.value;
@@ -197,21 +195,25 @@ function SingleUploadInner({ field, error, collection, unresolvedCollectionMessa
 	const hintText = React.useMemo(() => {
 		const parts = [];
 		if (normalizedAccept?.length) {
-			const types = normalizedAccept.map((t_0) => {
-				if (t_0.startsWith("image/")) return "Images";
-				if (t_0.startsWith("video/")) return "Videos";
-				if (t_0.startsWith("audio/")) return "Audio";
-				if (t_0 === "application/pdf") return "PDF";
-				return t_0;
+			const types = normalizedAccept.map((type) => {
+				if (type.startsWith("image/")) return t("dropzone.typeImages");
+				if (type.startsWith("video/")) return t("dropzone.typeVideos");
+				if (type.startsWith("audio/")) return t("dropzone.typeAudio");
+				if (type === "application/pdf") return t("dropzone.typePDF");
+				return type;
 			}).filter((v, i, a) => a.indexOf(v) === i);
 			parts.push(types.join(", "));
 		}
 		if (maxSize) {
 			const mb = (maxSize / (1024 * 1024)).toFixed(0);
-			parts.push(`Max ${mb}MB`);
+			parts.push(t("upload.maxSize", { size: `${mb}MB` }));
 		}
 		return parts.join(" • ") || void 0;
-	}, [normalizedAccept, maxSize]);
+	}, [
+		normalizedAccept,
+		maxSize,
+		t
+	]);
 	const hasValue = !!assetId;
 	const isLoading = isUploading || hasValue && isLoadingAsset;
 	const handlePickerSelect = (id) => {
@@ -221,7 +223,7 @@ function SingleUploadInner({ field, error, collection, unresolvedCollectionMessa
 		className,
 		children: [
 			unresolvedCollectionMessage && /* @__PURE__ */ jsx("p", {
-				className: "border-warning/40 bg-warning/5 text-warning mb-2 border px-3 py-2 text-xs",
+				className: "border-warning/40 bg-warning/5 text-warning mb-2 border px-3 py-2 text-xs text-pretty",
 				children: unresolvedCollectionMessage
 			}),
 			hasValue && showPreview && asset ? /* @__PURE__ */ jsx(AssetPreview, {
@@ -245,20 +247,16 @@ function SingleUploadInner({ field, error, collection, unresolvedCollectionMessa
 				disabled,
 				loading: isUploading,
 				progress: isUploading ? progress : void 0,
-				label: resolvedPlaceholder || t("dropzone.label"),
+				variant: "compact",
+				label: resolvedPlaceholder || t("upload.dropzone"),
 				hint: hintText,
-				onValidationError: handleValidationError
-			}),
-			!hasValue && !isUploading && !disabled && !!collection && /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				onClick: () => setIsPickerOpen(true),
-				className: "mt-2 w-full",
-				children: [/* @__PURE__ */ jsx(Icon, {
+				action: collection ? {
+					label: t("upload.browseLibrary"),
 					icon: "ph:folder-open-bold",
-					className: "mr-2 size-4"
-				}), "Browse Library"]
+					onClick: () => setIsPickerOpen(true),
+					disabled
+				} : void 0,
+				onValidationError: handleValidationError
 			}),
 			/* @__PURE__ */ jsx(MediaPickerDialog, {
 				open: isPickerOpen,
@@ -276,7 +274,7 @@ function SingleUploadInner({ field, error, collection, unresolvedCollectionMessa
 				onOpenChange: setIsEditSheetOpen
 			}),
 			error && /* @__PURE__ */ jsx("p", {
-				className: "text-destructive mt-1 text-xs",
+				className: "text-destructive mt-1 text-xs text-pretty",
 				children: error
 			})
 		]
@@ -397,21 +395,25 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 	const hintText = React.useMemo(() => {
 		const parts = [];
 		if (normalizedAccept?.length) {
-			const types = normalizedAccept.map((t_0) => {
-				if (t_0.startsWith("image/")) return "Images";
-				if (t_0.startsWith("video/")) return "Videos";
-				if (t_0.startsWith("audio/")) return "Audio";
-				if (t_0 === "application/pdf") return "PDF";
-				return t_0;
+			const types = normalizedAccept.map((type) => {
+				if (type.startsWith("image/")) return t("dropzone.typeImages");
+				if (type.startsWith("video/")) return t("dropzone.typeVideos");
+				if (type.startsWith("audio/")) return t("dropzone.typeAudio");
+				if (type === "application/pdf") return t("dropzone.typePDF");
+				return type;
 			}).filter((v, i, a_0) => a_0.indexOf(v) === i);
 			parts.push(types.join(", "));
 		}
 		if (maxSize) {
 			const mb = (maxSize / (1024 * 1024)).toFixed(0);
-			parts.push(`Max ${mb}MB`);
+			parts.push(t("upload.maxSize", { size: `${mb}MB` }));
 		}
 		return parts.join(" • ") || void 0;
-	}, [normalizedAccept, maxSize]);
+	}, [
+		normalizedAccept,
+		maxSize,
+		t
+	]);
 	const hasItems = assetIds.length > 0 || pendingUploads.length > 0;
 	const canAddMore = !maxItems || assetIds.length < maxItems;
 	const previewVariant = layout === "grid" ? "thumbnail" : "compact";
@@ -419,7 +421,7 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 		className,
 		children: [
 			unresolvedCollectionMessage && /* @__PURE__ */ jsx("p", {
-				className: "border-warning/40 bg-warning/5 text-warning mb-2 border px-3 py-2 text-xs",
+				className: "border-warning/40 bg-warning/5 text-warning mb-2 border px-3 py-2 text-xs text-pretty",
 				children: unresolvedCollectionMessage
 			}),
 			hasItems && /* @__PURE__ */ jsx(DndContext, {
@@ -460,21 +462,15 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 				disabled,
 				loading: isUploading,
 				progress: isUploading ? progress : void 0,
-				label: hasItems ? t("dropzone.addMore") : resolvedPlaceholder || t("dropzone.label"),
+				variant: "compact",
+				label: hasItems ? t("upload.browse") : resolvedPlaceholder || t("upload.dropzone"),
 				hint: hintText,
-				onValidationError: handleValidationError,
-				className: hasItems ? "min-h-[80px]" : void 0
-			}),
-			canAddMore && !isUploading && !disabled && !!collection && /* @__PURE__ */ jsxs(Button, {
-				type: "button",
-				variant: "outline",
-				size: "sm",
-				onClick: () => setIsPickerOpen(true),
-				className: "mt-2 w-full",
-				children: [/* @__PURE__ */ jsx(Icon, {
+				action: !disabled ? {
+					label: t("upload.browseLibrary"),
 					icon: "ph:folder-open-bold",
-					className: "mr-2 size-4"
-				}), "Browse Library"]
+					onClick: () => setIsPickerOpen(true)
+				} : void 0,
+				onValidationError: handleValidationError
 			}),
 			/* @__PURE__ */ jsx(MediaPickerDialog, {
 				open: isPickerOpen,
@@ -493,7 +489,7 @@ function MultipleUploadInner({ field, collection, unresolvedCollectionMessage, a
 				onOpenChange: (open) => !open && setEditAssetId(null)
 			}),
 			isUploading && !canAddMore && /* @__PURE__ */ jsxs("div", {
-				className: "text-muted-foreground flex items-center justify-center gap-2 border border-dashed p-4 text-sm",
+				className: "panel-surface text-muted-foreground flex items-center justify-center gap-2 border-dashed p-4 text-sm tabular-nums",
 				children: [
 					t("upload.uploading"),
 					" ",
@@ -525,7 +521,7 @@ function UploadField(t0) {
 	} else t6 = $[2];
 	const unresolvedCollectionMessage = t6;
 	const fieldDisabled = disabled || !!unresolvedCollectionMessage;
-	const effectivePreviewVariant = previewVariant ?? (multiple ? layout === "grid" ? "thumbnail" : "compact" : "card");
+	const effectivePreviewVariant = previewVariant ?? (multiple ? layout === "grid" ? "thumbnail" : "compact" : "compact");
 	let t7;
 	if ($[3] !== accept || $[4] !== className || $[5] !== collection || $[6] !== description || $[7] !== editable || $[8] !== effectivePreviewVariant || $[9] !== fieldDisabled || $[10] !== label || $[11] !== layout || $[12] !== locale || $[13] !== localized || $[14] !== maxItems || $[15] !== maxSize || $[16] !== multiple || $[17] !== name || $[18] !== onUploadComplete || $[19] !== onUploadError || $[20] !== onUploadStart || $[21] !== orderable || $[22] !== placeholder || $[23] !== required || $[24] !== resolveText || $[25] !== showPreview || $[26] !== unresolvedCollectionMessage) {
 		t7 = (t8$1) => {

package/dist/client/components/filter-builder/columns-tab.mjs

@@ -1,4 +1,5 @@
 import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
 import { Checkbox } from "../ui/checkbox.mjs";
 import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
@@ -10,7 +11,7 @@ import { CSS } from "@dnd-kit/utilities";
 
 //#region src/client/components/filter-builder/columns-tab.tsx
 function SortableColumnItem(t0) {
-	const $ = c(31);
+	const $ = c(33);
 	const { field, isVisible, onToggle } = t0;
 	const resolveText = useResolveText();
 	let t1;
@@ -37,95 +38,101 @@ function SortableColumnItem(t0) {
 		$[6] = t3;
 	} else t3 = $[6];
 	const style = t3;
-	const t4 = `hover:bg-muted hover:border-border flex items-center gap-2 border border-transparent p-2.5 transition-colors ${isDragging ? "bg-muted opacity-50" : ""}`;
+	const t4 = isDragging && "opacity-75";
 	let t5;
-	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Icon, {
+	if ($[7] !== t4) {
+		t5 = cn("border-border-subtle bg-surface-low hover:border-border-strong hover:bg-surface-high flex items-center gap-2 rounded-md border p-2.5 transition-[background-color,border-color,opacity]", t4);
+		$[7] = t4;
+		$[8] = t5;
+	} else t5 = $[8];
+	let t6;
+	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(Icon, {
 			icon: "ph:dots-six-vertical-bold",
 			width: 16,
 			height: 16
 		});
-		$[7] = t5;
-	} else t5 = $[7];
-	let t6;
-	if ($[8] !== attributes || $[9] !== listeners) {
-		t6 = /* @__PURE__ */ jsx("button", {
+		$[9] = t6;
+	} else t6 = $[9];
+	let t7;
+	if ($[10] !== attributes || $[11] !== listeners) {
+		t7 = /* @__PURE__ */ jsx("button", {
 			type: "button",
 			className: "text-muted-foreground hover:text-foreground cursor-grab touch-none active:cursor-grabbing",
 			...attributes,
 			...listeners,
-			children: t5
+			children: t6
 		});
-		$[8] = attributes;
-		$[9] = listeners;
-		$[10] = t6;
-	} else t6 = $[10];
-	let t7;
-	if ($[11] !== isVisible || $[12] !== onToggle) {
-		t7 = /* @__PURE__ */ jsx(Checkbox, {
+		$[10] = attributes;
+		$[11] = listeners;
+		$[12] = t7;
+	} else t7 = $[12];
+	let t8;
+	if ($[13] !== isVisible || $[14] !== onToggle) {
+		t8 = /* @__PURE__ */ jsx(Checkbox, {
 			checked: isVisible,
 			onCheckedChange: onToggle
 		});
-		$[11] = isVisible;
-		$[12] = onToggle;
-		$[13] = t7;
-	} else t7 = $[13];
-	let t8;
-	if ($[14] !== field.label || $[15] !== resolveText) {
-		t8 = resolveText(field.label);
-		$[14] = field.label;
-		$[15] = resolveText;
-		$[16] = t8;
-	} else t8 = $[16];
+		$[13] = isVisible;
+		$[14] = onToggle;
+		$[15] = t8;
+	} else t8 = $[15];
 	let t9;
-	if ($[17] !== t8) {
-		t9 = /* @__PURE__ */ jsx("span", {
-			className: "text-sm font-medium",
-			children: t8
-		});
-		$[17] = t8;
+	if ($[16] !== field.label || $[17] !== resolveText) {
+		t9 = resolveText(field.label);
+		$[16] = field.label;
+		$[17] = resolveText;
 		$[18] = t9;
 	} else t9 = $[18];
 	let t10;
-	if ($[19] !== field.type) {
+	if ($[19] !== t9) {
 		t10 = /* @__PURE__ */ jsx("span", {
-			className: "text-muted-foreground ml-auto text-xs",
-			children: field.type
+			className: "text-sm font-medium",
+			children: t9
 		});
-		$[19] = field.type;
+		$[19] = t9;
 		$[20] = t10;
 	} else t10 = $[20];
 	let t11;
-	if ($[21] !== t10 || $[22] !== t7 || $[23] !== t9) {
-		t11 = /* @__PURE__ */ jsxs("label", {
+	if ($[21] !== field.type) {
+		t11 = /* @__PURE__ */ jsx("span", {
+			className: "text-muted-foreground ml-auto text-xs",
+			children: field.type
+		});
+		$[21] = field.type;
+		$[22] = t11;
+	} else t11 = $[22];
+	let t12;
+	if ($[23] !== t10 || $[24] !== t11 || $[25] !== t8) {
+		t12 = /* @__PURE__ */ jsxs("label", {
 			className: "flex flex-1 cursor-pointer items-center gap-3",
 			children: [
-				t7,
-				t9,
-				t10
+				t8,
+				t10,
+				t11
 			]
 		});
-		$[21] = t10;
-		$[22] = t7;
-		$[23] = t9;
+		$[23] = t10;
 		$[24] = t11;
-	} else t11 = $[24];
-	let t12;
-	if ($[25] !== setNodeRef || $[26] !== style || $[27] !== t11 || $[28] !== t4 || $[29] !== t6) {
-		t12 = /* @__PURE__ */ jsxs("div", {
+		$[25] = t8;
+		$[26] = t12;
+	} else t12 = $[26];
+	let t13;
+	if ($[27] !== setNodeRef || $[28] !== style || $[29] !== t12 || $[30] !== t5 || $[31] !== t7) {
+		t13 = /* @__PURE__ */ jsxs("div", {
 			ref: setNodeRef,
 			style,
-			className: t4,
-			children: [t6, t11]
+			className: t5,
+			children: [t7, t12]
 		});
-		$[25] = setNodeRef;
-		$[26] = style;
-		$[27] = t11;
-		$[28] = t4;
-		$[29] = t6;
-		$[30] = t12;
-	} else t12 = $[30];
-	return t12;
+		$[27] = setNodeRef;
+		$[28] = style;
+		$[29] = t12;
+		$[30] = t5;
+		$[31] = t7;
+		$[32] = t13;
+	} else t13 = $[32];
+	return t13;
 }
 /**
 * Sort fields by visibleColumns order:
@@ -274,8 +281,8 @@ function ColumnsTab(t0) {
 	} else t10 = $[31];
 	let t11;
 	if ($[32] !== orderedFields.length || $[33] !== t) {
-		t11 = orderedFields.length === 0 && /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground p-8 text-center text-sm",
+		t11 = orderedFields.length === 0 && /* @__PURE__ */ jsx("p", {
+			className: "text-muted-foreground py-2 text-sm",
 			children: t("viewOptions.noFieldsAvailable")
 		});
 		$[32] = orderedFields.length;