@ghentcdh/crouton-vue 0.0.1-alpha.1

package/dist/AdminView-oAUAL8cC.js

@@ -0,0 +1,47 @@
+import { n as e, o as t, r as n } from "./useCrouton-PpomcThZ.js";
+import { Drawer as r } from "@ghentcdh/ui";
+import { Fragment as i, createBlock as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, openBlock as d, renderList as f, resolveComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+import { RouterLink as _ } from "vue-router";
+//#region src/admin/AdminView.vue?vue&type=script&setup=true&lang.ts
+var v = { class: "gap-2 flex flex-col h-full" }, y = { class: "menu w-full gap-2 flex-1 flex-grow h-full" }, b = { key: 0 }, x = { open: "" }, S = { class: "font-semibold" }, C = { key: 1 }, w = { class: "bg-base-200 p-4 text-gray-500 text-sm" }, T = /* @__PURE__ */ u({
+	__name: "AdminView",
+	setup(u) {
+		let T = e();
+		return (e, u) => {
+			let E = p("router-view");
+			return d(), a(h(r), {
+				class: "_h-full",
+				"width-left": 250,
+				"drawer-color": "bg-base-200"
+			}, {
+				"left-drawer": g(() => [s("div", v, [
+					s("h2", null, m(h(T).title) + " Admin", 1),
+					s("ul", y, [(d(!0), o(i, null, f(h(T).sidebar, (e) => (d(), o(i, { key: e.id }, [h(n)(e) ? (d(), o("li", b, [s("details", x, [s("summary", S, m(e.label), 1), s("ul", null, [(d(!0), o(i, null, f(e.children, (e) => (d(), o("li", { key: e.id }, [l(h(_), {
+						to: {
+							name: h(t),
+							params: { formId: e.id }
+						},
+						"active-class": "bg-white font-bold"
+					}, {
+						default: g(() => [c(m(e.label), 1)]),
+						_: 2
+					}, 1032, ["to"])]))), 128))])])])) : (d(), o("li", C, [l(h(_), {
+						to: {
+							name: h(t),
+							params: { formId: e.id }
+						},
+						"active-class": "bg-white font-bold"
+					}, {
+						default: g(() => [c(m(e.label), 1)]),
+						_: 2
+					}, 1032, ["to"])]))], 64))), 128))]),
+					s("div", w, " version: " + m(h(T).version), 1)
+				])]),
+				default: g(() => [l(E)]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { T as default };

package/dist/ResourceView-CfBofOPI.js

@@ -0,0 +1,127 @@
+import { t as e, u as t } from "./useResources-eUWEFuta.js";
+import { n } from "./useCrouton-PpomcThZ.js";
+import { Btn as r, IconEnum as i } from "@ghentcdh/ui";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, mergeProps as p, openBlock as m, resolveDynamicComponent as h, shallowRef as g, toDisplayString as _, toRaw as v, unref as y, watch as b, withCtx as x } from "vue";
+import { TableComponent as S, TableToolbar as C } from "@ghentcdh/crouton-forms-vue";
+import { useRoute as w, useRouter as T } from "vue-router";
+//#region src/resource/ResourceTable.vue?vue&type=script&setup=true&lang.ts
+var E = { key: 0 }, D = {
+	key: 1,
+	class: "max-w-screen-xl m-auto p-4"
+}, O = { class: "text-xl font-bold mr-4" }, k = /* @__PURE__ */ f({
+	__name: "ResourceTable",
+	props: {
+		formId: { type: String },
+		initialRequestParams: {
+			type: Object,
+			default: {}
+		}
+	},
+	emits: [
+		"handleEvent",
+		"onRequest",
+		"initialLoad"
+	],
+	setup(f, { emit: w }) {
+		let T = n(), k = f, A = o(() => `${k.formId}_${Date.now()}`), j = t(() => T.getFormDef(k.formId)), M = w, N = (e, t) => {
+			M("handleEvent", {
+				event: e,
+				data: t
+			});
+		}, P = (e) => M("onRequest", { requestData: e }), F = g(e(j.value, {
+			initialRequestParams: { ...v(k.initialRequestParams) },
+			onRequest: P,
+			handleEvent: N
+		}));
+		b(() => j.value, (t) => {
+			F.value = t ? e(j.value, {
+				initialRequestParams: { ...v(k.initialRequestParams) },
+				onRequest: P,
+				handleEvent: N
+			}) : null;
+		}), b(() => F.value, () => {
+			F.value && M("initialLoad", F.value);
+		}, { once: !0 });
+		let I = o(() => F.value?.form);
+		return (e, t) => (m(), l(a, null, [I.value ? (m(), l("div", E, [(m(), s(h(I.value.component), p(I.value.config, { onCloseModal: F.value.closeForm }), {
+			"content-after": x(() => [I.value.customComponent ? (m(), s(h(I.value.customComponent), p({
+				key: 0,
+				resource: F.value
+			}, I.value.config), null, 16, ["resource"])) : c("", !0)]),
+			_: 1
+		}, 16, ["onCloseModal"]))])) : c("", !0), y(j) && F.value && !I.value?.hideTable ? (m(), l("div", D, [d(y(C), {
+			"filter-schema": F.value.filterSchema,
+			filters: F.value.filter,
+			search: F.value.search,
+			actions: F.value.tableActions,
+			onUpdateSearch: F.value.onUpdateSearch,
+			onUpdateFilters: F.value.onUpdateFilters,
+			onAction: F.value.backendAction
+		}, {
+			left: x(() => [u("span", O, _(y(j).title), 1)]),
+			right: x(() => [y(j).operations.create ? (m(), s(y(r), {
+				key: 0,
+				icon: y(i).Plus,
+				onClick: F.value.create
+			}, {
+				default: x(() => [...t[0] ||= [u("span", { class: "whitespace-nowrap" }, "Add record", -1)]]),
+				_: 1
+			}, 8, ["icon", "onClick"])) : c("", !0)]),
+			_: 1
+		}, 8, [
+			"filter-schema",
+			"filters",
+			"search",
+			"actions",
+			"onUpdateSearch",
+			"onUpdateFilters",
+			"onAction"
+		]), d(y(S), p({ id: `form_table_${A.value}` }, F.value), null, 16, ["id"])])) : c("", !0)], 64));
+	}
+}), A = /* @__PURE__ */ f({
+	__name: "ResourceView",
+	setup(e) {
+		let r = w(), i = T(), a = o(() => r.params.formId), c = n();
+		o(() => `${a.value}_${Date.now()}`), t(() => c.getFormDef(a.value));
+		let l = ({ event: e, data: t }) => {
+			let n = {
+				id: t?.id,
+				event: e
+			};
+			e === "close" && (n = {
+				id: void 0,
+				event: void 0
+			}), i.push({ query: {
+				...r.query,
+				...n
+			} });
+		}, u = (e) => {
+			i.push({ query: {
+				...r.query,
+				...e
+			} });
+		}, d = (e) => {
+			let t = r.query.id, n = r.query.event;
+			if (n && (n === "create" && e.create(), t)) switch (n) {
+				case "view":
+					e.view(t);
+					break;
+				case "update":
+					e.edit(t);
+					break;
+				case "delete":
+					e.delete(t);
+					break;
+			}
+		};
+		return (e, t) => (m(), s(k, {
+			"form-id": a.value,
+			"initial-request-params": y(r).query,
+			onHandleEvent: l,
+			onOnRequest: u,
+			onInitialLoad: d
+		}, null, 8, ["form-id", "initial-request-params"]));
+	}
+});
+//#endregion
+export { A as default };

package/dist/admin/AdminView.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLElement>;
+export default _default;
+//# sourceMappingURL=AdminView.vue.d.ts.map

package/dist/admin/AdminView.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminView.vue.d.ts","sourceRoot":"","sources":["../../src/admin/AdminView.vue"],"names":[],"mappings":"AA6CA;;AAqMA,wBAMG"}

package/dist/composables/form-def.d.ts

@@ -0,0 +1,7 @@
+import { FormDef } from './form-def.types';
+export declare class FormDefCache {
+    private cache;
+    getFormDef(formId: string): Promise<FormDef>;
+    getFormDefByUri(uri: string): Promise<FormDef>;
+}
+//# sourceMappingURL=form-def.d.ts.map

package/dist/composables/form-def.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-def.d.ts","sourceRoot":"","sources":["../../src/composables/form-def.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAc,MAAM,kBAAkB,CAAC;AA4C5D,qBAAa,YAAY;IACvB,OAAO,CAAC,KAAK,CAAuC;IAE9C,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAI5C,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;CA+BrD"}