@plitzi/sdk-elements 0.37.1 → 0.37.3

package/dist/Element/hooks/useRootElementInteractions.mjs

@@ -1,72 +1,87 @@
 import e from "./useElementInteractions.mjs";
 import t from "./useInternalClassName.mjs";
-import { interactionBasicTriggers as n, nativeEventsList as r } from "../helpers/elementConstants.mjs";
-import { use as i, useCallback as a, useContext as o, useEffect as s, useMemo as c } from "react";
-import { get as l } from "@plitzi/plitzi-ui/helpers";
-import { StoreContext as u } from "@plitzi/nexus/react";
-import { emptyObject as d } from "@plitzi/sdk-shared/helpers/utils";
-import f from "clsx";
-import { pConsole as p } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
+import n from "./useKeyTriggers.mjs";
+import { interactionBasicTriggers as r, nativeEventsList as i } from "../helpers/elementConstants.mjs";
+import { use as a, useCallback as o, useContext as s, useEffect as c, useMemo as l } from "react";
+import { get as u } from "@plitzi/plitzi-ui/helpers";
+import { StoreContext as d } from "@plitzi/nexus/react";
+import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
+import p from "clsx";
+import { liveSources as m } from "@plitzi/sdk-shared/dataSource";
+import { pConsole as h } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
 //#region src/Element/hooks/useRootElementInteractions.ts
