@fluid-app/portal-widgets 0.1.17

package/dist/VideoWidget-SODAPZO4.cjs

@@ -0,0 +1,209 @@
+const require_chunk = require("./chunk-CZWwpsFl.cjs");
+const require_MediaRenderer = require("./MediaRenderer-CcJvyOJ1.cjs");
+let _fluid_app_portal_core_registries = require("@fluid-app/portal-core/registries");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/widgets/VideoWidget.tsx
+var VideoWidget_exports = /* @__PURE__ */ require_chunk.__exportAll({
+	VideoWidget: () => VideoWidget,
+	videoWidgetPropertySchema: () => videoWidgetPropertySchema
+});
+function VideoWidget({ src = "", poster = "", borderRadius = "md", verticalSizing = "auto", fixedHeight = "200px", displayFit = "cover", focusPoint, controls = true, autoplay = false, loop = false, muted = false, resource, useCustomUrl }) {
+	const effectiveSrc = useCustomUrl ? src : resource?.videoUrl ?? src;
+	const effectivePoster = useCustomUrl ? poster : resource?.imageUrl ?? poster;
+	const isFixed = verticalSizing === "fixed";
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `relative w-full overflow-hidden rounded-${borderRadius}`,
+		style: isFixed ? { height: fixedHeight } : void 0,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_MediaRenderer.MediaRenderer, {
+			mediaType: "video",
+			src: effectiveSrc,
+			poster: effectivePoster,
+			objectFit: isFixed ? displayFit : void 0,
+			focusPoint: isFixed ? focusPoint : void 0,
+			controls,
+			autoplay,
+			loop,
+			muted
+		})
+	});
+}
+const videoWidgetPropertySchema = {
+	widgetType: "VideoWidget",
+	displayName: "Video",
+	tabsConfig: [{
+		id: "styling",
+		label: "Styling"
+	}, {
+		id: "behavior",
+		label: "Behavior"
+	}],
+	fields: [
+		{
+			key: "resource",
+			label: "Select Video",
+			type: "resource",
+			description: "Browse and select a video",
+			allowedTypes: ["Medium"],
+			tab: "styling",
+			group: "Content"
+		},
+		{
+			key: "useCustomUrl",
+			label: "Use Custom URL",
+			type: "boolean",
+			description: "Enter a custom video URL instead of selecting media",
+			defaultValue: false,
+			tab: "styling",
+			group: "Content"
+		},
+		{
+			key: "src",
+			label: "Video URL",
+			type: "text",
+			description: "The source URL of the video",
+			defaultValue: "",
+			tab: "styling",
+			group: "Content",
+			requiresKeyToBeTrue: "useCustomUrl"
+		},
+		{
+			key: "poster",
+			label: "Poster Image URL",
+			type: "text",
+			description: "Thumbnail image displayed before video plays",
+			defaultValue: "",
+			tab: "styling",
+			group: "Content",
+			requiresKeyToBeTrue: "useCustomUrl"
+		},
+		(0, _fluid_app_portal_core_registries.getBorderRadiusField)({
+			key: "borderRadius",
+			label: "Border Radius",
+			description: "Border radius for the calendar container",
+			defaultValue: "md",
+			tab: "styling",
+			group: "Design"
+		}),
+		{
+			key: "verticalSizing",
+			label: "Vertical Sizing",
+			type: "buttonGroup",
+			description: "How the video height is determined",
+			options: [{
+				label: "Auto",
+				value: "auto"
+			}, {
+				label: "Fixed",
+				value: "fixed"
+			}],
+			defaultValue: "auto",
+			tab: "styling",
+			group: "Design"
+		},
+		(0, _fluid_app_portal_core_registries.getHeightField)({
+			key: "fixedHeight",
+			label: "Height",
+			description: "Fixed height of the video container",
+			min: 10,
+			max: 1200,
+			step: 10,
+			defaultValue: "200px",
+			tab: "styling",
+			group: "Design",
+			requiresKeyValue: {
+				key: "verticalSizing",
+				value: "fixed"
+			}
+		}),
+		{
+			key: "displayFit",
+			label: "Display Fit",
+			type: "buttonGroup",
+			description: "How the video fills its container",
+			options: [{
+				label: "Cover",
+				value: "cover"
+			}, {
+				label: "Contain",
+				value: "contain"
+			}],
+			defaultValue: "cover",
+			tab: "styling",
+			group: "Design",
+			requiresKeyValue: {
+				key: "verticalSizing",
+				value: "fixed"
+			}
+		},
+		{
+			key: "focusPoint",
+			label: "Focus Point",
+			type: "contentPosition",
+			description: "The focal point of the video within its container",
+			defaultValue: "center",
+			tab: "styling",
+			group: "Design",
+			requiresKeyValue: {
+				key: "verticalSizing",
+				value: "fixed"
+			}
+		},
+		{
+			key: "controls",
+			label: "Show Controls",
+			type: "boolean",
+			description: "Display video playback controls",
+			defaultValue: true,
+			tab: "behavior",
+			group: "Behavior"
+		},
+		{
+			key: "autoplay",
+			label: "Autoplay",
+			type: "boolean",
+			description: "Automatically start playing the video",
+			defaultValue: false,
+			tab: "behavior",
+			group: "Behavior"
+		},
+		{
+			key: "loop",
+			label: "Loop",
+			type: "boolean",
+			description: "Repeat the video when it ends",
+			defaultValue: false,
+			tab: "behavior",
+			group: "Behavior"
+		},
+		{
+			key: "muted",
+			label: "Muted",
+			type: "boolean",
+			description: "Start with audio muted",
+			defaultValue: false,
+			tab: "behavior",
+			group: "Behavior"
+		}
+	]
+};
+//#endregion
+Object.defineProperty(exports, "VideoWidget", {
+	enumerable: true,
+	get: function() {
+		return VideoWidget;
+	}
+});
+Object.defineProperty(exports, "VideoWidget_exports", {
+	enumerable: true,
+	get: function() {
+		return VideoWidget_exports;
+	}
+});
+Object.defineProperty(exports, "videoWidgetPropertySchema", {
+	enumerable: true,
+	get: function() {
+		return videoWidgetPropertySchema;
+	}
+});
+
+//# sourceMappingURL=VideoWidget-SODAPZO4.cjs.map

