@plitzi/sdk-elements 0.36.1 → 0.37.0

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

@@ -309,13 +309,7 @@ export declare const defaultElements: {
             };
             readonly settings: {};
         };
-    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        settings?: string | undefined;
-        assets?: string | undefined;
-        renderType?: string | undefined;
-        isPlugin?: boolean | undefined;
-        scriptUrl?: string | undefined;
-    }>>;
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./elements/advanced/Custom/declaration').CustomAttributes>;
     reference: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/advanced/Reference/Reference').ReferenceProps>): import("react").JSX.Element;
         displayName: string;
@@ -370,8 +364,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: {
@@ -956,7 +950,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | undefined;
+        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | undefined;
     }>>;
     layoutContainer: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/internal/LayoutContainer/LayoutContainer').LayoutContainerProps>): import("react").JSX.Element;
@@ -1011,7 +1005,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;
@@ -1975,6 +1971,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        title?: string | undefined;
         content?: string | undefined;
         disabled?: boolean | undefined;
         subType?: "button" | "submit" | "reset" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.36.1",
+  "version": "0.37.0",
   "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.1",
-    "@plitzi/sdk-dev-tools": "0.36.1",
-    "@plitzi/sdk-event-bridge": "0.36.1",
-    "@plitzi/sdk-interactions": "0.36.1",
-    "@plitzi/sdk-navigation": "0.36.1",
-    "@plitzi/sdk-schema": "0.36.1",
-    "@plitzi/sdk-shared": "0.36.1",
+    "@plitzi/sdk-auth": "0.37.0",
+    "@plitzi/sdk-dev-tools": "0.37.0",
+    "@plitzi/sdk-event-bridge": "0.37.0",
+    "@plitzi/sdk-interactions": "0.37.0",
+    "@plitzi/sdk-navigation": "0.37.0",
+    "@plitzi/sdk-schema": "0.37.0",
+    "@plitzi/sdk-shared": "0.37.0",
     "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"
   }
 }