@amplifyup/sdk 0.1.28 → 0.1.29

package/dist/react.mjs

@@ -2772,6 +2772,16 @@ function useLiveComposerProps(layoutNodeId, props) {
   }, [layoutNodeId]);
   return live;
 }
+function useComponentProps() {
+  const context = useContext(ComponentContext);
+  if (!context) {
+    console.warn(
+      "[AmplifyUp SDK] useComponentProps used outside ComponentContextProvider"
+    );
+    return {};
+  }
+  return context.props || {};
+}
 function ComponentContextProvider({
   children,
   slots,
@@ -3051,6 +3061,33 @@ function formatFieldValue(value) {
   }
   return "";
 }
+function isLinkListItem(value) {
+  return !!value && typeof value === "object" && !Array.isArray(value);
+}
+function renderLinkList(items, className) {
+  const links = items.filter(isLinkListItem).filter((item) => {
+    const label = typeof item.label === "string" ? item.label.trim() : "";
+    const href = typeof item.href === "string" ? item.href.trim() : "";
+    return !!(label || href);
+  });
+  if (links.length === 0) return null;
+  return /* @__PURE__ */ jsx("span", { className, style: { display: "contents" }, children: links.map((item, index) => {
+    const label = typeof item.label === "string" && item.label.trim() ? item.label : typeof item.href === "string" ? item.href : "Link";
+    const href = typeof item.href === "string" && item.href.trim() ? item.href : "#";
+    const style = typeof item.style === "string" ? item.style.trim() : "";
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: item.openInNewTab ? "_blank" : void 0,
+        rel: item.openInNewTab ? "noreferrer" : void 0,
+        "data-amplifyup-action-style": style || void 0,
+        children: label
+      },
+      typeof item._key === "string" && item._key ? item._key : `${href}-${index}`
+    );
+  }) });
+}
 function Field({
   name,
   fallback,
@@ -3068,6 +3105,9 @@ function Field({
     console.warn(`[AmplifyUp SDK] Field "${name}" used outside ComponentContextProvider`);
     return fallback ? /* @__PURE__ */ jsx(Fragment, { children: fallback }) : null;
   }
+  if (render) {
+    return /* @__PURE__ */ jsx("span", { className, style: { display: "contents" }, children: render(fieldValue) });
+  }
   if (composerEdit && canInlineEdit(name, fieldValue)) {
     return /* @__PURE__ */ jsx(
       ComposerInlineField,
@@ -3076,7 +3116,6 @@ function Field({
         value: fieldValue,
         fallback,
         className,
-        render,
         layoutNodeId: context.layoutNodeId,
         componentId: context.componentId
       }
@@ -3085,8 +3124,9 @@ function Field({
   if (fieldValue === void 0 || fieldValue === null) {
     return fallback ? /* @__PURE__ */ jsx("span", { className, children: fallback }) : null;
   }
-  if (render) {
-    return /* @__PURE__ */ jsx("span", { className, children: render(fieldValue) });
+  if (Array.isArray(fieldValue)) {
+    const list = renderLinkList(fieldValue, className);
+    if (list) return list;
   }
   const text = formatFieldValue(fieldValue);
   if (!text) {
@@ -3863,6 +3903,6 @@ function useAmplifyUp() {
   return context;
 }
 
-export { AmplifyPageContent, AmplifyRenderer, AmplifyUpProvider, ComponentContextProvider, Field, RichText, Slot, fetchPageConfigServer, isComposerPreview, isPreviewRequest, useAmplifyUp, useLiveComposerProps };
+export { AmplifyPageContent, AmplifyRenderer, AmplifyUpProvider, ComponentContextProvider, Field, RichText, Slot, fetchPageConfigServer, isComposerPreview, isPreviewRequest, useAmplifyUp, useComponentProps, useLiveComposerProps };
 //# sourceMappingURL=react.mjs.map
 //# sourceMappingURL=react.mjs.map