package/dist/VideoWidget-SODAPZO4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoWidget-SODAPZO4.cjs","names":["MediaRenderer"],"sources":["../src/widgets/VideoWidget.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport type React from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/portal-core/registries\";\nimport type {\n  BorderRadiusOptions,\n  ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport { MediaRenderer } from \"../components/MediaRenderer\";\n\ntype VideoWidgetProps = ComponentProps<\"div\"> & {\n  src?: string;\n  poster?: string;\n  borderRadius?: BorderRadiusOptions;\n  verticalSizing?: \"auto\" | \"fixed\";\n  fixedHeight?: string;\n  displayFit?: \"cover\" | \"contain\";\n  focusPoint?: string;\n  controls?: boolean;\n  autoplay?: boolean;\n  loop?: boolean;\n  muted?: boolean;\n  resource?: ShareableItem;\n  useCustomUrl?: boolean;\n};\n\nexport function VideoWidget({\n  src = \"\",\n  poster = \"\",\n  borderRadius = \"md\",\n  verticalSizing = \"auto\",\n  fixedHeight = \"200px\",\n  displayFit = \"cover\",\n  focusPoint,\n  controls = true,\n  autoplay = false,\n  loop = false,\n  muted = false,\n  resource,\n  useCustomUrl,\n}: VideoWidgetProps): React.JSX.Element {\n  const effectiveSrc = useCustomUrl ? src : (resource?.videoUrl ?? src);\n  const effectivePoster = useCustomUrl\n    ? poster\n    : (resource?.imageUrl ?? poster);\n\n  const isFixed = verticalSizing === \"fixed\";\n\n  return (\n    <div\n      className={`relative w-full overflow-hidden rounded-${borderRadius}`}\n      style={isFixed ? { height: fixedHeight } : undefined}\n    >\n      <MediaRenderer\n        mediaType=\"video\"\n        src={effectiveSrc}\n        poster={effectivePoster}\n        objectFit={isFixed ? displayFit : undefined}\n        focusPoint={isFixed ? focusPoint : undefined}\n        controls={controls}\n        autoplay={autoplay}\n        loop={loop}\n        muted={muted}\n      />\n    </div>\n  );\n}\n\nexport const videoWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"VideoWidget\",\n  displayName: \"Video\",\n  tabsConfig: [\n    { id: \"styling\", label: \"Styling\" },\n    { id: \"behavior\", label: \"Behavior\" },\n  ],\n  fields: [\n    // Styling tab - Content group\n    {\n      key: \"resource\",\n      label: \"Select Video\",\n      type: \"resource\",\n      description: \"Browse and select a video\",\n      allowedTypes: [\"Medium\"],\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"useCustomUrl\",\n      label: \"Use Custom URL\",\n      type: \"boolean\",\n      description: \"Enter a custom video URL instead of selecting media\",\n      defaultValue: false,\n      tab: \"styling\",\n      group: \"Content\",\n    },\n    {\n      key: \"src\",\n      label: \"Video URL\",\n      type: \"text\",\n      description: \"The source URL of the video\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n    {\n      key: \"poster\",\n      label: \"Poster Image URL\",\n      type: \"text\",\n      description: \"Thumbnail image displayed before video plays\",\n      defaultValue: \"\",\n      tab: \"styling\",\n      group: \"Content\",\n      requiresKeyToBeTrue: \"useCustomUrl\",\n    },\n\n    // Styling tab - Design group\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the calendar container\",\n      defaultValue: \"md\",\n      tab: \"styling\",\n      group: \"Design\",\n    }),\n    {\n      key: \"verticalSizing\",\n      label: \"Vertical Sizing\",\n      type: \"buttonGroup\",\n      description: \"How the video height is determined\",\n      options: [\n        { label: \"Auto\", value: \"auto\" },\n        { label: \"Fixed\", value: \"fixed\" },\n      ],\n      defaultValue: \"auto\",\n      tab: \"styling\",\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"fixedHeight\",\n      label: \"Height\",\n      description: \"Fixed height of the video container\",\n      min: 10,\n      max: 1200,\n      step: 10,\n      defaultValue: \"200px\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    }),\n    {\n      key: \"displayFit\",\n      label: \"Display Fit\",\n      type: \"buttonGroup\",\n      description: \"How the video fills its container\",\n      options: [\n        { label: \"Cover\", value: \"cover\" },\n        { label: \"Contain\", value: \"contain\" },\n      ],\n      defaultValue: \"cover\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n    {\n      key: \"focusPoint\",\n      label: \"Focus Point\",\n      type: \"contentPosition\",\n      description: \"The focal point of the video within its container\",\n      defaultValue: \"center\",\n      tab: \"styling\",\n      group: \"Design\",\n      requiresKeyValue: { key: \"verticalSizing\", value: \"fixed\" },\n    },\n\n    // Behavior tab\n    {\n      key: \"controls\",\n      label: \"Show Controls\",\n      type: \"boolean\",\n      description: \"Display video playback controls\",\n      defaultValue: true,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"autoplay\",\n      label: \"Autoplay\",\n      type: \"boolean\",\n      description: \"Automatically start playing the video\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"loop\",\n      label: \"Loop\",\n      type: \"boolean\",\n      description: \"Repeat the video when it ends\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n    {\n      key: \"muted\",\n      label: \"Muted\",\n      type: \"boolean\",\n      description: \"Start with audio muted\",\n      defaultValue: false,\n      tab: \"behavior\",\n      group: \"Behavior\",\n    },\n  ],\n};\n"],"mappings":"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"}

