@plitzi/sdk-elements 0.32.5 → 0.32.7

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

@@ -1,30 +1,32 @@
 import e from "../../../../../Element/ReplicaProvider.mjs";
 import { useId as t, useMemo as n } from "react";
 import { StoreProvider as r } from "@plitzi/nexus/react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import o from "clsx";
+import { emptyObject as i } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import s from "clsx";
 //#region src/elements/structure/List/modes/ListControlled/ListControlledItem.tsx
-var s = ({ children: s, className: c = "", isTemplate: l = !1, itemCount: u = 0, record: d, source: f = "" }) => {
-	let p = /* @__PURE__ */ i(e, { children: /* @__PURE__ */ i(r, {
+var c = ({ children: c, className: l = "", isTemplate: u = !1, itemCount: d = 0, record: f, source: p = "" }) => {
+	let m = t(), h = n(() => p ? { runtime: { sources: { [p]: {
+		item: f,
+		index: `${d}`
+	} } } } : i, [
+		p,
+		f,
+		d
+	]), g = /* @__PURE__ */ a(e, { children: /* @__PURE__ */ a(r, {
 		inherit: "live",
-		segment: t(),
-		value: n(() => ({ runtime: { sources: { [f]: {
-			item: d,
-			index: `${u}`
-		} } } }), [
-			f,
-			d,
-			u
-		]),
-		children: s
+		name: `Row:${p}`,
+		segment: m,
+		value: h,
+		children: c
 	}) });
-	return l ? /* @__PURE__ */ a("div", {
-		className: o("plitzi-component__controlled-list-item", c),
-		children: [/* @__PURE__ */ i("div", {
+	return u ? /* @__PURE__ */ o("div", {
+		className: s("plitzi-component__controlled-list-item", l),
+		children: [/* @__PURE__ */ a("div", {
 			className: "controlled-list-item__counter",
-			children: `List Item - ${u}`
-		}), p]
-	}) : p;
+			children: `List Item - ${d}`
+		}), g]
+	}) : g;
 };
 //#endregion
-export { s as default };
+export { c as default };

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

@@ -4,49 +4,50 @@ import n from "../../../Element/hocs/withElement.mjs";
 import { use as r, useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
 import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { StoreProvider as l } from "@plitzi/nexus/react";
-import { getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "clsx";
-import m from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+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/ModalContainer/ModalContainer.tsx
-var h = ({ ref: n, className: h = "", children: g, title: _ = "Modal Header", autoHideAfterClick: v = !0 }) => {
-	let { id: y, definition: { styleSelectors: b, label: x = "Modal" }, elementState: S, setElementState: C } = e(), { contexts: { InteractionsContext: w } } = c(), { interactionsManager: T } = r(w), [E, D] = s({}), O = i((e) => {
+var _ = ({ ref: n, className: _ = "", children: v, title: y = "Modal Header", autoHideAfterClick: b = !0 }) => {
+	let { id: x, idRef: S, definition: { styleSelectors: C, label: w = "Modal" }, elementState: T, setElementState: E } = e(), D = h("modalContainer", { idRef: S }), { contexts: { InteractionsContext: O } } = c(), { interactionsManager: k } = r(O), [A, j] = s({}), M = i((e) => {
 		let { metadata: t } = e;
-		if (t && typeof t == "object") D(t);
+		if (t && typeof t == "object") j(t);
 		else if (typeof t == "string") try {
-			D(JSON.parse(t));
+			j(JSON.parse(t));
 		} catch {
-			D({ content: t });
+			j({ content: t });
 		}
-		else D(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
-		C((e) => ({
+		else j(typeof t == "boolean" || typeof t == "number" ? { content: t } : {});
+		E((e) => ({
 			...e,
 			visibility: !0
 		}));
-	}, [C, D]), k = i(() => {
-		T.interactionTrigger(y, "onModalClose", { metadata: E }), D({}), C((e) => ({
+	}, [E, j]), N = i(() => {
+		k.interactionTrigger(S, "onModalClose", { metadata: A }), j({}), E((e) => ({
 			...e,
 			visibility: !1
 		}));
 	}, [
-		T,
-		C,
-		D,
+		k,
 		E,
-		y
-	]), A = i(() => {
-		v && (T.interactionTrigger(y, "onModalClose", { metadata: E }), D({}), C((e) => ({
+		j,
+		A,
+		S
+	]), P = i(() => {
+		b && (k.interactionTrigger(S, "onModalClose", { metadata: A }), j({}), E((e) => ({
 			...e,
 			visibility: !1
 		})));
 	}, [
-		T,
-		v,
-		C,
-		D,
+		k,
+		b,
 		E,
-		y
-	]), j = o(() => ({
+		j,
+		A,
+		S
+	]), F = o(() => ({
 		onModalOpen: {
 			action: "onModalOpen",
 			title: "On Modal Open",
@@ -64,12 +65,12 @@ var h = ({ ref: n, className: h = "", children: g, title: _ = "Modal Header", au
 			preview: {},
 			params: {}
 		}
-	}), []), M = o(() => ({
+	}), []), I = o(() => ({
 		openModal: {
 			action: "openModal",
-			title: `Open ${x}`,
+			title: `Open ${w}`,
 			type: "callback",
-			callback: O,
+			callback: M,
 			params: { metadata: {
 				type: "text",
 				defaultValue: ""
@@ -78,26 +79,26 @@ var h = ({ ref: n, className: h = "", children: g, title: _ = "Modal Header", au
 		},
 		closeModal: {
 			action: "closeModal",
-			title: `Close ${x}`,
+			title: `Close ${w}`,
 			type: "callback",
-			callback: k,
+			callback: N,
 			params: {},
 			preview: {}
 		}
 	}), [
-		k,
-		O,
-		x
+		N,
+		M,
+		w
 	]);
 	a(() => {
-		S.visibility !== !1 && T.interactionTrigger(y, "onModalOpen", { metadata: E });
+		T.visibility !== !1 && k.interactionTrigger(S, "onModalOpen", { metadata: A });
 	}, [
-		y,
-		T,
-		E,
-		S.visibility
+		S,
+		k,
+		A,
+		T.visibility
 	]);
-	let N = i(() => u(E).reduce((e, t) => {
+	let L = i(() => d(A).reduce((e, t) => {
 		let n = t.split(".");
 		return n.length > 1 ? [...e, {
 			path: t,
@@ -106,44 +107,45 @@ var h = ({ ref: n, className: h = "", children: g, title: _ = "Modal Header", au
 			path: t,
 			name: n[n.length - 1]
 		}];
-	}, []), [E]);
-	m({
-		id: y,
-		source: `modalContainer_${y}`,
-		name: x || `Modal - ${y}`,
-		fields: N
+	}, []), [A]);
+	g({
+		id: x,
+		source: D,
+		name: w || `Modal - ${x}`,
+		fields: L
 	});
-	let P = o(() => ({ runtime: { sources: { [`modalContainer_${y}`]: E } } }), [y, E]);
-	return /* @__PURE__ */ f(t, {
+	let R = o(() => D ? { runtime: { sources: { [D]: A } } } : u, [D, A]);
+	return /* @__PURE__ */ p(t, {
 		ref: n,
-		className: p("plitzi-component__modal-container", h),
-		interactionTriggers: j,
-		interactionCallbacks: M,
-		children: [/* @__PURE__ */ d("div", {
-			className: p("modal-container__background", b.backgroundContainer),
-			onClick: A
-		}), /* @__PURE__ */ f("div", {
-			className: p("modal-container__root", b.rootContainer),
-			children: [/* @__PURE__ */ f("div", {
-				className: p("modal-container__header", b.headerContainer),
-				children: [/* @__PURE__ */ d("div", {
-					className: p("modal-container__header__title", b.headerTitle),
-					children: _ || "Modal Header"
-				}), /* @__PURE__ */ d("i", {
-					className: p("fa-solid fa-xmark", b.headerCloseButton),
+		className: m("plitzi-component__modal-container", _),
+		interactionTriggers: F,
+		interactionCallbacks: I,
+		children: [/* @__PURE__ */ f("div", {
+			className: m("modal-container__background", C.backgroundContainer),
+			onClick: P
+		}), /* @__PURE__ */ p("div", {
+			className: m("modal-container__root", C.rootContainer),
+			children: [/* @__PURE__ */ p("div", {
+				className: m("modal-container__header", C.headerContainer),
+				children: [/* @__PURE__ */ f("div", {
+					className: m("modal-container__header__title", C.headerTitle),
+					children: y || "Modal Header"
+				}), /* @__PURE__ */ f("i", {
+					className: m("fa-solid fa-xmark", C.headerCloseButton),
 					title: "Close",
-					onClick: k
+					onClick: N
 				})]
-			}), /* @__PURE__ */ d("div", {
-				className: p("modal-container__body", b.bodyContainer),
-				children: /* @__PURE__ */ d(l, {
+			}), /* @__PURE__ */ f("div", {
+				className: m("modal-container__body", C.bodyContainer),
+				children: /* @__PURE__ */ f(l, {
 					inherit: "live",
-					value: P,
-					children: g
+					name: `Modal:${x}`,
+					value: R,
+					children: v
 				})
 			})]
 		})]
 	});
-}, g = n(h);
+}, v = n(_);
 //#endregion
-export { h as ModalContainer, g as default };
+export { _ as ModalContainer, v as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.32.5",
+  "version": "0.32.7",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -772,27 +772,27 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@plitzi/nexus": "0.32.5",
-    "@plitzi/plitzi-ui": "^1.6.13",
-    "@plitzi/sdk-auth": "0.32.5",
-    "@plitzi/sdk-dev-tools": "0.32.5",
-    "@plitzi/sdk-event-bridge": "0.32.5",
-    "@plitzi/sdk-interactions": "0.32.5",
-    "@plitzi/sdk-navigation": "0.32.5",
-    "@plitzi/sdk-schema": "0.32.5",
-    "@plitzi/sdk-shared": "0.32.5",
+    "@plitzi/nexus": "0.32.7",
+    "@plitzi/plitzi-ui": "^1.6.17",
+    "@plitzi/sdk-auth": "0.32.7",
+    "@plitzi/sdk-dev-tools": "0.32.7",
+    "@plitzi/sdk-event-bridge": "0.32.7",
+    "@plitzi/sdk-interactions": "0.32.7",
+    "@plitzi/sdk-navigation": "0.32.7",
+    "@plitzi/sdk-schema": "0.32.7",
+    "@plitzi/sdk-shared": "0.32.7",
     "clsx": "^2.1.1",
-    "immer": "^11.1.11"
+    "immer": "^11.1.15"
   },
   "peerDependencies": {
     "react": "^19",
     "react-dom": "^19"
   },
   "devDependencies": {
-    "eslint": "^9.39.4",
-    "react": "^19.2.7",
+    "eslint": "^9.39.5",
+    "react": "^19.2.8",
     "typescript": "^6.0.3",
-    "vite": "^8.1.4",
+    "vite": "^8.1.5",
     "vitest": "^4.1.10"
   }
 }