@plitzi/sdk-elements 0.38.4 → 0.38.6

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

@@ -51,6 +51,13 @@ declare const ApiContainer: {
                 };
             };
         };
+        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";
@@ -155,5 +162,34 @@ declare const ApiContainer: {
         };
         readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./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('./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;
+}>>;
 export default ApiContainer;

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

@@ -23,9 +23,14 @@ export type ContainerProps = {
      * silent to a screen reader, which reads only what it is moved to.
      */
     live?: 'polite' | 'assertive' | '';
+    /**
+     * What a pointer resting on it shows — the whole of a value cut short, what a symbol means. Not a name: a screen reader
+     * may not say it, so what matters to someone who cannot hover is in the content or in `label` too.
+     */
+    title?: string;
     children?: ReactNode;
 };
-declare const Container: ({ ref, className, subType, label, decorative, live, children }: ContainerProps) => import('react').JSX.Element;
+declare const Container: ({ ref, className, subType, label, decorative, live, title, children }: ContainerProps) => import('react').JSX.Element;
 declare const _default: {
     (props: import('../../../Element/hocs/withElement').WithElementProps<ContainerProps>): import('react').JSX.Element;
     displayName: string;

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

@@ -4,19 +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, live: l = "", children: u }) => {
-	let d = !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" } : {}
-	} : {}, f = c ? { "aria-hidden": !0 } : {}, p = l ? { "aria-live": l } : {};
+	} : {}, 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),
-		...d,
+		title: u || void 0,
 		...f,
 		...p,
-		children: u
+		...m,
+		children: d
 	});
 }, o = e(a);
 //#endregion

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

@@ -47,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";
@@ -63,6 +63,7 @@ declare const declaration: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | 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;

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

@@ -70,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

@@ -40,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";
@@ -56,6 +56,7 @@ declare const Container: {
     };
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     label?: string | 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;

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";
@@ -954,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";
@@ -970,6 +970,7 @@ export declare const defaultElements: {
         };
     } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
         label?: string | 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;
@@ -1167,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";
@@ -1605,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";
@@ -2378,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";
@@ -2580,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: {
@@ -2706,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";
@@ -2946,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;
@@ -2991,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";
@@ -3795,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";
@@ -3899,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.4",
+  "version": "0.38.6",
   "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"
@@ -910,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"
@@ -1296,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.4",
-    "@plitzi/sdk-dev-tools": "0.38.4",
-    "@plitzi/sdk-event-bridge": "0.38.4",
-    "@plitzi/sdk-interactions": "0.38.4",
-    "@plitzi/sdk-navigation": "0.38.4",
-    "@plitzi/sdk-schema": "0.38.4",
-    "@plitzi/sdk-shared": "0.38.4",
+    "@plitzi/plitzi-ui": "^1.6.31",
+    "@plitzi/sdk-auth": "0.38.6",
+    "@plitzi/sdk-event-bridge": "0.38.6",
+    "@plitzi/sdk-interactions": "0.38.6",
+    "@plitzi/sdk-navigation": "0.38.6",
+    "@plitzi/sdk-schema": "0.38.6",
+    "@plitzi/sdk-shared": "0.38.6",
     "clsx": "^2.1.1",
     "immer": "^11.1.21"
   },