package/dist/chunk-CZWwpsFl.cjs

@@ -0,0 +1,43 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/dist/components/index.cjs

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-CZWwpsFl.cjs");
+const require_error_state = require("../error-state-DSzVUtEl.cjs");
+let clsx = require("clsx");
+let tailwind_merge = require("tailwind-merge");
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return (0, tailwind_merge.twMerge)((0, clsx.clsx)(inputs));
+}
+//#endregion
+exports.ErrorState = require_error_state.ErrorState;
+exports.cn = cn;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: readonly ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;;;AAGA,SAAgB,GAAG,GAAG,QAAuC;AAC3D,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC"}

package/dist/components/index.d.cts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ClassValue } from "clsx";
+
+//#region src/components/error-state.d.ts
+declare function ErrorState(): React.JSX.Element;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: readonly ClassValue[]): string;
+//#endregion
+export { ErrorState, cn };
+//# sourceMappingURL=index.d.cts.map

package/dist/components/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/components/error-state.tsx","../../src/lib/utils.ts"],"mappings":";;;;iBACgB,UAAA,CAAA,GAAc,KAAA,CAAM,GAAA,CAAI,OAAA;;;iBCExB,EAAA,CAAA,GAAM,MAAA,WAAiB,UAAA"}

package/dist/components/index.d.mts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ClassValue } from "clsx";
+
+//#region src/components/error-state.d.ts
+declare function ErrorState(): React.JSX.Element;
+//#endregion
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: readonly ClassValue[]): string;
+//#endregion
+export { ErrorState, cn };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/components/error-state.tsx","../../src/lib/utils.ts"],"mappings":";;;;iBACgB,UAAA,CAAA,GAAc,KAAA,CAAM,GAAA,CAAI,OAAA;;;iBCExB,EAAA,CAAA,GAAM,MAAA,WAAiB,UAAA"}

