@plitzi/sdk-elements 0.38.6 → 0.38.7

package/dist/dataSource/GlobalSources.mjs

@@ -1,68 +1,56 @@
 import { use as e, useCallback as t, useEffect as n, useMemo as r, useRef as i } from "react";
-import { useCommonStore as a, useCommonStoreSync as o, useRenderSettings as s } from "@plitzi/sdk-shared/store";
-import { get as c } from "@plitzi/plitzi-ui/helpers";
-import { flagValues as l, undeclaredFlagOverrides as u } from "@plitzi/sdk-shared/flags";
-import { getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
-import { evaluateComputed as ee, resolveVariables as te } from "@plitzi/sdk-shared/dataSource";
-import ne, { SPACE_THEME_AREA as re } from "@plitzi/sdk-shared/theme/useTheme";
-import f from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import p from "@plitzi/sdk-auth/AuthContext";
-import m from "@plitzi/sdk-shared/flags/useFlagResolution";
-import h from "@plitzi/sdk-shared/hooks/useStableValue";
+import { useCommonStore as a, useCommonStoreSync as o } from "@plitzi/sdk-shared/store";
+import { get as s } from "@plitzi/plitzi-ui/helpers";
+import { flagValues as c, undeclaredFlagOverrides as l } from "@plitzi/sdk-shared/flags";
+import { getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
+import { evaluateComputed as ee } from "@plitzi/sdk-shared/dataSource";
+import te from "@plitzi/sdk-shared/hooks/useStableValue";
+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/dataSource/hooks/useResolvedVariables";
+import g from "@plitzi/sdk-shared/flags/useFlagResolution";
 //#region src/dataSource/GlobalSources.tsx
-var g = ({ children: g }) => {
-	let { environment: _ } = s(), [[v, y, b, x, S, C, w, T = ""]] = a([
-		"schema.variables",
+var _ = ({ children: _ }) => {
+	let [[v, y, b, x, S, C = ""]] = a([
 		"navigation.routeParams",
 		"navigation.queryParams",
-		"navigation.hostname",
 		"navigation.origin",
 		"navigation.href",
 		"navigation.currentPageId",
 		"navigation.pendingLocation"
-	]), E = h(r(() => te(v, {
-		routeParams: y,
-		queryParams: b,
-		hostname: x,
-		environment: _
-	}), [
-		_,
-		x,
-		b,
-		y,
-		v
-	])), ie = t(() => d(E).map((e) => ({
+	]), w = h(), T = t(() => u(w).map((e) => ({
 		path: e,
 		name: `variables.${e}`
-	})), [E]);
-	f({
+	})), [w]);
+	p({
 		id: "global",
 		source: "variables",
 		name: "Variables",
-		fields: ie
-	}), o("runtime.sources.variables", E);
-	let [D = {}] = a("pageDefinitions"), O = r(() => Object.values(D).map((e) => ({
+		fields: T
+	}), o("runtime.sources.variables", w);
+	let [E = {}] = a("pageDefinitions"), D = r(() => Object.values(E).map((e) => ({
 		value: e.id,
-		label: c(e, "attributes.name", e.id)
-	})), [D]), k = r(() => ({
-		routeParams: y,
-		queryParams: b,
-		origin: S,
-		href: C,
-		currentPageId: w,
-		pending: T !== "",
-		pendingLocation: T
+		label: s(e, "attributes.name", e.id)
+	})), [E]), O = r(() => ({
+		routeParams: v,
+		queryParams: y,
+		origin: b,
+		href: x,
+		currentPageId: S,
+		pending: C !== "",
+		pendingLocation: C
 	}), [
+		v,
 		y,
 		b,
+		x,
 		S,
-		C,
-		w,
-		T
-	]), A = t(() => {
-		let e = d({
-			routeParams: y,
-			queryParams: b
+		C
+	]), k = t(() => {
+		let e = u({
+			routeParams: v,
+			queryParams: y
 		}).map((e) => ({
 			path: e,
 			name: `navigation.${e}`
@@ -78,11 +66,11 @@ var g = ({ children: g }) => {
 		}, {
 			path: "pendingLocation",
 			name: "Where a navigation is going"
-		}], i = O.length > 0 ? {
+		}], i = D.length > 0 ? {
 			path: "currentPageId",
 			name: "Current Page",
 			inputType: "select",
-			values: O
+			values: D
 		} : {
 			path: "currentPageId",
 			name: "Current Page"
@@ -95,120 +83,120 @@ var g = ({ children: g }) => {
 			i
 		];
 	}, [
+		v,
 		y,
-		b,
-		O
+		D
 	]);
-	f({
+	p({
 		id: "global",
 		source: "navigation",
 		name: "Navigation",
-		fields: A
-	}), o("runtime.sources.navigation", k);
-	let j = e(p), { user: M, authenticated: N, state: P } = j, [F = "basic"] = a("schema.settings.userProvider"), I = r(() => F === "" ? {} : {
-		isAuthenticated: N,
-		...P === void 0 ? {} : { status: P },
-		accessToken: M?.accessToken ?? "",
+		fields: k
+	}), o("runtime.sources.navigation", O);
+	let A = e(m), { user: j, authenticated: M, state: N, provider: P } = A, F = r(() => P ? {
+		isAuthenticated: M,
+		...N === void 0 ? {} : { status: N },
+		accessToken: j?.accessToken ?? "",
 		details: {
 			username: "",
 			email: "",
 			roles: "",
 			permissions: "",
 			verified: "",
-			...M?.details ?? {}
+			...j?.details ?? {}
 		}
-	}, [
-		F,
+	} : {}, [
+		P,
+		j,
 		M,
-		N,
-		P
-	]), L = t(() => d(I).map((e) => ({
+		N
+	]), I = t(() => u(F).map((e) => ({
 		path: e,
 		name: `user.${e}`
-	})), [I]);
-	f({
+	})), [F]);
+	p({
 		id: "global",
 		source: "auth",
 		name: "Auth State",
-		fields: L
-	}), o("runtime.sources.auth", I);
-	let R = m(j), z = r(() => l(R), [R]), B = t(() => Object.keys(z).map((e) => ({
+		fields: I
+	}), o("runtime.sources.auth", F);
+	let L = g(A), R = r(() => c(L), [L]), z = t(() => Object.keys(R).map((e) => ({
 		path: e,
 		name: `flags.${e}`,
 		inputType: "checkbox"
-	})), [z]);
-	f({
+	})), [R]);
+	p({
 		id: "global",
 		source: "flags",
 		name: "Feature Flags",
-		fields: B
-	}), o("runtime.sources.flags", z), o("flags.resolved", R);
-	let [V, H] = a(["schema.flags", "flags.overrides"])[0], U = h(u(V, H ?? {}));
+		fields: z
+	}), o("runtime.sources.flags", R), o("flags.resolved", L);
+	let [B, V] = a(["schema.flags", "flags.overrides"])[0], H = te(l(B, V ?? {}));
 	n(() => {
-		U.forEach(({ layer: e, name: t }) => console.warn(`[plitzi] The ${e} sets the feature flag "${t}", which this space does not declare: the override is ignored. Declare the flag in the space, or remove the override.`));
-	}, [U]);
-	let [W] = a("runtime.state"), G = t(() => d(W).map((e) => ({
+		H.forEach(({ layer: e, name: t }) => console.warn(`[plitzi] The ${e} sets the feature flag "${t}", which this space does not declare: the override is ignored. Declare the flag in the space, or remove the override.`));
+	}, [H]);
+	let [U] = a("runtime.state"), W = t(() => u(U).map((e) => ({
 		path: e,
 		name: `state.${e}`
-	})), [W]);
-	f({
+	})), [U]);
+	p({
 		id: "global",
 		source: "state",
 		name: "State",
-		fields: G
-	}), o("runtime.sources.state", W);
-	let [K] = a("runtime.host"), q = t(() => d(K).map((e) => ({
+		fields: W
+	}), o("runtime.sources.state", U);
+	let [G] = a("runtime.host"), K = t(() => u(G).map((e) => ({
 		path: e,
 		name: `host.${e}`
-	})), [K]);
-	f({
+	})), [G]);
+	p({
 		id: "global",
 		source: "host",
 		name: "Host",
-		fields: q
-	}), o("runtime.sources.host", K);
-	let { theme: J, resolvedTheme: Y } = ne(re), X = r(() => ({
-		mode: J,
-		resolved: Y
-	}), [J, Y]), ae = t(() => d(X).map((e) => ({
+		fields: K
+	}), o("runtime.sources.host", G);
+	let { theme: q, resolvedTheme: J } = d(f), Y = r(() => ({
+		mode: q,
+		resolved: J
+	}), [q, J]), X = t(() => u(Y).map((e) => ({
 		path: e,
 		name: `theme.${e}`
-	})), [X]);
-	f({
+	})), [Y]);
+	p({
 		id: "global",
 		source: "theme",
 		name: "Theme",
-		fields: ae
-	}), o("runtime.sources.theme", X);
+		fields: X
+	}), o("runtime.sources.theme", Y);
 	let [Z] = a("schema.settings.computed"), Q = i(void 0), $ = r(() => ee(Z ?? {}, {
-		variables: E,
-		navigation: k,
-		auth: I,
-		state: W ?? {},
-		host: K ?? {},
-		theme: X,
-		flags: z
+		variables: w,
+		navigation: O,
+		auth: F,
+		state: U ?? {},
+		host: G ?? {},
+		theme: Y,
+		flags: R
 	}, Q.current), [
 		Z,
-		E,
-		k,
-		I,
-		W,
-		K,
-		X,
-		z
+		w,
+		O,
+		F,
+		U,
+		G,
+		Y,
+		R
 	]);
 	Q.current = $;
-	let oe = t(() => d($).map((e) => ({
+	let ne = t(() => u($).map((e) => ({
 		path: e,
 		name: `computed.${e}`
 	})), [$]);
-	return f({
+	return p({
 		id: "global",
 		source: "computed",
 		name: "Computed",
-		fields: oe
-	}), o("runtime.sources.computed", $), g;
+		fields: ne
+	}), o("runtime.sources.computed", $), _;
 };
 //#endregion
-export { g as default };
+export { _ as default };

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

@@ -51,7 +51,11 @@ declare const declaration: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'justify-content': "center";
+                        readonly 'align-items': "center";
+                    };
                 };
             };
         };

package/dist/elements/advanced/Custom/declaration.mjs

@@ -39,7 +39,11 @@ var t = e()({
 		defaultStyle: {
 			name: "Custom Element",
 			displayMode: "desktop",
-			style: { base: { default: {} } }
+			style: { base: { default: {
+				display: "flex",
+				"justify-content": "center",
+				"align-items": "center"
+			} } }
 		},
 		settings: {}
 	}

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

@@ -46,7 +46,11 @@ declare const Custom: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        readonly display: "flex";
+                        readonly 'justify-content': "center";
+                        readonly 'align-items': "center";
+                    };
                 };
             };
         };

package/dist/elements/basic/Button/declaration.d.ts

@@ -55,7 +55,19 @@ declare const declaration: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        'padding-top': string;
+                        'padding-left': string;
+                        'padding-right': string;
+                        'padding-bottom': string;
+                        cursor: string;
+                        'font-size': string;
+                        'line-height': string;
+                        'border-top-left-radius': string;
+                        'border-top-right-radius': string;
+                        'border-bottom-left-radius': string;
+                        'border-bottom-right-radius': string;
+                    };
                 };
             };
             readonly subTypes: {
@@ -65,17 +77,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -86,17 +98,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -107,17 +119,17 @@ declare const declaration: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };

package/dist/elements/basic/Button/declaration.mjs

@@ -1,6 +1,18 @@
 import { elementDeclaration as e, valuesOf as t } from "@plitzi/sdk-shared/authoring/declare";
 //#region src/elements/basic/Button/declaration.ts
-var n = e()({
+var n = {
+	"padding-top": "6px",
+	"padding-left": "12px",
+	"padding-right": "12px",
+	"padding-bottom": "6px",
+	cursor: "pointer",
+	"font-size": "16px",
+	"line-height": "1.5",
+	"border-top-left-radius": "4px",
+	"border-top-right-radius": "4px",
+	"border-bottom-left-radius": "4px",
+	"border-bottom-right-radius": "4px"
+}, r = e()({
 	type: "button",
 	attributeValues: {
 		subType: t()([
@@ -53,58 +65,22 @@ var n = e()({
 		defaultStyle: {
 			name: "Button",
 			displayMode: "desktop",
-			style: { base: { default: {} } },
+			style: { base: { default: n } },
 			subTypes: {
 				button: {
 					name: "Default Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				},
 				reset: {
 					name: "Reset Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				},
 				submit: {
 					name: "Submit Button",
 					displayMode: "desktop",
-					style: { base: { default: {
-						"padding-top": "6px",
-						"padding-left": "12px",
-						"padding-right": "12px",
-						"padding-bottom": "6px",
-						cursor: "pointer",
-						"font-size": "16px",
-						"line-height": "1.5",
-						"border-top-left-radius": "4px",
-						"border-top-right-radius": "4px",
-						"border-bottom-left-radius": "4px",
-						"border-bottom-right-radius": "4px"
-					} } }
+					style: { base: { default: n } }
 				}
 			}
 		},
@@ -112,4 +88,4 @@ var n = e()({
 	}
 });
 //#endregion
-export { n as default };
+export { r as default };

package/dist/elements/basic/Button/index.d.ts

@@ -54,7 +54,19 @@ declare const Button: {
             readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
-                    readonly default: {};
+                    readonly default: {
+                        'padding-top': string;
+                        'padding-left': string;
+                        'padding-right': string;
+                        'padding-bottom': string;
+                        cursor: string;
+                        'font-size': string;
+                        'line-height': string;
+                        'border-top-left-radius': string;
+                        'border-top-right-radius': string;
+                        'border-bottom-left-radius': string;
+                        'border-bottom-right-radius': string;
+                    };
                 };
             };
             readonly subTypes: {
@@ -64,17 +76,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -85,17 +97,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };
@@ -106,17 +118,17 @@ declare const Button: {
                     readonly style: {
                         readonly base: {
                             readonly default: {
-                                readonly 'padding-top': "6px";
-                                readonly 'padding-left': "12px";
-                                readonly 'padding-right': "12px";
-                                readonly 'padding-bottom': "6px";
-                                readonly cursor: "pointer";
-                                readonly 'font-size': "16px";
-                                readonly 'line-height': "1.5";
-                                readonly 'border-top-left-radius': "4px";
-                                readonly 'border-top-right-radius': "4px";
-                                readonly 'border-bottom-left-radius': "4px";
-                                readonly 'border-bottom-right-radius': "4px";
+                                'padding-top': string;
+                                'padding-left': string;
+                                'padding-right': string;
+                                'padding-bottom': string;
+                                cursor: string;
+                                'font-size': string;
+                                'line-height': string;
+                                'border-top-left-radius': string;
+                                'border-top-right-radius': string;
+                                'border-bottom-left-radius': string;
+                                'border-bottom-right-radius': string;
                             };
                         };
                     };