@oktis-works/admin 0.4.10 → 0.4.14

package/dist/server/chunks/{ContentEditor_D9pMXYZY.mjs → ContentEditor_Dtmf4Zk6.mjs}

@@ -1,5 +1,6 @@
-import { n as useTranslation, r as apiClient } from "./i18n_DnHqy5K-.mjs";
-import { a as For2, d as createMemo$1, f as createSignal$1, l as Show2 } from "./DashboardLayout_D5cpVFW2.mjs";
+import { n as useTranslation, r as apiClient } from "./i18n_Csb4GGX2.mjs";
+import { a as For2, d as createMemo$1, f as createSignal$1, l as Show2 } from "./DashboardLayout_DnE23ArY.mjs";
+import { t as FieldTypePicker } from "./FieldTypePicker_CXwpmcQ3.mjs";
 import { createComponent, escape, memo, ssr, ssrAttribute, ssrHydrationKey } from "solid-js/web";
 import { For, Show, createMemo, createSignal, onMount } from "solid-js";
 //#region ../../packages/validation/dist/client-validate.js
@@ -512,21 +513,21 @@ function expandCloneFields(fields) {
 }
 //#endregion
 //#region src/components/content/RelationshipPicker.tsx
-var _tmpl$$3 = [
+var _tmpl$$2 = [
 	"<ul",
 	" class=\"relationship-picker__selection\">",
 	"</ul>"
 ];
-var _tmpl$2$3 = ["<li", " class=\"relationship-picker__empty\">Buscando...</li>"];
-var _tmpl$3$3 = ["<li", " class=\"relationship-picker__empty\">Nenhum resultado</li>"];
-var _tmpl$4$3 = [
+var _tmpl$2$2 = ["<li", " class=\"relationship-picker__empty\">Buscando...</li>"];
+var _tmpl$3$2 = ["<li", " class=\"relationship-picker__empty\">Nenhum resultado</li>"];
+var _tmpl$4$2 = [
 	"<ul",
 	" class=\"relationship-picker__results\"><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--><!--$-->",
 	"<!--/--></ul>"
 ];
-var _tmpl$5$3 = [
+var _tmpl$5$2 = [
 	"<div",
 	" class=\"relationship-picker\"><!--$-->",
 	"<!--/--><input type=\"search\" class=\"input\"",
@@ -555,12 +556,12 @@ function RelationshipPicker(props) {
 		if (Array.isArray(value)) return value.map(String);
 		return value ? [String(value)] : [];
 	});
-	return ssr(_tmpl$5$3, ssrHydrationKey(), escape(createComponent(Show2, {
+	return ssr(_tmpl$5$2, ssrHydrationKey(), escape(createComponent(Show2, {
 		get when() {
 			return selected().length > 0 || selectedIds().length > 0;
 		},
 		get children() {
-			return ssr(_tmpl$$3, ssrHydrationKey(), escape(createComponent(For2, {
+			return ssr(_tmpl$$2, ssrHydrationKey(), escape(createComponent(For2, {
 				get each() {
 					return selected();
 				},
@@ -572,12 +573,12 @@ function RelationshipPicker(props) {
 			return memo(() => !!open())() && (loading() || results().length > 0);
 		},
 		get children() {
-			return ssr(_tmpl$4$3, ssrHydrationKey(), escape(createComponent(Show2, {
+			return ssr(_tmpl$4$2, ssrHydrationKey(), escape(createComponent(Show2, {
 				get when() {
 					return loading();
 				},
 				get children() {
-					return ssr(_tmpl$2$3, ssrHydrationKey());
+					return ssr(_tmpl$2$2, ssrHydrationKey());
 				}
 			})), escape(createComponent(For2, {
 				get each() {
@@ -589,7 +590,7 @@ function RelationshipPicker(props) {
 					return memo(() => !!!loading())() && results().length === 0;
 				},
 				get children() {
-					return ssr(_tmpl$3$3, ssrHydrationKey());
+					return ssr(_tmpl$3$2, ssrHydrationKey());
 				}
 			})));
 		}
@@ -597,18 +598,18 @@ function RelationshipPicker(props) {
 }
 //#endregion
 //#region src/components/content/FieldRenderer.tsx
-var _tmpl$$2 = ["<span", " class=\"field-renderer__required\">*</span>"];
-var _tmpl$2$2 = [
+var _tmpl$$1 = ["<span", " class=\"field-renderer__required\">*</span>"];
+var _tmpl$2$1 = [
 	"<p",
 	" class=\"field-renderer__instructions\">",
 	"</p>"
 ];
-var _tmpl$3$2 = [
+var _tmpl$3$1 = [
 	"<p",
 	" class=\"field-renderer__error\" role=\"alert\">",
 	"</p>"
 ];
-var _tmpl$4$2 = [
+var _tmpl$4$1 = [
 	"<div",
 	" class=\"field-renderer\"",
 	"><label class=\"field-renderer__label\"><!--$-->",
@@ -618,7 +619,7 @@ var _tmpl$4$2 = [
 	"<!--/--><!--$-->",
 	"<!--/--></div>"
 ];
-var _tmpl$5$2 = [
+var _tmpl$5$1 = [
 	"<input",
 	" type=\"text\" class=\"input\"",
 	">"
@@ -787,19 +788,19 @@ function FieldRenderer(props) {
 			return memo(() => !!visible())() && !LAYOUT_ONLY.has(props.field.type);
 		},
 		get children() {
-			return ssr(_tmpl$4$2, ssrHydrationKey(), ssrAttribute("data-field-type", escape(props.field.type, true), false), escape(props.field.label), escape(createComponent(Show, {
+			return ssr(_tmpl$4$1, ssrHydrationKey(), ssrAttribute("data-field-type", escape(props.field.type, true), false), escape(props.field.label), escape(createComponent(Show, {
 				get when() {
 					return props.field.required;
 				},
 				get children() {
-					return ssr(_tmpl$$2, ssrHydrationKey());
+					return ssr(_tmpl$$1, ssrHydrationKey());
 				}
 			})), escape(createComponent(Show, {
 				get when() {
 					return props.field.instructions;
 				},
 				get children() {
-					return ssr(_tmpl$2$2, ssrHydrationKey(), escape(props.field.instructions));
+					return ssr(_tmpl$2$1, ssrHydrationKey(), escape(props.field.instructions));
 				}
 			})), escape(createComponent(FieldControl, {
 				get field() {
@@ -817,7 +818,7 @@ function FieldRenderer(props) {
 					return validationError();
 				},
 				get children() {
-					return ssr(_tmpl$3$2, ssrHydrationKey(), escape(validationError()));
+					return ssr(_tmpl$3$1, ssrHydrationKey(), escape(validationError()));
 				}
 			})));
 		}
@@ -826,7 +827,7 @@ function FieldRenderer(props) {
 function FieldControl(props) {
 	const config = () => props.field.config ?? {};
 	switch (props.field.type) {
-		case "text": return ssr(_tmpl$5$2, ssrHydrationKey(), ssrAttribute("maxlength", escape(config()["characterLimit"], true), false));
+		case "text": return ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("maxlength", escape(config()["characterLimit"], true), false));
 		case "textarea": return ssr(_tmpl$6$1, ssrHydrationKey(), ssrAttribute("maxlength", escape(config()["characterLimit"], true), false));
 		case "wysiwyg": return ssr(_tmpl$7$1, ssrHydrationKey());
 		case "number":
@@ -1037,82 +1038,6 @@ function RelationshipSelector(props) {
 	})));
 }
 //#endregion
-//#region src/components/content/FieldTypePicker.tsx
-var _tmpl$$1 = [
-	"<div",
-	" class=\"field-type-picker__panel\" role=\"listbox\"><input type=\"search\" class=\"field-type-picker__search\" placeholder=\"Buscar tipo de campo...\"",
-	"><!--$-->",
-	"<!--/--></div>"
-];
-var _tmpl$2$1 = [
-	"<div",
-	" class=\"field-type-picker\"><button type=\"button\" class=\"field-type-picker__trigger\"",
-	"><span><!--$-->",
-	"<!--/--> <!--$-->",
-	"<!--/--></span><span aria-hidden=\"true\">",
-	"</span></button><!--$-->",
-	"<!--/--></div>"
-];
-var _tmpl$3$1 = [
-	"<div",
-	" class=\"field-type-picker__group\"><div class=\"field-type-picker__group-label\"><!--$-->",
-	"<!--/--> <!--$-->",
-	"<!--/--></div><!--$-->",
-	"<!--/--></div>"
-];
-var _tmpl$4$1 = ["<span", " class=\"field-type-picker__hint\">sem lógica condicional</span>"];
-var _tmpl$5$1 = [
-	"<button",
-	" type=\"button\" role=\"option\"",
-	" class=\"",
-	"\"><span>",
-	"</span><span>",
-	"</span><!--$-->",
-	"<!--/--></button>"
-];
-function FieldTypePicker(props) {
-	const [open, setOpen] = createSignal(false);
-	const [query, setQuery] = createSignal("");
-	const selected = () => props.types.find((type) => type.type === props.value);
-	const filteredTypes = () => {
-		const q = query().toLowerCase();
-		return q ? props.types.filter((type) => type.label.toLowerCase().includes(q) || type.type.includes(q)) : props.types;
-	};
-	return ssr(_tmpl$2$1, ssrHydrationKey(), ssrAttribute("aria-expanded", escape(open(), true), false), escape(selected()?.icon ?? " "), escape(selected()?.label ?? "Selecione o tipo"), open() ? "▴" : "▾", escape(createComponent(Show, {
-		get when() {
-			return open();
-		},
-		get children() {
-			return ssr(_tmpl$$1, ssrHydrationKey(), ssrAttribute("value", escape(query(), true), false), escape(createComponent(For, {
-				get each() {
-					return props.categories;
-				},
-				children: (category) => {
-					const categoryTypes = filteredTypes().filter((type) => type.category === category.id);
-					return createComponent(Show, {
-						get when() {
-							return categoryTypes.length > 0;
-						},
-						get children() {
-							return ssr(_tmpl$3$1, ssrHydrationKey(), escape(category.icon), escape(category.label), escape(createComponent(For, {
-								each: categoryTypes,
-								children: (type) => ssr(_tmpl$5$1, ssrHydrationKey(), ssrAttribute("aria-selected", escape(props.value, true) === escape(type.type, true), false), `field-type-picker__option ${props.value === type.type ? "is-selected" : ""}`, escape(type.icon), escape(type.label), escape(createComponent(Show, {
-									get when() {
-										return !type.supportsConditions;
-									},
-									get children() {
-										return ssr(_tmpl$4$1, ssrHydrationKey());
-									}
-								})))
-							})));
-						}
-					});
-				}
-			})));
-		}
-	})));
-}
-//#endregion
 //#region src/components/content/ContentEditor.tsx
 var _tmpl$ = [
 	"<div",
@@ -1236,16 +1161,21 @@ function ContentEditor() {
 		} catch (err) {
 			setErrors([err instanceof Error ? err.message : String(err)]);
 		}
-		await loadGroups(draft().type);
+		await loadGroups({
+			type: draft().type,
+			slug: draft().slug,
+			status: draft().status
+		});
 	});
 	const availableLayouts = () => {
 		const layouts = /* @__PURE__ */ new Set();
 		for (const theme of themes()) for (const layout of theme.manifest?.provides?.layouts ?? []) layouts.add(layout);
 		return [...layouts].sort();
 	};
-	const loadGroups = async (type) => {
+	const loadGroups = async (context) => {
 		try {
-			const all = await apiClient.getFieldGroups(type ? { type } : void 0);
+			const query = typeof context === "string" ? { type: context } : context;
+			const all = await apiClient.getFieldGroups(query.type ? query : void 0);
 			const resolved = await Promise.all(all.filter((group) => group.active).map(async (group) => {
 				return (await apiClient.getFieldGroup(group.id)).fields ?? [];
 			}));