@plitzi/sdk-elements 0.38.11 → 0.38.12

package/dist/elements/structure/DialogContainer/declaration.d.ts

@@ -2,7 +2,7 @@ import { DialogContainerProps } from './DialogContainer';
 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 DialogContainerAttributes = AuthorableAttributes<DialogContainerProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "dialogContainer";
     readonly sourceType: "dialogContainer";
     readonly triggers: {
@@ -95,13 +95,10 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Dialog Container";
-            readonly type: "dialogContainer";
             readonly description: "A native <dialog> container shown or hidden through interactions (e.g. an onClick open/close).";
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly loadStrategy: "lazy";
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
                 readonly rootContainer: "";
                 readonly headerContainer: "";
@@ -112,31 +109,12 @@ declare const declaration: {
                 readonly acceptButton: "";
                 readonly cancelButton: "";
             };
-            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: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-regular fa-message";
         };
         readonly defaultStyle: {
-            readonly name: "Dialog Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -282,14 +260,13 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["container"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    headerLabel: string;
-    acceptButtonLabel: string;
-    acceptButtonLabelLoading: string;
-    rejectButtonLabel: string;
-    autoHideAfterClick: boolean;
+}, Partial<{
+    autoHideAfterClick?: boolean | undefined;
+    headerLabel?: string | undefined;
+    acceptButtonLabel?: string | undefined;
+    acceptButtonLabelLoading?: string | undefined;
+    rejectButtonLabel?: string | undefined;
 }>>;
 export default declaration;

package/dist/elements/structure/DialogContainer/declaration.mjs

@@ -113,13 +113,10 @@ var t = { default: {
 		},
 		definition: {
 			label: "Dialog Container",
-			type: "dialogContainer",
 			description: "A native <dialog> container shown or hidden through interactions (e.g. an onClick open/close).",
 			items: [],
-			bindings: {},
 			loadStrategy: "lazy",
 			styleSelectors: {
-				base: "",
 				backgroundContainer: "",
 				rootContainer: "",
 				headerContainer: "",
@@ -129,30 +126,13 @@ var t = { default: {
 				footerContainer: "",
 				acceptButton: "",
 				cancelButton: ""
-			},
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			}
 		},
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-regular fa-message"
 		},
 		defaultStyle: {
-			name: "Dialog Container",
-			displayMode: "desktop",
 			style: {
 				base: { default: {
 					position: "fixed",
@@ -222,8 +202,7 @@ var t = { default: {
 				} }
 			},
 			subTypes: {}
-		},
-		settings: {}
+		}
 	},
 	initialItems: ["container"]
 });

package/dist/elements/structure/DialogContainer/index.d.ts

@@ -94,13 +94,10 @@ declare const DialogContainer: {
         };
         readonly definition: {
             readonly label: "Dialog Container";
-            readonly type: "dialogContainer";
             readonly description: "A native <dialog> container shown or hidden through interactions (e.g. an onClick open/close).";
-            readonly items: readonly [];
-            readonly bindings: {};
+            readonly items: [];
             readonly loadStrategy: "lazy";
             readonly styleSelectors: {
-                readonly base: "";
                 readonly backgroundContainer: "";
                 readonly rootContainer: "";
                 readonly headerContainer: "";
@@ -111,31 +108,12 @@ declare const DialogContainer: {
                 readonly acceptButton: "";
                 readonly cancelButton: "";
             };
-            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: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-regular fa-message";
         };
         readonly defaultStyle: {
-            readonly name: "Dialog Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -281,14 +259,15 @@ declare const DialogContainer: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["container"];
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-    headerLabel: string;
-    acceptButtonLabel: string;
-    acceptButtonLabelLoading: string;
-    rejectButtonLabel: string;
-    autoHideAfterClick: boolean;
+    autoHideAfterClick?: boolean | undefined;
+    headerLabel?: string | undefined;
+    acceptButtonLabel?: string | undefined;
+    acceptButtonLabelLoading?: string | undefined;
+    rejectButtonLabel?: string | undefined;
 }>>;
 export default DialogContainer;

package/dist/elements/structure/List/ListItem/declaration.d.ts

@@ -2,51 +2,29 @@ import { ListItemProps } from './ListItem';
 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 ListItemAttributes = AuthorableAttributes<ListItemProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "listItem";
     readonly content: {
         readonly attributes: {};
         readonly definition: {
             readonly label: "List Item";
-            readonly type: "listItem";
             readonly description: "The List Item element lets you add more items to existing List elements. You can then add any content you would like to them, including links, images, etc.";
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
+            readonly items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["listItem"];
+            readonly itemsNotAllowed: ["listItem"];
         };
         readonly market: {
             readonly category: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-grip-lines";
         };
         readonly defaultStyle: {
-            readonly name: "List Item";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
                 };
             };
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
+}, unknown>;
 export default declaration;