package/dist/components/index.mjs

@@ -0,0 +1,11 @@
+import { t as ErrorState } from "../error-state-DErSxZwH.mjs";
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { ErrorState, cn };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: readonly ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAuC;AAC3D,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/contexts/index.cjs

@@ -0,0 +1,8 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_RegistryContext = require("../RegistryContext-xjea4xVV.cjs");
+const require_ScreenRendererContext = require("../ScreenRendererContext-CK1IsFTn.cjs");
+exports.RegistryContext = require_RegistryContext.RegistryContext;
+exports.RegistryProvider = require_RegistryContext.RegistryProvider;
+exports.ScreenRendererContext = require_ScreenRendererContext.ScreenRendererContext;
+exports.useRegistry = require_RegistryContext.useRegistry;
+exports.useScreenRenderer = require_ScreenRendererContext.useScreenRenderer;

package/dist/contexts/index.d.cts

@@ -0,0 +1,77 @@
+import React, { ComponentType, ReactNode } from "react";
+import { WidgetSchema } from "@fluid-app/portal-core/types";
+
+//#region src/contexts/RegistryContext.d.ts
+/**
+* Base props interface for widget components.
+* All widgets receive at least these props from the ScreenRenderer.
+*/
+interface WidgetBaseProps {
+  readonly widget: WidgetSchema;
+  readonly path?: readonly number[];
+}
+/**
+* Generic widget component type.
+* Widgets receive WidgetBaseProps and may have additional props.
+*/
+type WidgetComponent<P extends WidgetBaseProps = WidgetBaseProps> = ComponentType<P>;
+/**
+* Registry mapping widget type names to their components.
+* The keys are widget type strings (e.g., "TextWidget", "ButtonWidget").
+* Using WidgetComponent for the value type provides better type safety than `any`.
+*/
+type WidgetRegistry = Readonly<Record<string, WidgetComponent<any>>>;
+/**
+* Context for providing the widget registry to all components in the tree.
+* This eliminates prop drilling and makes the registry accessible anywhere.
+*
+* Default to undefined - registry must be provided by a RegistryProvider.
+*/
+declare const RegistryContext: React.Context<WidgetRegistry | undefined>;
+interface RegistryProviderProps {
+  registry?: WidgetRegistry;
+  children: ReactNode;
+}
+/**
+* Provider component that makes the widget registry available to all descendants.
+* A registry must be provided either via props or by nesting within another RegistryProvider.
+*/
+declare function RegistryProvider({
+  registry,
+  children
+}: RegistryProviderProps): React.JSX.Element;
+/**
+* Hook to access the widget registry from anywhere in the component tree.
+* Must be used within a RegistryProvider that has a registry prop.
+*/
+declare function useRegistry(): WidgetRegistry;
+//#endregion
+//#region src/contexts/ScreenRendererContext.d.ts
+/**
+* Props that any ScreenRenderer must accept.
+* This is the minimal interface used by container widgets (e.g. LayoutWidget)
+* to render their children.
+*/
+interface ScreenRendererComponentProps {
+  screen: WidgetSchema[];
+  registry?: WidgetRegistry;
+  className?: string;
+}
+/**
+* Context for providing an alternative ScreenRenderer component.
+*
+* This allows packages like portal-builder to inject their own ScreenRenderer
+* (with edit mode, drag-and-drop, etc.) so that container widgets in portal-widgets
+* use the richer renderer instead of the basic view-only one.
+*
+* Default is undefined — container widgets fall back to the local ScreenRenderer import.
+*/
+declare const ScreenRendererContext: React.Context<ComponentType<ScreenRendererComponentProps> | undefined>;
+/**
+* Hook to get the ScreenRenderer component from context.
+* Returns undefined if no override has been provided.
+*/
+declare function useScreenRenderer(): ComponentType<ScreenRendererComponentProps> | undefined;
+//#endregion
+export { RegistryContext, RegistryProvider, type RegistryProviderProps, type ScreenRendererComponentProps, ScreenRendererContext, type WidgetBaseProps, type WidgetComponent, type WidgetRegistry, useRegistry, useScreenRenderer };
+//# sourceMappingURL=index.d.cts.map

