@plitzi/sdk-elements 0.30.19 → 0.31.1

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

@@ -1,50 +1,52 @@
 import e from "../../../../../Element/RootElement.mjs";
 import t from "./ListControlledItem.mjs";
-import { use as n, useCallback as r, useMemo as i } from "react";
-import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as o } from "@plitzi/plitzi-ui/helpers";
-import { getPathsFromObeject as s } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import u from "clsx";
-import d from "@plitzi/sdk-shared/elements/hooks/useElement";
+import { useCallback as n, useMemo as r } from "react";
+import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import { get as a } from "@plitzi/plitzi-ui/helpers";
+import { getPathsFromObeject as o } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "clsx";
+import u from "@plitzi/sdk-shared/elements/hooks/useElement";
+import d from "@plitzi/nexus/StoreProvider";
+import f from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
-var f = ({ ref: f, className: p = "", children: m, items: h = [] }) => {
-	let { id: g, definition: { label: _ } } = d(), { settings: { previewMode: v }, contexts: { DataSourceContext: y } } = a(), { useDataSource: b } = n(y), x = i(() => Array.isArray(h) ? h : [], [h]), S = r(() => s({
-		item: o(x, "0", {}),
+var p = ({ ref: p, className: m = "", children: h, items: g = [] }) => {
+	let { id: _, definition: { label: v } } = u(), { settings: { previewMode: y } } = i(), b = r(() => Array.isArray(g) ? g : [], [g]), x = n(() => o({
+		item: a(b, "0", {}),
 		index: "0"
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [x]), C = i(() => ({ items: x }), [x]), [w, T] = b({
-		id: g,
-		source: `list_${g}`,
-		mode: "write",
-		name: _ || `List - ${g}`,
-		fields: S
-	});
-	return /* @__PURE__ */ l(e, {
-		ref: f,
-		className: u("plitzi-component__controlled-list", p, { "controlled-list--build-mode": !v }),
-		children: [/* @__PURE__ */ c(w, {
-			value: C,
-			children: x.map((e, n) => !m || Array.isArray(m) && m.length === 0 ? /* @__PURE__ */ c("div", {
+	}], []), [b]), S = r(() => ({ items: b }), [b]);
+	return f({
+		id: _,
+		source: `list_${_}`,
+		name: v || `List - ${_}`,
+		fields: x
+	}), /* @__PURE__ */ c(e, {
+		ref: p,
+		className: l("plitzi-component__controlled-list", m, { "controlled-list--build-mode": !y }),
+		children: [/* @__PURE__ */ s(d, {
+			inherit: "live",
+			value: { runtime: { sources: { [`list_${_}`]: S } } },
+			children: b.map((e, n) => !h || Array.isArray(h) && h.length === 0 ? /* @__PURE__ */ s("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
-				children: /* @__PURE__ */ c("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "controlled-list-item__counter",
 					children: `List Item - ${n + 1}`
 				})
-			}, n) : /* @__PURE__ */ c(t, {
+			}, n) : /* @__PURE__ */ s(t, {
 				itemCount: n + 1,
-				isTemplate: n !== 0 && !v,
+				isTemplate: n !== 0 && !y,
 				record: e,
-				listContextId: T,
-				children: m
+				source: `list_${_}`,
+				children: h
 			}, n))
-		}), !v && x.length === 0 && /* @__PURE__ */ c("div", {
+		}), !y && b.length === 0 && /* @__PURE__ */ s("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]
 	});
 };
 //#endregion
-export { f as default };
+export { p as default };

package/dist/elements/structure/List/modes/ListControlled/ListControlledItem.d.ts

@@ -5,7 +5,7 @@ export type ListControlledItemProps<T = unknown> = {
     isTemplate: boolean;
     itemCount: number;
     record: T;
-    listContextId: string;
+    source: string;
 };
-declare const ListControlledItem: ({ children, className, isTemplate, itemCount, record, listContextId }: ListControlledItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ListControlledItem: ({ children, className, isTemplate, itemCount, record, source }: ListControlledItemProps) => import("react/jsx-runtime").JSX.Element;
 export default ListControlledItem;

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

@@ -1,27 +1,29 @@
 import e from "../../../../../Element/ReplicaProvider.mjs";
-import { use as t, useMemo as n } from "react";
-import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "clsx";
+import { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "clsx";
+import a from "@plitzi/nexus/StoreProvider";
 //#region src/elements/structure/List/modes/ListControlled/ListControlledItem.tsx
-var s = ({ children: s, className: c = "", isTemplate: l = !1, itemCount: u = 0, record: d, listContextId: f = "" }) => {
-	let { contexts: { DataSourceContext: p } } = r(), { getSources: m } = t(p), h = n(() => ({
-		item: d,
-		index: `${u}`
-	}), [d, u]), g = n(() => m(f)?.context, [f, m]);
-	return l ? /* @__PURE__ */ a("div", {
-		className: o("plitzi-component__controlled-list-item", c),
-		children: [/* @__PURE__ */ i("div", {
+var o = ({ children: o, className: s = "", isTemplate: c = !1, itemCount: l = 0, record: u, source: d = "" }) => {
+	let f = t(() => ({
+		item: u,
+		index: `${l}`
+	}), [u, l]);
+	return c ? /* @__PURE__ */ r("div", {
+		className: i("plitzi-component__controlled-list-item", s),
+		children: [/* @__PURE__ */ n("div", {
 			className: "controlled-list-item__counter",
-			children: `List Item - ${u}`
-		}), /* @__PURE__ */ a(e, { children: [g && /* @__PURE__ */ i(g, {
-			value: h,
-			children: s
-		}), !g && "This element can be only inside a List"] })]
-	}) : /* @__PURE__ */ a(e, { children: [g && /* @__PURE__ */ i(g, {
-		value: h,
-		children: s
-	}), !g && "This element can be only inside a List"] });
+			children: `List Item - ${l}`
+		}), /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(a, {
+			inherit: "live",
+			value: { runtime: { sources: { [d]: f } } },
+			children: o
+		}) })]
+	}) : /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n(a, {
+		inherit: "live",
+		value: { runtime: { sources: { [d]: f } } },
+		children: o
+	}) });
 };
 //#endregion
-export { s as default };
+export { o as default };

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

@@ -6,8 +6,10 @@ import { getPathsFromObeject as c } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import d from "clsx";
 import f from "@plitzi/sdk-shared/elements/hooks/useElement";
-var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header", autoHideAfterClick: g = !0 }) => {
-	let { id: _, definition: { styleSelectors: v, label: y = "Modal" }, elementState: b, setElementState: x } = f(), { contexts: { InteractionsContext: S, DataSourceContext: C } } = s(), { interactionsManager: w } = n(S), { useDataSource: T } = n(C), [E, D] = o({}), O = r((e) => {
+import p from "@plitzi/nexus/StoreProvider";
+import m from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+var h = t(({ ref: t, className: h = "", children: g, title: _ = "Modal Header", autoHideAfterClick: v = !0 }) => {
+	let { id: y, definition: { styleSelectors: b, label: x = "Modal" }, elementState: S, setElementState: C } = f(), { contexts: { InteractionsContext: w } } = s(), { interactionsManager: T } = n(w), [E, D] = o({}), O = r((e) => {
 		let { metadata: t } = e;
 		if (t && typeof t == "object") D(t);
 		else if (typeof t == "string") try {
@@ -16,33 +18,33 @@ var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header",
 			D({ content: t });
 		}
 		else D(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
-		x((e) => ({
+		C((e) => ({
 			...e,
 			visibility: !0
 		}));
-	}, [x, D]), k = r(() => {
-		w.interactionTrigger(_, "onModalClose", { metadata: E }), D({}), x((e) => ({
+	}, [C, D]), k = r(() => {
+		T.interactionTrigger(y, "onModalClose", { metadata: E }), D({}), C((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		w,
-		x,
+		T,
+		C,
 		D,
 		E,
-		_
+		y
 	]), A = r(() => {
-		g && (w.interactionTrigger(_, "onModalClose", { metadata: E }), D({}), x((e) => ({
+		v && (T.interactionTrigger(y, "onModalClose", { metadata: E }), D({}), C((e) => ({
 			...e,
 			visibility: !1
 		})));
 	}, [
-		w,
-		g,
-		x,
+		T,
+		v,
+		C,
 		D,
 		E,
-		_
+		y
 	]), j = a(() => ({
 		onModalOpen: {
 			action: "onModalOpen",
@@ -64,7 +66,7 @@ var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header",
 	}), []), M = a(() => ({
 		openModal: {
 			action: "openModal",
-			title: `Open ${y}`,
+			title: `Open ${x}`,
 			type: "callback",
 			callback: O,
 			params: { metadata: {
@@ -75,7 +77,7 @@ var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header",
 		},
 		closeModal: {
 			action: "closeModal",
-			title: `Close ${y}`,
+			title: `Close ${x}`,
 			type: "callback",
 			callback: k,
 			params: {},
@@ -84,15 +86,15 @@ var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header",
 	}), [
 		k,
 		O,
-		y
+		x
 	]);
 	i(() => {
-		b.visibility !== !1 && w.interactionTrigger(_, "onModalOpen", { metadata: E });
+		S.visibility !== !1 && T.interactionTrigger(y, "onModalOpen", { metadata: E });
 	}, [
-		_,
-		w,
+		y,
+		T,
 		E,
-		b.visibility
+		S.visibility
 	]);
 	let N = r(() => c(E).reduce((e, t) => {
 		let n = t.split(".");
@@ -103,42 +105,42 @@ var p = t(({ ref: t, className: p = "", children: m, title: h = "Modal Header",
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []), [E]), [P] = T({
-		id: _,
-		source: `modalContainer_${_}`,
-		mode: "write",
-		name: y || `Modal - ${_}`,
+	}, []), [E]);
+	return m({
+		id: y,
+		source: `modalContainer_${y}`,
+		name: x || `Modal - ${y}`,
 		fields: N
-	});
-	return /* @__PURE__ */ u(e, {
+	}), /* @__PURE__ */ u(e, {
 		ref: t,
-		className: d("plitzi-component__modal-container", p),
+		className: d("plitzi-component__modal-container", h),
 		interactionTriggers: j,
 		interactionCallbacks: M,
 		children: [/* @__PURE__ */ l("div", {
-			className: d("modal-container__background", v.backgroundContainer),
+			className: d("modal-container__background", b.backgroundContainer),
 			onClick: A
 		}), /* @__PURE__ */ u("div", {
-			className: d("modal-container__root", v.rootContainer),
+			className: d("modal-container__root", b.rootContainer),
 			children: [/* @__PURE__ */ u("div", {
-				className: d("modal-container__header", v.headerContainer),
+				className: d("modal-container__header", b.headerContainer),
 				children: [/* @__PURE__ */ l("div", {
-					className: d("modal-container__header__title", v.headerTitle),
-					children: h || "Modal Header"
+					className: d("modal-container__header__title", b.headerTitle),
+					children: _ || "Modal Header"
 				}), /* @__PURE__ */ l("i", {
-					className: d("fa-solid fa-xmark", v.headerCloseButton),
+					className: d("fa-solid fa-xmark", b.headerCloseButton),
 					title: "Close",
 					onClick: k
 				})]
 			}), /* @__PURE__ */ l("div", {
-				className: d("modal-container__body", v.bodyContainer),
-				children: /* @__PURE__ */ l(P, {
-					value: E,
-					children: m
+				className: d("modal-container__body", b.bodyContainer),
+				children: /* @__PURE__ */ l(p, {
+					inherit: "live",
+					value: { runtime: { sources: { [`modalContainer_${y}`]: E } } },
+					children: g
 				})
 			})]
 		})]
 	});
 });
 //#endregion
-export { p as default };
+export { h as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.30.19",
+  "version": "0.31.1",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -110,6 +110,86 @@
       "types": "./dist/components/ElementAdvancedEditor.d.ts",
       "import": "./dist/components/ElementAdvancedEditor.mjs"
     },
+    "./dataSource": {
+      "types": "./dist/dataSource/index.d.ts",
+      "import": "./dist/dataSource/index.mjs"
+    },
+    "./dataSource/DataSourceProvider": {
+      "types": "./dist/dataSource/DataSourceProvider.d.ts",
+      "import": "./dist/dataSource/DataSourceProvider.mjs"
+    },
+    "./dataSource/GlobalSources": {
+      "types": "./dist/dataSource/GlobalSources.d.ts",
+      "import": "./dist/dataSource/GlobalSources.mjs"
+    },
+    "./dataSource/getBindingsDetails": {
+      "types": "./dist/dataSource/getBindingsDetails.d.ts",
+      "import": "./dist/dataSource/getBindingsDetails.mjs"
+    },
+    "./dataSource/getSourcesByElementId": {
+      "types": "./dist/dataSource/getSourcesByElementId.d.ts",
+      "import": "./dist/dataSource/getSourcesByElementId.mjs"
+    },
+    "./dataSource/index": {
+      "types": "./dist/dataSource/index.d.ts",
+      "import": "./dist/dataSource/index.mjs"
+    },
+    "./dataSource/sources/AuthSource": {
+      "types": "./dist/dataSource/sources/AuthSource.d.ts",
+      "import": "./dist/dataSource/sources/AuthSource.mjs"
+    },
+    "./dataSource/sources/NavigationSource": {
+      "types": "./dist/dataSource/sources/NavigationSource.d.ts",
+      "import": "./dist/dataSource/sources/NavigationSource.mjs"
+    },
+    "./dataSource/sources/PageStateSource": {
+      "types": "./dist/dataSource/sources/PageStateSource.d.ts",
+      "import": "./dist/dataSource/sources/PageStateSource.mjs"
+    },
+    "./dataSource/sources/VariablesSource": {
+      "types": "./dist/dataSource/sources/VariablesSource.d.ts",
+      "import": "./dist/dataSource/sources/VariablesSource.mjs"
+    },
+    "./dataSource/useGlobalSources": {
+      "types": "./dist/dataSource/useGlobalSources.d.ts",
+      "import": "./dist/dataSource/useGlobalSources.mjs"
+    },
+    "./dataSource/utility": {
+      "types": "./dist/dataSource/utility/index.d.ts",
+      "import": "./dist/dataSource/utility/index.mjs"
+    },
+    "./dataSource/utility/arrayMap": {
+      "types": "./dist/dataSource/utility/arrayMap.d.ts",
+      "import": "./dist/dataSource/utility/arrayMap.mjs"
+    },
+    "./dataSource/utility/capitalize": {
+      "types": "./dist/dataSource/utility/capitalize.d.ts",
+      "import": "./dist/dataSource/utility/capitalize.mjs"
+    },
+    "./dataSource/utility/dateConverter": {
+      "types": "./dist/dataSource/utility/dateConverter.d.ts",
+      "import": "./dist/dataSource/utility/dateConverter.mjs"
+    },
+    "./dataSource/utility/index": {
+      "types": "./dist/dataSource/utility/index.d.ts",
+      "import": "./dist/dataSource/utility/index.mjs"
+    },
+    "./dataSource/utility/staticValue": {
+      "types": "./dist/dataSource/utility/staticValue.d.ts",
+      "import": "./dist/dataSource/utility/staticValue.mjs"
+    },
+    "./dataSource/utility/stringToArray": {
+      "types": "./dist/dataSource/utility/stringToArray.d.ts",
+      "import": "./dist/dataSource/utility/stringToArray.mjs"
+    },
+    "./dataSource/utility/styleSelector": {
+      "types": "./dist/dataSource/utility/styleSelector.d.ts",
+      "import": "./dist/dataSource/utility/styleSelector.mjs"
+    },
+    "./dataSource/utility/twigTemplate": {
+      "types": "./dist/dataSource/utility/twigTemplate.d.ts",
+      "import": "./dist/dataSource/utility/twigTemplate.mjs"
+    },
     "./elements": {
       "types": "./dist/elements/index.d.ts",
       "import": "./dist/elements/index.mjs"
@@ -732,16 +812,18 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.2",
-    "@plitzi/sdk-data-source": "0.30.19",
-    "@plitzi/sdk-dev-tools": "0.30.19",
-    "@plitzi/sdk-event-bridge": "0.30.19",
-    "@plitzi/sdk-interactions": "0.30.19",
-    "@plitzi/sdk-schema": "0.30.19",
-    "@plitzi/sdk-shared": "0.30.19",
-    "@plitzi/sdk-store": "0.30.19",
+    "@plitzi/nexus": "0.31.1",
+    "@plitzi/plitzi-ui": "^1.6.9",
+    "@plitzi/sdk-auth": "0.31.1",
+    "@plitzi/sdk-dev-tools": "0.31.1",
+    "@plitzi/sdk-event-bridge": "0.31.1",
+    "@plitzi/sdk-interactions": "0.31.1",
+    "@plitzi/sdk-navigation": "0.31.1",
+    "@plitzi/sdk-schema": "0.31.1",
+    "@plitzi/sdk-shared": "0.31.1",
+    "@plitzi/sdk-state": "0.31.1",
     "clsx": "^2.1.1",
-    "immer": "^11.1.4"
+    "immer": "^11.1.8"
   },
   "peerDependencies": {
     "react": "^19",
@@ -749,9 +831,9 @@
   },
   "devDependencies": {
     "eslint": "^9.39.4",
-    "react": "^19.2.5",
+    "react": "^19.2.6",
     "typescript": "^6.0.3",
-    "vite": "^8.0.10",
-    "vitest": "^4.1.5"
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7"
   }
 }