@plitzi/sdk-elements 0.38.11 → 0.38.12

package/dist/elements/media/Svg/Svg.mjs

@@ -2,7 +2,7 @@ import e from "../../../Element/hocs/withElement.mjs";
 import { RootElement as t } from "../../../Element/RootElement.mjs";
 import { fitSvg as n, isSvgMarkup as r, sanitizeSvg as i } from "./sanitizeSvg.mjs";
 import { useMemo as a } from "react";
-import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import o from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import l from "clsx";
 //#region src/elements/media/Svg/Svg.tsx

package/dist/elements/media/Svg/declaration.d.ts

@@ -2,7 +2,7 @@ import { SvgProps } from './Svg';
 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 SvgAttributes = AuthorableAttributes<SvgProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "svg";
     readonly content: {
         readonly attributes: {
@@ -11,37 +11,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "SVG";
-            readonly type: "svg";
             readonly description: "A drawing written as SVG markup, coloured by its class.";
-            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 market: {
             readonly category: "media";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-bezier-curve";
         };
         readonly defaultStyle: {
             readonly name: "Svg";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -52,10 +29,9 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    label?: string | undefined;
+}, Partial<{
     content?: string | undefined;
+    label?: string | undefined;
 }>>;
 export default declaration;

package/dist/elements/media/Svg/declaration.mjs

@@ -9,40 +9,20 @@ var t = e()({
 		},
 		definition: {
 			label: "SVG",
-			type: "svg",
-			description: "A drawing written as SVG markup, coloured by its class.",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			description: "A drawing written as SVG markup, coloured by its class."
 		},
 		market: {
 			category: "media",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-bezier-curve"
 		},
 		defaultStyle: {
 			name: "Svg",
-			displayMode: "desktop",
 			style: { base: { default: {
 				display: "inline-flex",
 				width: "24px",
 				height: "24px"
 			} } }
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

package/dist/elements/media/Svg/index.d.ts

@@ -10,37 +10,14 @@ declare const Svg: {
         };
         readonly definition: {
             readonly label: "SVG";
-            readonly type: "svg";
             readonly description: "A drawing written as SVG markup, coloured by its class.";
-            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 market: {
             readonly category: "media";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-bezier-curve";
         };
         readonly defaultStyle: {
             readonly name: "Svg";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -51,10 +28,11 @@ declare const Svg: {
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    label?: string | undefined;
     content?: string | undefined;
+    label?: string | undefined;
 }>>;
 export default Svg;

package/dist/elements/media/Video/Settings.mjs

@@ -1,10 +1,10 @@
-import { useCallback as e } from "react";
+import e from "../../useSettingsUpdate.mjs";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import r from "@plitzi/plitzi-ui/Checkbox";
 import i from "@plitzi/plitzi-ui/Input";
 //#region src/elements/media/Video/Settings.tsx
 var a = ({ src: a = "", autoPlay: o = !1, playsInline: s = !1, loop: c = !1, muted: l = !0, onUpdate: u }) => {
-	let d = e((e) => (t) => u?.(e, t), [u]), f = e((e) => (t) => u?.(e, t.target.checked), [u]);
+	let d = e(u);
 	return /* @__PURE__ */ n("div", {
 		className: "flex h-full flex-col gap-4 py-2",
 		children: [
@@ -13,7 +13,7 @@ var a = ({ src: a = "", autoPlay: o = !1, playsInline: s = !1, loop: c = !1, mut
 				children: [/* @__PURE__ */ t(i, {
 					value: a,
 					label: "Url",
-					onChange: d("src")
+					onChange: d.text("src")
 				}), a && /* @__PURE__ */ n("div", {
 					className: "relative mt-2 flex items-center justify-center rounded-sm border border-gray-300 p-2",
 					children: [/* @__PURE__ */ t("div", {
@@ -32,22 +32,22 @@ var a = ({ src: a = "", autoPlay: o = !1, playsInline: s = !1, loop: c = !1, mut
 			}),
 			/* @__PURE__ */ t(r, {
 				checked: o,
-				onChange: f("autoPlay"),
+				onChange: d.checked("autoPlay"),
 				label: "Auto Play"
 			}),
 			/* @__PURE__ */ t(r, {
 				checked: s,
-				onChange: f("playsInline"),
+				onChange: d.checked("playsInline"),
 				label: "Plays Inline"
 			}),
 			/* @__PURE__ */ t(r, {
 				label: "Loop",
 				checked: c,
-				onChange: f("loop")
+				onChange: d.checked("loop")
 			}),
 			/* @__PURE__ */ t(r, {
 				checked: l,
-				onChange: f("muted"),
+				onChange: d.checked("muted"),
 				label: "Muted"
 			})
 		]

package/dist/elements/media/Video/Video.mjs

@@ -1,6 +1,6 @@
 import e from "../../../Element/hocs/withElement.mjs";
 import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
+import n from "@plitzi/sdk-shared/hooks/usePlitzi";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 //#region src/elements/media/Video/Video.tsx

package/dist/elements/media/Video/declaration.d.ts

@@ -2,7 +2,7 @@ import { VideoProps } from './Video';
 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 VideoAttributes = AuthorableAttributes<VideoProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "video";
     readonly content: {
         readonly attributes: {
@@ -14,37 +14,13 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Video";
-            readonly type: "video";
             readonly description: "Embeds a video from a URL.";
-            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 market: {
             readonly category: "media";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-video";
         };
         readonly defaultStyle: {
-            readonly name: "Video";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -55,9 +31,8 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     src?: string | undefined;
     autoPlay?: boolean | undefined;
     loop?: boolean | undefined;

package/dist/elements/media/Video/declaration.mjs

@@ -12,40 +12,17 @@ var t = e()({
 		},
 		definition: {
 			label: "Video",
-			type: "video",
-			description: "Embeds a video from a URL.",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			description: "Embeds a video from a URL."
 		},
 		market: {
 			category: "media",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-video"
 		},
-		defaultStyle: {
-			name: "Video",
-			displayMode: "desktop",
-			style: { base: { default: {
-				display: "block",
-				width: "400px",
-				height: "250px"
-			} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {
+			display: "block",
+			width: "400px",
+			height: "250px"
+		} } } }
 	}
 });
 //#endregion

package/dist/elements/media/Video/index.d.ts

@@ -13,37 +13,13 @@ declare const Video: {
         };
         readonly definition: {
             readonly label: "Video";
-            readonly type: "video";
             readonly description: "Embeds a video from a URL.";
-            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 market: {
             readonly category: "media";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-video";
         };
         readonly defaultStyle: {
-            readonly name: "Video";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -54,8 +30,9 @@ declare const Video: {
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     src?: string | undefined;
     autoPlay?: boolean | undefined;