package/dist/contexts/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/contexts/RegistryContext.tsx","../../src/contexts/ScreenRendererContext.tsx"],"mappings":";;;;;;AAYA;;UAAiB,eAAA;EAAA,SACN,MAAA,EAAQ,YAAA;EAAA,SACR,IAAA;AAAA;;;;AAOX;KAAY,eAAA,WAA0B,eAAA,GAAkB,eAAA,IACtD,aAAA,CAAc,CAAA;;;;;;KAOJ,cAAA,GAAiB,QAAA,CAE3B,MAAA,SAAe,eAAA;;;;;;;cASJ,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,cAAA;AAAA,UAG3B,qBAAA;EACf,QAAA,GAAW,cAAA;EACX,QAAA,EAAU,SAAA;AAAA;;;;;iBAOI,gBAAA,CAAA;EACd,QAAA;EACA;AAAA,GACC,qBAAA,GAAwB,KAAA,CAAM,GAAA,CAAI,OAAA;;;;;iBAsBrB,WAAA,CAAA,GAAe,cAAA;;;;AAjE/B;;;;UCHiB,4BAAA;EACf,MAAA,EAAQ,YAAA;EACR,QAAA,GAAW,cAAA;EACX,SAAA;AAAA;ADSF;;;;;;;;;AAAA,cCGa,qBAAA,EAAuB,KAAA,CAAM,OAAA,CACxC,aAAA,CAAc,4BAAA;;;;;iBASA,iBAAA,CAAA,GACZ,aAAA,CAAc,4BAAA"}

