@plitzi/sdk-elements 0.36.0 → 0.36.2

package/dist/elements/provider/ApiContainer/hooks/useApi.mjs

@@ -1,9 +1,10 @@
 import { useCallback as e, useId as t, useMemo as n } from "react";
-import { emptyObject as r } from "@plitzi/sdk-shared/helpers/utils";
-import { authFailureFromResponse as i, reportAuthFailure as a } from "@plitzi/sdk-shared/auth";
-import { requestKey as o, useQuery as s } from "@plitzi/sdk-shared/queries";
+import { hasValidToken as r } from "@plitzi/sdk-shared/helpers/twigWrapper";
+import { emptyObject as i } from "@plitzi/sdk-shared/helpers/utils";
+import { authFailureFromResponse as a, reportAuthFailure as o } from "@plitzi/sdk-shared/auth";
+import { requestKey as s, useQuery as c } from "@plitzi/sdk-shared/queries";
 //#region src/elements/provider/ApiContainer/hooks/useApi.ts
-var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
+var l = 30, u = 300, d = (e) => !!e && e !== "{}" && e !== i, f = (e) => {
 	if (typeof e != "string") return {
 		status: 200,
 		data: e
@@ -19,22 +20,23 @@ var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
 			data: e.message
 		};
 	}
-}, f = async (e, t, n, r) => {
+}, p = async (e, t, n, r, i) => {
 	if (!e) return {
 		status: 400,
 		data: "URL is required"
 	};
-	let o = new Headers(r);
-	o.has("Content-Type") || o.set("Content-Type", "application/json");
-	let s = {
+	let s = new Headers(r);
+	s.has("Content-Type") || s.set("Content-Type", "application/json");
+	let c = {
 		method: t,
 		credentials: n,
-		headers: o
+		headers: s,
+		signal: i
 	};
-	t !== "get" && (s.body = "{}");
+	t !== "get" && (c.body = "{}");
 	try {
-		let t = await fetch(e, s), n = await t.json(), r = i(t.status, n);
-		return r && a({
+		let t = await fetch(e, c), n = await t.json(), r = a(t.status, n);
+		return r && o({
 			reason: r,
 			url: e
 		}), {
@@ -42,57 +44,59 @@ var c = 30, l = 300, u = (e) => !!e && e !== "{}" && e !== r, d = (e) => {
 			data: n
 		};
 	} catch (e) {
+		if (i.aborted) throw e;
 		return console.error(e.message), {
 			status: 500,
 			data: e.message
 		};
 	}
-}, p = (e) => e.status < 400, m = (e, t) => {
+}, m = (e) => e.status < 400, h = (e, t) => {
 	let n = typeof e == "number" ? e : Number(e);
 	return (Number.isFinite(n) && n >= 0 ? n : t) * 1e3;
-}, h = ({ url: i = "", method: a = "get", mock: c, customHeaders: l = r, enabled: h = !0, credentials: g = "same-origin", cache: _ = !1, staleTime: v = 30, gcTime: y = 300, tags: b }) => {
-	let x = u(c), S = t(), C = n(() => {
-		if (x || !i) return;
-		let e = o({
-			method: a,
-			url: i,
-			credentials: g,
-			headers: l
+}, g = ({ url: a = "", method: o = "get", mock: l, customHeaders: u = i, enabled: g = !0, credentials: _ = "same-origin", cache: v = !1, staleTime: y = 30, gcTime: b = 300, tags: x }) => {
+	let S = d(l), C = t(), w = !S && (!a || r(a)), T = n(() => {
+		if (S || w) return;
+		let e = s({
+			method: o,
+			url: a,
+			credentials: _,
+			headers: u
 		});
-		return _ ? e : `${e}#${S}`;
+		return v ? e : `${e}#${C}`;
 	}, [
-		x,
-		i,
+		S,
+		w,
 		a,
-		g,
-		l,
+		o,
 		_,
-		S
-	]), w = e(() => f(i, a, g, l), [
-		i,
+		u,
+		v,
+		C
+	]), E = e((e) => p(a, o, _, u, e), [
 		a,
-		g,
-		l
-	]), T = s({
-		key: C,
+		o,
+		_,
+		u
+	]), D = c({
+		key: T,
 		meta: {
-			url: i,
-			tags: b
+			url: a,
+			tags: x
 		},
-		fetcher: w,
-		enabled: h,
-		staleTime: _ ? m(v, 30) : 0,
-		gcTime: _ ? m(y, 300) : 0,
-		isCacheable: p
-	}), E = n(() => x ? d(c) : void 0, [x, c]), D = h && E ? E : T.data, O = !E && T.isFetching;
+		fetcher: E,
+		enabled: g,
+		staleTime: v ? h(y, 30) : 0,
+		gcTime: v ? h(b, 300) : 0,
+		isCacheable: m
+	}), O = n(() => S ? f(l) : void 0, [S, l]), k = g && O ? O : D.data, A = !O && D.isFetching;
 	return {
-		isLoading: O && D === void 0,
-		isFetching: O,
-		data: D,
-		refetch: T.refetch,
-		isSuccess: !O && !!D && D.status < 400,
-		isError: !O && !!D && D.status >= 400
+		isLoading: A && k === void 0,
+		isFetching: A,
+		data: k,
+		refetch: D.refetch,
+		isSuccess: !w && !A && !!k && k.status < 400,
+		isError: !w && !A && !!k && k.status >= 400
 	};
 };
 //#endregion
-export { l as DEFAULT_GC_TIME, c as DEFAULT_STALE_TIME, h as default };
+export { u as DEFAULT_GC_TIME, l as DEFAULT_STALE_TIME, g as default };

package/dist/elements/structure/DialogContainer/DialogContainer.mjs

@@ -1,18 +1,19 @@
 import e from "../../../Element/hocs/withElement.mjs";
 import t from "../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../Element/RootElement.mjs";
-import r from "./declaration.mjs";
-import { use as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as u } from "@plitzi/nexus/react";
-import { emptyObject as d, getPathsFromObeject as f } from "@plitzi/sdk-shared/helpers/utils";
+import r from "../../../dataSource/pathFields.mjs";
+import i from "./declaration.mjs";
+import { use as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { StoreProvider as d } from "@plitzi/nexus/react";
+import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "clsx";
 import g from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import _ from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/DialogContainer/DialogContainer.tsx
 var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Header", acceptButtonLabel: x = "Accept", acceptButtonLabelLoading: S = "Loading...", rejectButtonLabel: C = "Cancel", autoHideAfterClick: w = !0 }) => {
-	let { id: T, setElementState: E, definition: { styleSelectors: D, label: O = "Dialog" }, elementState: k } = t(), A = g(r.sourceType, T), { contexts: { InteractionsContext: j } } = l(), { interactionsManager: M } = i(j), [N, P] = c({}), [F, I] = c(!1), L = a((e) => {
+	let { id: T, setElementState: E, definition: { styleSelectors: D, label: O = "Dialog" }, elementState: k } = t(), A = g(i.sourceType, T), { contexts: { InteractionsContext: j } } = u(), { interactionsManager: M } = a(j), [N, P] = l({}), [F, I] = l(!1), L = o((e) => {
 		let { metadata: t } = e;
 		if (t && typeof t == "object") P(t);
 		else if (typeof t == "string") try {
@@ -25,7 +26,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 			...e,
 			visibility: !0
 		}));
-	}, [E, P]), R = a(() => {
+	}, [E, P]), R = o(() => {
 		M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -36,7 +37,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		P,
 		N,
 		T
-	]), z = a(() => {
+	]), z = o(() => {
 		w && (M.interactionTrigger(T, "onDialogClose", { metadata: N }), P({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -48,7 +49,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		P,
 		N,
 		T
-	]), B = a(async () => {
+	]), B = o(async () => {
 		I(!0), await M.interactionTrigger(T, "onDialogAccept", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
@@ -58,7 +59,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		T,
 		N,
 		E
-	]), V = a(async () => {
+	]), V = o(async () => {
 		I(!0), await M.interactionTrigger(T, "onDialogReject", { metadata: N }), I(!1), E((e) => ({
 			...e,
 			visibility: !1
@@ -68,7 +69,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		T,
 		N,
 		E
-	]), H = s(() => ({
+	]), H = c(() => ({
 		onDialogAccept: {
 			action: "onDialogAccept",
 			title: "On Dialog Accept",
@@ -109,7 +110,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 			} },
 			preview: { metadata: "" }
 		}
-	}), []), U = s(() => ({
+	}), []), U = c(() => ({
 		openDialog: {
 			action: "openDialog",
 			title: `Open ${O}`,
@@ -134,7 +135,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		L,
 		O
 	]);
-	o(() => {
+	s(() => {
 		k.visibility !== !1 && M.interactionTrigger(T, "onDialogOpen", { metadata: N });
 	}, [
 		T,
@@ -142,23 +143,14 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 		N,
 		k.visibility
 	]);
-	let W = a(() => typeof N == "object" ? f(N).reduce((e, t) => {
-		let n = t.split(".");
-		return n.length > 1 ? [...e, {
-			path: t,
-			name: n.slice(n.length - 2).join(" ")
-		}] : [...e, {
-			path: t,
-			name: n[n.length - 1]
-		}];
-	}, []) : [], [N]);
+	let W = o(() => r(N), [N]);
 	_({
 		id: T,
 		source: A,
 		name: O || `Dialog - ${T}`,
 		fields: W
 	});
-	let G = s(() => A ? { runtime: { sources: { [A]: N } } } : d, [A, N]);
+	let G = c(() => A ? { runtime: { sources: { [A]: N } } } : f, [A, N]);
 	return /* @__PURE__ */ m(n, {
 		ref: e,
 		className: h("plitzi-component__dialog-container", v),
@@ -183,7 +175,7 @@ var v = ({ ref: e, className: v = "", children: y, headerLabel: b = "Dialog Head
 				}),
 				/* @__PURE__ */ p("div", {
 					className: h("dialog-container__body", D.body),
-					children: /* @__PURE__ */ p(u, {
+					children: /* @__PURE__ */ p(d, {
 						inherit: "live",
 						name: `Dialog:${T}`,
 						value: G,

package/dist/elements/structure/ModalContainer/ModalContainer.mjs

@@ -1,18 +1,19 @@
 import e from "../../../Element/hocs/withElement.mjs";
 import t from "../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../Element/RootElement.mjs";
-import r from "./declaration.mjs";
-import { use as i, useCallback as a, useEffect as o, useMemo as s, useState as c } from "react";
-import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as u } from "@plitzi/nexus/react";
-import { emptyObject as d, getPathsFromObeject as f } from "@plitzi/sdk-shared/helpers/utils";
+import r from "../../../dataSource/pathFields.mjs";
+import i from "./declaration.mjs";
+import { use as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
+import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { StoreProvider as d } from "@plitzi/nexus/react";
+import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import h from "clsx";
 import g from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import _ from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/ModalContainer/ModalContainer.tsx
 var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", autoHideAfterClick: x = !0 }) => {
-	let { id: S, definition: { styleSelectors: C, label: w = "Modal" }, elementState: T, setElementState: E } = t(), D = g(r.sourceType, S), { contexts: { InteractionsContext: O } } = l(), { interactionsManager: k } = i(O), [A, j] = c({}), M = a((e) => {
+	let { id: S, definition: { styleSelectors: C, label: w = "Modal" }, elementState: T, setElementState: E } = t(), D = g(i.sourceType, S), { contexts: { InteractionsContext: O } } = u(), { interactionsManager: k } = a(O), [A, j] = l({}), M = o((e) => {
 		let { metadata: t } = e;
 		if (t && typeof t == "object") j(t);
 		else if (typeof t == "string") try {
@@ -25,7 +26,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 			...e,
 			visibility: !0
 		}));
-	}, [E, j]), N = a(() => {
+	}, [E, j]), N = o(() => {
 		k.interactionTrigger(S, "onModalClose", { metadata: A }), j({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -36,7 +37,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 		j,
 		A,
 		S
-	]), P = a(() => {
+	]), P = o(() => {
 		x && (k.interactionTrigger(S, "onModalClose", { metadata: A }), j({}), E((e) => ({
 			...e,
 			visibility: !1
@@ -48,7 +49,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 		j,
 		A,
 		S
-	]), F = s(() => ({
+	]), F = c(() => ({
 		onModalOpen: {
 			action: "onModalOpen",
 			title: "On Modal Open",
@@ -66,7 +67,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 			preview: {},
 			params: {}
 		}
-	}), []), I = s(() => ({
+	}), []), I = c(() => ({
 		openModal: {
 			action: "openModal",
 			title: `Open ${w}`,
@@ -91,7 +92,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 		M,
 		w
 	]);
-	o(() => {
+	s(() => {
 		T.visibility !== !1 && k.interactionTrigger(S, "onModalOpen", { metadata: A });
 	}, [
 		S,
@@ -99,23 +100,14 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 		A,
 		T.visibility
 	]);
-	let L = a(() => f(A).reduce((e, t) => {
-		let n = t.split(".");
-		return n.length > 1 ? [...e, {
-			path: t,
-			name: n.slice(n.length - 2).join(" ")
-		}] : [...e, {
-			path: t,
-			name: n[n.length - 1]
-		}];
-	}, []), [A]);
+	let L = o(() => r(A), [A]);
 	_({
 		id: S,
 		source: D,
 		name: w || `Modal - ${S}`,
 		fields: L
 	});
-	let R = s(() => D ? { runtime: { sources: { [D]: A } } } : d, [D, A]);
+	let R = c(() => D ? { runtime: { sources: { [D]: A } } } : f, [D, A]);
 	return /* @__PURE__ */ m(n, {
 		ref: e,
 		className: h("plitzi-component__modal-container", v),
@@ -138,7 +130,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
 				})]
 			}), /* @__PURE__ */ p("div", {
 				className: h("modal-container__body", C.bodyContainer),
-				children: /* @__PURE__ */ p(u, {
+				children: /* @__PURE__ */ p(d, {
 					inherit: "live",
 					name: `Modal:${S}`,
 					value: R,

package/dist/index.d.ts

@@ -370,8 +370,8 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        referenceId: string;
         referenceType: import('@plitzi/sdk-shared').ElementLayoutType;
+        referenceId: string;
         referenceContainer: string;
     }>>;
     blockHtml: {
@@ -1011,7 +1011,9 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        layout?: string | undefined;
         subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | undefined;
+        layoutContainer?: string | undefined;
     }>>;
     dialogContainer: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/structure/DialogContainer/DialogContainer').DialogContainerProps>): import("react").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.36.0",
+  "version": "0.36.2",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -30,10 +30,18 @@
       "types": "./dist/Element/ElementContext.d.ts",
       "import": "./dist/Element/ElementContext.mjs"
     },
+    "./Element/ElementParentContext": {
+      "types": "./dist/Element/ElementParentContext.d.ts",
+      "import": "./dist/Element/ElementParentContext.mjs"
+    },
     "./Element/JsxManager": {
       "types": "./dist/Element/JsxManager.d.ts",
       "import": "./dist/Element/JsxManager.mjs"
     },
+    "./Element/LayoutBody": {
+      "types": "./dist/Element/LayoutBody.d.ts",
+      "import": "./dist/Element/LayoutBody.mjs"
+    },
     "./Element/PluginManager": {
       "types": "./dist/Element/PluginManager.d.ts",
       "import": "./dist/Element/PluginManager.mjs"
@@ -126,6 +134,10 @@
       "types": "./dist/Element/hooks/useInternalItems.d.ts",
       "import": "./dist/Element/hooks/useInternalItems.mjs"
     },
+    "./Element/hooks/useLayoutChain": {
+      "types": "./dist/Element/hooks/useLayoutChain.d.ts",
+      "import": "./dist/Element/hooks/useLayoutChain.mjs"
+    },
     "./Element/hooks/useRootElementInteractions": {
       "types": "./dist/Element/hooks/useRootElementInteractions.d.ts",
       "import": "./dist/Element/hooks/useRootElementInteractions.mjs"
@@ -154,6 +166,10 @@
       "types": "./dist/dataSource/index.d.ts",
       "import": "./dist/dataSource/index.mjs"
     },
+    "./dataSource/pathFields": {
+      "types": "./dist/dataSource/pathFields.d.ts",
+      "import": "./dist/dataSource/pathFields.mjs"
+    },
     "./elements": {
       "types": "./dist/elements/index.d.ts",
       "import": "./dist/elements/index.mjs"
@@ -574,6 +590,18 @@
       "types": "./dist/elements/internal/LayoutContainer/index.d.ts",
       "import": "./dist/elements/internal/LayoutContainer/index.mjs"
     },
+    "./elements/internal/LayoutPicker": {
+      "types": "./dist/elements/internal/LayoutPicker/index.d.ts",
+      "import": "./dist/elements/internal/LayoutPicker/index.mjs"
+    },
+    "./elements/internal/LayoutPicker/LayoutPicker": {
+      "types": "./dist/elements/internal/LayoutPicker/LayoutPicker.d.ts",
+      "import": "./dist/elements/internal/LayoutPicker/LayoutPicker.mjs"
+    },
+    "./elements/internal/LayoutPicker/index": {
+      "types": "./dist/elements/internal/LayoutPicker/index.d.ts",
+      "import": "./dist/elements/internal/LayoutPicker/index.mjs"
+    },
     "./elements/internal/Loading": {
       "types": "./dist/elements/internal/Loading/index.d.ts",
       "import": "./dist/elements/internal/Loading/index.mjs"
@@ -984,15 +1012,15 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@plitzi/nexus": "^1.2.0",
+    "@plitzi/nexus": "^1.2.2",
     "@plitzi/plitzi-ui": "^1.6.21",
-    "@plitzi/sdk-auth": "0.36.0",
-    "@plitzi/sdk-dev-tools": "0.36.0",
-    "@plitzi/sdk-event-bridge": "0.36.0",
-    "@plitzi/sdk-interactions": "0.36.0",
-    "@plitzi/sdk-navigation": "0.36.0",
-    "@plitzi/sdk-schema": "0.36.0",
-    "@plitzi/sdk-shared": "0.36.0",
+    "@plitzi/sdk-auth": "0.36.2",
+    "@plitzi/sdk-dev-tools": "0.36.2",
+    "@plitzi/sdk-event-bridge": "0.36.2",
+    "@plitzi/sdk-interactions": "0.36.2",
+    "@plitzi/sdk-navigation": "0.36.2",
+    "@plitzi/sdk-schema": "0.36.2",
+    "@plitzi/sdk-shared": "0.36.2",
     "clsx": "^2.1.1",
     "immer": "^11.1.18"
   },
@@ -1005,6 +1033,6 @@
     "react": "^19.3.0",
     "typescript": "^6.0.3",
     "vite": "^8.3.0",
-    "vitest": "^5.0.0"
+    "vitest": "^5.0.1"
   }
 }