@wordpress/fields 0.29.0 → 0.29.1-next.79a2f3cdd.0

package/build/components/media-edit/index.cjs

@@ -0,0 +1,333 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/fields/src/components/media-edit/index.tsx
+var media_edit_exports = {};
+__export(media_edit_exports, {
+  default: () => MediaEdit
+});
+module.exports = __toCommonJS(media_edit_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+var import_core_data = require("@wordpress/core-data");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_media_utils = require("@wordpress/media-utils");
+var import_lock_unlock = require("../../lock-unlock.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { MediaUploadModal } = (0, import_lock_unlock.unlock)(import_media_utils.privateApis);
+function ConditionalMediaUpload({ render, multiple, ...props }) {
+  const [isModalOpen, setIsModalOpen] = (0, import_element.useState)(false);
+  if (window.__experimentalDataViewsMediaModal) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      render && render({ open: () => setIsModalOpen(true) }),
+      isModalOpen && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        MediaUploadModal,
+        {
+          ...props,
+          multiple,
+          isOpen: isModalOpen,
+          onClose: () => {
+            setIsModalOpen(false);
+            props.onClose?.();
+          },
+          onSelect: (media) => {
+            setIsModalOpen(false);
+            props.onSelect?.(media);
+          }
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_media_utils.MediaUpload,
+    {
+      ...props,
+      render,
+      multiple: multiple ? "add" : void 0
+    }
+  );
+}
+function MediaPickerButton({
+  open,
+  children,
+  label,
+  showTooltip = false
+}) {
+  const mediaPickerButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      className: "fields__media-edit-picker-button",
+      role: "button",
+      tabIndex: 0,
+      onClick: open,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          open();
+        }
+      },
+      "aria-label": label,
+      children
+    }
+  );
+  if (!showTooltip) {
+    return mediaPickerButton;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Tooltip, { text: label, children: mediaPickerButton });
+}
+var archiveMimeTypes = [
+  "application/zip",
+  "application/x-zip-compressed",
+  "application/x-rar-compressed",
+  "application/x-7z-compressed",
+  "application/x-tar",
+  "application/x-gzip"
+];
+function MediaTitle({ attachment }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalTruncate, { className: "fields__media-edit-filename", children: attachment.title.rendered });
+}
+function MediaEditPlaceholder({
+  open,
+  label
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaPickerButton, { open, label, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields__media-edit-placeholder", children: label }) });
+}
+function MediaPreview({ attachment }) {
+  const url = attachment.source_url;
+  const mimeType = attachment.mime_type;
+  if (mimeType.startsWith("image/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        className: "fields__media-edit-thumbnail",
+        alt: attachment.alt_text || "",
+        src: url
+      }
+    );
+  } else if (mimeType.startsWith("audio/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.audio });
+  } else if (mimeType.startsWith("video/")) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.video });
+  } else if (archiveMimeTypes.includes(mimeType)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.archive });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Icon, { icon: import_icons.file });
+}
+function ExpandedMediaEditAttachments({
+  attachments,
+  addButtonLabel,
+  multiple,
+  removeItem,
+  open
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_clsx.default)("fields__media-edit-expanded", {
+        "is-multiple": multiple,
+        "is-single": !multiple,
+        "is-empty": !attachments?.length
+      }),
+      children: [
+        attachments?.map((attachment) => {
+          const hasPreviewImage = attachment.mime_type.startsWith("image/");
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            "div",
+            {
+              className: (0, import_clsx.default)("fields__media-edit-expanded-item", {
+                "has-preview-image": hasPreviewImage
+              }),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  MediaPickerButton,
+                  {
+                    open,
+                    label: (0, import_i18n.__)("Replace"),
+                    showTooltip: true,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fields__media-edit-expanded-preview", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      import_components.__experimentalVStack,
+                      {
+                        spacing: 0,
+                        alignment: "center",
+                        justify: "center",
+                        className: "fields__media-edit-expanded-preview-stack",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaPreview, { attachment }),
+                          !hasPreviewImage ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaTitle, { attachment }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fields__media-edit-expanded-title", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                            MediaTitle,
+                            {
+                              attachment
+                            }
+                          ) })
+                        ]
+                      }
+                    ) })
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fields__media-edit-expanded-overlay", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_components.Button,
+                  {
+                    __next40pxDefaultSize: true,
+                    className: "fields__media-edit-expanded-remove",
+                    icon: import_icons.closeSmall,
+                    label: (0, import_i18n.__)("Remove"),
+                    size: "small",
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      removeItem(attachment.id);
+                    }
+                  }
+                ) })
+              ]
+            },
+            attachment.id
+          );
+        }),
+        (multiple || !attachments?.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaEditPlaceholder, { open, label: addButtonLabel })
+      ]
+    }
+  );
+}
+function CompactMediaEditAttachments({
+  attachments,
+  addButtonLabel,
+  multiple,
+  removeItem,
+  open
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    !!attachments?.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalVStack, { spacing: 2, children: attachments.map((attachment) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: "fields__media-edit-compact",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            MediaPickerButton,
+            {
+              open,
+              label: (0, import_i18n.__)("Replace"),
+              showTooltip: true,
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaPreview, { attachment }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaTitle, { attachment })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              className: "fields__media-edit-remove",
+              text: (0, import_i18n.__)("Remove"),
+              variant: "secondary",
+              onClick: (event) => {
+                event.stopPropagation();
+                removeItem(attachment.id);
+              }
+            }
+          )
+        ]
+      },
+      attachment.id
+    )) }),
+    (multiple || !attachments?.length) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MediaEditPlaceholder, { open, label: addButtonLabel })
+  ] });
+}
+function MediaEdit({
+  data,
+  field,
+  onChange,
+  hideLabelFromVision,
+  allowedTypes = ["image"],
+  multiple,
+  isExpanded
+}) {
+  const value = field.getValue({ item: data });
+  const attachments = (0, import_data.useSelect)(
+    (select) => {
+      if (!value) {
+        return null;
+      }
+      const normalizedValue = Array.isArray(value) ? value : [value];
+      const { getEntityRecords } = select(import_core_data.store);
+      return getEntityRecords("postType", "attachment", {
+        include: normalizedValue
+      });
+    },
+    [value]
+  );
+  const onChangeControl = (0, import_element.useCallback)(
+    (newValue) => onChange(field.setValue({ item: data, value: newValue })),
+    [data, field, onChange]
+  );
+  const removeItem = (itemId) => {
+    const currentIds = Array.isArray(value) ? value : [value];
+    const newIds = currentIds.filter((id) => id !== itemId);
+    onChangeControl(newIds.length ? newIds : void 0);
+  };
+  const addButtonLabel = field.placeholder || (multiple ? (0, import_i18n.__)("Choose files") : (0, import_i18n.__)("Choose file"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("fieldset", { className: "fields__media-edit", "data-field-id": field.id, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    ConditionalMediaUpload,
+    {
+      onSelect: (selectedMedia) => {
+        if (multiple) {
+          const newIds = Array.isArray(selectedMedia) ? selectedMedia.map((m) => m.id) : [selectedMedia.id];
+          onChangeControl(newIds);
+        } else {
+          onChangeControl(selectedMedia.id);
+        }
+      },
+      allowedTypes,
+      value,
+      multiple,
+      title: field.label,
+      render: ({ open }) => {
+        const AttachmentsComponent = isExpanded ? ExpandedMediaEditAttachments : CompactMediaEditAttachments;
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 2, children: [
+          field.label && (hideLabelFromVision ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { as: "legend", children: field.label }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.BaseControl.VisualLabel, { as: "legend", children: field.label })),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            AttachmentsComponent,
+            {
+              attachments,
+              addButtonLabel,
+              multiple,
+              removeItem,
+              open
+            }
+          ),
+          field.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalText, { variant: "muted", children: field.description })
+        ] });
+      }
+    }
+  ) });
+}
+//# sourceMappingURL=index.cjs.map

