@plitzi/sdk-elements 0.38.3 → 0.38.5

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

@@ -4,18 +4,20 @@ import { NAMEABLE_CONTAINER_TAGS as n } from "./declaration.mjs";
 import { jsx as r } from "react/jsx-runtime";
 import i from "clsx";
 //#region src/elements/structure/Container/Container.tsx
-var a = ({ ref: e, className: a = "", subType: o = "div", label: s = "", decorative: c = !1, children: l }) => {
-	let u = !c && s && n.includes(o) ? {
+var a = ({ ref: e, className: a = "", subType: o = "div", label: s = "", decorative: c = !1, live: l = "", title: u = "", children: d }) => {
+	let f = !c && s && n.includes(o) ? {
 		"aria-label": s,
 		...o === "div" ? { role: "group" } : {}
-	} : {}, d = c ? { "aria-hidden": !0 } : {};
+	} : {}, p = c ? { "aria-hidden": !0 } : {}, m = l ? { "aria-live": l } : {};
 	return /* @__PURE__ */ r(t, {
 		ref: e,
 		tag: o,
 		className: i(`plitzi-component__container plitzi-component__container-${o}`, a),
-		...u,
-		...d,
-		children: l
+		title: u || void 0,
+		...f,
+		...p,
+		...m,
+		children: d
 	});
 }, o = e(a);
 //#endregion

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

@@ -12,6 +12,7 @@ declare const declaration: {
     readonly type: "container";
     readonly attributeValues: {
         readonly subType: readonly string[];
+        readonly live: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -46,7 +47,7 @@ declare const declaration: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-regular fa-square";
+            readonly icon: "fa-solid fa-crop-simple";
         };
         readonly defaultStyle: {
             readonly name: "Container";
@@ -62,7 +63,9 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | undefined;
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
+    title?: string | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    live?: "polite" | "assertive" | "" | undefined;
     decorative?: boolean | undefined;
 }>>;
 export default declaration;

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

@@ -12,29 +12,37 @@ var n = [
 	"figure"
 ], r = e()({
 	type: "container",
-	attributeValues: { subType: t()([
-		"div",
-		"header",
-		"footer",
-		"nav",
-		"main",
-		"section",
-		"article",
-		"aside",
-		"address",
-		"figure",
-		"dl",
-		"dt",
-		"dd",
-		"li",
-		"h1",
-		"h2",
-		"h3",
-		"h4",
-		"h5",
-		"h6",
-		"span"
-	]) },
+	attributeValues: {
+		subType: t()([
+			"div",
+			"header",
+			"footer",
+			"nav",
+			"main",
+			"section",
+			"article",
+			"aside",
+			"address",
+			"figure",
+			"dl",
+			"dt",
+			"dd",
+			"li",
+			"h1",
+			"h2",
+			"h3",
+			"h4",
+			"h5",
+			"h6",
+			"p",
+			"span"
+		]),
+		live: t()([
+			"",
+			"polite",
+			"assertive"
+		])
+	},
 	content: {
 		attributes: { subType: "div" },
 		definition: {
@@ -62,7 +70,7 @@ var n = [
 			license: "MIT",
 			website: "https://plitzi.com",
 			backgroundColor: "#4422ee",
-			icon: "fa-regular fa-square"
+			icon: "fa-solid fa-crop-simple"
 		},
 		defaultStyle: {
 			name: "Container",

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

@@ -5,6 +5,7 @@ declare const Container: {
     readonly type: "container";
     readonly attributeValues: {
         readonly subType: readonly string[];
+        readonly live: readonly string[];
     };
     readonly content: {
         readonly attributes: {
@@ -39,7 +40,7 @@ declare const Container: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-regular fa-square";
+            readonly icon: "fa-solid fa-crop-simple";
         };
         readonly defaultStyle: {
             readonly name: "Container";
@@ -55,7 +56,9 @@ declare const Container: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | undefined;
-    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
+    title?: string | undefined;
+    subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+    live?: "polite" | "assertive" | "" | undefined;
     decorative?: boolean | undefined;
 }>>;
 export default Container;

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

@@ -132,7 +132,7 @@ declare const declaration: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-regular fa-clone";
+            readonly icon: "fa-regular fa-message";
         };
         readonly defaultStyle: {
             readonly name: "Dialog Container";

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

@@ -108,7 +108,7 @@ var t = e()({
 			license: "MIT",
 			website: "https://plitzi.com",
 			backgroundColor: "#4422ee",
-			icon: "fa-regular fa-clone"
+			icon: "fa-regular fa-message"
 		},
 		defaultStyle: {
 			name: "Dialog Container",

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

@@ -131,7 +131,7 @@ declare const DialogContainer: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-regular fa-clone";
+            readonly icon: "fa-regular fa-message";
         };
         readonly defaultStyle: {
             readonly name: "Dialog Container";

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

@@ -35,7 +35,7 @@ declare const declaration: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-solid fa-list";
+            readonly icon: "fa-solid fa-grip-lines";
         };
         readonly defaultStyle: {
             readonly name: "List Item";

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

@@ -29,7 +29,7 @@ var t = e()({
 			license: "MIT",
 			website: "https://plitzi.com",
 			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-list"
+			icon: "fa-solid fa-grip-lines"
 		},
 		defaultStyle: {
 			name: "List Item",

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

@@ -34,7 +34,7 @@ declare const ListItem: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-solid fa-list";
+            readonly icon: "fa-solid fa-grip-lines";
         };
         readonly defaultStyle: {
             readonly name: "List Item";

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

@@ -39,7 +39,7 @@ declare const List: {
                     readonly license: "MIT";
                     readonly website: "https://plitzi.com";
                     readonly backgroundColor: "#4422ee";
-                    readonly icon: "fa-solid fa-list";
+                    readonly icon: "fa-solid fa-grip-lines";
                 };
                 readonly defaultStyle: {
                     readonly name: "List Item";

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

@@ -35,7 +35,7 @@ declare const declaration: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-solid fa-table-columns";
+            readonly icon: "fa-regular fa-folder";
         };
         readonly defaultStyle: {
             readonly name: "Tab Container Item";

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

@@ -33,7 +33,7 @@ var t = e()({
 			license: "MIT",
 			website: "https://plitzi.com",
 			backgroundColor: "#4422ee",
-			icon: "fa-solid fa-table-columns"
+			icon: "fa-regular fa-folder"
 		},
 		defaultStyle: {
 			name: "Tab Container Item",

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

@@ -34,7 +34,7 @@ declare const TabContainerItem: {
             readonly license: "MIT";
             readonly website: "https://plitzi.com";
             readonly backgroundColor: "#4422ee";
-            readonly icon: "fa-solid fa-table-columns";
+            readonly icon: "fa-regular fa-folder";
         };
         readonly defaultStyle: {
             readonly name: "Tab Container Item";

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

@@ -145,7 +145,7 @@ declare const TabContainer: {
                     readonly license: "MIT";
                     readonly website: "https://plitzi.com";
                     readonly backgroundColor: "#4422ee";
-                    readonly icon: "fa-solid fa-table-columns";
+                    readonly icon: "fa-regular fa-folder";
                 };
                 readonly defaultStyle: {
                     readonly name: "Tab Container Item";

package/dist/index.d.ts

@@ -45,7 +45,7 @@ export declare const defaultElements: {
                         readonly license: "MIT";
                         readonly website: "https://plitzi.com";
                         readonly backgroundColor: "#4422ee";
-                        readonly icon: "";
+                        readonly icon: "fa-regular fa-window-restore";
                     };
                     readonly defaultStyle: {
                         readonly name: "Dropdown Popup";
@@ -919,6 +919,7 @@ export declare const defaultElements: {
         readonly type: "container";
         readonly attributeValues: {
             readonly subType: readonly string[];
+            readonly live: readonly string[];
         };
         readonly content: {
             readonly attributes: {
@@ -953,7 +954,7 @@ export declare const defaultElements: {
                 readonly license: "MIT";
                 readonly website: "https://plitzi.com";
                 readonly backgroundColor: "#4422ee";
-                readonly icon: "fa-regular fa-square";
+                readonly icon: "fa-solid fa-crop-simple";
             };
             readonly defaultStyle: {
                 readonly name: "Container";
@@ -969,7 +970,9 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         label?: string | undefined;
-        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | undefined;
+        title?: string | undefined;
+        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "dl" | "dt" | "dd" | "li" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | undefined;
+        live?: "polite" | "assertive" | "" | undefined;
         decorative?: boolean | undefined;
     }>>;
     layoutContainer: {
@@ -1165,7 +1168,7 @@ export declare const defaultElements: {
                 readonly license: "MIT";
                 readonly website: "https://plitzi.com";
                 readonly backgroundColor: "#4422ee";
-                readonly icon: "fa-regular fa-clone";
+                readonly icon: "fa-regular fa-message";
             };
             readonly defaultStyle: {
                 readonly name: "Dialog Container";
@@ -1603,7 +1606,7 @@ export declare const defaultElements: {
                         readonly license: "MIT";
                         readonly website: "https://plitzi.com";
                         readonly backgroundColor: "#4422ee";
-                        readonly icon: "fa-solid fa-table-columns";
+                        readonly icon: "fa-regular fa-folder";
                     };
                     readonly defaultStyle: {
                         readonly name: "Tab Container Item";
@@ -2012,7 +2015,7 @@ export declare const defaultElements: {
         };
         readonly content: {
             readonly attributes: {
-                readonly src: "https://cdn.plitzi.com/resources/img/placeholder-img.svg";
+                readonly src: "";
                 readonly alt: "";
                 readonly decorative: false;
                 readonly fetchPriority: "auto";
@@ -2064,6 +2067,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        resize?: boolean | undefined;
         height?: number | undefined;
         width?: number | undefined;
         fetchPriority?: "high" | "low" | "auto" | undefined;
@@ -2375,7 +2379,7 @@ export declare const defaultElements: {
                 readonly license: "MIT";
                 readonly website: "https://plitzi.com";
                 readonly backgroundColor: "#4422ee";
-                readonly icon: "fa-solid fa-stop";
+                readonly icon: "fa-solid fa-hand-pointer";
             };
             readonly defaultStyle: {
                 readonly name: "Button";
@@ -2458,6 +2462,7 @@ export declare const defaultElements: {
         title?: string | undefined;
         content?: string | undefined;
         disabled?: boolean | undefined;
+        controls?: string | undefined;
         icon?: string | undefined;
         subType?: "button" | "submit" | "reset" | undefined;
         iconPlacement?: import('./Element/ElementWords').IconPlacement | undefined;
@@ -2576,6 +2581,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        title?: string | undefined;
         content?: string | number | undefined;
     }>>;
     themeToggle: {
@@ -2702,7 +2708,7 @@ export declare const defaultElements: {
                         readonly license: "MIT";
                         readonly website: "https://plitzi.com";
                         readonly backgroundColor: "#4422ee";
-                        readonly icon: "fa-solid fa-list";
+                        readonly icon: "fa-solid fa-grip-lines";
                     };
                     readonly defaultStyle: {
                         readonly name: "List Item";
@@ -2942,7 +2948,7 @@ export declare const defaultElements: {
             readonly settings: {};
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
-        content: string;
+        content?: string | undefined;
     }>>;
     richText: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/basic/RichText/RichText').RichTextProps>): import('react').JSX.Element;
@@ -2987,7 +2993,7 @@ export declare const defaultElements: {
                 readonly license: "MIT";
                 readonly website: "https://plitzi.com";
                 readonly backgroundColor: "#4422ee";
-                readonly icon: "fa-solid fa-align-left";
+                readonly icon: "fa-solid fa-file-lines";
             };
             readonly defaultStyle: {
                 readonly name: "Rich Text";
@@ -3791,6 +3797,13 @@ export declare const defaultElements: {
                     };
                 };
             };
+            readonly cancelQuery: {
+                readonly action: "cancelQuery";
+                readonly title: "Cancel Query";
+                readonly type: "callback";
+                readonly preview: {};
+                readonly params: {};
+            };
             readonly loadMore: {
                 readonly action: "loadMore";
                 readonly title: "Load More";
@@ -3895,7 +3908,36 @@ export declare const defaultElements: {
             };
             readonly settings: {};
         };
-    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./elements/provider/ApiContainer/declaration').ApiContainerAttributes>;
+    } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+        when?: import('@plitzi/sdk-shared').RuleGroup | undefined;
+        action?: string | undefined;
+        cache?: boolean | undefined;
+        endpoint?: string | undefined;
+        input?: (Record<string, unknown> | string) | undefined;
+        method?: "get" | "post" | "put" | "delete" | "patch" | undefined;
+        resource?: string | undefined;
+        headers?: Record<string, string> | undefined;
+        subType?: "div" | "header" | "footer" | "nav" | "main" | "section" | "article" | "aside" | "address" | "figure" | "" | undefined;
+        query?: string | undefined;
+        accessToken?: string | undefined;
+        mockData?: (Record<string, unknown> | string) | undefined;
+        credentials?: RequestCredentials | undefined;
+        connector?: string | undefined;
+        limit?: string | undefined;
+        singleRecord?: boolean | undefined;
+        filters?: {
+            field: string;
+            operator: string;
+            value: string;
+        }[] | undefined;
+        pagination?: import('./elements/provider/ApiContainer/hooks/useProviderPagination').ProviderPagination | undefined;
+        pageParam?: string | undefined;
+        renderWhileLoading?: boolean | undefined;
+        loadingSlot?: string | undefined;
+        staleTime?: number | string | undefined;
+        gcTime?: number | string | undefined;
+        refreshSeconds?: number | string | undefined;
+    }>>;
     channel: {
         (props: import('./Element/hocs/withElement').WithElementProps<import('./elements/provider/Channel/Channel').ChannelProps>): import('react').JSX.Element;
         displayName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-elements",
-  "version": "0.38.3",
+  "version": "0.38.5",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -66,6 +66,10 @@
       "types": "./dist/Element/ServerStaticShell.d.ts",
       "import": "./dist/Element/ServerStaticShell.mjs"
     },
+    "./Element/helpers/elementChildren": {
+      "types": "./dist/Element/helpers/elementChildren.d.ts",
+      "import": "./dist/Element/helpers/elementChildren.mjs"
+    },
     "./Element/helpers/elementConstants": {
       "types": "./dist/Element/helpers/elementConstants.d.ts",
       "import": "./dist/Element/helpers/elementConstants.mjs"
@@ -130,6 +134,10 @@
       "types": "./dist/Element/hooks/useElementState.d.ts",
       "import": "./dist/Element/hooks/useElementState.mjs"
     },
+    "./Element/hooks/useElementVisible": {
+      "types": "./dist/Element/hooks/useElementVisible.d.ts",
+      "import": "./dist/Element/hooks/useElementVisible.mjs"
+    },
     "./Element/hooks/useInternalClassName": {
       "types": "./dist/Element/hooks/useInternalClassName.d.ts",
       "import": "./dist/Element/hooks/useInternalClassName.mjs"
@@ -898,6 +906,10 @@
       "types": "./dist/elements/provider/ApiContainer/helpers/queryInput.d.ts",
       "import": "./dist/elements/provider/ApiContainer/helpers/queryInput.mjs"
     },
+    "./elements/provider/ApiContainer/helpers/serverMock": {
+      "types": "./dist/elements/provider/ApiContainer/helpers/serverMock.d.ts",
+      "import": "./dist/elements/provider/ApiContainer/helpers/serverMock.mjs"
+    },
     "./elements/provider/ApiContainer/hooks/useApi": {
       "types": "./dist/elements/provider/ApiContainer/hooks/useApi.d.ts",
       "import": "./dist/elements/provider/ApiContainer/hooks/useApi.mjs"
@@ -906,6 +918,10 @@
       "types": "./dist/elements/provider/ApiContainer/hooks/useAutoRefresh.d.ts",
       "import": "./dist/elements/provider/ApiContainer/hooks/useAutoRefresh.mjs"
     },
+    "./elements/provider/ApiContainer/hooks/useInputRefresh": {
+      "types": "./dist/elements/provider/ApiContainer/hooks/useInputRefresh.d.ts",
+      "import": "./dist/elements/provider/ApiContainer/hooks/useInputRefresh.mjs"
+    },
     "./elements/provider/ApiContainer/hooks/useProviderPagination": {
       "types": "./dist/elements/provider/ApiContainer/hooks/useProviderPagination.d.ts",
       "import": "./dist/elements/provider/ApiContainer/hooks/useProviderPagination.mjs"
@@ -1292,15 +1308,15 @@
   "type": "module",
   "sideEffects": false,
   "dependencies": {
+    "@dr.pogodin/react-helmet": "^3.3.2",
     "@plitzi/nexus": "^1.4.0",
-    "@plitzi/plitzi-ui": "^1.6.29",
-    "@plitzi/sdk-auth": "0.38.3",
-    "@plitzi/sdk-dev-tools": "0.38.3",
-    "@plitzi/sdk-event-bridge": "0.38.3",
-    "@plitzi/sdk-interactions": "0.38.3",
-    "@plitzi/sdk-navigation": "0.38.3",
-    "@plitzi/sdk-schema": "0.38.3",
-    "@plitzi/sdk-shared": "0.38.3",
+    "@plitzi/plitzi-ui": "^1.6.31",
+    "@plitzi/sdk-auth": "0.38.5",
+    "@plitzi/sdk-event-bridge": "0.38.5",
+    "@plitzi/sdk-interactions": "0.38.5",
+    "@plitzi/sdk-navigation": "0.38.5",
+    "@plitzi/sdk-schema": "0.38.5",
+    "@plitzi/sdk-shared": "0.38.5",
     "clsx": "^2.1.1",
     "immer": "^11.1.21"
   },