@optiaxiom/proteus 0.2.13 → 0.2.15

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

@@ -2645,6 +2645,20 @@ var definitions = {
 				$ref: "#/definitions/ProteusNode",
 				description: "Actions available for this document"
 			},
+			appearance: {
+				anyOf: [
+					{
+						"const": "default"
+					},
+					{
+						"const": "inline"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "Visual treatment of the document shell. 'default' renders the document as a card with background, border, and padding. 'inline' strips the surrounding chrome so the document blends into its host container."
+			},
 			appIcon: {
 				description: "URL or data URI for the application icon (e.g., 'https://example.com/icon.png' or 'data:image/svg+xml,...'). Rendered as an <img> element.",
 				type: "string"
@@ -2734,6 +2748,9 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusField"
 			},
+			{
+				$ref: "#/definitions/ProteusFileIcon"
+			},
 			{
 				$ref: "#/definitions/ProteusFileUpload"
 			},
@@ -2898,6 +2915,35 @@ var definitions = {
 					"url"
 				],
 				type: "object"
+			},
+			{
+				description: "Client-side component action - for previewing a file inline",
+				properties: {
+					action: {
+						"const": "preview",
+						description: "The action type",
+						type: "string"
+					},
+					file: {
+						anyOf: [
+							{
+								$ref: "#/definitions/ProteusExpression"
+							},
+							{
+								type: "object"
+							},
+							{
+								type: "string"
+							}
+						],
+						description: "The file object to preview"
+					}
+				},
+				required: [
+					"action",
+					"file"
+				],
+				type: "object"
 			}
 		],
 		description: "Handler for user interactions - a server-side interaction call, client-side message, or client-side component action"
@@ -4640,6 +4686,10 @@ var definitions = {
 			objectFit: {
 				$ref: "#/definitions/SprinkleProp_objectFit"
 			},
+			onClick: {
+				$ref: "#/definitions/ProteusEventHandler",
+				description: "Action triggered when link is clicked"
+			},
 			overflow: {
 				$ref: "#/definitions/SprinkleProp_overflow"
 			},
@@ -5191,6 +5241,208 @@ var definitions = {
 		],
 		type: "object"
 	},
+	ProteusFileIcon: {
+		examples: [
+			{
+				$type: "FileIcon",
+				mimeType: "application/pdf"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "FileIcon"
+			},
+			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"
+			},
+			mimeType: {
+				anyOf: [
+					{
+						type: "string"
+					},
+					{
+						$ref: "#/definitions/ProteusExpression"
+					}
+				],
+				description: "MIME type of the file to determine which icon to display"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
 	ProteusFileUpload: {
 		examples: [
 			{

package/dist/index.d.ts

@@ -311,6 +311,11 @@ type ProteusDocumentShellProps = Pick<ComponentPropsWithoutRef<typeof Disclosure
      * what the document declares for `Action.onClick.message`.
      */
     onMessage?: (message: string | StructuredMessage) => Promise<void> | void;
+    /**
+     * Callback when user triggers a preview action.
+     * Receives the file object to preview.
+     */
+    onPreview?: (file: unknown) => Promise<void> | void;
     /**
      * Callback when an analytics event is fired
      */
@@ -335,6 +340,7 @@ type ProteusDocumentShellProps = Pick<ComponentPropsWithoutRef<typeof Disclosure
 };
 type ProteusDocument$2 = {
     actions?: ReactNode;
+    appearance?: "default" | "inline" | Record<string, unknown>;
     appIcon?: string;
     appName?: string;
     blocking?: boolean;
@@ -344,7 +350,7 @@ type ProteusDocument$2 = {
     title?: ReactNode;
     titleIcon?: string;
 };
-declare function ProteusDocumentShell({ collapsible: collapsibleProp, data, defaultOpen, element, onDataChange, onDownload, onInteraction, onMessage, onOpenChange, onTrack, onUpload, open: openProp, readOnly, strict, useResource, }: ProteusDocumentShellProps): react_jsx_runtime.JSX.Element;
+declare function ProteusDocumentShell({ collapsible: collapsibleProp, data, defaultOpen, element, onDataChange, onDownload, onInteraction, onMessage, onOpenChange, onPreview, onTrack, onUpload, open: openProp, readOnly, strict, useResource, }: ProteusDocumentShellProps): react_jsx_runtime.JSX.Element;
 declare namespace ProteusDocumentShell {
     var displayName: string;
 }
@@ -359,6 +365,9 @@ type ProteusEventHandler = {
     url: (ProteusValueProps & {
         $type: "Value";
     }) | string;
+} | {
+    action: "preview";
+    file: unknown;
 } | {
     interaction: string;
     params?: Record<string, unknown>;
@@ -408,6 +417,7 @@ type ProteusDocumentRendererProps = Omit<ComponentPropsWithoutRef<typeof Proteus
 type ProteusDocument = {
     $type: "Document";
     actions?: unknown;
+    appearance?: "default" | "inline" | Record<string, unknown>;
     appIcon?: string;
     appName?: string;
     blocking?: boolean;