@plitzi/sdk-elements 0.32.1 → 0.32.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @plitzi/sdk-elements
 
+## 0.32.2
+
+### Patch Changes
+
+- v0.32.2
+- Updated dependencies
+  - @plitzi/nexus@0.32.2
+  - @plitzi/sdk-auth@0.32.2
+  - @plitzi/sdk-dev-tools@0.32.2
+  - @plitzi/sdk-event-bridge@0.32.2
+  - @plitzi/sdk-interactions@0.32.2
+  - @plitzi/sdk-navigation@0.32.2
+  - @plitzi/sdk-schema@0.32.2
+  - @plitzi/sdk-shared@0.32.2
+
 ## 0.32.1
 
 ### Patch Changes

package/dist/Component/ComponentHelper.d.ts

@@ -1,5 +1,5 @@
 import { ComponentOrigin, ComponentPluginWithHOC } from '@plitzi/sdk-shared';
 export declare const getPlugins: (component: ComponentPluginWithHOC | undefined) => Record<string, ComponentPluginWithHOC>;
-export declare const processLocalPlugins: (plugins?: Record<string, ComponentPluginWithHOC>) => {};
+export declare const processLocalPlugins: (plugins?: Record<string, ComponentPluginWithHOC>) => Record<string, ComponentPluginWithHOC>;
 export declare const nestedInject: (plugins: Record<string, ComponentPluginWithHOC> | undefined, origin: ComponentOrigin) => Record<string, ComponentPluginWithHOC>;
-export declare const processLocalCustomPlugins: (localComponents?: Record<string, ComponentPluginWithHOC>) => {};
+export declare const processLocalCustomPlugins: (localComponents?: Record<string, ComponentPluginWithHOC>) => Record<string, ComponentPluginWithHOC>;

package/dist/Component/ComponentHelper.mjs