-var m = (e) => typeof e == "object" && !!e, h = ({ elementContext: h, InteractionsContext: g, previewMode: _, debugMode: v, baseElementId: y, className: b, interactionTriggers: x, interactionCallbacks: S, otherProps: C }) => {
-	let { id: w, className: T, attributes: E, definition: D, definition: { interactions: O }, plitziElementLayout: k, elementState: A, setElementState: j } = h, { interactionsManager: M, useInteractions: N } = i(g), P = a((e, t, n, r, i = !1) => {
-		i || e.preventDefault(), r && r(e), M.interactionTrigger(t, n, { event: e });
-	}, [M]), F = c(() => !_ || !O ? {} : Object.values(O).filter((e) => e.type === "trigger" && e.action && r.includes(e.action) && e.enabled).reduce((e, t) => {
-		let n = l(t, "params.propagateEvent", !1);
+var g = (e) => typeof e == "object" && !!e, _ = /* @__PURE__ */ new WeakSet(), v = (e) => "nativeEvent" in e && g(e.nativeEvent) ? e.nativeEvent : e, y = ({ elementContext: y, InteractionsContext: b, previewMode: x, debugMode: S, baseElementId: C, className: w, interactionTriggers: T, interactionCallbacks: E, otherProps: D }) => {
+	let { id: O, className: k, attributes: A, definition: j, definition: { interactions: M }, plitziElementLayout: N, elementState: P, setElementState: F } = y, { interactionsManager: I, useInteractions: L } = a(b), R = o((e, t, n, r, i = !1) => {
+		i || e.preventDefault(), r && r(e);
+		let a = v(e);
+		_.has(a) || (i || _.add(a), I.interactionTrigger(t, n, { event: e }));
+	}, [I]), z = l(() => !x || !M ? {} : Object.values(M).filter((e) => e.type === "trigger" && e.action && i.includes(e.action) && e.enabled).reduce((e, t) => {
+		let n = u(t, "params.propagateEvent", !1);
 		return {
 			...e,
-			[t.action]: (e) => P(e, w, t.action, C[t.action], n)
+			[t.action]: (e) => R(e, O, t.action, D[t.action], n)
 		};
 	}, {}), [
-		w,
 		O,
-		C,
-		_,
-		P
-	]), I = o(u), L = a(() => {
-		let e = I?.getPath("runtime.sources");
-		return m(e) ? e : d;
-	}, [I]), R = a(() => ({ dataSource: L() }), [L]), z = c(() => ({
-		...n,
-		...x
-	}), [x]), B = e({
-		attributes: E,
-		definition: D,
-		setElementState: j
+		M,
+		D,
+		x,
+		R
+	]), B = s(d), V = o(() => {
+		let e = B?.getPath("runtime.sources");
+		return m(g(e) ? e : f, B?.getPath("runtime.state"), B?.getPath("schema.settings.computed"));
+	}, [B]), H = o(() => ({ dataSource: V() }), [V]), U = l(() => ({
+		...r,
+		...T
+	}), [T]), W = e({
+		attributes: A,
+		definition: j,
+		setElementState: F
 	});
-	N({
-		id: w,
-		interactions: O,
-		triggers: z,
-		callbacks: c(() => ({
-			...S,
-			...B
-		}), [S, B]),
-		getAdditionalParams: R
-	}), s(() => {
-		_ && O && Object.keys(O).length && M.interactionTrigger(w, "onLoad", {});
-	}, []), s(() => {
-		if (v) return p.addProviderMethod(`getElementDataSource-${w}`, L), () => {
-			p.removeProviderMethod(`getElementDataSource-${w}`);
+	L({
+		id: O,
+		interactions: M,
+		triggers: U,
+		callbacks: l(() => ({
+			...E,
+			...W
+		}), [E, W]),
+		getAdditionalParams: H
+	}), n({
+		id: O,
+		interactions: M,
+		previewMode: x,
+		interactionsManager: I
+	}), c(() => {
+		if (!x || !M || !Object.keys(M).length) return;
+		let e = !1;
+		return queueMicrotask(() => {
+			e || I.interactionTrigger(O, "onLoad", {});
+		}), () => {
+			e = !0;
+		};
+	}, []), c(() => {
+		if (S) return h.addProviderMethod(`getElementDataSource-${O}`, V), () => {
+			h.removeProviderMethod(`getElementDataSource-${O}`);
 		};
 	}, [
-		v,
-		L,
-		w
+		S,
+		V,
+		O
 	]);
-	let V = t({
-		id: w,
-		className: b,
-		previewMode: _,
-		baseElementId: y,
-		definition: D,
-		elementState: A,
-		plitziElementLayout: k
+	let G = t({
+		id: O,
+		className: w,
+		previewMode: x,
+		baseElementId: C,
+		definition: j,
+		elementState: P,
+		plitziElementLayout: N
 	});
 	return {
-		className: f(T, V),
-		events: F
+		className: p(k, G),
+		events: z
 	};
 };
 //#endregion
-export { h as default };
+export { y as default };

package/dist/Element/hooks/useRscData.mjs

@@ -1,25 +1,30 @@
 import e from "./useElement.mjs";
-import { useCommonStore as t } from "@plitzi/sdk-shared/store";
-import { rscDataPath as n } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
-import r from "@plitzi/sdk-shared/server/rsc/useRscRefresh";
+import { useRef as t } from "react";
+import { useCommonStore as n } from "@plitzi/sdk-shared/store";
+import { currentRscLocation as r, rscDataPath as i } from "@plitzi/sdk-shared/server/rsc/refreshRsc";
+import a from "@plitzi/sdk-shared/server/rsc/useRscRefresh";
 //#region src/Element/hooks/useRscData.ts
-var i = () => {
-	let { id: i } = e(), [[a = !1, o = !1, s = !1, c, l]] = t([
+var o = () => {
+	let { id: o, rootId: s } = e(), [[c = !1, l = !1, u = !1, d, f, p, m]] = n([
 		"rsc.enabled",
 		"rsc.loaded",
 		"rsc.stale",
 		"rsc.location",
-		n(i)
-	]), u = r();
+		i(o),
+		"navigation.currentPageId",
+		"schema.pages"
+	]), h = a(), g = d !== void 0 && d !== r() || s !== void 0 && s !== p && Array.isArray(m) && m.includes(s), _ = t(void 0);
+	!g && f !== void 0 && (_.current = f);
+	let v = g && _.current !== void 0 ? _.current : f;
 	return {
-		enabled: a,
-		loaded: o,
-		stale: s,
-		location: c,
-		elementData: l ?? null,
-		isServerElement: l !== void 0,
-		refresh: u
+		enabled: c,
+		loaded: l,
+		stale: u,
+		location: d,
+		elementData: v ?? null,
+		isServerElement: v !== void 0,
+		refresh: h
 	};
 };
 //#endregion
-export { i as default };
+export { o as default };

package/dist/components/ElementAdvancedEditor.d.ts

@@ -4,5 +4,5 @@ export type ElementAdvancedEditorProps = {
     mode?: 'js' | 'html';
     onChange?: (value: string) => void;
 };
-declare const ElementAdvancedEditor: ({ className, value, mode, onChange }: ElementAdvancedEditorProps) => import("react").JSX.Element;
+declare const ElementAdvancedEditor: ({ className, value, mode, onChange }: ElementAdvancedEditorProps) => import('react').JSX.Element;
 export default ElementAdvancedEditor;

package/dist/dataSource/GlobalSources.mjs

@@ -1,70 +1,76 @@
-import { use as e, useCallback as t, useMemo as n } from "react";
-import { useCommonStore as r, useCommonStoreSync as i, useRenderSettings as a } from "@plitzi/sdk-shared/store";
-import { get as o } from "@plitzi/plitzi-ui/helpers";
-import { getPathsFromObeject as s } from "@plitzi/sdk-shared/helpers/utils";
-import c, { SPACE_THEME_AREA as l } from "@plitzi/sdk-shared/theme/useTheme";
-import u from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import d from "@plitzi/sdk-auth/AuthContext";
-import { resolveVariables as f } from "@plitzi/sdk-shared/dataSource";
-import p from "@plitzi/sdk-shared/hooks/useStableValue";
+import { use as e, useCallback as t, useMemo as n, useRef as r } from "react";
+import { useCommonStore as i, useCommonStoreSync as a, useRenderSettings as o } from "@plitzi/sdk-shared/store";
+import { get as s } from "@plitzi/plitzi-ui/helpers";
+import { getPathsFromObeject as c } from "@plitzi/sdk-shared/helpers/utils";
+import { evaluateComputed as l, resolveVariables as u } from "@plitzi/sdk-shared/dataSource";
+import d, { SPACE_THEME_AREA as f } from "@plitzi/sdk-shared/theme/useTheme";
+import p from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import m from "@plitzi/sdk-auth/AuthContext";
+import h from "@plitzi/sdk-shared/hooks/useStableValue";
 //#region src/dataSource/GlobalSources.tsx
-var m = ({ children: m }) => {
-	let { environment: h } = a(), [[g, _, v, y, b, x]] = r([
+var g = ({ children: g }) => {
+	let { environment: _ } = o(), [[v, y, b, x, S, C, w]] = i([
 		"schema.variables",
 		"navigation.routeParams",
 		"navigation.queryParams",
 		"navigation.hostname",
 		"navigation.origin",
+		"navigation.href",
 		"navigation.currentPageId"
-	]), S = p(n(() => f(g, {
-		routeParams: _,
-		queryParams: v,
-		hostname: y,
-		environment: h
+	]), T = h(n(() => u(v, {
+		routeParams: y,
+		queryParams: b,
+		hostname: x,
+		environment: _
 	}), [
-		h,
-		y,
-		v,
 		_,
-		g
-	])), C = t(() => s(S).map((e) => ({
+		x,
+		b,
+		y,
+		v
+	])), E = t(() => c(T).map((e) => ({
 		path: e,
 		name: `variables.${e}`
-	})), [S]);
-	u({
+	})), [T]);
+	p({
 		id: "global",
 		source: "variables",
 		name: "Variables",
-		fields: C
-	}), i("runtime.sources.variables", S);
-	let [w = {}] = r("pageDefinitions"), T = n(() => Object.values(w).map((e) => ({
+		fields: E
+	}), a("runtime.sources.variables", T);
+	let [D = {}] = i("pageDefinitions"), O = n(() => Object.values(D).map((e) => ({
 		value: e.id,
-		label: o(e, "attributes.name", e.id)
-	})), [w]), E = n(() => ({
-		routeParams: _,
-		queryParams: v,
-		origin: b,
-		currentPageId: x
+		label: s(e, "attributes.name", e.id)
+	})), [D]), k = n(() => ({
+		routeParams: y,
+		queryParams: b,
+		origin: S,
+		href: C,
+		currentPageId: w
 	}), [
-		_,
-		v,
+		y,
 		b,
-		x
-	]), D = t(() => {
-		let e = s({
-			routeParams: _,
-			queryParams: v
+		S,
+		C,
+		w
+	]), A = t(() => {
+		let e = c({
+			routeParams: y,
+			queryParams: b
 		}).map((e) => ({
 			path: e,
 			name: `navigation.${e}`
 		})), t = {
 			path: "origin",
 			name: "Origin"
-		}, n = T.length > 0 ? {
+		}, n = {
+			path: "href",
+			name: "This page’s address"
+		}, r = O.length > 0 ? {
 			path: "currentPageId",
 			name: "Current Page",
 			inputType: "select",
-			values: T
+			values: O
 		} : {
 			path: "currentPageId",
 			name: "Current Page"
@@ -72,77 +78,107 @@ var m = ({ children: m }) => {
 		return [
 			...e,
 			t,
-			n
+			n,
+			r
 		];
 	}, [
-		_,
-		v,
-		T
+		y,
+		b,
+		O
 	]);
-	u({
+	p({
 		id: "global",
 		source: "navigation",
 		name: "Navigation",
-		fields: D
-	}), i("runtime.sources.navigation", E);
-	let { user: O, authenticated: k } = e(d), [A = "basic"] = r("schema.settings.userProvider"), j = n(() => A === "" ? {} : {
-		isAuthenticated: k,
-		accessToken: O?.accessToken ?? "",
+		fields: A
+	}), a("runtime.sources.navigation", k);
+	let { user: j, authenticated: M, state: N } = e(m), [P = "basic"] = i("schema.settings.userProvider"), F = n(() => P === "" ? {} : {
+		isAuthenticated: M,
+		...N === void 0 ? {} : { status: N },
+		accessToken: j?.accessToken ?? "",
 		details: {
 			username: "",
 			email: "",
 			roles: "",
 			permissions: "",
 			verified: "",
-			...O?.details ?? {}
+			...j?.details ?? {}
 		}
 	}, [
-		A,
-		O,
-		k
-	]), M = t(() => s(j).map((e) => ({
+		P,
+		j,
+		M,
+		N
+	]), I = t(() => c(F).map((e) => ({
 		path: e,
 		name: `user.${e}`
-	})), [j]);
-	u({
+	})), [F]);
+	p({
 		id: "global",
 		source: "auth",
 		name: "Auth State",
-		fields: M
-	}), i("runtime.sources.auth", j);
-	let [N] = r("runtime.state"), P = t(() => s(N).map((e) => ({
+		fields: I
+	}), a("runtime.sources.auth", F);
+	let [L] = i("runtime.state"), R = t(() => c(L).map((e) => ({
 		path: e,
 		name: `state.${e}`
-	})), [N]);
-	u({
+	})), [L]);
+	p({
 		id: "global",
 		source: "state",
 		name: "State",
-		fields: P
-	}), i("runtime.sources.state", N);
-	let [F] = r("runtime.host"), I = t(() => s(F).map((e) => ({
+		fields: R
+	}), a("runtime.sources.state", L);
+	let [z] = i("runtime.host"), B = t(() => c(z).map((e) => ({
 		path: e,
 		name: `host.${e}`
-	})), [F]);
-	u({
+	})), [z]);
+	p({
 		id: "global",
 		source: "host",
 		name: "Host",
-		fields: I
-	}), i("runtime.sources.host", F);
-	let { theme: L, resolvedTheme: R } = c(l), z = n(() => ({
-		mode: L,
-		resolved: R
-	}), [L, R]), B = t(() => s(z).map((e) => ({
+		fields: B
+	}), a("runtime.sources.host", z);
+	let { theme: V, resolvedTheme: H } = d(f), U = n(() => ({
+		mode: V,
+		resolved: H
+	}), [V, H]), W = t(() => c(U).map((e) => ({
 		path: e,
 		name: `theme.${e}`
-	})), [z]);
-	return u({
+	})), [U]);
+	p({
 		id: "global",
 		source: "theme",
 		name: "Theme",
-		fields: B
-	}), i("runtime.sources.theme", z), m;
+		fields: W
+	}), a("runtime.sources.theme", U);
+	let [G] = i("schema.settings.computed"), K = r(void 0), q = n(() => l(G ?? {}, {
+		variables: T,
+		navigation: k,
+		auth: F,
+		state: L ?? {},
+		host: z ?? {},
+		theme: U
+	}, K.current), [
+		G,
+		T,
+		k,
+		F,
+		L,
+		z,
+		U
+	]);
+	K.current = q;
+	let J = t(() => c(q).map((e) => ({
+		path: e,
+		name: `computed.${e}`
+	})), [q]);
+	return p({
+		id: "global",
+		source: "computed",
+		name: "Computed",
+		fields: J
+	}), a("runtime.sources.computed", q), g;
 };
 //#endregion
-export { m as default };
+export { g as default };

package/dist/dataSource/getSourcesByElementId.mjs

@@ -1,8 +1,8 @@
-import e from "@plitzi/sdk-schema/helpers/FlatMap";
+import { renderContext as e } from "@plitzi/sdk-schema/helpers/elementTree";
 //#region src/dataSource/getSourcesByElementId.ts
 var t = (t = {}, n, r) => {
 	if (!r || !n) return {};
-	let i = e.parentTree(n, r);
+	let i = e(n, r);
 	return Object.values(t).filter((e) => e.meta.id === "global" || !!e.meta.id && i.includes(e.meta.id)).reduce((e, t) => ({
 		...e,
 		[t.id]: t

package/dist/elements/advanced/BlockHtml/BlockHtml.d.ts

@@ -4,9 +4,9 @@ export type BlockHtmlProps = {
     className?: string;
     content?: string;
 };
-declare const BlockHtml: ({ ref, content, className }: BlockHtmlProps) => import("react").JSX.Element;
+declare const BlockHtml: ({ ref, content, className }: BlockHtmlProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockHtmlProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockHtmlProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/advanced/BlockHtml/Settings.d.ts

@@ -2,5 +2,5 @@ type SettingsProps = {
     content?: string;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ content, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ content, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/advanced/BlockHtml/index.d.ts

@@ -1,5 +1,5 @@
 declare const BlockHtml: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockHtml').BlockHtmlProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "blockHtml";

package/dist/elements/advanced/BlockJsx/BlockJsx.d.ts

@@ -5,9 +5,9 @@ export type BlockJsxProps = {
     props?: string;
     contentCache?: string;
 };
-declare const BlockJsx: ({ ref, className, props: componentProps, contentCache, ...otherProps }: BlockJsxProps) => import("react").JSX.Element;
+declare const BlockJsx: ({ ref, className, props: componentProps, contentCache, ...otherProps }: BlockJsxProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockJsxProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<BlockJsxProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/advanced/BlockJsx/BlockJsx.mjs

@@ -29,7 +29,7 @@ var d = ({ ref: e, className: d = "", props: f = "{}", contentCache: p = "", ...
 				...e
 			};
 		} catch (e) {
-			console.log(e);
+			console.error(e);
 		}
 	}, [f, m]), w = r(async (e) => {
 		let t, n;

package/dist/elements/advanced/BlockJsx/Settings.d.ts

@@ -4,5 +4,5 @@ type SettingsProps = {
     props?: string;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ content, props: componentProps, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ content, props: componentProps, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/advanced/BlockJsx/index.d.ts

@@ -1,5 +1,5 @@
 declare const BlockJsx: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./BlockJsx').BlockJsxProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "blockJsx";

package/dist/elements/advanced/Custom/Custom.d.ts

@@ -8,9 +8,9 @@ export type CustomProps = {
     assets?: string;
     scriptUrl?: string;
 };
-declare const Custom: ({ ref, className, renderType, settings, isPlugin, assets, scriptUrl }: CustomProps) => import("react").JSX.Element;
+declare const Custom: ({ ref, className, renderType, settings, isPlugin, assets, scriptUrl }: CustomProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<CustomProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<CustomProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;

package/dist/elements/advanced/Custom/Settings.d.ts

@@ -6,5 +6,5 @@ type SettingsProps = {
     isPlugin?: boolean;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ renderType, settings, isPlugin, assets, scriptUrl, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ renderType, settings, isPlugin, assets, scriptUrl, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/advanced/Custom/index.d.ts

@@ -1,5 +1,5 @@
 declare const Custom: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Custom').CustomProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Custom').CustomProps>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "custom";

package/dist/elements/advanced/NodeHtml/declaration.d.ts

@@ -78,6 +78,7 @@ declare const declaration: {
     defaultValue?: string | number | readonly string[] | undefined;
     onLoad?: import('react').ReactEventHandler<"span"> | undefined;
     onClick?: import('react').MouseEventHandler<"span"> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
     onMouseEnter?: import('react').MouseEventHandler<"span"> | undefined;
     onMouseLeave?: import('react').MouseEventHandler<"span"> | undefined;
     onFocus?: import('react').FocusEventHandler<"span"> | undefined;
@@ -266,7 +267,6 @@ declare const declaration: {
     onTouchMoveCapture?: import('react').TouchEventHandler<"span"> | undefined;
     onTouchStart?: import('react').TouchEventHandler<"span"> | undefined;
     onTouchStartCapture?: import('react').TouchEventHandler<"span"> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerDownCapture?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerMove?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerMoveCapture?: import('react').PointerEventHandler<"span"> | undefined;

package/dist/elements/advanced/NodeHtml/index.d.ts

@@ -1,5 +1,5 @@
 declare const NodeHtml: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NodeHtml').NodeHtmlProps<"span">>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<import('./NodeHtml').NodeHtmlProps<"span">>): import('react').JSX.Element;
     displayName: string;
 } & {
     readonly type: "nodeHtml";
@@ -70,6 +70,7 @@ declare const NodeHtml: {
     defaultValue?: string | number | readonly string[] | undefined;
     onLoad?: import('react').ReactEventHandler<"span"> | undefined;
     onClick?: import('react').MouseEventHandler<"span"> | undefined;
+    onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
     onMouseEnter?: import('react').MouseEventHandler<"span"> | undefined;
     onMouseLeave?: import('react').MouseEventHandler<"span"> | undefined;
     onFocus?: import('react').FocusEventHandler<"span"> | undefined;
@@ -258,7 +259,6 @@ declare const NodeHtml: {
     onTouchMoveCapture?: import('react').TouchEventHandler<"span"> | undefined;
     onTouchStart?: import('react').TouchEventHandler<"span"> | undefined;
     onTouchStartCapture?: import('react').TouchEventHandler<"span"> | undefined;
-    onPointerDown?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerDownCapture?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerMove?: import('react').PointerEventHandler<"span"> | undefined;
     onPointerMoveCapture?: import('react').PointerEventHandler<"span"> | undefined;

package/dist/elements/advanced/PlitziSdk/Settings.d.ts

@@ -4,5 +4,5 @@ type SettingsProps = {
     environment?: Environment;
     onUpdate?: (key: string, value: string | boolean | number) => void;
 };
-declare const Settings: ({ spaceKey, environment, onUpdate }: SettingsProps) => import("react").JSX.Element;
+declare const Settings: ({ spaceKey, environment, onUpdate }: SettingsProps) => import('react').JSX.Element;
 export default Settings;

package/dist/elements/advanced/Reference/Reference.d.ts

@@ -8,9 +8,9 @@ export type ReferenceProps = {
     referenceId: string;
     referenceContainer: string;
 };
-declare const Reference: ({ ref, children, className, referenceType, referenceId, referenceContainer }: ReferenceProps) => import("react").JSX.Element;
+declare const Reference: ({ ref, children, className, referenceType, referenceId, referenceContainer }: ReferenceProps) => import('react').JSX.Element;
 declare const _default: {
-    (props: import('../../../Element/hocs/withElement').WithElementProps<ReferenceProps>): import("react").JSX.Element;
+    (props: import('../../../Element/hocs/withElement').WithElementProps<ReferenceProps>): import('react').JSX.Element;
     displayName: string;
 };
 export default _default;