package/dist/elements/structure/List/ListItem/declaration.mjs

@@ -6,37 +6,15 @@ var t = e()({
 		attributes: {},
 		definition: {
 			label: "List Item",
-			type: "listItem",
 			description: "The List Item element lets you add more items to existing List elements. You can then add any content you would like to them, including links, images, etc.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: ["listItem"]
+			items: []
 		},
+		builder: { itemsNotAllowed: ["listItem"] },
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-grip-lines"
 		},
-		defaultStyle: {
-			name: "List Item",
-			displayMode: "desktop",
-			style: { base: { default: {} } }
-		},
-		settings: {}
+		defaultStyle: { style: { base: { default: {} } } }
 	}
 });
 //#endregion

package/dist/elements/structure/List/ListItem/index.d.ts

@@ -7,45 +7,25 @@ declare const ListItem: {
         readonly attributes: {};
         readonly definition: {
             readonly label: "List Item";
-            readonly type: "listItem";
             readonly description: "The List Item element lets you add more items to existing List elements. You can then add any content you would like to them, including links, images, etc.";
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
+            readonly items: [];
         };
         readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly ["listItem"];
+            readonly itemsNotAllowed: ["listItem"];
         };
         readonly market: {
             readonly category: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-grip-lines";
         };
         readonly defaultStyle: {
-            readonly name: "List Item";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
                 };
             };
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
 export default ListItem;

package/dist/elements/structure/List/Settings.mjs

