@plitzi/sdk-elements 0.38.11 → 0.38.12

package/dist/elements/form/Form/Form.mjs

@@ -3,38 +3,39 @@ import t from "../../../Element/hocs/withElement.mjs";
 import n from "../../../Element/hooks/useElement.mjs";
 import { RootElement as r } from "../../../Element/RootElement.mjs";
 import { use as i, useCallback as a, useEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import u from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { get as d, omit as f } from "@plitzi/plitzi-ui/helpers";
 import { StoreProvider as p } from "@plitzi/nexus/react";
 import { emptyObject as m } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as h } from "react/jsx-runtime";
 import g from "clsx";
-import { produce as _ } from "immer";
-import v from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import y from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import _ from "@plitzi/sdk-interactions/InteractionsContext";
+import { produce as v } from "immer";
+import y from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import b from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/form/Form/Form.tsx
-var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl: C = "", managedByInteractions: w = !1, noValidate: T = !1, errors: E = m, values: D = m }) => {
-	let [O, k] = l({}), A = c(/* @__PURE__ */ new Map()), j = c(!1), { id: M, definition: { label: N = "Form" }, setElementState: P } = n(), F = v(e.sourceType, M), { settings: { previewMode: I }, contexts: { InteractionsContext: L } } = u(), { interactionsManager: R } = i(L), z = a((e) => k((t) => ({
+var x = ({ ref: t, className: x = "", children: S, method: C = "get", actionUrl: w = "", managedByInteractions: T = !1, noValidate: E = !1, errors: D = m, values: O = m }) => {
+	let [k, A] = l({}), j = c(/* @__PURE__ */ new Map()), M = c(!1), { id: N, definition: { label: P = "Form" }, setElementState: F } = n(), I = y(e.sourceType, N), { settings: { previewMode: L } } = u(), { interactionsManager: R } = i(_), z = a((e) => A((t) => ({
 		...t,
 		[e.name]: e
-	})), [k]);
-	o(() => (j.current = !1, () => {
-		j.current = !0;
+	})), [A]);
+	o(() => (M.current = !1, () => {
+		M.current = !0;
 	}), []);
 	let B = a((e) => {
-		j.current || (k((t) => _(t, (t) => {
+		M.current || (A((t) => v(t, (t) => {
 			t[e] && delete t[e];
-		})), e && P((t) => ({
+		})), e && F((t) => ({
 			...t,
 			values: f(t, `values.${e}`),
 			errors: f(t, `errors.${e}`)
 		})));
-	}, [P]), V = a((e, t) => {
-		A.current.set(e, t);
+	}, [F]), V = a((e, t) => {
+		j.current.set(e, t);
 	}, []), H = a((e) => {
-		A.current.delete(e);
+		j.current.delete(e);
 	}, []), U = a((e, t = "") => {
-		e && (t === null && (t = ""), P((n) => n.errors && n.errors[e] ? {
+		e && (t === null && (t = ""), F((n) => n.errors && n.errors[e] ? {
 			...n,
 			values: {
 				...n.values,
@@ -48,8 +49,8 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 				[e]: t
 			}
 		}));
-	}, [P]), W = a((e, t) => {
-		e && P((n) => !t && !d(n, `errors.${e}`) ? n : !t && n.errors && n.errors[e] ? {
+	}, [F]), W = a((e, t) => {
+		e && F((n) => !t && !d(n, `errors.${e}`) ? n : !t && n.errors && n.errors[e] ? {
 			...n,
 			errors: f(n, [`errors.${e}`])
 		} : {
@@ -59,7 +60,7 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 				[e]: t
 			}
 		});
-	}, [P]), G = a(() => Object.values(O).filter((e) => !!e.name).reduce((e, t) => [
+	}, [F]), G = a(() => Object.values(k).filter((e) => !!e.name).reduce((e, t) => [
 		...e,
 		{
 			path: `fields.${t.name}.id`,
@@ -73,10 +74,10 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 			path: `errors.${t.name}`,
 			name: `${t.name} Error Message`
 		}
-	], []), [O]), K = s(() => ({ runtime: { sources: {
+	], []), [k]), K = s(() => ({ runtime: { sources: {
 		form: {
-			errors: E,
-			values: D,
+			errors: D,
+			values: O,
 			registerField: z,
 			unregisterField: B,
 			registerValidator: V,
@@ -84,14 +85,14 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 			setFieldValue: U,
 			setFieldError: W
 		},
-		[F]: {
-			values: D,
-			errors: E
+		[I]: {
+			values: O,
+			errors: D
 		}
 	} } }), [
-		F,
-		E,
+		I,
 		D,
+		O,
 		z,
 		B,
 		V,
@@ -99,82 +100,82 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 		U,
 		W
 	]);
-	y({
-		id: M,
-		source: F,
-		name: N || `Form - ${M}`,
+	b({
+		id: N,
+		source: I,
+		name: P || `Form - ${N}`,
 		fields: G
 	});
 	let q = s(() => ({ onSubmit: {
 		...e.triggers.onSubmit,
 		preview: {
 			...e.triggers.onSubmit.preview,
-			values: Object.values(O).reduce((e, t) => ({
+			values: Object.values(k).reduce((e, t) => ({
 				...e,
 				[t.name]: ""
 			}), {})
 		}
-	} }), [O]), J = a((e) => {
-		let t = [...A.current].reduce((e, [t, n]) => {
-			let r = n(D);
+	} }), [k]), J = a((e) => {
+		let t = [...j.current].reduce((e, [t, n]) => {
+			let r = n(O);
 			return r ? {
 				...e,
 				[t]: r
 			} : e;
 		}, {});
-		if (P((e) => ({
+		if (F((e) => ({
 			...e,
 			errors: t
 		})), Object.keys(t).length > 0) {
 			e.stopPropagation(), e.preventDefault();
 			return;
 		}
-		if (!w || (e.stopPropagation(), e.preventDefault(), !I)) return;
-		let n = Object.values(O).reduce((e, { name: t }) => ({
+		if (!T || (e.stopPropagation(), e.preventDefault(), !L)) return;
+		let n = Object.values(k).reduce((e, { name: t }) => ({
 			...e,
-			[t]: D[t]
+			[t]: O[t]
 		}), {});
-		R.interactionTrigger(M, "onSubmit", {
+		R.interactionTrigger(N, "onSubmit", {
 			values: n,
-			actionUrl: C,
-			method: S
+			actionUrl: w,
+			method: C
 		});
 	}, [
-		P,
-		w,
-		I,
-		O,
+		F,
+		T,
+		L,
+		k,
 		R,
-		M,
+		N,
+		w,
 		C,
-		S,
-		D
+		O
 	]), Y = a((e) => {
-		w && (e instanceof Event && (e.stopPropagation(), e.preventDefault()), P((e) => ({
+		T && (e instanceof Event && (e.stopPropagation(), e.preventDefault()), F((e) => ({
 			...e,
 			values: {},
 			errors: {}
 		})));
-	}, [P, w]), X = a((e) => {
+	}, [F, T]), X = a((e) => {
 		let { name: t, value: n } = e;
 		U(t, n);
 	}, [U]), Z = a((e) => {
 		let { name: t, error: n } = e;
 		W(t, n);
 	}, [W]), Q = s(() => {
-		let { performReset: t, setFieldValue: n, setFieldError: r } = e.callbacks, i = Object.values(O).map((e) => ({
+		let { performReset: t, setFieldValue: n, setFieldError: r } = e.callbacks, i = Object.values(k).map((e) => ({
 			value: e.name,
 			label: e.name
 		}));
 		return {
 			performReset: {
 				...t,
-				title: `Reset ${N}`,
+				title: `Reset ${P}`,
 				callback: Y
 			},
 			setFieldValue: {
 				...n,
-				title: `Set Field Value ${N}`,
+				title: `Set Field Value ${P}`,
 				callback: X,
 				params: {
 					...n.params,
@@ -186,7 +187,7 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 			},
 			setFieldError: {
 				...r,
-				title: `Set Field Error ${N}`,
+				title: `Set Field Error ${P}`,
 				callback: Z,
 				params: {
 					...r.params,
@@ -198,30 +199,30 @@ var b = ({ ref: t, className: b = "", children: x, method: S = "get", actionUrl:
 			}
 		};
 	}, [
-		N,
+		P,
 		Y,
 		X,
-		O,
+		k,
 		Z
 	]);
 	return /* @__PURE__ */ h(r, {
 		tag: "form",
 		ref: t,
-		noValidate: T,
-		method: S,
-		className: g("plitzi-component__form", b),
+		noValidate: E,
+		method: C,
+		className: g("plitzi-component__form", x),
 		interactionTriggers: q,
 		interactionCallbacks: Q,
 		onSubmit: J,
 		onReset: Y,
-		action: C,
+		action: w,
 		children: /* @__PURE__ */ h(p, {
 			inherit: "live",
-			name: `Form:${M}`,
+			name: `Form:${N}`,
 			value: K,
-			children: x
+			children: S
 		})
 	});
-}, x = t(b);
+}, S = t(x);
 //#endregion
-export { b as Form, x as default };
+export { x as Form, S as default };

package/dist/elements/form/Form/declaration.d.ts

@@ -2,7 +2,7 @@ import { FormProps } from './Form';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type FormAttributes = AuthorableAttributes<FormProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "form";
     readonly attributeValues: {
         readonly method: readonly string[];
@@ -76,47 +76,22 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Form";
-            readonly type: "form";
             readonly description: "A <form> that groups form controls and handles submission; wire its submit through an interaction flow.";
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
+            readonly items: [];
         };
         readonly market: {
             readonly category: "form";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-rectangle-list";
         };
         readonly defaultStyle: {
-            readonly name: "Form";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     values: Record<string, unknown>;
     method: "get" | "post";
     noValidate: boolean;

package/dist/elements/form/Form/declaration.mjs

@@ -70,37 +70,14 @@ var n = e()({
 		},
 		definition: {
 			label: "Form",
-			type: "form",
 			description: "A <form> that groups form controls and handles submission; wire its submit through an interaction flow.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			items: []
 		},
 		market: {
 			category: "form",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-rectangle-list"
 		},
-		defaultStyle: {
-			name: "Form",
-			displayMode: "desktop",
-			style: { base: { default: {} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {} } } }
 	}
 });
 //#endregion

package/dist/elements/form/Form/index.d.ts

@@ -6,11 +6,11 @@ declare const Form: {
         market: {
             icon: import('react').JSX.Element;
             category: "form";
-            owner: "Plitzi";
-            verified: true;
-            license: "MIT";
-            website: "https://plitzi.com";
-            backgroundColor: "#4422ee";
+            owner: string;
+            verified: boolean;
+            license: string;
+            website: string;
+            backgroundColor: string;
         };
         attributes: {
             readonly method: "get";
@@ -22,36 +22,28 @@ declare const Form: {
         };
         definition: {
             readonly label: "Form";
-            readonly type: "form";
             readonly description: "A <form> that groups form controls and handles submission; wire its submit through an interaction flow.";
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
+            readonly items: [];
+        } & {
+            type: string;
+            bindings: NonNullable<import('@plitzi/sdk-shared').ElementDefinition["bindings"]>;
+            initialState: Record<string, unknown>;
+            styleSelectors: Record<string, string> & {
+                base: string;
             };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
         };
         defaultStyle: {
-            readonly name: "Form";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
                 };
             };
+        } & {
+            name: string;
+            displayMode: import('@plitzi/sdk-shared').DisplayMode;
         };
-        settings: {};
+        builder: Required<import('@plitzi/sdk-shared').PluginBuilder>;
+        settings: Record<string, string | number | boolean>;
     };
     type: "form";
     attributeValues: {