package/build/components/media-edit/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/media-edit/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tIcon,\n\t__experimentalText as Text,\n\t__experimentalTruncate as Truncate,\n\t__experimentalVStack as VStack,\n\tBaseControl,\n\tTooltip,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as coreStore, type Attachment } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { archive, audio, video, file, closeSmall } from '@wordpress/icons';\nimport {\n\tMediaUpload,\n\tprivateApis as mediaUtilsPrivateApis,\n} from '@wordpress/media-utils';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport type { MediaEditProps } from '../../types';\n\nconst { MediaUploadModal } = unlock( mediaUtilsPrivateApis );\n\n/**\n * Conditional Media component that uses MediaUploadModal when experiment is enabled,\n * otherwise falls back to media-utils MediaUpload.\n *\n * @param root0          Component props.\n * @param root0.render   Render prop function that receives { open } object.\n * @param root0.multiple Whether to allow multiple media selections.\n * @return The component.\n */\nfunction ConditionalMediaUpload( { render, multiple, ...props }: any ) {\n\tconst [ isModalOpen, setIsModalOpen ] = useState( false );\n\tif ( ( window as any ).__experimentalDataViewsMediaModal ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ render && render( { open: () => setIsModalOpen( true ) } ) }\n\t\t\t\t{ isModalOpen && (\n\t\t\t\t\t<MediaUploadModal\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\tisOpen={ isModalOpen }\n\t\t\t\t\t\tonClose={ () => {\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\tprops.onClose?.();\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonSelect={ ( media: any ) => {\n\t\t\t\t\t\t\tsetIsModalOpen( false );\n\t\t\t\t\t\t\tprops.onSelect?.( media );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\t// Fallback to media-utils MediaUpload when experiment is disabled.\n\treturn (\n\t\t<MediaUpload\n\t\t\t{ ...props }\n\t\t\trender={ render }\n\t\t\tmultiple={ multiple ? 'add' : undefined }\n\t\t/>\n\t);\n}\n\nfunction MediaPickerButton( {\n\topen,\n\tchildren,\n\tlabel,\n\tshowTooltip = false,\n}: {\n\topen: () => void;\n\tchildren: React.ReactNode;\n\tlabel: string;\n\tshowTooltip?: boolean;\n} ) {\n\tconst mediaPickerButton = (\n\t\t<div\n\t\t\tclassName=\"fields__media-edit-picker-button\"\n\t\t\trole=\"button\"\n\t\t\ttabIndex={ 0 }\n\t\t\tonClick={ open }\n\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\tif ( event.key === 'Enter' || event.key === ' ' ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\topen();\n\t\t\t\t}\n\t\t\t} }\n\t\t\taria-label={ label }\n\t\t>\n\t\t\t{ children }\n\t\t</div>\n\t);\n\tif ( ! showTooltip ) {\n\t\treturn mediaPickerButton;\n\t}\n\treturn <Tooltip text={ label }>{ mediaPickerButton }</Tooltip>;\n}\n\nconst archiveMimeTypes = [\n\t'application/zip',\n\t'application/x-zip-compressed',\n\t'application/x-rar-compressed',\n\t'application/x-7z-compressed',\n\t'application/x-tar',\n\t'application/x-gzip',\n];\n\nfunction MediaTitle( { attachment }: { attachment: Attachment< 'view' > } ) {\n\treturn (\n\t\t<Truncate className=\"fields__media-edit-filename\">\n\t\t\t{ attachment.title.rendered }\n\t\t</Truncate>\n\t);\n}\n\nfunction MediaEditPlaceholder( {\n\topen,\n\tlabel,\n}: {\n\topen: () => void;\n\tlabel: string;\n} ) {\n\treturn (\n\t\t<MediaPickerButton open={ open } label={ label }>\n\t\t\t<span className=\"fields__media-edit-placeholder\">{ label }</span>\n\t\t</MediaPickerButton>\n\t);\n}\n\nfunction MediaPreview( { attachment }: { attachment: Attachment< 'view' > } ) {\n\tconst url = attachment.source_url;\n\tconst mimeType = attachment.mime_type;\n\tif ( mimeType.startsWith( 'image/' ) ) {\n\t\treturn (\n\t\t\t<img\n\t\t\t\tclassName=\"fields__media-edit-thumbnail\"\n\t\t\t\talt={ attachment.alt_text || '' }\n\t\t\t\tsrc={ url }\n\t\t\t/>\n\t\t);\n\t} else if ( mimeType.startsWith( 'audio/' ) ) {\n\t\treturn <Icon icon={ audio } />;\n\t} else if ( mimeType.startsWith( 'video/' ) ) {\n\t\treturn <Icon icon={ video } />;\n\t} else if ( archiveMimeTypes.includes( mimeType ) ) {\n\t\treturn <Icon icon={ archive } />;\n\t}\n\treturn <Icon icon={ file } />;\n}\n\ninterface MediaEditAttachmentsProps {\n\tattachments: Attachment< 'view' >[] | null;\n\taddButtonLabel: string;\n\tmultiple?: boolean;\n\tremoveItem: ( itemId: number ) => void;\n\topen: () => void;\n}\n\nfunction ExpandedMediaEditAttachments( {\n\tattachments,\n\taddButtonLabel,\n\tmultiple,\n\tremoveItem,\n\topen,\n}: MediaEditAttachmentsProps ) {\n\treturn (\n\t\t<div\n\t\t\tclassName={ clsx( 'fields__media-edit-expanded', {\n\t\t\t\t'is-multiple': multiple,\n\t\t\t\t'is-single': ! multiple,\n\t\t\t\t'is-empty': ! attachments?.length,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ attachments?.map( ( attachment ) => {\n\t\t\t\tconst hasPreviewImage =\n\t\t\t\t\tattachment.mime_type.startsWith( 'image/' );\n\t\t\t\treturn (\n\t\t\t\t\t<div\n\t\t\t\t\t\tkey={ attachment.id }\n\t\t\t\t\t\tclassName={ clsx( 'fields__media-edit-expanded-item', {\n\t\t\t\t\t\t\t'has-preview-image': hasPreviewImage,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<MediaPickerButton\n\t\t\t\t\t\t\topen={ open }\n\t\t\t\t\t\t\tlabel={ __( 'Replace' ) }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div className=\"fields__media-edit-expanded-preview\">\n\t\t\t\t\t\t\t\t<VStack\n\t\t\t\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\t\t\t\tclassName=\"fields__media-edit-expanded-preview-stack\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<MediaPreview attachment={ attachment } />\n\t\t\t\t\t\t\t\t\t{ ! hasPreviewImage ? (\n\t\t\t\t\t\t\t\t\t\t<MediaTitle attachment={ attachment } />\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<div className=\"fields__media-edit-expanded-title\">\n\t\t\t\t\t\t\t\t\t\t\t<MediaTitle\n\t\t\t\t\t\t\t\t\t\t\t\tattachment={ attachment }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</VStack>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</MediaPickerButton>\n\t\t\t\t\t\t<div className=\"fields__media-edit-expanded-overlay\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"fields__media-edit-expanded-remove\"\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={ __( 'Remove' ) }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ (\n\t\t\t\t\t\t\t\t\tevent: React.MouseEvent< HTMLButtonElement >\n\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\tremoveItem( attachment.id );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t\t{ ( multiple || ! attachments?.length ) && (\n\t\t\t\t<MediaEditPlaceholder open={ open } label={ addButtonLabel } />\n\t\t\t) }\n\t\t</div>\n\t);\n}\n\nfunction CompactMediaEditAttachments( {\n\tattachments,\n\taddButtonLabel,\n\tmultiple,\n\tremoveItem,\n\topen,\n}: MediaEditAttachmentsProps ) {\n\treturn (\n\t\t<>\n\t\t\t{ !! attachments?.length && (\n\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t{ attachments.map( ( attachment ) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tkey={ attachment.id }\n\t\t\t\t\t\t\tclassName=\"fields__media-edit-compact\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MediaPickerButton\n\t\t\t\t\t\t\t\topen={ open }\n\t\t\t\t\t\t\t\tlabel={ __( 'Replace' ) }\n\t\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<MediaPreview attachment={ attachment } />\n\t\t\t\t\t\t\t\t\t<MediaTitle attachment={ attachment } />\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t</MediaPickerButton>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tclassName=\"fields__media-edit-remove\"\n\t\t\t\t\t\t\t\ttext={ __( 'Remove' ) }\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tonClick={ (\n\t\t\t\t\t\t\t\t\tevent: React.MouseEvent< HTMLButtonElement >\n\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\tremoveItem( attachment.id );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) ) }\n\t\t\t\t</VStack>\n\t\t\t) }\n\t\t\t{ ( multiple || ! attachments?.length ) && (\n\t\t\t\t<MediaEditPlaceholder open={ open } label={ addButtonLabel } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\n/**\n * A media edit control component that provides a media picker UI with upload functionality\n * for selecting WordPress media attachments. Supports both the traditional WordPress media\n * library and the experimental DataViews media modal.\n *\n * This component is intended to be used as the `Edit` property of a field definition when\n * registering fields with `registerEntityField` from `@wordpress/editor`.\n *\n * @template Item - The type of the item being edited.\n *\n * @param {MediaEditProps<Item>} props                       - The component props.\n * @param {Item}                 props.data                  - The item being edited.\n * @param {Object}               props.field                 - The field configuration with getValue and setValue methods.\n * @param {Function}             props.onChange              - Callback function when the media selection changes.\n * @param {string[]}             [props.allowedTypes]        - Array of allowed media types. Default `['image']`.\n * @param {boolean}              [props.multiple]            - Whether to allow multiple media selections. Default `false`.\n * @param {boolean}              [props.hideLabelFromVision] - Whether the label should be hidden from vision.\n * @param {boolean}              [props.isExpanded]          - Whether to render in an expanded form. Default `false`.\n *\n * @return {JSX.Element} The media edit control component.\n *\n * @example\n * ```tsx\n * import { MediaEdit } from '@wordpress/fields';\n * import type { DataFormControlProps } from '@wordpress/dataviews';\n *\n * const featuredImageField = {\n *   id: 'featured_media',\n *   type: 'media',\n *   label: 'Featured Image',\n *   Edit: (props: DataFormControlProps<MyPostType>) => (\n *     <MediaEdit\n *       {...props}\n *       allowedTypes={['image']}\n *     />\n *   ),\n * };\n * ```\n */\nexport default function MediaEdit< Item >( {\n\tdata,\n\tfield,\n\tonChange,\n\thideLabelFromVision,\n\tallowedTypes = [ 'image' ],\n\tmultiple,\n\tisExpanded,\n}: MediaEditProps< Item > ) {\n\tconst value = field.getValue( { item: data } );\n\tconst attachments = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! value ) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\tconst normalizedValue = Array.isArray( value ) ? value : [ value ];\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\treturn getEntityRecords( 'postType', 'attachment', {\n\t\t\t\tinclude: normalizedValue,\n\t\t\t} ) as Attachment< 'view' >[] | null;\n\t\t},\n\t\t[ value ]\n\t);\n\tconst onChangeControl = useCallback(\n\t\t( newValue: number | number[] | undefined ) =>\n\t\t\tonChange( field.setValue( { item: data, value: newValue } ) ),\n\t\t[ data, field, onChange ]\n\t);\n\tconst removeItem = ( itemId: number ) => {\n\t\tconst currentIds = Array.isArray( value ) ? value : [ value ];\n\t\tconst newIds = currentIds.filter( ( id ) => id !== itemId );\n\t\tonChangeControl( newIds.length ? newIds : undefined );\n\t};\n\tconst addButtonLabel =\n\t\tfield.placeholder ||\n\t\t( multiple ? __( 'Choose files' ) : __( 'Choose file' ) );\n\treturn (\n\t\t<fieldset className=\"fields__media-edit\" data-field-id={ field.id }>\n\t\t\t<ConditionalMediaUpload\n\t\t\t\tonSelect={ ( selectedMedia: any ) => {\n\t\t\t\t\tif ( multiple ) {\n\t\t\t\t\t\tconst newIds = Array.isArray( selectedMedia )\n\t\t\t\t\t\t\t? selectedMedia.map( ( m: any ) => m.id )\n\t\t\t\t\t\t\t: [ selectedMedia.id ];\n\t\t\t\t\t\tonChangeControl( newIds );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tonChangeControl( selectedMedia.id );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tallowedTypes={ allowedTypes }\n\t\t\t\tvalue={ value }\n\t\t\t\tmultiple={ multiple }\n\t\t\t\ttitle={ field.label }\n\t\t\t\trender={ ( { open }: any ) => {\n\t\t\t\t\tconst AttachmentsComponent = isExpanded\n\t\t\t\t\t\t? ExpandedMediaEditAttachments\n\t\t\t\t\t\t: CompactMediaEditAttachments;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t\t\t{ field.label &&\n\t\t\t\t\t\t\t\t( hideLabelFromVision ? (\n\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"legend\">\n\t\t\t\t\t\t\t\t\t\t{ field.label }\n\t\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<BaseControl.VisualLabel as=\"legend\">\n\t\t\t\t\t\t\t\t\t\t{ field.label }\n\t\t\t\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t<AttachmentsComponent\n\t\t\t\t\t\t\t\tattachments={ attachments }\n\t\t\t\t\t\t\t\taddButtonLabel={ addButtonLabel }\n\t\t\t\t\t\t\t\tmultiple={ multiple }\n\t\t\t\t\t\t\t\tremoveItem={ removeItem }\n\t\t\t\t\t\t\t\topen={ open }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ field.description && (\n\t\t\t\t\t\t\t\t<Text variant=\"muted\">\n\t\t\t\t\t\t\t\t\t{ field.description }\n\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t);\n\t\t\t\t} }\n\t\t\t/>\n\t\t</fieldset>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["mediaUtilsPrivateApis", "Truncate", "clsx", "VStack", "coreStore", "Text"]
+}

package/build/fields/author/{author-view.js → author-view.cjs}

@@ -82,4 +82,4 @@ function AuthorView({ item }) {
   ] });
 }
 var author_view_default = AuthorView;
-//# sourceMappingURL=author-view.js.map
+//# sourceMappingURL=author-view.cjs.map

package/build/fields/author/{index.js → index.cjs}

@@ -36,7 +36,7 @@ module.exports = __toCommonJS(author_exports);
 var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
-var import_author_view = __toESM(require("./author-view"));
+var import_author_view = __toESM(require("./author-view.cjs"));
 var authorField = {
   label: (0, import_i18n.__)("Author"),
   id: "author",
@@ -66,4 +66,4 @@ var authorField = {
   }
 };
 var author_default = authorField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/comment-status/{index.js → index.cjs}

@@ -48,4 +48,4 @@ var commentStatusField = {
   ]
 };
 var comment_status_default = commentStatusField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/date/{date-view.js → date-view.cjs}

@@ -94,4 +94,4 @@ var DateView = ({ item }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("time", { children: getFormattedDate(item.date ?? null) });
 };
 var date_view_default = DateView;
-//# sourceMappingURL=date-view.js.map
+//# sourceMappingURL=date-view.cjs.map

package/build/fields/date/{index.js → index.cjs}

@@ -34,7 +34,7 @@ __export(date_exports, {
 });
 module.exports = __toCommonJS(date_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_date_view = __toESM(require("./date-view"));
+var import_date_view = __toESM(require("./date-view.cjs"));
 var dateField = {
   id: "date",
   type: "datetime",
@@ -45,4 +45,4 @@ var dateField = {
   }
 };
 var date_default = dateField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/discussion/{index.js → index.cjs}

@@ -45,4 +45,4 @@ var discussionField = {
   filterBy: false
 };
 var discussion_default = discussionField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/featured-image/{featured-image-view.js → featured-image-view.cjs}

@@ -50,4 +50,4 @@ var FeaturedImageView = ({
 0 && (module.exports = {
   FeaturedImageView
 });
-//# sourceMappingURL=featured-image-view.js.map
+//# sourceMappingURL=featured-image-view.cjs.map

package/build/fields/featured-image/index.cjs

@@ -0,0 +1,52 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/fields/src/fields/featured-image/index.tsx
+var featured_image_exports = {};
+__export(featured_image_exports, {
+  default: () => featured_image_default
+});
+module.exports = __toCommonJS(featured_image_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_media_edit = __toESM(require("../../components/media-edit/index.cjs"));
+var import_featured_image_view = require("./featured-image-view.cjs");
+var featuredImageField = {
+  id: "featured_media",
+  type: "media",
+  label: (0, import_i18n.__)("Featured Image"),
+  Edit: import_media_edit.default,
+  render: import_featured_image_view.FeaturedImageView,
+  setValue: ({ value }) => ({
+    featured_media: value ?? 0
+  }),
+  enableSorting: false,
+  filterBy: false
+};
+var featured_image_default = featuredImageField;
+//# sourceMappingURL=index.cjs.map

package/build/fields/featured-image/index.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/fields/featured-image/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport MediaEdit from '../../components/media-edit';\nimport type { BasePostWithEmbeddedFeaturedMedia } from '../../types';\nimport { FeaturedImageView } from './featured-image-view';\n\nconst featuredImageField: Field< BasePostWithEmbeddedFeaturedMedia > = {\n\tid: 'featured_media',\n\ttype: 'media',\n\tlabel: __( 'Featured Image' ),\n\tEdit: MediaEdit,\n\trender: FeaturedImageView,\n\tsetValue: ( { value } ) => ( {\n\t\tfeatured_media: value ?? 0,\n\t} ),\n\tenableSorting: false,\n\tfilterBy: false,\n};\n\n/**\n * Featured Image field for BasePostWithEmbeddedFeaturedMedia.\n */\nexport default featuredImageField;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAmB;AAKnB,wBAAsB;AAEtB,iCAAkC;AAElC,IAAM,qBAAiE;AAAA,EACtE,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,WAAO,gBAAI,gBAAiB;AAAA,EAC5B,MAAM,kBAAAA;AAAA,EACN,QAAQ;AAAA,EACR,UAAU,CAAE,EAAE,MAAM,OAAS;AAAA,IAC5B,gBAAgB,SAAS;AAAA,EAC1B;AAAA,EACA,eAAe;AAAA,EACf,UAAU;AACX;AAKA,IAAO,yBAAQ;",
+  "names": ["MediaEdit"]
+}

package/build/fields/{index.js → index.cjs}

@@ -49,23 +49,23 @@ __export(fields_exports, {
   titleField: () => import_title.default
 });
 module.exports = __toCommonJS(fields_exports);
-var import_slug = __toESM(require("./slug"));
-var import_title = __toESM(require("./title"));
-var import_page_title = __toESM(require("./page-title"));
-var import_template_title = __toESM(require("./template-title"));
-var import_pattern_title = __toESM(require("./pattern-title"));
-var import_order = __toESM(require("./order"));
-var import_featured_image = __toESM(require("./featured-image"));
-var import_template = __toESM(require("./template"));
-var import_parent = __toESM(require("./parent"));
-var import_password = __toESM(require("./password"));
-var import_status = __toESM(require("./status"));
-var import_comment_status = __toESM(require("./comment-status"));
-var import_ping_status = __toESM(require("./ping-status"));
-var import_discussion = __toESM(require("./discussion"));
-var import_date = __toESM(require("./date"));
-var import_author = __toESM(require("./author"));
-var import_notes = __toESM(require("./notes"));
+var import_slug = __toESM(require("./slug/index.cjs"));
+var import_title = __toESM(require("./title/index.cjs"));
+var import_page_title = __toESM(require("./page-title/index.cjs"));
+var import_template_title = __toESM(require("./template-title/index.cjs"));
+var import_pattern_title = __toESM(require("./pattern-title/index.cjs"));
+var import_order = __toESM(require("./order/index.cjs"));
+var import_featured_image = __toESM(require("./featured-image/index.cjs"));
+var import_template = __toESM(require("./template/index.cjs"));
+var import_parent = __toESM(require("./parent/index.cjs"));
+var import_password = __toESM(require("./password/index.cjs"));
+var import_status = __toESM(require("./status/index.cjs"));
+var import_comment_status = __toESM(require("./comment-status/index.cjs"));
+var import_ping_status = __toESM(require("./ping-status/index.cjs"));
+var import_discussion = __toESM(require("./discussion/index.cjs"));
+var import_date = __toESM(require("./date/index.cjs"));
+var import_author = __toESM(require("./author/index.cjs"));
+var import_notes = __toESM(require("./notes/index.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   authorField,
@@ -86,4 +86,4 @@ var import_notes = __toESM(require("./notes"));
   templateTitleField,
   titleField
 });
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/notes/{index.js → index.cjs}

@@ -32,4 +32,4 @@ var notesField = {
   filterBy: false
 };
 var notes_default = notesField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/order/{index.js → index.cjs}

@@ -35,4 +35,4 @@ var orderField = {
   }
 };
 var order_default = orderField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/page-title/{index.js → index.cjs}

@@ -34,8 +34,8 @@ __export(page_title_exports, {
 });
 module.exports = __toCommonJS(page_title_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_utils = require("../../actions/utils");
-var import_view = __toESM(require("./view"));
+var import_utils = require("../../actions/utils.cjs");
+var import_view = __toESM(require("./view.cjs"));
 var pageTitleField = {
   type: "text",
   id: "title",
@@ -48,4 +48,4 @@ var pageTitleField = {
   filterBy: false
 };
 var page_title_default = pageTitleField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/page-title/{view.js → view.cjs}

@@ -27,8 +27,8 @@ var import_i18n = require("@wordpress/i18n");
 var import_data = require("@wordpress/data");
 var import_core_data = require("@wordpress/core-data");
 var import_components = require("@wordpress/components");
-var import_view = require("../title/view");
-var import_lock_unlock = require("../../lock-unlock");
+var import_view = require("../title/view.cjs");
+var import_lock_unlock = require("../../lock-unlock.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 var { Badge } = (0, import_lock_unlock.unlock)(import_components.privateApis);
 function PageTitleView({ item }) {
@@ -45,4 +45,4 @@ function PageTitleView({ item }) {
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_view.BaseTitleView, { item, className: "fields-field__page-title", children: [frontPageId, postsPageId].includes(item.id) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Badge, { children: item.id === frontPageId ? (0, import_i18n.__)("Homepage") : (0, import_i18n.__)("Posts Page") }) });
 }
-//# sourceMappingURL=view.js.map
+//# sourceMappingURL=view.cjs.map

package/build/fields/parent/{index.js → index.cjs}

@@ -24,8 +24,8 @@ __export(parent_exports, {
 });
 module.exports = __toCommonJS(parent_exports);
 var import_i18n = require("@wordpress/i18n");
-var import_parent_edit = require("./parent-edit");
-var import_parent_view = require("./parent-view");
+var import_parent_edit = require("./parent-edit.cjs");
+var import_parent_view = require("./parent-view.cjs");
 var parentField = {
   id: "parent",
   type: "text",
@@ -36,4 +36,4 @@ var parentField = {
   filterBy: false
 };
 var parent_default = parentField;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.cjs.map

package/build/fields/parent/{parent-edit.js → parent-edit.cjs}

@@ -44,7 +44,7 @@ var import_compose = require("@wordpress/compose");
 var import_html_entities = require("@wordpress/html-entities");
 var import_i18n = require("@wordpress/i18n");
 var import_url = require("@wordpress/url");
-var import_utils = require("./utils");
+var import_utils = require("./utils.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 function buildTermsTree(flatTerms) {
   const flatTermsWithParentAndChildren = flatTerms.map((term) => {
@@ -197,7 +197,6 @@ function PageAttributesParent({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_components.ComboboxControl,
     {
-      __nextHasNoMarginBottom: true,
       __next40pxDefaultSize: true,
       label: (0, import_i18n.__)("Parent"),
       help: (0, import_i18n.__)("Choose a parent page."),
@@ -274,4 +273,4 @@ var ParentEdit = ({
   ParentEdit,
   getItemPriority
 });
-//# sourceMappingURL=parent-edit.js.map
+//# sourceMappingURL=parent-edit.cjs.map