@plitzi/sdk-elements 0.33.1 → 0.34.0

package/dist/elements/provider/ApiContainer/hooks/useApi.mjs

@@ -1,14 +1,15 @@
 import { useCallback as e, useEffect as t, useState as n } from "react";
 import { emptyObject as r } from "@plitzi/sdk-shared/helpers/utils";
+import { authFailureFromResponse as i, reportAuthFailure as a } from "@plitzi/sdk-shared/auth";
 //#region src/elements/provider/ApiContainer/hooks/useApi.ts
-var i = async ({ url: e = "", method: t = "get", credentials: n = "same-origin", params: i = r, customHeaders: a = r, mock: o = r } = {}) => {
-	if (o && o !== "{}" && o !== r) try {
-		return typeof o == "string" ? {
+var o = async ({ url: e = "", method: t = "get", credentials: n = "same-origin", params: o = r, customHeaders: s = r, mock: c = r } = {}) => {
+	if (c && c !== "{}" && c !== r) try {
+		return typeof c == "string" ? {
 			status: 200,
-			data: JSON.parse(o)
+			data: JSON.parse(c)
 		} : {
 			status: 200,
-			data: o
+			data: c
 		};
 	} catch (e) {
 		return {
@@ -16,47 +17,50 @@ var i = async ({ url: e = "", method: t = "get", credentials: n = "same-origin",
 			data: e.message
 		};
 	}
-	let s = new Headers();
-	if (s.append("Content-Type", "application/json"), Object.keys(a).length > 0 && Object.keys(a).forEach((e) => {
-		s.append(e, a[e]);
+	let l = new Headers();
+	if (l.append("Content-Type", "application/json"), Object.keys(s).length > 0 && Object.keys(s).forEach((e) => {
+		l.append(e, s[e]);
 	}), !e) return {
 		status: 400,
 		data: "URL is required"
 	};
-	Object.values(i).forEach((e) => {
-		if (e instanceof Blob && s.get("Content-Type") !== "multipart/form-data") {
-			s.set("Content-Type", "multipart/form-data");
+	Object.values(o).forEach((e) => {
+		if (e instanceof Blob && l.get("Content-Type") !== "multipart/form-data") {
+			l.set("Content-Type", "multipart/form-data");
 			return;
 		}
 	});
-	let c = new FormData();
-	Object.entries(i).forEach(([e, t]) => {
-		c.append(e, t);
+	let u = new FormData();
+	Object.entries(o).forEach(([e, t]) => {
+		u.append(e, t);
 	});
-	let l = {
+	let d = {
 		method: t,
 		credentials: n,
-		headers: s,
-		body: c
+		headers: l,
+		body: u
 	};
-	s.get("Content-Type") === "application/json" && (l.body = JSON.stringify(i)), t === "get" && delete l.body;
+	l.get("Content-Type") === "application/json" && (d.body = JSON.stringify(o)), t === "get" && delete d.body;
 	try {
-		let t = await fetch(e, l);
-		return {
+		let t = await fetch(e, d), n = await t.json(), r = i(t.status, n);
+		return r && a({
+			reason: r,
+			url: e
+		}), {
 			status: t.status,
-			data: await t.json()
+			data: n
 		};
 	} catch (e) {
-		return {
+		return console.error(e.message), {
 			status: 500,
 			data: e.message
 		};
 	}
-}, a = ({ url: a = "", method: o = "get", mock: s = r, params: c = r, customHeaders: l = r, enabled: u = !0, credentials: d = "same-origin" }) => {
+}, s = ({ url: i = "", method: a = "get", mock: s = r, params: c = r, customHeaders: l = r, enabled: u = !0, credentials: d = "same-origin" }) => {
 	let [f, p] = n(u), [m, h] = n(), g = e(() => {
-		u && (p(!0), i({
-			url: a,
-			method: o,
+		u && (p(!0), o({
+			url: i,
+			method: a,
 			credentials: d,
 			mock: s,
 			customHeaders: l,
@@ -67,8 +71,8 @@ var i = async ({ url: e = "", method: t = "get", credentials: n = "same-origin",
 		})).finally(() => p(!1)));
 	}, [
 		u,
+		i,
 		a,
-		o,
 		d,
 		s,
 		l,
@@ -80,10 +84,11 @@ var i = async ({ url: e = "", method: t = "get", credentials: n = "same-origin",
 		u,
 		c,
 		s,
-		a,
+		i,
 		g
 	]), {
-		isLoading: f,
+		isLoading: f && m === void 0,
+		isFetching: f,
 		data: m,
 		refetch: g,
 		isSuccess: !f && m && m.status < 400,
@@ -91,4 +96,4 @@ var i = async ({ url: e = "", method: t = "get", credentials: n = "same-origin",
 	};
 };
 //#endregion
-export { a as default };
+export { s as default };

package/dist/elements/provider/ApiContainer/hooks/useProviderWrite.mjs

@@ -1,27 +1,34 @@
 import { useCallback as e } from "react";
+import { authFailureFromResponse as t, reportAuthFailure as n } from "@plitzi/sdk-shared/auth";
 //#region src/elements/provider/ApiContainer/hooks/useProviderWrite.ts
-var t = ({ elementId: t, enabled: n, actionPath: r = "/_action", onDone: i }) => ({ writeRecord: e(async (e = {}) => {
-	let { action: a, recordId: o, ...s } = e;
-	if (!n || typeof a != "string" || !a) return;
-	let c = await fetch(r, {
+var r = ({ elementId: r, enabled: i, actionPath: a = "/_action", onDone: o }) => ({ writeRecord: e(async (e = {}) => {
+	let { action: s, recordId: c, ...l } = e;
+	if (!i || typeof s != "string" || !s) return;
+	let u = await fetch(a, {
 		method: "POST",
 		headers: { "Content-Type": "application/json" },
 		credentials: "same-origin",
 		body: JSON.stringify({
-			elementId: t,
-			action: a,
-			recordId: o,
-			values: s
+			elementId: r,
+			action: s,
+			recordId: c,
+			values: l
 		})
 	});
-	if (!c.ok) throw Error(`Write failed with status ${c.status}`);
-	let l = await c.json();
-	return await i?.(), l.record;
+	if (!u.ok) {
+		let e = t(u.status, await u.json().catch(() => void 0));
+		throw e && n({
+			reason: e,
+			url: a
+		}), Error(`Write failed with status ${u.status}`);
+	}
+	let d = await u.json();
+	return await o?.(), d.record;
 }, [
+	a,
 	r,
-	t,
-	n,
-	i
+	i,
+	o
 ]) });
 //#endregion
-export { t as default };
+export { r as default };

package/dist/elements/provider/ApiContainer/index.d.ts

@@ -2,69 +2,67 @@ declare const ApiContainer: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./ApiContainer').ApiContainerProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            query: string;
-            method: string;
-            accessToken: string;
-            mockData: string;
-            subType: string;
-            credentials: string;
-            connector: string;
-            resource: string;
-            limit: string;
-            singleRecord: boolean;
-            filters: never[];
-            pagination: string;
-            pageParam: string;
-            renderWhileLoading: boolean;
+    readonly type: "apiContainer";
+    readonly sourceType: "apiContainer";
+    readonly content: {
+        readonly attributes: {
+            readonly query: "";
+            readonly method: "get";
+            readonly accessToken: "";
+            readonly mockData: "{}";
+            readonly subType: "";
+            readonly credentials: "same-origin";
+            readonly connector: "";
+            readonly resource: "";
+            readonly limit: "10";
+            readonly singleRecord: false;
+            readonly filters: readonly [];
+            readonly pagination: "none";
+            readonly pageParam: "page";
+            readonly renderWhileLoading: false;
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Api Container";
+            readonly type: "apiContainer";
+            readonly description: string;
+            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: "provider";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-solid fa-server";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "Api Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./declaration').ApiContainerAttributes>;
 export default ApiContainer;

package/dist/elements/provider/ApiContainer/index.mjs

@@ -1,62 +1,6 @@
-import e from "./ApiContainer.mjs";
+import e from "./declaration.mjs";
+import t from "./ApiContainer.mjs";
 //#region src/elements/provider/ApiContainer/index.ts
-var t = Object.assign(e, {
-	type: "apiContainer",
-	content: {
-		attributes: {
-			query: "",
-			method: "get",
-			accessToken: "",
-			mockData: "{}",
-			subType: "div",
-			credentials: "same-origin",
-			connector: "",
-			resource: "",
-			limit: "10",
-			singleRecord: !1,
-			filters: [],
-			pagination: "none",
-			pageParam: "page",
-			renderWhileLoading: !1
-		},
-		definition: {
-			label: "Api Container",
-			type: "apiContainer",
-			description: "",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "provider",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-server"
-		},
-		defaultStyle: {
-			name: "Api Container",
-			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/structure/Container/Container.mjs

@@ -1,13 +1,13 @@
-import { RootElement as e } from "../../../Element/RootElement.mjs";
-import t from "../../../Element/hocs/withElement.mjs";
+import e from "../../../Element/hocs/withElement.mjs";
+import { RootElement as t } from "../../../Element/RootElement.mjs";
 import { jsx as n } from "react/jsx-runtime";
 import r from "clsx";
 //#region src/elements/structure/Container/Container.tsx
-var i = ({ ref: t, className: i = "", subType: a = "div", children: o }) => /* @__PURE__ */ n(e, {
-	ref: t,
+var i = ({ ref: e, className: i = "", subType: a = "div", children: o }) => /* @__PURE__ */ n(t, {
+	ref: e,
 	tag: a,
 	className: r(`plitzi-component__container plitzi-component__container-${a}`, i),
 	children: o
-}), a = t(i);
+}), a = e(i);
 //#endregion
 export { i as Container, a as default };

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

@@ -0,0 +1,57 @@
+import { ContainerProps } from './Container';
+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 ContainerAttributes = AuthorableAttributes<ContainerProps>;
+declare const declaration: {
+    readonly type: "container";
+    readonly content: {
+        readonly attributes: {
+            readonly subType: "div";
+        };
+        readonly definition: {
+            readonly label: "Container";
+            readonly type: "container";
+            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 canTemplate: 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-square";
+        };
+        readonly defaultStyle: {
+            readonly name: "Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
+                };
+            };
+            readonly subTypes: {};
+        };
+        readonly settings: {};
+    };
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | undefined;
+}>>;
+export default declaration;

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

@@ -0,0 +1,44 @@
+import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
+//#region src/elements/structure/Container/declaration.ts
+var t = e()({
+	type: "container",
+	content: {
+		attributes: { subType: "div" },
+		definition: {
+			label: "Container",
+			type: "container",
+			description: "Generic layout box (a div). The primary building block for structure: groups and positions child elements with flex/grid. Reach for it whenever you need to wrap or arrange other elements.",
+			items: [],
+			bindings: {},
+			styleSelectors: { base: "" },
+			initialState: { visibility: !0 }
+		},
+		builder: {
+			canDelete: !0,
+			canSelect: !0,
+			canDragDrop: !0,
+			canMove: !0,
+			canTemplate: !0,
+			itemsAllowed: [],
+			itemsNotAllowed: []
+		},
+		market: {
+			category: "structure",
+			owner: "Plitzi",
+			verified: !0,
+			license: "MIT",
+			website: "https://plitzi.com",
+			backgroundColor: "#4422ee",
+			icon: "fa-regular fa-square"
+		},
+		defaultStyle: {
+			name: "Container",
+			displayMode: "desktop",
+			style: { base: { default: {} } },
+			subTypes: {}
+		},
+		settings: {}
+	}
+});
+//#endregion
+export { t as default };

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

@@ -2,56 +2,55 @@ declare const Container: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Container').ContainerProps>): import("react").JSX.Element;
     displayName: string;
 } & {
-    type: string;
-    content: {
-        attributes: {
-            subType: string;
+    readonly type: "container";
+    readonly content: {
+        readonly attributes: {
+            readonly subType: "div";
         };
-        definition: {
-            label: string;
-            type: string;
-            description: string;
-            items: never[];
-            bindings: {};
-            styleSelectors: {
-                base: string;
+        readonly definition: {
+            readonly label: "Container";
+            readonly type: "container";
+            readonly description: string;
+            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: "structure";
+            readonly owner: "Plitzi";
+            readonly verified: true;
+            readonly license: "MIT";
+            readonly website: "https://plitzi.com";
+            readonly backgroundColor: "#4422ee";
+            readonly icon: "fa-regular fa-square";
         };
-        defaultStyle: {
-            name: string;
-            displayMode: string;
-            style: {
-                base: {
-                    default: {
-                        'min-width': string;
-                        'min-height': string;
-                    };
+        readonly defaultStyle: {
+            readonly name: "Container";
+            readonly displayMode: "desktop";
+            readonly style: {
+                readonly base: {
+                    readonly default: {};
                 };
             };
-            subTypes: {};
+            readonly subTypes: {};
         };
-        settings: {};
+        readonly settings: {};
     };
-};
+} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | undefined;
+}>>;
 export default Container;

package/dist/elements/structure/Container/index.mjs

@@ -1,47 +1,6 @@
 import e from "./Container.mjs";
+import t from "./declaration.mjs";
 //#region src/elements/structure/Container/index.ts
-var t = Object.assign(e, {
-	type: "container",
-	content: {
-		attributes: { subType: "div" },
-		definition: {
-			label: "Container",
-			type: "container",
-			description: "Group things together into groups, also nestable.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canTemplate: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
-		},
-		market: {
-			category: "structure",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
-			icon: "fa-regular fa-square"
-		},
-		defaultStyle: {
-			name: "Container",
-			displayMode: "desktop",
-			style: { base: { default: {
-				"min-width": "50px",
-				"min-height": "50px"
-			} } },
-			subTypes: {}
-		},
-		settings: {}
-	}
-});
+var n = Object.assign(e, t);
 //#endregion
-export { t as default };
+export { n as default };