package/dist/contexts/index.d.mts

@@ -0,0 +1,77 @@
+import React, { ComponentType, ReactNode } from "react";
+import { WidgetSchema } from "@fluid-app/portal-core/types";
+
+//#region src/contexts/RegistryContext.d.ts
+/**
+* Base props interface for widget components.
+* All widgets receive at least these props from the ScreenRenderer.
+*/
+interface WidgetBaseProps {
+  readonly widget: WidgetSchema;
+  readonly path?: readonly number[];
+}
+/**
+* Generic widget component type.
+* Widgets receive WidgetBaseProps and may have additional props.
+*/
+type WidgetComponent<P extends WidgetBaseProps = WidgetBaseProps> = ComponentType<P>;
+/**
+* Registry mapping widget type names to their components.
+* The keys are widget type strings (e.g., "TextWidget", "ButtonWidget").
+* Using WidgetComponent for the value type provides better type safety than `any`.
+*/
+type WidgetRegistry = Readonly<Record<string, WidgetComponent<any>>>;
+/**
+* Context for providing the widget registry to all components in the tree.
+* This eliminates prop drilling and makes the registry accessible anywhere.
+*
+* Default to undefined - registry must be provided by a RegistryProvider.
+*/
+declare const RegistryContext: React.Context<WidgetRegistry | undefined>;
+interface RegistryProviderProps {
+  registry?: WidgetRegistry;
+  children: ReactNode;
+}
+/**
+* Provider component that makes the widget registry available to all descendants.
+* A registry must be provided either via props or by nesting within another RegistryProvider.
+*/
+declare function RegistryProvider({
+  registry,
+  children
+}: RegistryProviderProps): React.JSX.Element;
+/**
+* Hook to access the widget registry from anywhere in the component tree.
+* Must be used within a RegistryProvider that has a registry prop.
+*/
+declare function useRegistry(): WidgetRegistry;
+//#endregion
+//#region src/contexts/ScreenRendererContext.d.ts
+/**
+* Props that any ScreenRenderer must accept.
+* This is the minimal interface used by container widgets (e.g. LayoutWidget)
+* to render their children.
+*/
+interface ScreenRendererComponentProps {
+  screen: WidgetSchema[];
+  registry?: WidgetRegistry;
+  className?: string;
+}
+/**
+* Context for providing an alternative ScreenRenderer component.
+*
+* This allows packages like portal-builder to inject their own ScreenRenderer
+* (with edit mode, drag-and-drop, etc.) so that container widgets in portal-widgets
+* use the richer renderer instead of the basic view-only one.
+*
+* Default is undefined — container widgets fall back to the local ScreenRenderer import.
+*/
+declare const ScreenRendererContext: React.Context<ComponentType<ScreenRendererComponentProps> | undefined>;
+/**
+* Hook to get the ScreenRenderer component from context.
+* Returns undefined if no override has been provided.
+*/
+declare function useScreenRenderer(): ComponentType<ScreenRendererComponentProps> | undefined;
+//#endregion
+export { RegistryContext, RegistryProvider, type RegistryProviderProps, type ScreenRendererComponentProps, ScreenRendererContext, type WidgetBaseProps, type WidgetComponent, type WidgetRegistry, useRegistry, useScreenRenderer };
+//# sourceMappingURL=index.d.mts.map

