@optiaxiom/proteus 0.1.4 → 0.1.6

package/dist/esm/proteus-action/ProteusAction.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Button } from '@optiaxiom/react';
 import { useState } from 'react';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
-import { useResolvedProteusProps } from '../proteus-document/useResolvedProteusProps.js';
+import { useResolveProteusValues } from '../proteus-document/useResolveProteusValues.js';
 
 function ProteusAction({
   children,
@@ -13,7 +13,7 @@ function ProteusAction({
   const { onEvent, valid } = useProteusDocumentContext(
     "@optiaxiom/proteus/ProteusAction"
   );
-  const resolvedOnClick = useResolvedProteusProps(
+  const resolvedOnClick = useResolveProteusValues(
     onClick ?? {}
   );
   const [loading, setLoading] = useState(false);

package/dist/esm/proteus-document/ProteusDocumentShell.js

@@ -61,6 +61,15 @@ function ProteusDocumentShell({
         } else if (event.action === "download") {
           if (typeof event.url === "string") {
             await downloadFile(event.url);
+          } else if (Array.isArray(event.url)) {
+            await Promise.all(
+              event.url.map((u) => {
+                if (typeof u !== "string") {
+                  throw new Error("Invalid URL in download array");
+                }
+                return downloadFile(u);
+              })
+            );
           } else {
             throw new Error("Invalid URL for download action");
           }
@@ -131,7 +140,7 @@ function ProteusDocumentShell({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ jsx(Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx(Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxs(
                     "form",
                     {
                       onChange: (event) => {
@@ -140,11 +149,16 @@ function ProteusDocumentShell({
                           setValid(form.checkValidity());
                         });
                       },
+                      onSubmit: (event) => {
+                        event.preventDefault();
+                      },
                       ref: formRef,
-                      children: element.body
+                      children: [
+                        element.body,
+                        element.actions && !readOnly && /* @__PURE__ */ jsx(Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
+                      ]
                     }
-                  ) }),
-                  element.actions && !readOnly && /* @__PURE__ */ jsx(Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
+                  ) })
                 ]
               }
             )

package/dist/esm/proteus-document/resolveProteusValue.js

@@ -12,6 +12,20 @@ function resolveProteusValue(value, data, parentPath) {
       parentPath
     );
   }
+  if ("$type" in value && value.$type === "Map" && "path" in value && typeof value.path === "string" && "children" in value) {
+    const array = getProteusValue(
+      data,
+      { path: value.path },
+      parentPath
+    );
+    if (!Array.isArray(array)) {
+      return value;
+    }
+    const resolvedPath = value.path.startsWith("/") ? value.path : `${parentPath}/${value.path}`;
+    return array.map(
+      (_, index) => resolveProteusValue(value.children, data, `${resolvedPath}/${index}`)
+    );
+  }
   return value;
 }
 

package/dist/esm/proteus-document/{useResolvedProteusProps.js → useResolveProteusValues.js}

@@ -2,7 +2,7 @@ import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 import { resolveProteusValue } from './resolveProteusValue.js';
 
-function useResolvedProteusProps(props) {
+function useResolveProteusValues(props) {
   const { data } = useProteusDocumentContext(
     "@optiaxiom/react/useResolvedProteusProps"
   );
@@ -16,4 +16,4 @@ function useResolvedProteusProps(props) {
   return resolved;
 }
 
-export { useResolvedProteusProps };
+export { useResolveProteusValues };

package/dist/esm/proteus-element/ProteusElement.js

@@ -93,8 +93,6 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsx(Group, { ...resolve(element) });
     case "Heading":
       return /* @__PURE__ */ jsx(Heading, { ...resolve(element) });
-    case "Icon":
-      return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx("img", {}) });
     case "IconCalendar":
       return /* @__PURE__ */ jsx(Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsx(IconCalendar, {}) });
     case "Image":

package/dist/esm/proteus-image/ProteusImage.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Box, Spinner, Dialog, DialogTrigger, DialogContent, DialogHeader, DialogBody, DialogFooter, DialogClose, Button } from '@optiaxiom/react';
 import { useState, useRef } from 'react';
 import { downloadFile } from './downloadFile.js';
@@ -9,6 +9,9 @@ function ProteusImage(props) {
   const [isDownloading, setIsDownloading] = useState(false);
   const [isLoaded, setIsLoaded] = useState(false);
   const imgRef = useRef(null);
+  if (props.objectFit === "cover") {
+    return /* @__PURE__ */ jsx(Box, { asChild: true, objectFit: "cover", overflow: "hidden", ...props, children: /* @__PURE__ */ jsx("img", { alt: props.alt, src: props.src }) });
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !isLoaded && /* @__PURE__ */ jsx(
       Box,

package/dist/esm/schema/public-schema.json.js

@@ -2677,9 +2677,6 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusHeading"
 			},
-			{
-				$ref: "#/definitions/ProteusIcon"
-			},
 			{
 				$ref: "#/definitions/ProteusIconCalendar"
 			},
@@ -2775,6 +2772,9 @@ var definitions = {
 					},
 					url: {
 						anyOf: [
+							{
+								$ref: "#/definitions/ProteusMap"
+							},
 							{
 								$ref: "#/definitions/ProteusValue"
 							},
@@ -2782,7 +2782,7 @@ var definitions = {
 								type: "string"
 							}
 						],
-						description: "URL to download"
+						description: "URL to download, or a Map expression resolving to multiple URLs"
 					}
 				},
 				required: [
@@ -5292,203 +5292,6 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusIcon: {
-		additionalProperties: false,
-		properties: {
-			$type: {
-				"const": "Icon"
-			},
-			alignItems: {
-				$ref: "#/definitions/SprinkleProp_alignItems"
-			},
-			alignSelf: {
-				$ref: "#/definitions/SprinkleProp_alignSelf"
-			},
-			animation: {
-				$ref: "#/definitions/SprinkleProp_animation"
-			},
-			backgroundImage: {
-				$ref: "#/definitions/SprinkleProp_backgroundImage"
-			},
-			bg: {
-				$ref: "#/definitions/SprinkleProp_bg"
-			},
-			border: {
-				$ref: "#/definitions/SprinkleProp_border"
-			},
-			borderB: {
-				$ref: "#/definitions/SprinkleProp_borderB"
-			},
-			borderColor: {
-				$ref: "#/definitions/SprinkleProp_borderColor"
-			},
-			borderL: {
-				$ref: "#/definitions/SprinkleProp_borderL"
-			},
-			borderR: {
-				$ref: "#/definitions/SprinkleProp_borderR"
-			},
-			borderT: {
-				$ref: "#/definitions/SprinkleProp_borderT"
-			},
-			color: {
-				$ref: "#/definitions/SprinkleProp_color"
-			},
-			cursor: {
-				$ref: "#/definitions/SprinkleProp_cursor"
-			},
-			display: {
-				$ref: "#/definitions/SprinkleProp_display"
-			},
-			flex: {
-				$ref: "#/definitions/SprinkleProp_flex"
-			},
-			flexDirection: {
-				$ref: "#/definitions/SprinkleProp_flexDirection"
-			},
-			flexWrap: {
-				$ref: "#/definitions/SprinkleProp_flexWrap"
-			},
-			fontFamily: {
-				$ref: "#/definitions/SprinkleProp_fontFamily"
-			},
-			fontSize: {
-				$ref: "#/definitions/SprinkleProp_fontSize"
-			},
-			fontWeight: {
-				$ref: "#/definitions/SprinkleProp_fontWeight"
-			},
-			gap: {
-				$ref: "#/definitions/SprinkleProp_gap"
-			},
-			gridAutoRows: {
-				$ref: "#/definitions/SprinkleProp_gridAutoRows"
-			},
-			gridColumn: {
-				$ref: "#/definitions/SprinkleProp_gridColumn"
-			},
-			gridTemplateColumns: {
-				$ref: "#/definitions/SprinkleProp_gridTemplateColumns"
-			},
-			h: {
-				$ref: "#/definitions/SprinkleProp_h"
-			},
-			justifyContent: {
-				$ref: "#/definitions/SprinkleProp_justifyContent"
-			},
-			justifyItems: {
-				$ref: "#/definitions/SprinkleProp_justifyItems"
-			},
-			m: {
-				$ref: "#/definitions/SprinkleProp_m"
-			},
-			maxH: {
-				$ref: "#/definitions/SprinkleProp_maxH"
-			},
-			maxW: {
-				$ref: "#/definitions/SprinkleProp_maxW"
-			},
-			mb: {
-				$ref: "#/definitions/SprinkleProp_mb"
-			},
-			ml: {
-				$ref: "#/definitions/SprinkleProp_ml"
-			},
-			mr: {
-				$ref: "#/definitions/SprinkleProp_mr"
-			},
-			mt: {
-				$ref: "#/definitions/SprinkleProp_mt"
-			},
-			mx: {
-				$ref: "#/definitions/SprinkleProp_mx"
-			},
-			my: {
-				$ref: "#/definitions/SprinkleProp_my"
-			},
-			objectFit: {
-				$ref: "#/definitions/SprinkleProp_objectFit"
-			},
-			overflow: {
-				$ref: "#/definitions/SprinkleProp_overflow"
-			},
-			overflowX: {
-				$ref: "#/definitions/SprinkleProp_overflowX"
-			},
-			overflowY: {
-				$ref: "#/definitions/SprinkleProp_overflowY"
-			},
-			p: {
-				$ref: "#/definitions/SprinkleProp_p"
-			},
-			pb: {
-				$ref: "#/definitions/SprinkleProp_pb"
-			},
-			pl: {
-				$ref: "#/definitions/SprinkleProp_pl"
-			},
-			placeItems: {
-				$ref: "#/definitions/SprinkleProp_placeItems"
-			},
-			pointerEvents: {
-				$ref: "#/definitions/SprinkleProp_pointerEvents"
-			},
-			pr: {
-				$ref: "#/definitions/SprinkleProp_pr"
-			},
-			pt: {
-				$ref: "#/definitions/SprinkleProp_pt"
-			},
-			px: {
-				$ref: "#/definitions/SprinkleProp_px"
-			},
-			py: {
-				$ref: "#/definitions/SprinkleProp_py"
-			},
-			rounded: {
-				$ref: "#/definitions/SprinkleProp_rounded"
-			},
-			shadow: {
-				$ref: "#/definitions/SprinkleProp_shadow"
-			},
-			size: {
-				$ref: "#/definitions/SprinkleProp_size"
-			},
-			textAlign: {
-				$ref: "#/definitions/SprinkleProp_textAlign"
-			},
-			textTransform: {
-				$ref: "#/definitions/SprinkleProp_textTransform"
-			},
-			transition: {
-				$ref: "#/definitions/SprinkleProp_transition"
-			},
-			w: {
-				$ref: "#/definitions/SprinkleProp_w"
-			},
-			whiteSpace: {
-				$ref: "#/definitions/SprinkleProp_whiteSpace"
-			},
-			z: {
-				$ref: "#/definitions/SprinkleProp_z"
-			},
-			src: {
-				anyOf: [
-					{
-						$ref: "#/definitions/ProteusValue"
-					},
-					{
-						type: "string"
-					}
-				],
-				description: "The icon source URL"
-			}
-		},
-		required: [
-			"$type"
-		],
-		type: "object"
-	},
 	ProteusIconCalendar: {
 		additionalProperties: false,
 		properties: {

package/dist/esm/schema/runtime-schema.json.js

@@ -2666,9 +2666,6 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusHeading"
 			},
-			{
-				$ref: "#/definitions/ProteusIcon"
-			},
 			{
 				$ref: "#/definitions/ProteusIconCalendar"
 			},
@@ -2761,6 +2758,9 @@ var definitions = {
 					},
 					url: {
 						anyOf: [
+							{
+								$ref: "#/definitions/ProteusMap"
+							},
 							{
 								$ref: "#/definitions/ProteusValue"
 							},
@@ -2768,7 +2768,7 @@ var definitions = {
 								type: "string"
 							}
 						],
-						description: "URL to download"
+						description: "URL to download, or a Map expression resolving to multiple URLs"
 					}
 				},
 				required: [
@@ -5261,202 +5261,6 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusIcon: {
-		properties: {
-			$type: {
-				"const": "Icon"
-			},
-			alignItems: {
-				$ref: "#/definitions/SprinkleProp_alignItems"
-			},
-			alignSelf: {
-				$ref: "#/definitions/SprinkleProp_alignSelf"
-			},
-			animation: {
-				$ref: "#/definitions/SprinkleProp_animation"
-			},
-			backgroundImage: {
-				$ref: "#/definitions/SprinkleProp_backgroundImage"
-			},
-			bg: {
-				$ref: "#/definitions/SprinkleProp_bg"
-			},
-			border: {
-				$ref: "#/definitions/SprinkleProp_border"
-			},
-			borderB: {
-				$ref: "#/definitions/SprinkleProp_borderB"
-			},
-			borderColor: {
-				$ref: "#/definitions/SprinkleProp_borderColor"
-			},
-			borderL: {
-				$ref: "#/definitions/SprinkleProp_borderL"
-			},
-			borderR: {
-				$ref: "#/definitions/SprinkleProp_borderR"
-			},
-			borderT: {
-				$ref: "#/definitions/SprinkleProp_borderT"
-			},
-			color: {
-				$ref: "#/definitions/SprinkleProp_color"
-			},
-			cursor: {
-				$ref: "#/definitions/SprinkleProp_cursor"
-			},
-			display: {
-				$ref: "#/definitions/SprinkleProp_display"
-			},
-			flex: {
-				$ref: "#/definitions/SprinkleProp_flex"
-			},
-			flexDirection: {
-				$ref: "#/definitions/SprinkleProp_flexDirection"
-			},
-			flexWrap: {
-				$ref: "#/definitions/SprinkleProp_flexWrap"
-			},
-			fontFamily: {
-				$ref: "#/definitions/SprinkleProp_fontFamily"
-			},
-			fontSize: {
-				$ref: "#/definitions/SprinkleProp_fontSize"
-			},
-			fontWeight: {
-				$ref: "#/definitions/SprinkleProp_fontWeight"
-			},
-			gap: {
-				$ref: "#/definitions/SprinkleProp_gap"
-			},
-			gridAutoRows: {
-				$ref: "#/definitions/SprinkleProp_gridAutoRows"
-			},
-			gridColumn: {
-				$ref: "#/definitions/SprinkleProp_gridColumn"
-			},
-			gridTemplateColumns: {
-				$ref: "#/definitions/SprinkleProp_gridTemplateColumns"
-			},
-			h: {
-				$ref: "#/definitions/SprinkleProp_h"
-			},
-			justifyContent: {
-				$ref: "#/definitions/SprinkleProp_justifyContent"
-			},
-			justifyItems: {
-				$ref: "#/definitions/SprinkleProp_justifyItems"
-			},
-			m: {
-				$ref: "#/definitions/SprinkleProp_m"
-			},
-			maxH: {
-				$ref: "#/definitions/SprinkleProp_maxH"
-			},
-			maxW: {
-				$ref: "#/definitions/SprinkleProp_maxW"
-			},
-			mb: {
-				$ref: "#/definitions/SprinkleProp_mb"
-			},
-			ml: {
-				$ref: "#/definitions/SprinkleProp_ml"
-			},
-			mr: {
-				$ref: "#/definitions/SprinkleProp_mr"
-			},
-			mt: {
-				$ref: "#/definitions/SprinkleProp_mt"
-			},
-			mx: {
-				$ref: "#/definitions/SprinkleProp_mx"
-			},
-			my: {
-				$ref: "#/definitions/SprinkleProp_my"
-			},
-			objectFit: {
-				$ref: "#/definitions/SprinkleProp_objectFit"
-			},
-			overflow: {
-				$ref: "#/definitions/SprinkleProp_overflow"
-			},
-			overflowX: {
-				$ref: "#/definitions/SprinkleProp_overflowX"
-			},
-			overflowY: {
-				$ref: "#/definitions/SprinkleProp_overflowY"
-			},
-			p: {
-				$ref: "#/definitions/SprinkleProp_p"
-			},
-			pb: {
-				$ref: "#/definitions/SprinkleProp_pb"
-			},
-			pl: {
-				$ref: "#/definitions/SprinkleProp_pl"
-			},
-			placeItems: {
-				$ref: "#/definitions/SprinkleProp_placeItems"
-			},
-			pointerEvents: {
-				$ref: "#/definitions/SprinkleProp_pointerEvents"
-			},
-			pr: {
-				$ref: "#/definitions/SprinkleProp_pr"
-			},
-			pt: {
-				$ref: "#/definitions/SprinkleProp_pt"
-			},
-			px: {
-				$ref: "#/definitions/SprinkleProp_px"
-			},
-			py: {
-				$ref: "#/definitions/SprinkleProp_py"
-			},
-			rounded: {
-				$ref: "#/definitions/SprinkleProp_rounded"
-			},
-			shadow: {
-				$ref: "#/definitions/SprinkleProp_shadow"
-			},
-			size: {
-				$ref: "#/definitions/SprinkleProp_size"
-			},
-			textAlign: {
-				$ref: "#/definitions/SprinkleProp_textAlign"
-			},
-			textTransform: {
-				$ref: "#/definitions/SprinkleProp_textTransform"
-			},
-			transition: {
-				$ref: "#/definitions/SprinkleProp_transition"
-			},
-			w: {
-				$ref: "#/definitions/SprinkleProp_w"
-			},
-			whiteSpace: {
-				$ref: "#/definitions/SprinkleProp_whiteSpace"
-			},
-			z: {
-				$ref: "#/definitions/SprinkleProp_z"
-			},
-			src: {
-				anyOf: [
-					{
-						$ref: "#/definitions/ProteusValue"
-					},
-					{
-						type: "string"
-					}
-				],
-				description: "The icon source URL"
-			}
-		},
-		required: [
-			"$type"
-		],
-		type: "object"
-	},
 	ProteusIconCalendar: {
 		properties: {
 			$type: {

package/dist/index.d.ts

@@ -222,7 +222,7 @@ type ProteusEventHandler = {
     action: "download";
     url: (ProteusValueProps & {
         $type: "Value";
-    }) | string;
+    }) | string | string[];
 } | {
     action: "message-from";
     path: string;