@@ -1,17 +1,17 @@
-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/Input";
 import i from "@plitzi/plitzi-ui/Select";
 //#region src/elements/structure/List/Settings.tsx
 var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = "", onUpdate: l }) => {
-	let u = e((e) => (t) => l?.(e, t), [l]);
+	let u = e(l);
 	return /* @__PURE__ */ n("div", {
 		className: "flex flex-col gap-4 py-2",
 		children: [
 			/* @__PURE__ */ n(i, {
 				label: "Source",
 				value: o,
-				onChange: u("source"),
+				onChange: u.text("source"),
 				size: "xs",
 				children: [/* @__PURE__ */ t("option", {
 					value: "none",
@@ -27,12 +27,12 @@ var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = ""
 				placeholder: "id",
 				value: s,
 				title: "The field of each item that names it, so a row stays with its item when the list is filtered.",
-				onChange: u("itemKey")
+				onChange: u.text("itemKey")
 			}),
 			/* @__PURE__ */ n(i, {
 				label: "List Type",
 				value: a,
-				onChange: u("subType"),
+				onChange: u.text("subType"),
 				size: "xs",
 				children: [/* @__PURE__ */ t("option", {
 					value: "ul",
@@ -46,7 +46,7 @@ var a = ({ subType: a = "ul", source: o = "none", itemKey: s = "", label: c = ""
 				value: c,
 				label: "List Name",
 				placeholder: "e.g. Kinds of capsule, Search results",
-				onChange: u("label"),
+				onChange: u.text("label"),
 				size: "xs"
 			})
 		]

package/dist/elements/structure/List/declaration.d.ts

@@ -2,7 +2,7 @@ import { ListProps } from './List';
 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 ListAttributes = AuthorableAttributes<ListProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "list";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -17,38 +17,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "List";
-            readonly type: "list";
             readonly description: string;
-            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: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-list";
         };
         readonly defaultStyle: {
-            readonly name: "List";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -87,10 +63,9 @@ declare const declaration: {
                 };
             };
         };
-        readonly settings: {};
     };
     readonly initialItems: readonly ["listItem", "listItem", "listItem"];
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     source?: "none" | "controlled" | undefined;
     label?: string | undefined;
     items?: unknown[] | undefined;

package/dist/elements/structure/List/declaration.mjs

@@ -15,34 +15,14 @@ var n = e()({
 		},
 		definition: {
 			label: "List",
-			type: "list",
 			description: "Repeats a template (its row: a listItem, or a container with subType \"li\") once per entry of a data array — the way to render a dynamic collection, as a <ul> (subType \"ol\" for a numbered one). Bind its items to a data source (e.g. an apiContainer response).",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			items: []
 		},
 		market: {
 			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-list"
 		},
 		defaultStyle: {
-			name: "List",
-			displayMode: "desktop",
 			style: { base: { default: {
 				"margin-top": "0px",
 				"margin-bottom": "10px",
@@ -68,8 +48,7 @@ var n = e()({
 					} } }
 				}
 			}
-		},
-		settings: {}
+		}
 	},
 	initialItems: [
 		"listItem",

package/dist/elements/structure/List/index.d.ts

@@ -12,46 +12,26 @@ declare const List: {
                 readonly attributes: {};
                 readonly definition: {
                     readonly label: "List Item";
-                    readonly type: "listItem";
                     readonly description: "The List Item element lets you add more items to existing List elements. You can then add any content you would like to them, including links, images, etc.";
-                    readonly items: readonly [];
-                    readonly bindings: {};
-                    readonly styleSelectors: {
-                        readonly base: "";
-                    };
-                    readonly initialState: {
-                        readonly visibility: true;
-                    };
+                    readonly items: [];
                 };
                 readonly builder: {
-                    readonly canDelete: true;
-                    readonly canSelect: true;
-                    readonly canDragDrop: true;
-                    readonly canMove: true;
-                    readonly canSnippet: true;
-                    readonly itemsAllowed: readonly [];
-                    readonly itemsNotAllowed: readonly ["listItem"];
+                    readonly itemsNotAllowed: ["listItem"];
                 };
                 readonly market: {
                     readonly category: "structure";
-                    readonly owner: "Plitzi";
-                    readonly verified: true;
-                    readonly license: "MIT";
-                    readonly website: "https://plitzi.com";
-                    readonly backgroundColor: "#4422ee";
                     readonly icon: "fa-solid fa-grip-lines";
                 };
                 readonly defaultStyle: {
-                    readonly name: "List Item";
-                    readonly displayMode: "desktop";
                     readonly style: {
                         readonly base: {
                             readonly default: {};
                         };
                     };
                 };
-                readonly settings: {};
             };
+        } & {
+            content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
         } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<unknown>;
     };
     type: "list";
@@ -68,38 +48,14 @@ declare const List: {
         };
         readonly definition: {
             readonly label: "List";
-            readonly type: "list";
             readonly description: string;
-            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: "structure";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-list";
         };
         readonly defaultStyle: {
-            readonly name: "List";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {
@@ -138,8 +94,7 @@ declare const List: {
                 };
             };
         };
-        readonly settings: {};
-    };
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
     initialItems: readonly ["listItem", "listItem", "listItem"];
     __attributes: Partial<{
         source?: "none" | "controlled" | undefined;

package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs

@@ -1,26 +1,27 @@
 import e from "../../declaration.mjs";
 import t from "../../../../../Element/hooks/useElement.mjs";
 import { RootElement as n } from "../../../../../Element/RootElement.mjs";
-import { rowKeys as r } from "./rowKeys.mjs";
-import i from "./ListControlledItem.mjs";
-import { useCallback as a, useMemo as o } from "react";
-import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as c } from "@plitzi/plitzi-ui/helpers";
-import { StoreProvider as l } from "@plitzi/nexus/react";
-import { emptyObject as u, getPathsFromObeject as d } from "@plitzi/sdk-shared/helpers/utils";
+import r from "../../../../../dataSource/sourceStore.mjs";
+import { rowKeys as i } from "./rowKeys.mjs";
+import a from "./ListControlledItem.mjs";
+import { useCallback as o, useMemo as s } from "react";
+import c from "@plitzi/sdk-shared/hooks/usePlitzi";
+import { get as l } from "@plitzi/plitzi-ui/helpers";
+import { StoreProvider as u } from "@plitzi/nexus/react";
+import { getPathsFromObject as d } from "@plitzi/sdk-shared/helpers/utils";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import m from "clsx";
 import h from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
 import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/List/modes/ListControlled/ListControlled.tsx
 var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x = [], itemKey: S, label: C = "" }) => {
-	let { id: w, definition: { label: T } } = t(), E = h(e.sourceType, w), { settings: { previewMode: D } } = s(), O = o(() => Array.isArray(x) ? x : [], [x]), k = o(() => r(O, S), [O, S]), A = a(() => d({
-		item: c(O, "0", {}),
+	let { id: w, definition: { label: T } } = t(), E = h(e.sourceType, w), { settings: { previewMode: D } } = c(), O = s(() => Array.isArray(x) ? x : [], [x]), k = s(() => i(O, S), [O, S]), A = o(() => d({
+		item: l(O, "0", {}),
 		index: 0
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [O]), j = o(() => E ? { runtime: { sources: { [E]: { items: O } } } } : u, [E, O]);
+	}], []), [O]), j = s(() => r(E, { items: O }), [E, O]);
 	return g({
 		id: w,
 		source: E,
@@ -31,7 +32,7 @@ var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x =
 		tag: y,
 		"aria-label": C || void 0,
 		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !D }),
-		children: [/* @__PURE__ */ f(l, {
+		children: [/* @__PURE__ */ f(u, {
 			inherit: "live",
 			name: `List:${w}`,
 			value: j,
@@ -41,7 +42,7 @@ var _ = ({ ref: _, className: v = "", subType: y = "ul", children: b, items: x =
 					className: "controlled-list-item__counter",
 					children: `List Item - ${t + 1}`
 				})
-			}, t) : /* @__PURE__ */ f(i, {
+			}, t) : /* @__PURE__ */ f(a, {
 				index: t,
 				isTemplate: t !== 0 && !D,
 				record: e,