package/dist/contexts/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../src/contexts/RegistryContext.tsx","../../src/contexts/ScreenRendererContext.tsx"],"mappings":";;;;;;AAYA;;UAAiB,eAAA;EAAA,SACN,MAAA,EAAQ,YAAA;EAAA,SACR,IAAA;AAAA;;;;AAOX;KAAY,eAAA,WAA0B,eAAA,GAAkB,eAAA,IACtD,aAAA,CAAc,CAAA;;;;;;KAOJ,cAAA,GAAiB,QAAA,CAE3B,MAAA,SAAe,eAAA;;;;;;;cASJ,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,cAAA;AAAA,UAG3B,qBAAA;EACf,QAAA,GAAW,cAAA;EACX,QAAA,EAAU,SAAA;AAAA;;;;;iBAOI,gBAAA,CAAA;EACd,QAAA;EACA;AAAA,GACC,qBAAA,GAAwB,KAAA,CAAM,GAAA,CAAI,OAAA;;;;;iBAsBrB,WAAA,CAAA,GAAe,cAAA;;;;AAjE/B;;;;UCHiB,4BAAA;EACf,MAAA,EAAQ,YAAA;EACR,QAAA,GAAW,cAAA;EACX,SAAA;AAAA;ADSF;;;;;;;;;AAAA,cCGa,qBAAA,EAAuB,KAAA,CAAM,OAAA,CACxC,aAAA,CAAc,4BAAA;;;;;iBASA,iBAAA,CAAA,GACZ,aAAA,CAAc,4BAAA"}

package/dist/contexts/index.mjs

@@ -0,0 +1,3 @@
+import { n as RegistryProvider, r as useRegistry, t as RegistryContext } from "../RegistryContext-CscXrsRa.mjs";
+import { n as useScreenRenderer, t as ScreenRendererContext } from "../ScreenRendererContext-DKcdcmiT.mjs";
+export { RegistryContext, RegistryProvider, ScreenRendererContext, useRegistry, useScreenRenderer };

package/dist/core/index.cjs

@@ -0,0 +1,51 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../chunk-CZWwpsFl.cjs");
+const require_MediaRenderer = require("../MediaRenderer-CcJvyOJ1.cjs");
+const require_ScreenRenderer = require("../ScreenRenderer-DZAxcg7x.cjs");
+let _fluid_app_portal_core_registries = require("@fluid-app/portal-core/registries");
+exports.MediaRenderer = require_MediaRenderer.MediaRenderer;
+exports.ScreenRenderer = require_ScreenRenderer.ScreenRenderer;
+Object.defineProperty(exports, "gapValues", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.gapValues;
+	}
+});
+Object.defineProperty(exports, "getBorderRadiusField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getBorderRadiusField;
+	}
+});
+Object.defineProperty(exports, "getButtonSizeField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getButtonSizeField;
+	}
+});
+Object.defineProperty(exports, "getColorField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getColorField;
+	}
+});
+Object.defineProperty(exports, "getFontSizeField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getFontSizeField;
+	}
+});
+Object.defineProperty(exports, "getGapField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getGapField;
+	}
+});
+exports.getMediaPropsFromShareable = require_MediaRenderer.getMediaPropsFromShareable;
+exports.getMediaPropsFromWidgetSchema = require_MediaRenderer.getMediaPropsFromWidgetSchema;
+Object.defineProperty(exports, "getPaddingField", {
+	enumerable: true,
+	get: function() {
+		return _fluid_app_portal_core_registries.getPaddingField;
+	}
+});

package/dist/core/index.d.cts

