@fluid-app/rep-widgets 0.1.15 → 0.1.16

package/dist/EmbedWidget-B7RFGTJB.js

@@ -0,0 +1,3 @@
+export { EmbedWidget, embedWidgetPropertySchema } from './chunk-SINQXEBL.js';
+//# sourceMappingURL=EmbedWidget-B7RFGTJB.js.map
+//# sourceMappingURL=EmbedWidget-B7RFGTJB.js.map

package/dist/{EmbedWidget-JCTT47DQ.js.map → EmbedWidget-B7RFGTJB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"EmbedWidget-JCTT47DQ.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EmbedWidget-B7RFGTJB.js"}

package/dist/EmbedWidget-RETHBVTD.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkWWKBIVET_cjs = require('./chunk-WWKBIVET.cjs');
+
+
+
+Object.defineProperty(exports, "EmbedWidget", {
+  enumerable: true,
+  get: function () { return chunkWWKBIVET_cjs.EmbedWidget; }
+});
+Object.defineProperty(exports, "embedWidgetPropertySchema", {
+  enumerable: true,
+  get: function () { return chunkWWKBIVET_cjs.embedWidgetPropertySchema; }
+});
+//# sourceMappingURL=EmbedWidget-RETHBVTD.cjs.map
+//# sourceMappingURL=EmbedWidget-RETHBVTD.cjs.map

package/dist/{EmbedWidget-HJH4Q5EH.cjs.map → EmbedWidget-RETHBVTD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"EmbedWidget-HJH4Q5EH.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"EmbedWidget-RETHBVTD.cjs"}

package/dist/{chunk-HOFHBVGL.js → chunk-SINQXEBL.js}

@@ -12,6 +12,8 @@ function EmbedWidget({
   allowFullscreen = true,
   loading = "lazy",
   borderRadius = "md",
+  editMode = false,
+  isSelected = false,
   className,
   ...props
 }) {
@@ -31,24 +33,49 @@ function EmbedWidget({
       }
     );
   }
-  return /* @__PURE__ */ jsx(
+  const normalizedUrl = url.startsWith("http://") || url.startsWith("https://") ? url : `https://${url}`;
+  let isValidUrl = false;
+  try {
+    const parsed = new URL(normalizedUrl);
+    isValidUrl = (parsed.protocol === "http:" || parsed.protocol === "https:") && (parsed.hostname.includes(".") || parsed.hostname === "localhost");
+  } catch {
+  }
+  if (!isValidUrl) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
+        style: isFullScreen ? void 0 : { height },
+        ...props,
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-2 p-6 text-center", children: [
+          /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: faGlobe, className: "h-12 w-12 opacity-50" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Enter a URL to embed external content" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs opacity-75", children: "Configure the URL in the properties panel" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: `w-full ${isFullScreen ? "h-full" : ""} ${className}`,
+      className: `relative w-full ${isFullScreen ? "h-full" : ""} ${className}`,
       ...props,
-      children: /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          src: url,
-          title,
-          width: "100%",
-          height: isFullScreen ? "100%" : height,
-          loading,
-          allowFullScreen: allowFullscreen,
-          className: `rounded-${borderRadius} border-border border`,
-          sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: normalizedUrl,
+            title,
+            width: "100%",
+            style: isFullScreen ? { height: "100%" } : { height },
+            loading,
+            allowFullScreen: allowFullscreen,
+            className: `rounded-${borderRadius} border-border border`,
+            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
+          }
+        ),
+        editMode && !isSelected && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-10" })
+      ]
     }
   );
 }
@@ -129,5 +156,5 @@ var embedWidgetPropertySchema = {
 };
 
 export { EmbedWidget, embedWidgetPropertySchema };
-//# sourceMappingURL=chunk-HOFHBVGL.js.map
-//# sourceMappingURL=chunk-HOFHBVGL.js.map
+//# sourceMappingURL=chunk-SINQXEBL.js.map
+//# sourceMappingURL=chunk-SINQXEBL.js.map

