@plitzi/sdk-elements 0.38.8 → 0.38.10

package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs

@@ -1,8 +1,8 @@
-import e from "../../../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../../../Element/RootElement.mjs";
-import { rowKeys as n } from "./rowKeys.mjs";
-import r from "./ListControlledItem.mjs";
-import i from "../../declaration.mjs";
+import e from "../../declaration.mjs";
+import t from "../../../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../../../Element/RootElement.mjs";
+import { rowKeys as r } from "./rowKeys.mjs";
+import i from "./ListControlledItem.mjs";
 import { useCallback as a, useMemo as o } from "react";
 import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { get as c } from "@plitzi/plitzi-ui/helpers";
@@ -13,41 +13,42 @@ import m from "clsx";
 import h from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
-var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x = [], itemKey: S }) => {
-	let { id: C, definition: { label: w } } = e(), T = h(i.sourceType, C), { settings: { previewMode: E } } = s(), D = o(() => Array.isArray(x) ? x : [], [x]), O = o(() => n(D, S), [D, S]), k = a(() => d({
-		item: c(D, "0", {}),
+var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x = [], itemKey: S, label: C = "" }) => {
+	let { id: w, definition: { label: T } } = t(), E = h(e.sourceType, w), { settings: { previewMode: D } } = s(), O = o(() => Array.isArray(x) ? x : [], [x]), k = o(() => r(O, S), [O, S]), A = a(() => d({
+		item: c(O, "0", {}),
 		index: 0
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [D]), A = o(() => T ? { runtime: { sources: { [T]: { items: D } } } } : u, [T, D]);
+	}], []), [O]), j = o(() => E ? { runtime: { sources: { [E]: { items: O } } } } : u, [E, O]);
 	return g({
-		id: C,
-		source: T,
-		name: w || `List - ${C}`,
-		fields: k
-	}), /* @__PURE__ */ p(t, {
+		id: w,
+		source: E,
+		name: T || `List - ${w}`,
+		fields: A
+	}), /* @__PURE__ */ p(n, {
 		ref: _,
 		tag: y,
-		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !E }),
+		"aria-label": C || void 0,
+		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !D }),
 		children: [/* @__PURE__ */ f(l, {
 			inherit: "live",
-			name: `List:${C}`,
-			value: A,
-			children: D.map((e, t) => !b || Array.isArray(b) && b.length === 0 ? /* @__PURE__ */ f("div", {
+			name: `List:${w}`,
+			value: j,
+			children: O.map((e, t) => !b || Array.isArray(b) && b.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
 				children: /* @__PURE__ */ f("div", {
 					className: "controlled-list-item__counter",
 					children: `List Item - ${t + 1}`
 				})
-			}, t) : /* @__PURE__ */ f(r, {
+			}, t) : /* @__PURE__ */ f(i, {
 				index: t,
-				isTemplate: t !== 0 && !E,
+				isTemplate: t !== 0 && !D,
 				record: e,
-				source: T,
+				source: E,
 				children: b
-			}, O[t]))
-		}), !E && D.length === 0 && /* @__PURE__ */ f("div", {
+			}, k[t]))
+		}), !D && O.length === 0 && /* @__PURE__ */ f("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]

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

@@ -1,9 +1,9 @@
-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 "../../../dataSource/pathFields.mjs";
-import i from "./useModalDialog.mjs";
-import a from "./declaration.mjs";
+import e from "./declaration.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "../../../Element/hooks/useElement.mjs";
+import { RootElement as r } from "../../../Element/RootElement.mjs";
+import i from "../../../dataSource/pathFields.mjs";
+import a from "./useModalDialog.mjs";
 import { metadataFromText as o } from "./metadataFromText.mjs";
 import { use as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
 import p from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
@@ -14,8 +14,8 @@ import v from "clsx";
 import y from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import b from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/ModalContainer/ModalContainer.tsx
-var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", autoHideAfterClick: w = !0 }) => {
-	let { id: T, rootId: E, visible: D, definition: { styleSelectors: O, label: k = "Modal" }, elementState: A, setElementState: j } = t(), M = y(a.sourceType, T), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = p(), { interactionsManager: F } = s(P), [I, L] = f({}), R = d(null), z = `${E}_${T}_title`, B = c((e) => {
+var x = ({ ref: t, className: x = "", children: S, title: C = "Modal Header", autoHideAfterClick: w = !0 }) => {
+	let { id: T, rootId: E, visible: D, definition: { styleSelectors: O, label: k = "Modal" }, elementState: A, setElementState: j } = n(), M = y(e.sourceType, T), { settings: { previewMode: N }, contexts: { InteractionsContext: P } } = p(), { interactionsManager: F } = s(P), [I, L] = f({}), R = d(null), z = `${E}_${T}_title`, B = c((e) => {
 		let { metadata: t } = e;
 		L(t && typeof t == "object" ? t : typeof t == "string" ? o(t) : typeof t == "boolean" || typeof t == "number" ? { content: t } : {}), j((e) => ({
 			...e,
@@ -46,12 +46,12 @@ var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", au
 		T
 	]), U = u(() => ({
 		openModal: {
-			...a.callbacks.openModal,
+			...e.callbacks.openModal,
 			title: `Open ${k}`,
 			callback: B
 		},
 		closeModal: {
-			...a.callbacks.closeModal,
+			...e.callbacks.closeModal,
 			title: `Close ${k}`,
 			callback: V
 		}
@@ -60,7 +60,7 @@ var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", au
 		B,
 		k
 	]);
-	i({
+	a({
 		panelRef: R,
 		open: !!N && D,
 		onClose: V
@@ -72,7 +72,7 @@ var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", au
 		I,
 		A.visibility
 	]);
-	let W = c(() => r(I), [I]);
+	let W = c(() => i(I), [I]);
 	b({
 		id: T,
 		source: M,
@@ -80,10 +80,10 @@ var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", au
 		fields: W
 	});
 	let G = u(() => M ? { runtime: { sources: { [M]: I } } } : h, [M, I]);
-	return /* @__PURE__ */ _(n, {
-		ref: e,
+	return /* @__PURE__ */ _(r, {
+		ref: t,
 		className: v("plitzi-component__modal-container", x),
-		interactionTriggers: a.triggers,
+		interactionTriggers: e.triggers,
 		interactionCallbacks: U,
 		children: [/* @__PURE__ */ g("div", {
 			className: v("modal-container__background", O.backgroundContainer),
@@ -124,6 +124,6 @@ var x = ({ ref: e, className: x = "", children: S, title: C = "Modal Header", au
 			})]
 		})]
 	});
-}, S = e(x);
+}, S = t(x);
 //#endregion
 export { x as ModalContainer, S as default };

package/dist/elements/structure/ModalContainer/declaration.d.ts

@@ -59,7 +59,7 @@ declare const declaration: {
         readonly definition: {
             readonly label: "Modal Container";
             readonly type: "modalContainer";
-            readonly description: "A modal overlay container opened and closed through interactions; use for dialogs over the page.";
+            readonly description: string;
             readonly items: readonly [];
             readonly bindings: {};
             /**
@@ -121,8 +121,7 @@ declare const declaration: {
                         readonly top: "0";
                         readonly position: "absolute";
                         readonly 'z-index': "210";
-                        readonly 'background-color': "black";
-                        readonly opacity: "0.5";
+                        readonly 'background-color': "rgb(0 0 0 / 50%)";
                     };
                 };
                 readonly rootContainer: {

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

@@ -49,7 +49,7 @@ var t = e()({
 		definition: {
 			label: "Modal Container",
 			type: "modalContainer",
-			description: "A modal overlay container opened and closed through interactions; use for dialogs over the page.",
+			description: "A modal overlay container opened and closed through interactions; use for dialogs over the page. The element itself is fixed over the whole viewport, and holds two layers side by side — neither inside the other: `backgroundContainer`, the dim layer, `rgb(0 0 0 / 50%)` (its `background-color` is the whole dim), and `rootContainer`, the dialog, centred by `top: 50%`, `left: 50%` and `transform: translate3d(-50%, -50%, 0)` — to sit it near the top, set `top` and `transform: translateX(-50%)`; flex alignment on the dim layer moves nothing. Inside the dialog, top to bottom: `headerContainer` (with `headerTitle` and `headerCloseButton`) and `bodyContainer`.",
 			items: [],
 			bindings: {},
 			loadStrategy: "lazy",
@@ -101,8 +101,7 @@ var t = e()({
 					top: "0",
 					position: "absolute",
 					"z-index": "210",
-					"background-color": "black",
-					opacity: "0.5"
+					"background-color": "rgb(0 0 0 / 50%)"
 				} },
 				rootContainer: { default: {
 					display: "flex",

package/dist/elements/structure/ModalContainer/index.d.ts

@@ -58,7 +58,7 @@ declare const ModalContainer: {
         readonly definition: {
             readonly label: "Modal Container";
             readonly type: "modalContainer";
-            readonly description: "A modal overlay container opened and closed through interactions; use for dialogs over the page.";
+            readonly description: string;
             readonly items: readonly [];
             readonly bindings: {};
             readonly loadStrategy: "lazy";
@@ -115,8 +115,7 @@ declare const ModalContainer: {
                         readonly top: "0";
                         readonly position: "absolute";
                         readonly 'z-index': "210";
-                        readonly 'background-color': "black";
-                        readonly opacity: "0.5";
+                        readonly 'background-color': "rgb(0 0 0 / 50%)";
                     };
                 };
                 readonly rootContainer: {

package/dist/elements/structure/Pagination/Pagination.mjs

@@ -1,7 +1,7 @@
-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 e from "./declaration.mjs";
+import t from "../../../Element/hocs/withElement.mjs";
+import n from "../../../Element/hooks/useElement.mjs";
+import { RootElement as r } from "../../../Element/RootElement.mjs";
 import i from "./buildPageWindow.mjs";
 import { use as a, useCallback as o, useMemo as s } from "react";
 import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
@@ -14,8 +14,8 @@ var h = (e, t) => {
 	if (typeof window > "u") return "";
 	let n = new URL(window.location.href);
 	return t <= 1 ? n.searchParams.delete(e) : n.searchParams.set(e, String(t)), `${n.pathname}${n.search}`;
-}, g = ({ ref: e, className: g = "", children: _, pageInfo: v = u, mode: y = "pages", pageParam: b = "page", target: x = "url", windowSize: S = 5, previousLabel: C = "Previous", nextLabel: w = "Next", loadMoreLabel: T = "Load more", label: E = "Pagination" }) => {
-	let { id: D, definition: { styleSelectors: O } } = t(), { settings: { previewMode: k }, contexts: { InteractionsContext: A } } = c(), { interactionsManager: j } = a(A), [M] = l("navigation.navigate"), N = v.page ?? 1, P = v.pageCount ?? 0, F = v.hasPrevPage ?? N > 1, I = v.hasNextPage ?? !1, L = s(() => i(N, P, S), [
+}, g = ({ ref: t, className: g = "", children: _, pageInfo: v = u, mode: y = "pages", pageParam: b = "page", target: x = "url", windowSize: S = 5, previousLabel: C = "Previous", nextLabel: w = "Next", loadMoreLabel: T = "Load more", label: E = "Pagination" }) => {
+	let { id: D, definition: { styleSelectors: O } } = n(), { settings: { previewMode: k }, contexts: { InteractionsContext: A } } = c(), { interactionsManager: j } = a(A), [M] = l("navigation.navigate"), N = v.page ?? 1, P = v.pageCount ?? 0, F = v.hasPrevPage ?? N > 1, I = v.hasNextPage ?? !1, L = s(() => i(N, P, S), [
 		N,
 		P,
 		S
@@ -31,12 +31,12 @@ var h = (e, t) => {
 	]), z = o((e) => (t) => {
 		t.preventDefault(), R(e);
 	}, [R]), B = P === 0 && !I && !F;
-	return /* @__PURE__ */ p(n, {
-		ref: e,
+	return /* @__PURE__ */ p(r, {
+		ref: t,
 		tag: "nav",
 		"aria-label": E || void 0,
 		className: m("plitzi-component__pagination", g),
-		interactionTriggers: r.triggers,
+		interactionTriggers: e.triggers,
 		children: [
 			y === "loadMore" && /* @__PURE__ */ f("button", {
 				type: "button",
@@ -75,6 +75,6 @@ var h = (e, t) => {
 			_
 		]
 	});
-}, _ = e(g);
+}, _ = t(g);
 //#endregion
 export { g as Pagination, _ as default };

package/dist/index.d.ts

@@ -836,6 +836,7 @@ export declare const defaultElements: {
         displayName: string;
     } & {
         readonly type: "page";
+        readonly serverTemplates: readonly ["seoPageTitle", "seoPageDescription", "notFound"];
         readonly triggers: {
             readonly onPageLoad: {
                 readonly action: "onPageLoad";
@@ -916,6 +917,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         layout?: string | undefined;
+        notFound?: string | undefined;
         layoutContainer?: string | undefined;
         seoEnabled?: boolean | undefined;
         seoPageTitle?: string | undefined;
@@ -1201,8 +1203,7 @@ export declare const defaultElements: {
                             readonly top: "0";
                             readonly position: "absolute";
                             readonly 'z-index': "210";
-                            readonly 'background-color': "black";
-                            readonly opacity: "0.5";
+                            readonly 'background-color': "rgb(0 0 0 / 50%)";
                         };
                     };
                     readonly rootContainer: {
@@ -1398,7 +1399,7 @@ export declare const defaultElements: {
             readonly definition: {
                 readonly label: "Modal Container";
                 readonly type: "modalContainer";
-                readonly description: "A modal overlay container opened and closed through interactions; use for dialogs over the page.";
+                readonly description: string;
                 readonly items: readonly [];
                 readonly bindings: {};
                 readonly loadStrategy: "lazy";
@@ -1455,8 +1456,7 @@ export declare const defaultElements: {
                             readonly top: "0";
                             readonly position: "absolute";
                             readonly 'z-index': "210";
-                            readonly 'background-color': "black";
-                            readonly opacity: "0.5";
+                            readonly 'background-color': "rgb(0 0 0 / 50%)";
                         };
                     };
                     readonly rootContainer: {
@@ -1940,8 +1940,8 @@ export declare const defaultElements: {
             items?: unknown[] | undefined;
             speed?: number | undefined;
             loop?: boolean | undefined;
-            autoplay?: number | undefined;
             pauseOnHover?: boolean | undefined;
+            autoplay?: number | undefined;
             transition?: import('./elements/structure/Carousel/CarouselContext').CarouselTransition | undefined;
             itemKey?: string | undefined;
         }>;
@@ -2690,6 +2690,7 @@ export declare const defaultElements: {
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         title?: string | undefined;
         content?: string | number | undefined;
+        decorative?: boolean | undefined;
     }>>;
     themeToggle: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/ThemeToggle/ThemeToggle').ThemeToggleProps>): import('react').JSX.Element;
@@ -2963,6 +2964,7 @@ export declare const defaultElements: {
         initialItems: readonly ["listItem", "listItem", "listItem"];
         __attributes: Partial<{
             source?: "none" | "controlled" | undefined;
+            label?: string | undefined;
             items?: unknown[] | undefined;
             subType?: "ul" | "ol" | undefined;
             itemKey?: string | undefined;
@@ -3470,7 +3472,7 @@ export declare const defaultElements: {
                 readonly autoFocus: false;
                 readonly disabled: false;
                 readonly options: readonly [];
-                readonly required: true;
+                readonly required: false;
                 readonly requiredMessage: "";
                 readonly minLength: 0;
                 readonly minLengthMessage: "";
@@ -4219,6 +4221,7 @@ export declare const defaultElements: {
             readonly pagination: readonly string[];
         };
         readonly sourceType: "apiContainer";
+        readonly serverTemplates: readonly ["notFound"];
         readonly triggers: {
             readonly onApiError: {
                 readonly action: "onApiError";
@@ -4380,26 +4383,27 @@ export declare const defaultElements: {
         method?: "get" | "post" | "put" | "delete" | "patch" | undefined;
         resource?: string | undefined;
         headers?: Record<string, string> | undefined;
+        notFound?: string | undefined;
         subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "" | undefined;
+        credentials?: RequestCredentials | undefined;
+        staleTime?: number | string | undefined;
+        gcTime?: number | string | undefined;
+        pageParam?: string | undefined;
         query?: string | undefined;
         accessToken?: string | undefined;
         mockData?: (Record<string, unknown> | string) | undefined;
-        credentials?: RequestCredentials | undefined;
+        singleRecord?: boolean | undefined;
+        pagination?: import('./elements/provider/ApiContainer/hooks/useProviderPagination').ProviderPagination | undefined;
+        renderWhileLoading?: boolean | undefined;
+        loadingSlot?: string | undefined;
+        refreshSeconds?: number | string | undefined;
         connector?: string | undefined;
         limit?: string | undefined;
-        singleRecord?: boolean | undefined;
         filters?: {
             field: string;
             operator: string;
             value: string;
         }[] | undefined;
-        pagination?: import('./elements/provider/ApiContainer/hooks/useProviderPagination').ProviderPagination | undefined;
-        pageParam?: string | undefined;
-        renderWhileLoading?: boolean | undefined;
-        loadingSlot?: string | undefined;
-        staleTime?: number | string | undefined;
-        gcTime?: number | string | undefined;
-        refreshSeconds?: number | string | undefined;
     }>>;
     channel: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/provider/Channel/Channel').ChannelProps>): import('react').JSX.Element;
@@ -4532,9 +4536,9 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         subType?: "" | "div" | "section" | "aside" | "main" | undefined;
-        topic?: string | undefined;
         grant?: string | undefined;
         presence?: unknown;
+        topic?: string | undefined;
         keep?: number | string | undefined;
     }>>;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.38.8",
+  "version": "0.38.10",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -798,6 +798,10 @@
       "types": "./dist/elements/internal/Page/Page.d.ts",
       "import": "./dist/elements/internal/Page/Page.mjs"
     },
+    "./elements/internal/Page/PageHead": {
+      "types": "./dist/elements/internal/Page/PageHead.d.ts",
+      "import": "./dist/elements/internal/Page/PageHead.mjs"
+    },
     "./elements/internal/Page/Settings": {
       "types": "./dist/elements/internal/Page/Settings.d.ts",
       "import": "./dist/elements/internal/Page/Settings.mjs"
@@ -1371,12 +1375,12 @@
     "@dr.pogodin/react-helmet": "^3.3.2",
     "@plitzi/nexus": "^1.4.0",
     "@plitzi/plitzi-ui": "^1.6.32",
-    "@plitzi/sdk-auth": "0.38.8",
-    "@plitzi/sdk-event-bridge": "0.38.8",
-    "@plitzi/sdk-interactions": "0.38.8",
-    "@plitzi/sdk-navigation": "0.38.8",
-    "@plitzi/sdk-schema": "0.38.8",
-    "@plitzi/sdk-shared": "0.38.8",
+    "@plitzi/sdk-auth": "0.38.10",
+    "@plitzi/sdk-event-bridge": "0.38.10",
+    "@plitzi/sdk-interactions": "0.38.10",
+    "@plitzi/sdk-navigation": "0.38.10",
+    "@plitzi/sdk-schema": "0.38.10",
+    "@plitzi/sdk-shared": "0.38.10",
     "clsx": "^2.1.1",
     "immer": "^11.1.21",
     "react-markdown": "^10.1.0",