@@ -0,0 +1,77 @@
+import { a as getFontSizeField, i as getColorField, n as getBorderRadiusField, o as getGapField, r as getButtonSizeField, s as getPaddingField, t as gapValues } from "../fields-DjLFJmz6.cjs";
+import React, { ComponentType } from "react";
+import { ShareableItem, TypedWidgetSchema, WidgetSchema } from "@fluid-app/portal-core/types";
+
+//#region src/core/ScreenRenderer.d.ts
+interface ScreenRendererProps<T extends Record<string, ComponentType<any>>> {
+  /** Array of widget schemas to render */
+  screen: TypedWidgetSchema<T>[] | WidgetSchema[];
+  /** Widget registry mapping type names to components */
+  registry?: T;
+  /** Container widgets (like LayoutWidget) receive these additional props */
+  containerWidgetTypes?: string[];
+  /** Additional CSS classes for the wrapper div */
+  className?: string;
+}
+/**
+* ScreenRenderer - View-only component for rendering widget screens.
+*
+* This is a simplified version designed for the SDK that only handles
+* rendering widgets without edit mode or drag-and-drop functionality.
+*
+* Features:
+* - Static rendering of widgets
+* - Registry context: No prop drilling for widget registry
+* - Container widget support with path tracking
+*
+* Usage:
+* ```tsx
+* import { ScreenRenderer } from '@fluid-app/portal-widgets/core';
+* import { WIDGET_REGISTRY } from '@fluid-app/portal-widgets/widgets';
+*
+* <ScreenRenderer
+*   screen={widgets}
+*   registry={WIDGET_REGISTRY}
+* />
+* ```
+*/
+declare function ScreenRenderer<T extends Record<string, ComponentType<any>>>(props: ScreenRendererProps<T>): React.JSX.Element;
+//#endregion
+//#region src/components/MediaRenderer.d.ts
+type MediaRendererProps = {
+  src?: string | undefined;
+  alt?: string | undefined;
+  objectFit?: "contain" | "cover" | "fill" | "none" | undefined;
+  focusPoint?: string | undefined;
+  mediaType?: "image" | "video" | undefined;
+  poster?: string | undefined;
+  autoplay?: boolean | undefined;
+  loop?: boolean | undefined;
+  muted?: boolean | undefined;
+  controls?: boolean | undefined;
+};
+declare function MediaRenderer({
+  src,
+  alt,
+  objectFit,
+  focusPoint,
+  mediaType,
+  poster,
+  autoplay,
+  loop,
+  muted,
+  controls
+}: MediaRendererProps): React.JSX.Element;
+/**
+* Converts a ShareableItem to MediaRenderer props.
+* Replaces the createWidgetFromShareable → ScreenRenderer pattern.
+*/
+declare function getMediaPropsFromShareable(item: ShareableItem): MediaRendererProps;
+/**
+* Extracts media props from an ImageWidget/VideoWidget schema.
+* Used by CarouselWidget for slide.content rendering.
+*/
+declare function getMediaPropsFromWidgetSchema(schema: WidgetSchema): MediaRendererProps;
+//#endregion
+export { MediaRenderer, type MediaRendererProps, ScreenRenderer, type ScreenRendererProps, gapValues, getBorderRadiusField, getButtonSizeField, getColorField, getFontSizeField, getGapField, getMediaPropsFromShareable, getMediaPropsFromWidgetSchema, getPaddingField };
+//# sourceMappingURL=index.d.cts.map

package/dist/core/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/core/ScreenRenderer.tsx","../../src/components/MediaRenderer.tsx"],"mappings":";;;;;UAWiB,mBAAA,WAEL,MAAA,SAAe,aAAA;;EAGzB,MAAA,EAAQ,iBAAA,CAAkB,CAAA,MAAO,YAAA;EALlB;EAOf,QAAA,GAAW,CAAA;;EAEX,oBAAA;;EAEA,SAAA;AAAA;;;;;;;;;;;;;;;;;AAiGF;;;;;;iBAAgB,cAAA,WAEJ,MAAA,SAAe,aAAA,OAAA,CACzB,KAAA,EAAO,mBAAA,CAAoB,CAAA,IAAK,KAAA,CAAM,GAAA,CAAI,OAAA;;;KCrHhC,kBAAA;EACV,GAAA;EACA,GAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EACd,GAAA;EACA,GAAA;EACA,SAAA;EACA,UAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,KAAA;EACA;AAAA,GACC,kBAAA,GAAqB,KAAA,CAAM,GAAA,CAAI,OAAA;;;;;iBAsGlB,0BAAA,CACd,IAAA,EAAM,aAAA,GACL,kBAAA;;;;;iBA0Ba,6BAAA,CACd,MAAA,EAAQ,YAAA,GACP,kBAAA"}