package/dist/chunk-SINQXEBL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/EmbedWidget.tsx"],"names":[],"mappings":"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","file":"chunk-SINQXEBL.js","sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGlobe } from \"@fortawesome/pro-regular-svg-icons\";\nimport type { ComponentProps } from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/rep-core/registries\";\nimport type { BorderRadiusOptions } from \"@fluid-app/rep-core/types\";\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n  editMode?: boolean;\n  isSelected?: boolean;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  editMode = false,\n  isSelected = false,\n  className,\n  ...props\n}: EmbedWidgetProps) {\n  const isFullScreen = fullScreen;\n\n  // Show placeholder if no URL is provided\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const normalizedUrl =\n    url.startsWith(\"http://\") || url.startsWith(\"https://\")\n      ? url\n      : `https://${url}`;\n\n  let isValidUrl = false;\n  try {\n    const parsed = new URL(normalizedUrl);\n    isValidUrl =\n      (parsed.protocol === \"http:\" || parsed.protocol === \"https:\") &&\n      (parsed.hostname.includes(\".\") || parsed.hostname === \"localhost\");\n  } catch {\n    // invalid URL\n  }\n\n  if (!isValidUrl) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        src={normalizedUrl}\n        title={title}\n        width=\"100%\"\n        style={isFullScreen ? { height: \"100%\" } : { height }}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n      {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      min: 50,\n      max: 1200,\n      step: 10,\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"]}

package/dist/{chunk-VB5MPLLG.cjs → chunk-WWKBIVET.cjs}