@@ -12,18 +12,12 @@ var n = /* @__PURE__ */ e({
 	t[e.type] = e;
 	let { plugins: n } = e;
 	return n && Object.keys(n).length > 0 && Object.keys(n).forEach((e) => {
-		t = {
-			...t,
-			...r(n[e])
-		};
+		Object.assign(t, r(n[e]));
 	}), t;
 }, i = (e) => {
 	let t = {};
 	return e && Object.values(e).forEach((e) => {
-		e.type && (t = {
-			...t,
-			...r(e)
-		});
+		e.type && Object.assign(t, r(e));
 	}), t;
 }, a = (e, n) => {
 	if (!e) return {};
@@ -37,10 +31,7 @@ var n = /* @__PURE__ */ e({
 	return e && Object.values(e).forEach((e) => {
 		if (!e.type) return;
 		let { type: i, pluginSettings: o, version: s, initialItems: c, plugins: l, assets: u, content: d, extraProps: f } = e, p = t(e);
-		p.version = s, p.type = i, p.assets = u, p.initialItems = c, p.pluginSettings = o, p.origin = "local-custom", p.content = d, p.extraProps = f, p.plugins = a(l, "local-custom"), n = {
-			...n,
-			...r(p)
-		};
+		p.version = s, p.type = i, p.assets = u, p.initialItems = c, p.pluginSettings = o, p.origin = "local-custom", p.content = d, p.extraProps = f, p.plugins = a(l, "local-custom"), Object.assign(n, r(p));
 	}), n;
 };
 //#endregion

package/dist/Component/ComponentProvider.d.ts

@@ -5,5 +5,5 @@ export type ComponentProviderProps = {
     localCustomComponents?: Record<string, ComponentPluginWithHOC>;
     children?: ReactNode;
 };
-declare const ComponentProvider: ({ localComponents, localCustomComponents, children }: ComponentProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ComponentProvider: ({ localComponents, localCustomComponents, children }: ComponentProviderProps) => import("react").JSX.Element;
 export default ComponentProvider;

package/dist/Element/ElementContext.d.ts

@@ -0,0 +1,19 @@
+import { Element, ElementLayout } from '@plitzi/sdk-shared';
+import { CSSProperties } from 'react';
+export type ElementContextValue<T extends 'skipHOC' | 'full' = 'full'> = {
+    id: string;
+    rootId?: string;
+} & (T extends 'skipHOC' ? {
+    plitziJsxSkipHOC: true;
+} : {
+    plitziJsxSkipHOC?: boolean;
+    className?: string;
+    plitziElementLayout?: ElementLayout;
+    attributes: Element['attributes'];
+    definition: Element['definition'];
+    elementState: Record<string, unknown>;
+    style?: CSSProperties;
+    setElementState: <S extends Record<string, unknown> = Record<string, unknown>>(value?: S | ((prev: S) => S)) => boolean;
+});
+declare const ElementContext: import('react').Context<ElementContextValue<"full"> | ElementContextValue<"skipHOC">>;
+export default ElementContext;

package/dist/Element/ElementContext.mjs

@@ -0,0 +1,6 @@
+import { createContext as e } from "react";
+//#region src/Element/ElementContext.tsx
+var t = e(void 0);
+t.displayName = "ElementContext";
+//#endregion
+export { t as default };

package/dist/Element/JsxManager.d.ts

@@ -7,5 +7,5 @@ export type JsxManagerProps = {
     internalProps: InternalPropsSTG1;
     children: ReactNode;
 };
-declare const _default: import('react').MemoExoticComponent<({ plitziJsxSkipHOC, as: type, internalProps, children, ...plitziJsxProps }: JsxManagerProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const _default: import('react').MemoExoticComponent<({ plitziJsxSkipHOC, as: type, internalProps, children, ...plitziJsxProps }: JsxManagerProps) => import("react").JSX.Element | null>;
 export default _default;

package/dist/Element/JsxManager.mjs

@@ -1,37 +1,31 @@
 import e from "../elements/internal/NotFound/NotFound.mjs";
 import t from "./PluginRemote.mjs";
-import { memo as n, use as r, useCallback as i, useMemo as a } from "react";
+import { getRemoteSettings as n } from "./helpers/pluginSelector.mjs";
+import { memo as r, use as i, useMemo as a } from "react";
 import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as s } from "@plitzi/plitzi-ui/helpers";
-import c from "@plitzi/sdk-shared/elements/ComponentContext";
-import { jsx as l } from "react/jsx-runtime";
-var u = n(({ plitziJsxSkipHOC: n = !0, as: u = "", internalProps: d, children: f, ...p }) => {
-	let { contexts: { PluginsContext: m } } = o(), { components: h } = r(c), { plugins: g } = r(m), _ = i((e) => Object.values(g).find((t) => t.subPlugins.find((t) => t === e)), [g]), v = u ? h.current[u] : void 0, y = a(() => {
-		let e = (u ? g[u] : void 0) ?? _(u);
-		if (v || !e) return;
-		let t = s(e, "assets", []).filter((e) => e.type === "script"), { scope: n } = e;
-		return {
-			url: t.find((e) => e.isMain)?.params.src ?? s(t, "0.params.src", ""),
-			scope: n
-		};
-	}, [
-		v,
-		_,
+import s from "@plitzi/sdk-shared/elements/ComponentContext";
+import { jsx as c } from "react/jsx-runtime";
+var l = r(({ plitziJsxSkipHOC: r = !0, as: l = "", internalProps: u, children: d, ...f }) => {
+	let { contexts: { PluginsContext: p } } = o(), { components: m } = i(s), { plugins: h } = i(p), g = l ? m.current[l] : void 0, _ = a(() => g ? void 0 : n({
+		type: l,
+		plugins: h
+	}), [
 		g,
-		u
+		h,
+		l
 	]);
-	return u ? !v && y ? /* @__PURE__ */ l(t, {
-		internalProps: d,
-		url: y.url,
-		scope: y.scope,
-		plitziJsxSkipHOC: n,
-		plitziJsxProps: p
-	}) : (v ||= e, /* @__PURE__ */ l(v, {
-		plitziJsxSkipHOC: n,
-		...p,
-		internalProps: d,
-		children: f
+	return l ? !g && _ ? /* @__PURE__ */ c(t, {
+		internalProps: u,
+		url: _.url,
+		scope: _.scope,
+		plitziJsxSkipHOC: r,
+		plitziJsxProps: f
+	}) : (g ||= e, /* @__PURE__ */ c(g, {
+		plitziJsxSkipHOC: r,
+		...f,
+		internalProps: u,
+		children: d
 	})) : null;
 });
 //#endregion
-export { u as default };
+export { l as default };

package/dist/Element/PluginManager.d.ts

@@ -4,5 +4,5 @@ export type PluginManagerProps = {
     type: string;
     internalProps: InternalPropsSTG0;
 };
-declare const _default: import('react').MemoExoticComponent<({ plitziElementLayout, type, internalProps }: PluginManagerProps) => import("react/jsx-runtime").JSX.Element | undefined>;
+declare const _default: import('react').MemoExoticComponent<({ plitziElementLayout, type, internalProps }: PluginManagerProps) => import("react").JSX.Element | undefined>;
 export default _default;

package/dist/Element/PluginRemote.d.ts

@@ -7,5 +7,5 @@ export type PluginRemoteProps = {
     plitziJsxSkipHOC?: boolean;
     plitziJsxProps?: Record<string, unknown>;
 };
-declare const PluginRemote: ({ url, scope, internalProps, autoRegister, plitziJsxSkipHOC, plitziJsxProps }: PluginRemoteProps) => import("react/jsx-runtime").JSX.Element;
+declare const PluginRemote: ({ url, scope, internalProps, autoRegister, plitziJsxSkipHOC, plitziJsxProps }: PluginRemoteProps) => import("react").JSX.Element;
 export default PluginRemote;

package/dist/Element/ReplicaProvider.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type ReplicaProviderProps = {
     children?: ReactNode;
 };
-declare const ReplicaProvider: ({ children }: ReplicaProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ReplicaProvider: ({ children }: ReplicaProviderProps) => import("react").JSX.Element;
 export default ReplicaProvider;

package/dist/Element/RootElement.d.ts

@@ -8,7 +8,8 @@ export type RootElementProps<T extends keyof JSX.IntrinsicElements> = {
     interactionTriggers?: Record<string, InteractionCallback>;
     interactionCallbacks?: Record<string, InteractionCallback>;
     style?: string | CSSProperties;
-} & Omit<Partial<JSX.IntrinsicElements[T]>, 'ref' | 'style'>;
-declare const RootElement: <T extends keyof JSX.IntrinsicElements = "div">({ ref, children, tag, className, interactionTriggers, interactionCallbacks, style: styleProp, ...otherProps }: RootElementProps<T>) => import("react/jsx-runtime").JSX.Element;
+} & Omit<Partial<JSX.IntrinsicElements[T]>, 'ref' | 'style' | 'id'>;
+export type DebugParams = Record<string, string | undefined | boolean>;
+declare const RootElement: <T extends keyof JSX.IntrinsicElements = "div">({ ref, children, tag, className, interactionTriggers, interactionCallbacks, style: styleProp, ...otherProps }: RootElementProps<T>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
 export default RootElement;
 export { RootElement };

package/dist/Element/RootElement.mjs

@@ -1,123 +1,65 @@
-import { interactionBasicTriggers as e, nativeEventsList as t } from "./helpers/elementConstants.mjs";
-import n from "./helpers/parseStyle.mjs";
-import r from "./hooks/useElementInteractions.mjs";
-import i from "./hooks/useInternalClassName.mjs";
-import { use as a, useCallback as o, useEffect as s, useMemo as c, useRef as ee } from "react";
-import te from "@plitzi/sdk-shared/elements/ElementContext";
-import l from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as u } from "@plitzi/plitzi-ui/helpers";
-import { createStoreHook as d } from "@plitzi/nexus/createStore";
-import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as p } from "react/jsx-runtime";
-import m from "clsx";
-import { pConsole as h } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
+import e from "./hooks/useElement.mjs";
+import t from "./helpers/parseStyle.mjs";
+import n from "./helpers/renderStaticTag.mjs";
+import r from "./hooks/useRootElementInteractions.mjs";
+import { useMemo as i } from "react";
+import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 //#region src/Element/RootElement.tsx
-var g = ({ ref: g, children: _, tag: v = "div", className: y = "", interactionTriggers: b, interactionCallbacks: x, style: S, ...C }) => {
-	let w = c(() => n(S), [S]), T = v, E = a(te);
-	if (!E) throw Error("This element can be rendered only under withElement HOC or inside ElementContext");
-	let { id: D, rootId: O } = E;
-	if (!T) throw Error(`One of these parameters [tag] is missing in elementId: ${D}`);
-	if (!E) throw Error("This element can be rendered only under withElement HOC");
-	if (E.plitziJsxSkipHOC) return /* @__PURE__ */ p(T, {
-		ref: g,
-		style: w,
-		className: y,
-		...C,
-		children: _
+var o = ({ ref: o, children: s, tag: c = "div", className: l = "", interactionTriggers: u, interactionCallbacks: d, style: f, ...p }) => {
+	let m = i(() => t(f), [f]), h = e(), g = a(), _ = g.settings.previewMode ?? !0, v = !!g.settings.debugMode;
+	if (h.plitziJsxSkipHOC) return n({
+		tag: c,
+		refProp: o,
+		style: m,
+		className: l,
+		otherProps: p,
+		children: s
 	});
-	let k = l(), A = u(k, "settings.previewMode", !0), j = u(k, "settings.debugMode", !1), M = u(k, "root.baseElementId"), { className: N, attributes: P, definition: F, definition: { interactions: I, type: L, label: R, runtime: ne }, plitziElementLayout: z, style: B, elementState: V, setElementState: H } = E, U = ne === "server" ? { "data-rsc-id": D } : void 0, W = c(() => !j && (A || !L || O !== M) ? {} : {
-		"data-id": D,
-		"data-name": R || L || "unknown",
-		"data-root-id": O,
-		"data-type": L || "unknown",
+	let { root: { baseElementId: y }, contexts: b } = g, x = b.InteractionsContext, { id: S, rootId: C, style: w, definition: { type: T, label: E, runtime: D } } = h, O = D === "server" ? { "data-rsc-id": S } : void 0, k = !v && (_ || !T || C !== y) ? {} : {
+		"data-id": S,
+		"data-name": E || T || "unknown",
+		"data-root-id": C,
+		"data-type": T || "unknown",
 		"data-root-render-element": !0
-	}, [
-		j,
-		A,
-		O,
-		M,
-		D,
-		R,
-		L
-	]), G = u(k, "contexts.InteractionsContext");
-	if (!G) return /* @__PURE__ */ p(T, {
-		ref: g,
+	};
+	if (!x) return n({
+		tag: c,
+		refProp: o,
 		style: {
-			...B,
-			...w
+			...w,
+			...m
 		},
-		className: y,
-		...C,
-		...W,
-		...U,
-		children: _
+		className: l,
+		otherProps: p,
+		params: k,
+		serverMarker: O,
+		children: s
 	});
-	let { interactionsManager: K, useInteractions: q } = a(G), J = o((e, t, n, r, i = !1) => {
-		i || e.preventDefault(), r && r(e), i || e.preventDefault(), K.interactionTrigger(t, n, { event: e });
-	}, [K]), Y = c(() => !A || !I ? {} : Object.values(I).filter((e) => e.type === "trigger" && e.action && t.includes(e.action) && e.enabled).reduce((e, t) => {
-		let n = u(t, "params.propagateEvent", !1);
-		return {
-			...e,
-			[t.action]: (e) => J(e, D, t.action, C[t.action], n)
-		};
-	}, {}), [
-		D,
-		I,
-		C,
-		A,
-		J
-	]), X = j || !!(I && Object.keys(I).length), { useStore: Z } = d(), [re = f] = Z("runtime.sources", { enabled: X }), Q = ee({});
-	Q.current = re;
-	let ie = o(() => ({ dataSource: Q.current }), [Q]), ae = c(() => ({
-		...e,
-		...b
-	}), [b]), $ = r({
-		attributes: P,
-		definition: F,
-		setElementState: H
+	let { className: A, events: j } = r({
+		elementContext: h,
+		InteractionsContext: x,
+		previewMode: _,
+		debugMode: v,
+		baseElementId: y,
+		className: l,
+		interactionTriggers: u,
+		interactionCallbacks: d,
+		otherProps: p
 	});
-	q({
-		id: D,
-		interactions: I,
-		triggers: ae,
-		callbacks: c(() => ({
-			...x,
-			...$
-		}), [x, $]),
-		getAdditionalParams: ie
-	}), s(() => {
-		!A || !I || !Object.keys(I).length || K.interactionTrigger(D, "onLoad", {});
-	}, []), s(() => {
-		if (j) return h.addProviderMethod(`getElementDataSource-${D}`, () => Q.current), () => {
-			h.removeProviderMethod(`getElementDataSource-${D}`);
-		};
-	}, [
-		j,
-		Q,
-		D
-	]);
-	let oe = i({
-		id: D,
-		className: y,
-		previewMode: A,
-		baseElementId: M,
-		definition: F,
-		elementState: V,
-		plitziElementLayout: z
-	});
-	return /* @__PURE__ */ p(T, {
-		ref: g,
+	return n({
+		tag: c,
+		refProp: o,
 		style: {
-			...B,
-			...w
+			...w,
+			...m
 		},
-		className: m(N, oe),
-		...C,
-		...W,
-		...Y,
-		...U,
-		children: _
+		className: A,
+		otherProps: p,
+		params: k,
+		serverMarker: O,
+		events: j,
+		children: s
 	});
 };
 //#endregion
-export { g as default };
+export { o as RootElement, o as default };

package/dist/Element/element.bench.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/Element/helpers/elementUtils.mjs

@@ -1,4 +1,4 @@
-import e from "../RootElement.mjs";
+import { RootElement as e } from "../RootElement.mjs";
 import t from "../../Component/ComponentProvider.mjs";
 import * as n from "react";
 import r from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";

package/dist/Element/helpers/omitKeys.d.ts

@@ -0,0 +1 @@
+export declare const omitKeys: <T extends object>(obj: T, keys: readonly string[]) => Partial<T>;

package/dist/Element/helpers/omitKeys.mjs

@@ -0,0 +1,8 @@
+//#region src/Element/helpers/omitKeys.ts
+var e = (e, t) => {
+	let n = new Set(t), r = {};
+	for (let t in e) !n.has(t) && Object.prototype.hasOwnProperty.call(e, t) && (r[t] = e[t]);
+	return r;
+};
+//#endregion
+export { e as omitKeys };

package/dist/Element/helpers/pluginSelector.d.ts

@@ -7,5 +7,13 @@ export type pluginSelectorProps = {
     components: Partial<Record<string, ComponentPluginWithHOC>>;
     plugins: Record<string, ComponentDefinition>;
 };
-declare const pluginSelector: ({ key, plitziElementLayout, type, internalProps: internalPropsProp, components, plugins }: pluginSelectorProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const getParentPlugin: (plugins: Record<string, ComponentDefinition>, subPlugin: string) => ComponentDefinition | undefined;
+export declare const getRemoteSettings: ({ type, plugins }: {
+    type: string;
+    plugins: Record<string, ComponentDefinition>;
+}) => {
+    url: string;
+    scope: string;
+} | undefined;
+declare const pluginSelector: ({ key, plitziElementLayout, type, internalProps: internalPropsProp, components, plugins }: pluginSelectorProps) => import("react").JSX.Element | undefined;
 export default pluginSelector;

package/dist/Element/helpers/pluginSelector.mjs

@@ -32,4 +32,4 @@ var r = (e, t) => Object.values(e).find((e) => e.subPlugins.find((e) => e === t)
 	}, t) : u;
 };
 //#endregion
-export { a as default };
+export { a as default, r as getParentPlugin, i as getRemoteSettings };

package/dist/Element/helpers/renderStaticTag.d.ts

@@ -0,0 +1,17 @@
+import { DebugParams } from '../RootElement';
+import { ReactNode, CSSProperties, RefObject, JSX, ReactElement } from 'react';
+export type StaticTagProps = {
+    tag?: keyof JSX.IntrinsicElements;
+    refProp?: RefObject<HTMLElement | null>;
+    style?: CSSProperties;
+    className: string;
+    otherProps: Record<string, unknown>;
+    params?: DebugParams;
+    serverMarker?: {
+        'data-rsc-id': string;
+    };
+    events?: Record<string, unknown>;
+    children?: ReactNode;
+};
+declare const renderStaticTag: ({ tag, refProp, style, className, otherProps, params, serverMarker, events, children }: StaticTagProps) => ReactElement;
+export default renderStaticTag;

package/dist/Element/helpers/renderStaticTag.mjs

@@ -0,0 +1,13 @@
+import { createElement as e } from "react";
+//#region src/Element/helpers/renderStaticTag.ts
+var t = ({ tag: t = "div", refProp: n, style: r, className: i, otherProps: a, params: o, serverMarker: s, events: c, children: l }) => e(t, {
+	ref: n,
+	style: r,
+	className: i,
+	...a,
+	...o,
+	...c,
+	...s
+}, l);
+//#endregion
+export { t as default };

package/dist/Element/hocs/withElement.d.ts

@@ -8,7 +8,7 @@ export type WithElementProps<T> = {
     extraProps?: Record<string, unknown>;
 } & T;
 declare const withElement: <T extends object>(WrappedComponent: FC<T>) => {
-    (props: WithElementProps<T>): import("react/jsx-runtime").JSX.Element;
+    (props: WithElementProps<T>): import("react").JSX.Element;
     displayName: string;
 };
 export default withElement;