@plitzi/sdk-elements 0.33.2 → 0.34.1

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

@@ -2,53 +2,56 @@ declare const Paragraph: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Paragraph').ParagraphProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            content: string;
+    readonly type: "paragraph";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "Paragraph";
         };
-        definition: {
-            label: string;
-            type: string;
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Paragraph";
+            readonly type: "paragraph";
+            readonly description: "A block of body text (a <p>). Use for longer prose passages.";
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "basic";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-paragraph";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'margin-top': string;
-                        'margin-bottom': string;
+        readonly defaultStyle: {
+            readonly name: "Paragraph";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {
+                        readonly 'margin-top': "14px";
+                        readonly 'margin-bottom': "14px";
                     };
                 };
             };
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    content?: string | number | undefined;
+}>>;
 export default Paragraph;

package/dist/elements/basic/Paragraph/index.mjs

@@ -1,44 +1,6 @@
-import e from "./Paragraph.mjs";
+import e from "./declaration.mjs";
+import t from "./Paragraph.mjs";
 //#region src/elements/basic/Paragraph/index.ts
-var t = Object.assign(e, {
-	type: "paragraph",
-	content: {
-		attributes: { content: "Paragraph" },
-		definition: {
-			label: "Paragraph",
-			type: "paragraph",
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-paragraph"
-		},
-		defaultStyle: {
-			name: "Paragraph",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"margin-top": "14px",
-				"margin-bottom": "14px"
-			} } }
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/RichText/RichText.mjs

@@ -1,20 +1,20 @@
-import { RootElement as e } from "../../../Element/RootElement.mjs";
-import { rebaseHtmlMedia as t, sanitizeHtml as n } from "./sanitizeHtml.mjs";
-import r from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
+import { rebaseHtmlMedia as n, sanitizeHtml as r } from "./sanitizeHtml.mjs";
 import { useMemo as i } from "react";
 import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import c from "clsx";
 import l from "@plitzi/plitzi-ui/Markdown";
 //#region src/elements/basic/RichText/RichText.tsx
-var u = ({ ref: r, className: u = "", content: d = "", format: f = "html", mediaBaseUrl: p = "" }) => {
-	let { settings: { previewMode: m } } = a(), h = i(() => f === "html" ? t(n(d), p) : "", [
+var u = ({ ref: e, className: u = "", content: d = "", format: f = "html", mediaBaseUrl: p = "" }) => {
+	let { settings: { previewMode: m } } = a(), h = i(() => f === "html" ? n(r(d), p) : "", [
 		f,
 		d,
 		p
 	]);
-	return /* @__PURE__ */ s(e, {
-		ref: r,
+	return /* @__PURE__ */ s(t, {
+		ref: e,
 		className: c("plitzi-component__rich-text", { "plitzi-component__rich-text--edit-mode": !m }, u),
 		children: [
 			f === "html" && /* @__PURE__ */ o("div", { dangerouslySetInnerHTML: { __html: h } }),
@@ -25,6 +25,6 @@ var u = ({ ref: r, className: u = "", content: d = "", format: f = "html", media
 			})
 		]
 	});
-}, d = r(u);
+}, d = e(u);
 //#endregion
 export { u as RichText, d as default };

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

@@ -0,0 +1,61 @@
+import { RichTextProps } from './RichText';
+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 RichTextAttributes = AuthorableAttributes<RichTextProps>;
+declare const declaration: {
+    readonly type: "richText";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "";
+            readonly format: "html";
+            readonly mediaBaseUrl: "";
+        };
+        readonly definition: {
+            readonly label: "Rich Text";
+            readonly type: "richText";
+            readonly description: "Renders a body field coming from a CMS — HTML, markdown or plain text. Scripts and event handlers are stripped before rendering, so third-party content cannot execute.";
+            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 canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "basic";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-align-left";
+        };
+        readonly defaultStyle: {
+            readonly name: "Rich Text";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    format?: "html" | "markdown" | "text" | undefined;
+    content?: string | undefined;
+    mediaBaseUrl?: string | undefined;
+}>>;
+export default declaration;

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

@@ -0,0 +1,48 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/basic/RichText/declaration.ts
+var t = e()({
+	type: "richText",
+	content: {
+		attributes: {
+			content: "",
+			format: "html",
+			mediaBaseUrl: ""
+		},
+		definition: {
+			label: "Rich Text",
+			type: "richText",
+			description: "Renders a body field coming from a CMS — HTML, markdown or plain text. Scripts and event handlers are stripped before rendering, so third-party content cannot execute.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "basic",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-align-left"
+		},
+		defaultStyle: {
+			name: "Rich Text",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

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

@@ -2,58 +2,59 @@ declare const RichText: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./RichText').RichTextProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            content: string;
-            format: string;
-            mediaBaseUrl: string;
+    readonly type: "richText";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "";
+            readonly format: "html";
+            readonly mediaBaseUrl: "";
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Rich Text";
+            readonly type: "richText";
+            readonly description: "Renders a body field coming from a CMS — HTML, markdown or plain text. Scripts and event handlers are stripped before rendering, so third-party content cannot execute.";
+            readonly items: readonly [];
+            readonly bindings: {};
+            readonly styleSelectors: {
+                readonly base: "";
             };
-            initialState: {
-                visibility: boolean;
+            readonly initialState: {
+                readonly visibility: true;
             };
         };
-        builder: {
-            canDelete: boolean;
-            canSelect: boolean;
-            canDragDrop: boolean;
-            canMove: boolean;
-            canTemplate: boolean;
-            itemsAllowed: never[];
-            itemsNotAllowed: never[];
+        readonly builder: {
+            readonly canDelete: true;
+            readonly canSelect: true;
+            readonly canDragDrop: true;
+            readonly canMove: true;
+            readonly canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
         };
-        market: {
-            category: string;
-            owner: string;
-            verified: boolean;
-            license: string;
-            website: string;
-            backgroundColor: string;
-            icon: string;
+        readonly market: {
+            readonly category: "basic";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-align-left";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "Rich Text";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    format?: "html" | "markdown" | "text" | undefined;
+    content?: string | undefined;
+    mediaBaseUrl?: string | undefined;
+}>>;
 export default RichText;

package/dist/elements/basic/RichText/index.mjs

@@ -1,51 +1,6 @@
-import e from "./RichText.mjs";
+import e from "./declaration.mjs";
+import t from "./RichText.mjs";
 //#region src/elements/basic/RichText/index.ts
-var t = Object.assign(e, {
-	type: "richText",
-	content: {
-		attributes: {
-			content: "",
-			format: "html",
-			mediaBaseUrl: ""
-		},
-		definition: {
-			label: "Rich Text",
-			type: "richText",
-			description: "Renders a body field coming from a CMS — HTML, markdown or plain text. Scripts and event handlers are stripped before rendering, so third-party content cannot execute.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "basic",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-align-left"
-		},
-		defaultStyle: {
-			name: "Rich Text",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: {}
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(t, e);
 //#endregion
-export { t as default };
+export { n as default };

package/dist/elements/basic/Text/Text.mjs

@@ -1,16 +1,16 @@
-import e from "../../../Element/hooks/useElement.mjs";
-import { RootElement as t } from "../../../Element/RootElement.mjs";
-import n from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import t from "../../../Element/hooks/useElement.mjs";
+import { RootElement as n } from "../../../Element/RootElement.mjs";
 import { use as r, useCallback as i, useMemo as a } from "react";
 import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import l from "clsx";
 import u from "@plitzi/plitzi-ui/ContentEditable";
 //#region src/elements/basic/Text/Text.tsx
-var d = ({ ref: n, content: d = "Text", className: f = "" }) => {
-	let { id: p } = e(), { settings: { previewMode: m }, contexts: { BuilderContext: h } } = o(), g = h ? r(h) : void 0, _ = a(() => typeof d != "string" && typeof d != "number" ? JSON.stringify(d) : !d && d !== "" && !m ? "Text" : typeof d == "number" ? `${d}` : d, [d, m]), v = i((e) => g?.updateElement(p, "content", e), [g, p]);
-	return /* @__PURE__ */ c(t, {
-		ref: n,
+var d = ({ ref: e, content: d = "Text", className: f = "" }) => {
+	let { id: p } = t(), { settings: { previewMode: m }, contexts: { BuilderContext: h } } = o(), g = h ? r(h) : void 0, _ = a(() => typeof d != "string" && typeof d != "number" ? JSON.stringify(d) : !d && d !== "" && !m ? "Text" : typeof d == "number" ? `${d}` : d, [d, m]), v = i((e) => g?.updateElement(p, "content", e), [g, p]);
+	return /* @__PURE__ */ c(n, {
+		ref: e,
 		className: l("plitzi-component__text", f),
 		children: [m && _, !m && /* @__PURE__ */ s(u, {
 			className: "focus-visible:outline-hidden",
@@ -19,6 +19,6 @@ var d = ({ ref: n, content: d = "Text", className: f = "" }) => {
 			openMode: "doubleClick"
 		})]
 	});
-}, f = n(d);
+}, f = e(d);
 //#endregion
 export { d as Text, f as default };

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

@@ -0,0 +1,59 @@
+import { TextProps } from './Text';
+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 TextAttributes = AuthorableAttributes<TextProps>;
+declare const declaration: {
+    readonly type: "text";
+    readonly content: {
+        readonly attributes: {
+            readonly content: "Text";
+        };
+        readonly definition: {
+            readonly label: "Text";
+            readonly type: "text";
+            readonly description: "Inline plain-text content. Use for short runs of copy; bind its content to data for dynamic text.";
+            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 canTemplate: true;
+            readonly itemsAllowed: readonly [];
+            readonly itemsNotAllowed: readonly [];
+        };
+        readonly market: {
+            readonly category: "basic";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-align-left";
+        };
+        readonly defaultStyle: {
+            readonly name: "Text";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {
+                        readonly 'font-size': "14px";
+                        readonly 'line-height': "24px";
+                        readonly display: "inline";
+                    };
+                };
+            };
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    content?: string | number | undefined;
+}>>;
+export default declaration;

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

@@ -0,0 +1,46 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/basic/Text/declaration.ts
+var t = e()({
+	type: "text",
+	content: {
+		attributes: { content: "Text" },
+		definition: {
+			label: "Text",
+			type: "text",
+			description: "Inline plain-text content. Use for short runs of copy; bind its content to data for dynamic text.",
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "basic",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-solid fa-align-left"
+		},
+		defaultStyle: {
+			name: "Text",
+			displayMode: "desktop",
+			style: { base: { default: {
+				"font-size": "14px",
+				"line-height": "24px",
+				display: "inline"
+			} } }
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };