@plitzi/sdk-elements 0.37.8 → 0.37.10

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

@@ -1,55 +1,56 @@
 import e from "../../../../../Element/hooks/useElement.mjs";
 import { RootElement as t } from "../../../../../Element/RootElement.mjs";
-import n from "../../declaration.mjs";
+import { rowKeys as n } from "./rowKeys.mjs";
 import r from "./ListControlledItem.mjs";
-import { useCallback as i, useMemo as a } from "react";
-import o from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { get as s } from "@plitzi/plitzi-ui/helpers";
-import { StoreProvider as c } from "@plitzi/nexus/react";
-import { emptyObject as l, getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import p from "clsx";
-import m from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import h from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import i from "../../declaration.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 { 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 g = ({ ref: g, className: _ = "", children: v, items: y = [] }) => {
-	let { id: b, definition: { label: x } } = e(), S = m(n.sourceType, b), { settings: { previewMode: C } } = o(), w = a(() => Array.isArray(y) ? y : [], [y]), T = i(() => u({
-		item: s(w, "0", {}),
-		index: "0"
+var _ = ({ ref: _, className: v = "", children: y, items: b = [], itemKey: x }) => {
+	let { id: S, definition: { label: C } } = e(), w = h(i.sourceType, S), { settings: { previewMode: T } } = s(), E = o(() => Array.isArray(b) ? b : [], [b]), D = o(() => n(E, x), [E, x]), O = a(() => d({
+		item: c(E, "0", {}),
+		index: 0
 	}).reduce((e, t) => [...e, {
 		path: t,
 		name: t
-	}], []), [w]), E = a(() => S ? { runtime: { sources: { [S]: { items: w } } } } : l, [S, w]);
-	return h({
-		id: b,
-		source: S,
-		name: x || `List - ${b}`,
-		fields: T
-	}), /* @__PURE__ */ f(t, {
-		ref: g,
-		className: p("plitzi-component__controlled-list", _, { "controlled-list--build-mode": !C }),
-		children: [/* @__PURE__ */ d(c, {
+	}], []), [E]), k = o(() => w ? { runtime: { sources: { [w]: { items: E } } } } : u, [w, E]);
+	return g({
+		id: S,
+		source: w,
+		name: C || `List - ${S}`,
+		fields: O
+	}), /* @__PURE__ */ p(t, {
+		ref: _,
+		className: m("plitzi-component__controlled-list", v, { "controlled-list--build-mode": !T }),
+		children: [/* @__PURE__ */ f(l, {
 			inherit: "live",
-			name: `List:${b}`,
-			value: E,
-			children: w.map((e, t) => !v || Array.isArray(v) && v.length === 0 ? /* @__PURE__ */ d("div", {
+			name: `List:${S}`,
+			value: k,
+			children: E.map((e, t) => !y || Array.isArray(y) && y.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "plitzi-component__controlled-list-item controlled-list--empty",
-				children: /* @__PURE__ */ d("div", {
+				children: /* @__PURE__ */ f("div", {
 					className: "controlled-list-item__counter",
 					children: `List Item - ${t + 1}`
 				})
-			}, t) : /* @__PURE__ */ d(r, {
+			}, t) : /* @__PURE__ */ f(r, {
 				index: t,
-				isTemplate: t !== 0 && !C,
+				isTemplate: t !== 0 && !T,
 				record: e,
-				source: S,
-				children: v
-			}, t))
-		}), !C && w.length === 0 && /* @__PURE__ */ d("div", {
+				source: w,
+				children: y
+			}, D[t]))
+		}), !T && E.length === 0 && /* @__PURE__ */ f("div", {
 			className: "controlled-list controlled-list--empty",
 			children: "This list does not contain any items"
 		})]
 	});
 };
 //#endregion
-export { g as default };
+export { _ as default };

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

@@ -8,7 +8,7 @@ import s from "clsx";
 var c = ({ children: c, className: l = "", isTemplate: u = !1, index: d = 0, record: f, source: p = "" }) => {
 	let m = t(), h = n(() => p ? { runtime: { sources: { [p]: {
 		item: f,
-		index: `${d}`
+		index: d
 	} } } } : i, [
 		p,
 		f,

package/dist/elements/structure/List/modes/ListControlled/rowKeys.d.ts

@@ -0,0 +1,10 @@
+/**
+ * What tells one row from another across renders: the record's `itemKey` field when the list names one, else its
+ * `id` — when every record has one and no two share it — else its position.
+ *
+ * A row holds state of its own — a panel it opened, a field it filled, an animation it played on arrival — and React
+ * gives that state to whichever row comes back under the same key. Keyed by position, filtering a list handed a row's
+ * state to the record that moved into its place, and a one-row list showing "the current slide" never mounted again,
+ * so its entrance never replayed.
+ */
+export declare const rowKeys: (items: unknown[], itemKey?: string) => (string | number)[];

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

@@ -0,0 +1,11 @@
+import { get as e } from "@plitzi/plitzi-ui/helpers";
+//#region src/elements/structure/List/modes/ListControlled/rowKeys.ts
+var t = (t, n) => {
+	let r = t.map((t) => {
+		let r = e(t, n);
+		return typeof r == "string" || typeof r == "number" ? `${n}:${String(r)}` : void 0;
+	});
+	if (r.every((e) => e !== void 0) && new Set(r).size === r.length) return r;
+}, n = (e, n) => (n ? t(e, n) : void 0) ?? t(e, "id") ?? e.map((e, t) => t);
+//#endregion
+export { n as rowKeys };

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

@@ -86,7 +86,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

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

@@ -69,7 +69,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

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

@@ -80,7 +80,7 @@ declare const ModalContainer: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/ModalContainer/metadataFromText.d.ts

@@ -1 +1,7 @@
+/**
+ * What `openModal('modal', '{{ row.id }}')` hands the modal: a JSON object is its fields, anything else is `content`.
+ *
+ * Numeric ids are the common case, and `'42'` parses as JSON too — as the number. Set as the modal's data whole, it
+ * had no `content` and every binding inside read nothing.
+ */
 export declare const metadataFromText: (metadata: string) => Record<string, unknown>;

package/dist/elements/structure/ModalContainer/metadataFromText.mjs

@@ -1,5 +1,6 @@
+import { isRecord as e } from "@plitzi/sdk-shared/helpers/isRecord";
 //#region src/elements/structure/ModalContainer/metadataFromText.ts
-var e = (e) => typeof e == "object" && !!e && !Array.isArray(e), t = (t) => {
+var t = (t) => {
 	try {
 		let n = JSON.parse(t);
 		if (e(n)) return n;

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

@@ -48,7 +48,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

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

@@ -38,7 +38,7 @@ var n = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: []
 		},

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

@@ -47,7 +47,7 @@ declare const Pagination: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/TabContainer/TabContainerBody/declaration.d.ts

@@ -25,7 +25,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
-            readonly canTemplate: false;
+            readonly canSnippet: false;
             readonly itemsAllowed: readonly ["tabContainerItem"];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/TabContainer/TabContainerBody/declaration.mjs

@@ -19,7 +19,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !1,
 			canMove: !1,
-			canTemplate: !1,
+			canSnippet: !1,
 			itemsAllowed: ["tabContainerItem"],
 			itemsNotAllowed: []
 		},

package/dist/elements/structure/TabContainer/TabContainerBody/index.d.ts

@@ -24,7 +24,7 @@ declare const TabContainerBody: {
             readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
-            readonly canTemplate: false;
+            readonly canSnippet: false;
             readonly itemsAllowed: readonly ["tabContainerItem"];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.d.ts

@@ -25,7 +25,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
-            readonly canTemplate: false;
+            readonly canSnippet: false;
             readonly itemsAllowed: readonly ["tabContainerItem"];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.mjs

@@ -19,7 +19,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !1,
 			canMove: !1,
-			canTemplate: !1,
+			canSnippet: !1,
 			itemsAllowed: ["tabContainerItem"],
 			itemsNotAllowed: []
 		},

package/dist/elements/structure/TabContainer/TabContainerHeader/index.d.ts

@@ -24,7 +24,7 @@ declare const TabContainerHeader: {
             readonly canSelect: true;
             readonly canDragDrop: false;
             readonly canMove: false;
-            readonly canTemplate: false;
+            readonly canSnippet: false;
             readonly itemsAllowed: readonly ["tabContainerItem"];
             readonly itemsNotAllowed: readonly [];
         };

package/dist/elements/structure/TabContainer/TabContainerItem/declaration.d.ts

@@ -24,7 +24,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
         };

package/dist/elements/structure/TabContainer/TabContainerItem/declaration.mjs

@@ -18,7 +18,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: [],
 			itemsNotAllowed: [
 				"tabContainerItem",

package/dist/elements/structure/TabContainer/TabContainerItem/index.d.ts

@@ -23,7 +23,7 @@ declare const TabContainerItem: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly [];
             readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
         };

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

@@ -24,7 +24,7 @@ declare const declaration: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly ["tabContainerHeader", "tabContainerBody"];
             readonly itemsNotAllowed: readonly [];
         };

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

@@ -18,7 +18,7 @@ var t = e()({
 			canSelect: !0,
 			canDragDrop: !0,
 			canMove: !0,
-			canTemplate: !0,
+			canSnippet: !0,
 			itemsAllowed: ["tabContainerHeader", "tabContainerBody"],
 			itemsNotAllowed: []
 		},

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

@@ -29,7 +29,7 @@ declare const TabContainer: {
                     readonly canSelect: true;
                     readonly canDragDrop: false;
                     readonly canMove: false;
-                    readonly canTemplate: false;
+                    readonly canSnippet: false;
                     readonly itemsAllowed: readonly ["tabContainerItem"];
                     readonly itemsNotAllowed: readonly [];
                 };
@@ -82,7 +82,7 @@ declare const TabContainer: {
                     readonly canSelect: true;
                     readonly canDragDrop: false;
                     readonly canMove: false;
-                    readonly canTemplate: false;
+                    readonly canSnippet: false;
                     readonly itemsAllowed: readonly ["tabContainerItem"];
                     readonly itemsNotAllowed: readonly [];
                 };
@@ -134,7 +134,7 @@ declare const TabContainer: {
                     readonly canSelect: true;
                     readonly canDragDrop: true;
                     readonly canMove: true;
-                    readonly canTemplate: true;
+                    readonly canSnippet: true;
                     readonly itemsAllowed: readonly [];
                     readonly itemsNotAllowed: readonly ["tabContainerItem", "tabContainerHeader", "tabContainerBody"];
                 };
@@ -182,7 +182,7 @@ declare const TabContainer: {
             readonly canSelect: true;
             readonly canDragDrop: true;
             readonly canMove: true;
-            readonly canTemplate: true;
+            readonly canSnippet: true;
             readonly itemsAllowed: readonly ["tabContainerHeader", "tabContainerBody"];
             readonly itemsNotAllowed: readonly [];
         };