@@ -14,6 +14,8 @@ function EmbedWidget({
   allowFullscreen = true,
   loading = "lazy",
   borderRadius = "md",
+  editMode = false,
+  isSelected = false,
   className,
   ...props
 }) {
@@ -33,24 +35,49 @@ function EmbedWidget({
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const normalizedUrl = url.startsWith("http://") || url.startsWith("https://") ? url : `https://${url}`;
+  let isValidUrl = false;
+  try {
+    const parsed = new URL(normalizedUrl);
+    isValidUrl = (parsed.protocol === "http:" || parsed.protocol === "https:") && (parsed.hostname.includes(".") || parsed.hostname === "localhost");
+  } catch {
+  }
+  if (!isValidUrl) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? "h-full" : ""} ${className}`,
+        style: isFullScreen ? void 0 : { height },
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-2 p-6 text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: proRegularSvgIcons.faGlobe, className: "h-12 w-12 opacity-50" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Enter a URL to embed external content" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs opacity-75", children: "Configure the URL in the properties panel" })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: `w-full ${isFullScreen ? "h-full" : ""} ${className}`,
+      className: `relative w-full ${isFullScreen ? "h-full" : ""} ${className}`,
       ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "iframe",
-        {
-          src: url,
-          title,
-          width: "100%",
-          height: isFullScreen ? "100%" : height,
-          loading,
-          allowFullScreen: allowFullscreen,
-          className: `rounded-${borderRadius} border-border border`,
-          sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "iframe",
+          {
+            src: normalizedUrl,
+            title,
+            width: "100%",
+            style: isFullScreen ? { height: "100%" } : { height },
+            loading,
+            allowFullScreen: allowFullscreen,
+            className: `rounded-${borderRadius} border-border border`,
+            sandbox: "allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox"
+          }
+        ),
+        editMode && !isSelected && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-10" })
+      ]
     }
   );
 }
@@ -132,5 +159,5 @@ var embedWidgetPropertySchema = {
 
 exports.EmbedWidget = EmbedWidget;
 exports.embedWidgetPropertySchema = embedWidgetPropertySchema;
-//# sourceMappingURL=chunk-VB5MPLLG.cjs.map
-//# sourceMappingURL=chunk-VB5MPLLG.cjs.map
+//# sourceMappingURL=chunk-WWKBIVET.cjs.map
+//# sourceMappingURL=chunk-WWKBIVET.cjs.map

package/dist/chunk-WWKBIVET.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/widgets/EmbedWidget.tsx"],"names":["jsx","jsxs","FontAwesomeIcon","faGlobe","getBorderRadiusField","getHeightField"],"mappings":"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","file":"chunk-WWKBIVET.cjs","sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGlobe } from \"@fortawesome/pro-regular-svg-icons\";\nimport type { ComponentProps } from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/rep-core/registries\";\nimport type { BorderRadiusOptions } from \"@fluid-app/rep-core/types\";\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n  editMode?: boolean;\n  isSelected?: boolean;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  editMode = false,\n  isSelected = false,\n  className,\n  ...props\n}: EmbedWidgetProps) {\n  const isFullScreen = fullScreen;\n\n  // Show placeholder if no URL is provided\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  const normalizedUrl =\n    url.startsWith(\"http://\") || url.startsWith(\"https://\")\n      ? url\n      : `https://${url}`;\n\n  let isValidUrl = false;\n  try {\n    const parsed = new URL(normalizedUrl);\n    isValidUrl =\n      (parsed.protocol === \"http:\" || parsed.protocol === \"https:\") &&\n      (parsed.hostname.includes(\".\") || parsed.hostname === \"localhost\");\n  } catch {\n    // invalid URL\n  }\n\n  if (!isValidUrl) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`relative w-full ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        src={normalizedUrl}\n        title={title}\n        width=\"100%\"\n        style={isFullScreen ? { height: \"100%\" } : { height }}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n      {editMode && !isSelected && <div className=\"absolute inset-0 z-10\" />}\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      min: 50,\n      max: 1200,\n      step: 10,\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"]}

package/dist/widgets/index.cjs

@@ -13,7 +13,7 @@ var chunkWTQNKZKV_cjs = require('../chunk-WTQNKZKV.cjs');
 var chunkP6AKK6TA_cjs = require('../chunk-P6AKK6TA.cjs');
 var chunkHREBEVS5_cjs = require('../chunk-HREBEVS5.cjs');
 var chunkRPNLSRUS_cjs = require('../chunk-RPNLSRUS.cjs');
-var chunkVB5MPLLG_cjs = require('../chunk-VB5MPLLG.cjs');
+var chunkWWKBIVET_cjs = require('../chunk-WWKBIVET.cjs');
 var chunkQ5YXTDPX_cjs = require('../chunk-Q5YXTDPX.cjs');
 var chunkNPTCR22X_cjs = require('../chunk-NPTCR22X.cjs');
 require('../chunk-FSLUSFJ2.cjs');
@@ -35,7 +35,7 @@ var widgetPropertySchemas = {
   CatchUpWidget: () => import('../CatchUpWidget-XBU2GPFS.cjs').then((m) => m.catchUpWidgetPropertySchema),
   ChartWidget: () => import('../ChartWidget-463QVROY.cjs').then((m) => m.chartWidgetPropertySchema),
   ContainerWidget: () => import('../ContainerWidget-IOXW77X7.cjs').then((m) => m.containerWidgetPropertySchema),
-  EmbedWidget: () => import('../EmbedWidget-HJH4Q5EH.cjs').then((m) => m.embedWidgetPropertySchema),
+  EmbedWidget: () => import('../EmbedWidget-RETHBVTD.cjs').then((m) => m.embedWidgetPropertySchema),
   ImageWidget: () => import('../ImageWidget-SBC7LK7A.cjs').then((m) => m.imageWidgetPropertySchema),
   LayoutWidget: () => import('../LayoutWidget-F3BDSGDP.cjs').then((m) => m.layoutWidgetPropertySchema),
   ListWidget: () => import('../ListWidget-4PKBMBAS.cjs').then((m) => m.listWidgetPropertySchema),
@@ -158,11 +158,11 @@ Object.defineProperty(exports, "layoutWidgetPropertySchema", {
 });
 Object.defineProperty(exports, "EmbedWidget", {
   enumerable: true,
-  get: function () { return chunkVB5MPLLG_cjs.EmbedWidget; }
+  get: function () { return chunkWWKBIVET_cjs.EmbedWidget; }
 });
 Object.defineProperty(exports, "embedWidgetPropertySchema", {
   enumerable: true,
-  get: function () { return chunkVB5MPLLG_cjs.embedWidgetPropertySchema; }
+  get: function () { return chunkWWKBIVET_cjs.embedWidgetPropertySchema; }
 });
 Object.defineProperty(exports, "ImageWidget", {
   enumerable: true,

package/dist/widgets/index.d.cts

@@ -262,8 +262,10 @@ type EmbedWidgetProps = ComponentProps<"div"> & {
     allowFullscreen?: boolean;
     loading?: "eager" | "lazy";
     borderRadius?: BorderRadiusOptions;
+    editMode?: boolean;
+    isSelected?: boolean;
 };
-declare function EmbedWidget({ url, title, height, fullScreen, allowFullscreen, loading, borderRadius, className, ...props }: EmbedWidgetProps): react_jsx_runtime.JSX.Element;
+declare function EmbedWidget({ url, title, height, fullScreen, allowFullscreen, loading, borderRadius, editMode, isSelected, className, ...props }: EmbedWidgetProps): react_jsx_runtime.JSX.Element;
 declare const embedWidgetPropertySchema: WidgetPropertySchema;
 
 type ImageWidgetProps = ComponentProps<"div"> & {

package/dist/widgets/index.d.ts

@@ -262,8 +262,10 @@ type EmbedWidgetProps = ComponentProps<"div"> & {
     allowFullscreen?: boolean;
     loading?: "eager" | "lazy";
     borderRadius?: BorderRadiusOptions;
+    editMode?: boolean;
+    isSelected?: boolean;
 };
-declare function EmbedWidget({ url, title, height, fullScreen, allowFullscreen, loading, borderRadius, className, ...props }: EmbedWidgetProps): react_jsx_runtime.JSX.Element;
+declare function EmbedWidget({ url, title, height, fullScreen, allowFullscreen, loading, borderRadius, editMode, isSelected, className, ...props }: EmbedWidgetProps): react_jsx_runtime.JSX.Element;
 declare const embedWidgetPropertySchema: WidgetPropertySchema;
 
 type ImageWidgetProps = ComponentProps<"div"> & {

package/dist/widgets/index.js

@@ -11,7 +11,7 @@ export { CatchUpWidget, catchUpWidgetPropertySchema } from '../chunk-QB6UW6DD.js
 export { ChartWidget, chartWidgetPropertySchema } from '../chunk-UZF75XZJ.js';
 export { ContainerWidget, containerWidgetPropertySchema } from '../chunk-E5ERYB7Q.js';
 export { LayoutWidget, layoutWidgetPropertySchema } from '../chunk-2NPVYROG.js';
-export { EmbedWidget, embedWidgetPropertySchema } from '../chunk-HOFHBVGL.js';
+export { EmbedWidget, embedWidgetPropertySchema } from '../chunk-SINQXEBL.js';
 export { ImageWidget, imageWidgetPropertySchema } from '../chunk-UZ7TYGUO.js';
 export { ListWidget, listWidgetPropertySchema } from '../chunk-HDUFHTQC.js';
 import '../chunk-RKDOQV4T.js';
@@ -33,7 +33,7 @@ var widgetPropertySchemas = {
   CatchUpWidget: () => import('../CatchUpWidget-NEMYZ7L5.js').then((m) => m.catchUpWidgetPropertySchema),
   ChartWidget: () => import('../ChartWidget-554S2GQF.js').then((m) => m.chartWidgetPropertySchema),
   ContainerWidget: () => import('../ContainerWidget-OLQPEXDT.js').then((m) => m.containerWidgetPropertySchema),
-  EmbedWidget: () => import('../EmbedWidget-JCTT47DQ.js').then((m) => m.embedWidgetPropertySchema),
+  EmbedWidget: () => import('../EmbedWidget-B7RFGTJB.js').then((m) => m.embedWidgetPropertySchema),
   ImageWidget: () => import('../ImageWidget-BA2V3DPL.js').then((m) => m.imageWidgetPropertySchema),
   LayoutWidget: () => import('../LayoutWidget-MBUJVGKA.js').then((m) => m.layoutWidgetPropertySchema),
   ListWidget: () => import('../ListWidget-6SZK6X3X.js').then((m) => m.listWidgetPropertySchema),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/rep-widgets",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "Widget components for the Fluid rep platform",
   "files": [
     "dist",
@@ -79,8 +79,8 @@
     "tailwind-merge": "^3.0.2",
     "tailwindcss": "^4.1.18",
     "tw-animate-css": "^1.4.0",
-    "@fluid-app/ui-primitives": "0.1.3",
-    "@fluid-app/rep-core": "0.1.11"
+    "@fluid-app/rep-core": "0.1.12",
+    "@fluid-app/ui-primitives": "0.1.5"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.90.11",

package/dist/EmbedWidget-HJH4Q5EH.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var chunkVB5MPLLG_cjs = require('./chunk-VB5MPLLG.cjs');
-
-
-
-Object.defineProperty(exports, "EmbedWidget", {
-  enumerable: true,
-  get: function () { return chunkVB5MPLLG_cjs.EmbedWidget; }
-});
-Object.defineProperty(exports, "embedWidgetPropertySchema", {
-  enumerable: true,
-  get: function () { return chunkVB5MPLLG_cjs.embedWidgetPropertySchema; }
-});
-//# sourceMappingURL=EmbedWidget-HJH4Q5EH.cjs.map
-//# sourceMappingURL=EmbedWidget-HJH4Q5EH.cjs.map

package/dist/EmbedWidget-JCTT47DQ.js

@@ -1,3 +0,0 @@
-export { EmbedWidget, embedWidgetPropertySchema } from './chunk-HOFHBVGL.js';
-//# sourceMappingURL=EmbedWidget-JCTT47DQ.js.map
-//# sourceMappingURL=EmbedWidget-JCTT47DQ.js.map

package/dist/chunk-HOFHBVGL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/widgets/EmbedWidget.tsx"],"names":[],"mappings":"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","file":"chunk-HOFHBVGL.js","sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGlobe } from \"@fortawesome/pro-regular-svg-icons\";\nimport type { ComponentProps } from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/rep-core/registries\";\nimport type { BorderRadiusOptions } from \"@fluid-app/rep-core/types\";\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  className,\n  ...props\n}: EmbedWidgetProps) {\n  const isFullScreen = fullScreen;\n\n  // Show placeholder if no URL is provided\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`w-full ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        src={url}\n        title={title}\n        width=\"100%\"\n        height={isFullScreen ? \"100%\" : height}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      min: 50,\n      max: 1200,\n      step: 10,\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"]}

package/dist/chunk-VB5MPLLG.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/widgets/EmbedWidget.tsx"],"names":["jsx","jsxs","FontAwesomeIcon","faGlobe","getBorderRadiusField","getHeightField"],"mappings":";;;;;;;;AAoBO,SAAS,WAAA,CAAY;AAAA,EAC1B,GAAA,GAAM,EAAA;AAAA,EACN,KAAA,GAAQ,kBAAA;AAAA,EACR,MAAA,GAAS,OAAA;AAAA,EACT,UAAA,GAAa,KAAA;AAAA,EACb,eAAA,GAAkB,IAAA;AAAA,EAClB,OAAA,GAAU,MAAA;AAAA,EACV,YAAA,GAAe,IAAA;AAAA,EACf,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAqB;AACnB,EAAA,MAAM,YAAA,GAAe,UAAA;AAGrB,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,uBACEA,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,4CAA4C,YAAY,CAAA,qEAAA,EAAwE,eAAe,QAAA,GAAW,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,QACpL,KAAA,EAAO,YAAA,GAAe,MAAA,GAAY,EAAE,MAAA,EAAO;AAAA,QAC1C,GAAG,KAAA;AAAA,QAEJ,QAAA,kBAAAC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kDAAA,EACb,QAAA,EAAA;AAAA,0BAAAD,cAAA,CAACE,gCAAA,EAAA,EAAgB,IAAA,EAAMC,0BAAA,EAAS,SAAA,EAAU,sBAAA,EAAuB,CAAA;AAAA,0BACjEH,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,qBAAA,EAAsB,QAAA,EAAA,uCAAA,EAEnC,CAAA;AAAA,0BACAA,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,oBAAA,EAAqB,QAAA,EAAA,2CAAA,EAElC;AAAA,SAAA,EACF;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,CAAA,OAAA,EAAU,YAAA,GAAe,QAAA,GAAW,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MAC7D,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,GAAA;AAAA,UACL,KAAA;AAAA,UACA,KAAA,EAAM,MAAA;AAAA,UACN,MAAA,EAAQ,eAAe,MAAA,GAAS,MAAA;AAAA,UAChC,OAAA;AAAA,UACA,eAAA,EAAiB,eAAA;AAAA,UACjB,SAAA,EAAW,WAAW,YAAY,CAAA,qBAAA,CAAA;AAAA,UAClC,OAAA,EAAQ;AAAA;AAAA;AACV;AAAA,GACF;AAEJ;AAEO,IAAM,yBAAA,GAAkD;AAAA,EAC7D,UAAA,EAAY,aAAA;AAAA,EACZ,WAAA,EAAa,OAAA;AAAA,EACb,MAAA,EAAQ;AAAA;AAAA,IAEN;AAAA,MACE,GAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,KAAA;AAAA,MACP,IAAA,EAAM,MAAA;AAAA,MACN,WAAA,EAAa,uCAAA;AAAA,MACb,WAAA,EAAa,qBAAA;AAAA,MACb,YAAA,EAAc,EAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,GAAA,EAAK,OAAA;AAAA,MACL,KAAA,EAAO,OAAA;AAAA,MACP,IAAA,EAAM,MAAA;AAAA,MACN,WAAA,EAAa,8CAAA;AAAA,MACb,YAAA,EAAc,kBAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA;AAAA,IAGAI,+BAAA,CAAqB;AAAA,MACnB,GAAA,EAAK,cAAA;AAAA,MACL,KAAA,EAAO,eAAA;AAAA,MACP,WAAA,EAAa,uCAAA;AAAA,MACb,YAAA,EAAc,IAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACR,CAAA;AAAA,IACD;AAAA,MACE,GAAA,EAAK,YAAA;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,mDAAA;AAAA,MACb,YAAA,EAAc,KAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,IACAC,yBAAA,CAAe;AAAA,MACb,GAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAO,QAAA;AAAA,MACP,WAAA,EAAa,+BAAA;AAAA,MACb,GAAA,EAAK,EAAA;AAAA,MACL,GAAA,EAAK,IAAA;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,YAAA,EAAc,OAAA;AAAA,MACd,KAAA,EAAO,QAAA;AAAA,MACP,gBAAA,EAAkB;AAAA,QAChB,GAAA,EAAK,YAAA;AAAA,QACL,KAAA,EAAO;AAAA;AACT,KACD,CAAA;AAAA;AAAA,IAGD;AAAA,MACE,GAAA,EAAK,iBAAA;AAAA,MACL,KAAA,EAAO,kBAAA;AAAA,MACP,IAAA,EAAM,SAAA;AAAA,MACN,WAAA,EAAa,mDAAA;AAAA,MACb,YAAA,EAAc,IAAA;AAAA,MACd,KAAA,EAAO;AAAA,KACT;AAAA,IACA;AAAA,MACE,GAAA,EAAK,SAAA;AAAA,MACL,KAAA,EAAO,SAAA;AAAA,MACP,IAAA,EAAM,QAAA;AAAA,MACN,WAAA,EAAa,mCAAA;AAAA,MACb,OAAA,EAAS;AAAA,QACP,EAAE,KAAA,EAAO,kBAAA,EAAoB,KAAA,EAAO,MAAA,EAAO;AAAA,QAC3C,EAAE,KAAA,EAAO,qBAAA,EAAuB,KAAA,EAAO,OAAA;AAAQ,OACjD;AAAA,MACA,YAAA,EAAc,MAAA;AAAA,MACd,KAAA,EAAO;AAAA;AACT;AAEJ","file":"chunk-VB5MPLLG.cjs","sourcesContent":["import { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faGlobe } from \"@fortawesome/pro-regular-svg-icons\";\nimport type { ComponentProps } from \"react\";\nimport {\n  getBorderRadiusField,\n  getHeightField,\n  type WidgetPropertySchema,\n} from \"@fluid-app/rep-core/registries\";\nimport type { BorderRadiusOptions } from \"@fluid-app/rep-core/types\";\n\ntype EmbedWidgetProps = ComponentProps<\"div\"> & {\n  url?: string;\n  title?: string;\n  height?: string;\n  fullScreen?: boolean;\n  allowFullscreen?: boolean;\n  loading?: \"eager\" | \"lazy\";\n  borderRadius?: BorderRadiusOptions;\n};\n\nexport function EmbedWidget({\n  url = \"\",\n  title = \"Embedded Content\",\n  height = \"400px\",\n  fullScreen = false,\n  allowFullscreen = true,\n  loading = \"lazy\",\n  borderRadius = \"md\",\n  className,\n  ...props\n}: EmbedWidgetProps) {\n  const isFullScreen = fullScreen;\n\n  // Show placeholder if no URL is provided\n  if (!url) {\n    return (\n      <div\n        className={`flex items-center justify-center rounded-${borderRadius} border-border bg-muted text-muted-foreground border-2 border-dashed ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n        style={isFullScreen ? undefined : { height }}\n        {...props}\n      >\n        <div className=\"flex flex-col items-center gap-2 p-6 text-center\">\n          <FontAwesomeIcon icon={faGlobe} className=\"h-12 w-12 opacity-50\" />\n          <p className=\"text-sm font-medium\">\n            Enter a URL to embed external content\n          </p>\n          <p className=\"text-xs opacity-75\">\n            Configure the URL in the properties panel\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={`w-full ${isFullScreen ? \"h-full\" : \"\"} ${className}`}\n      {...props}\n    >\n      <iframe\n        src={url}\n        title={title}\n        width=\"100%\"\n        height={isFullScreen ? \"100%\" : height}\n        loading={loading}\n        allowFullScreen={allowFullscreen}\n        className={`rounded-${borderRadius} border-border border`}\n        sandbox=\"allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox\"\n      />\n    </div>\n  );\n}\n\nexport const embedWidgetPropertySchema: WidgetPropertySchema = {\n  widgetType: \"EmbedWidget\",\n  displayName: \"Embed\",\n  fields: [\n    // Content\n    {\n      key: \"url\",\n      label: \"URL\",\n      type: \"text\",\n      description: \"The URL of the external site to embed\",\n      placeholder: \"https://example.com\",\n      defaultValue: \"\",\n      group: \"Content\",\n    },\n    {\n      key: \"title\",\n      label: \"Title\",\n      type: \"text\",\n      description: \"Accessibility title for the embedded content\",\n      defaultValue: \"Embedded Content\",\n      group: \"Content\",\n    },\n\n    // Design\n    getBorderRadiusField({\n      key: \"borderRadius\",\n      label: \"Border Radius\",\n      description: \"Border radius for the embed container\",\n      defaultValue: \"md\",\n      group: \"Design\",\n    }),\n    {\n      key: \"fullScreen\",\n      label: \"Full Screen\",\n      type: \"boolean\",\n      description: \"When enabled, the embed fills the available space\",\n      defaultValue: false,\n      group: \"Design\",\n    },\n    getHeightField({\n      key: \"height\",\n      label: \"Height\",\n      description: \"Height of the embedded iframe\",\n      min: 50,\n      max: 1200,\n      step: 10,\n      defaultValue: \"400px\",\n      group: \"Design\",\n      requiresKeyValue: {\n        key: \"fullScreen\",\n        value: false,\n      },\n    }),\n\n    // Settings\n    {\n      key: \"allowFullscreen\",\n      label: \"Allow Fullscreen\",\n      type: \"boolean\",\n      description: \"Allow the embedded content to use fullscreen mode\",\n      defaultValue: true,\n      group: \"Settings\",\n    },\n    {\n      key: \"loading\",\n      label: \"Loading\",\n      type: \"select\",\n      description: \"When to load the embedded content\",\n      options: [\n        { label: \"Lazy (on scroll)\", value: \"lazy\" },\n        { label: \"Eager (immediately)\", value: \"eager\" },\n      ],\n      defaultValue: \"lazy\",\n      group: \"Settings\",\n    },\n  ],\n};\n"]}