@orion-studios/payload-studio 0.6.0-beta.24 → 0.6.0-beta.26

package/dist/studio-pages/client.mjs

@@ -930,6 +930,12 @@ var toMediaLibraryItem = (value) => {
   };
 };
 var mediaLabel = (item) => item.filename || item.alt || `Media #${item.id}`;
+var findMediaLibraryItem = (library, id) => {
+  if (id === null) {
+    return null;
+  }
+  return library.find((item) => String(item.id) === String(id)) || null;
+};
 var groupLabel = (key) => commonInspectorGroups.find((group) => group.key === key)?.label || key;
 function BlockInspectorRenderer({
   block,
@@ -1053,8 +1059,9 @@ function BlockInspectorRenderer({
           title: group.label,
           children: /* @__PURE__ */ jsxs3("div", { className: "orion-builder-settings-field-list", children: [
             group.key === "media" ? effectiveMediaSources.map((source) => {
-              const selectedSourceMedia = toMediaLibraryItem(source.value);
               const selectedSourceMediaID = getRelationID(source.value);
+              const selectedRelationMedia = toMediaLibraryItem(source.value);
+              const selectedSourceMedia = selectedRelationMedia ?? findMediaLibraryItem(source.library, selectedSourceMediaID);
               const sourceOptions = selectedSourceMedia && !source.library.some((item) => String(item.id) === String(selectedSourceMedia.id)) ? [selectedSourceMedia, ...source.library] : source.library;
               return /* @__PURE__ */ jsxs3(
                 "div",
@@ -1079,6 +1086,10 @@ function BlockInspectorRenderer({
                         }
                       )
                     ] }),
+                    selectedSourceMedia?.alt ? /* @__PURE__ */ jsxs3("label", { className: "orion-builder-settings-label", children: [
+                      "Media Description",
+                      /* @__PURE__ */ jsx3("input", { className: "orion-builder-settings-input", readOnly: true, type: "text", value: selectedSourceMedia.alt })
+                    ] }) : selectedSourceMediaID !== null ? /* @__PURE__ */ jsx3("div", { className: "orion-builder-settings-note", children: "This media item does not have a description yet." }) : null,
                     /* @__PURE__ */ jsx3(
                       "button",
                       {
@@ -2878,6 +2889,12 @@ var toMediaLibraryItem2 = (value) => {
   };
 };
 var mediaLabel2 = (item) => item.filename || item.alt || `Media #${item.id}`;
+var findMediaLibraryItem2 = (library, id) => {
+  if (id === null) {
+    return null;
+  }
+  return library.find((item) => String(item.id) === String(id)) || null;
+};
 var normalizeImageFit = (value) => value === "contain" ? "contain" : "cover";
 var normalizeImageCornerStyle = (value) => value === "square" ? "square" : "rounded";
 var getItemMediaSettings = (item) => {
@@ -2968,8 +2985,9 @@ function ItemMediaControl({
   uploadLabel,
   uploading
 }) {
-  const selectedMedia = toMediaLibraryItem2(item[fieldName]);
   const selectedMediaID = getRelationID2(item[fieldName]);
+  const selectedRelationMedia = toMediaLibraryItem2(item[fieldName]);
+  const selectedMedia = selectedRelationMedia ?? findMediaLibraryItem2(mediaLibrary, selectedMediaID);
   const directImageURL = normalizeText(item[imageURLFieldName]);
   const previewURL = selectedMedia?.url || directImageURL;
   const mediaSettings = getItemMediaSettings(item);
@@ -3015,6 +3033,10 @@ function ItemMediaControl({
         }
       )
     ] }),
+    selectedMedia?.alt ? /* @__PURE__ */ jsxs11("label", { className: "orion-builder-settings-label", children: [
+      "Media Description",
+      /* @__PURE__ */ jsx12("input", { className: "orion-builder-settings-input", readOnly: true, type: "text", value: selectedMedia.alt })
+    ] }) : selectedMediaID !== null ? /* @__PURE__ */ jsx12("div", { className: "orion-builder-settings-note", children: "This media item does not have a description yet." }) : null,
     /* @__PURE__ */ jsx12(
       "button",
       {
@@ -6848,12 +6870,12 @@ function BuilderPageEditor({
                               }
                             ) : null,
                             /* @__PURE__ */ jsxs12("label", { style: sidebarLabelStyle, children: [
-                              "Upload Alt Text",
+                              "New Upload Alt Text",
                               /* @__PURE__ */ jsx13(
                                 "input",
                                 {
                                   onChange: (event) => setUploadAltText(event.target.value),
-                                  placeholder: "Describe the image",
+                                  placeholder: "Used only when uploading a new image",
                                   style: sidebarInputStyle,
                                   type: "text",
                                   value: uploadAltText

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orion-studios/payload-studio",
-  "version": "0.6.0-beta.24",
+  "version": "0.6.0-beta.26",
   "description": "Base CMS, builder, and custom admin toolkit for Orion Studios websites",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",