@wordpress/fields 0.24.0 → 0.24.1-next.ff1cebbba.0

package/build/fields/discussion/index.js

@@ -1,42 +1,46 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var discussion_exports = {};
+__export(discussion_exports, {
+  default: () => discussion_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(discussion_exports);
+var import_i18n = require("@wordpress/i18n");
 const discussionField = {
-  id: 'discussion',
-  label: (0, _i18n.__)('Discussion'),
-  type: 'text',
-  render: ({
-    item
-  }) => {
-    const commentsOpen = item.comment_status === 'open';
-    const pingsOpen = item.ping_status === 'open';
+  id: "discussion",
+  label: (0, import_i18n.__)("Discussion"),
+  type: "text",
+  render: ({ item }) => {
+    const commentsOpen = item.comment_status === "open";
+    const pingsOpen = item.ping_status === "open";
     if (commentsOpen && pingsOpen) {
-      return (0, _i18n.__)('Open');
+      return (0, import_i18n.__)("Open");
     }
     if (commentsOpen && !pingsOpen) {
-      return (0, _i18n.__)('Comments only');
+      return (0, import_i18n.__)("Comments only");
     }
     if (!commentsOpen && pingsOpen) {
-      return (0, _i18n.__)('Pings only');
+      return (0, import_i18n.__)("Pings only");
     }
-    return (0, _i18n.__)('Closed');
-  }
+    return (0, import_i18n.__)("Closed");
+  },
+  filterBy: false
 };
-
-/**
- * Discussion field for BasePost with custom render logic.
- */
-var _default = exports.default = discussionField;
-//# sourceMappingURL=index.js.map
+var discussion_default = discussionField;
+//# sourceMappingURL=index.js.map

package/build/fields/discussion/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","discussionField","id","label","__","type","render","item","commentsOpen","comment_status","pingsOpen","ping_status","_default","exports","default"],"sources":["@wordpress/fields/src/fields/discussion/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nconst discussionField: Field< BasePost > = {\n\tid: 'discussion',\n\tlabel: __( 'Discussion' ),\n\ttype: 'text',\n\trender: ( { item } ) => {\n\t\tconst commentsOpen = item.comment_status === 'open';\n\t\tconst pingsOpen = item.ping_status === 'open';\n\n\t\tif ( commentsOpen && pingsOpen ) {\n\t\t\treturn __( 'Open' );\n\t\t}\n\t\tif ( commentsOpen && ! pingsOpen ) {\n\t\t\treturn __( 'Comments only' );\n\t\t}\n\t\tif ( ! commentsOpen && pingsOpen ) {\n\t\t\treturn __( 'Pings only' );\n\t\t}\n\t\treturn __( 'Closed' );\n\t},\n};\n\n/**\n * Discussion field for BasePost with custom render logic.\n */\nexport default discussionField;\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMC,eAAkC,GAAG;EAC1CC,EAAE,EAAE,YAAY;EAChBC,KAAK,EAAE,IAAAC,QAAE,EAAE,YAAa,CAAC;EACzBC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAEA,CAAE;IAAEC;EAAK,CAAC,KAAM;IACvB,MAAMC,YAAY,GAAGD,IAAI,CAACE,cAAc,KAAK,MAAM;IACnD,MAAMC,SAAS,GAAGH,IAAI,CAACI,WAAW,KAAK,MAAM;IAE7C,IAAKH,YAAY,IAAIE,SAAS,EAAG;MAChC,OAAO,IAAAN,QAAE,EAAE,MAAO,CAAC;IACpB;IACA,IAAKI,YAAY,IAAI,CAAEE,SAAS,EAAG;MAClC,OAAO,IAAAN,QAAE,EAAE,eAAgB,CAAC;IAC7B;IACA,IAAK,CAAEI,YAAY,IAAIE,SAAS,EAAG;MAClC,OAAO,IAAAN,QAAE,EAAE,YAAa,CAAC;IAC1B;IACA,OAAO,IAAAA,QAAE,EAAE,QAAS,CAAC;EACtB;AACD,CAAC;;AAED;AACA;AACA;AAFA,IAAAQ,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeb,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/discussion/index.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nconst discussionField: Field< BasePost > = {\n\tid: 'discussion',\n\tlabel: __( 'Discussion' ),\n\ttype: 'text',\n\trender: ( { item } ) => {\n\t\tconst commentsOpen = item.comment_status === 'open';\n\t\tconst pingsOpen = item.ping_status === 'open';\n\n\t\tif ( commentsOpen && pingsOpen ) {\n\t\t\treturn __( 'Open' );\n\t\t}\n\t\tif ( commentsOpen && ! pingsOpen ) {\n\t\t\treturn __( 'Comments only' );\n\t\t}\n\t\tif ( ! commentsOpen && pingsOpen ) {\n\t\t\treturn __( 'Pings only' );\n\t\t}\n\t\treturn __( 'Closed' );\n\t},\n\tfilterBy: false,\n};\n\n/**\n * Discussion field for BasePost with custom render logic.\n */\nexport default discussionField;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA,kBAAmB;AAOnB,MAAM,kBAAqC;AAAA,EAC1C,IAAI;AAAA,EACJ,WAAO,gBAAI,YAAa;AAAA,EACxB,MAAM;AAAA,EACN,QAAQ,CAAE,EAAE,KAAK,MAAO;AACvB,UAAM,eAAe,KAAK,mBAAmB;AAC7C,UAAM,YAAY,KAAK,gBAAgB;AAEvC,QAAK,gBAAgB,WAAY;AAChC,iBAAO,gBAAI,MAAO;AAAA,IACnB;AACA,QAAK,gBAAgB,CAAE,WAAY;AAClC,iBAAO,gBAAI,eAAgB;AAAA,IAC5B;AACA,QAAK,CAAE,gBAAgB,WAAY;AAClC,iBAAO,gBAAI,YAAa;AAAA,IACzB;AACA,eAAO,gBAAI,QAAS;AAAA,EACrB;AAAA,EACA,UAAU;AACX;AAKA,IAAO,qBAAQ;",
+  "names": []
+}

package/build/fields/featured-image/featured-image-edit.js

@@ -1,113 +1,131 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var featured_image_edit_exports = {};
+__export(featured_image_edit_exports, {
+  FeaturedImageEdit: () => FeaturedImageEdit
 });
-exports.FeaturedImageEdit = void 0;
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _element = require("@wordpress/element");
-var _mediaUtils = require("@wordpress/media-utils");
-var _icons = require("@wordpress/icons");
-var _coreData = require("@wordpress/core-data");
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-// @ts-ignore
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(featured_image_edit_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_element = require("@wordpress/element");
+var import_media_utils = require("@wordpress/media-utils");
+var import_icons = require("@wordpress/icons");
+var import_core_data = require("@wordpress/core-data");
+var import_i18n = require("@wordpress/i18n");
 const FeaturedImageEdit = ({
   data,
   field,
   onChange
 }) => {
-  const {
-    id
-  } = field;
-  const value = field.getValue({
-    item: data
-  });
-  const media = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecord
-    } = select(_coreData.store);
-    return getEntityRecord('postType', 'attachment', value);
-  }, [value]);
-  const onChangeControl = (0, _element.useCallback)(newValue => onChange({
-    [id]: newValue
-  }), [id, onChange]);
+  const { id } = field;
+  const value = field.getValue({ item: data });
+  const media = (0, import_data.useSelect)(
+    (select) => {
+      const { getEntityRecord } = select(import_core_data.store);
+      return getEntityRecord("postType", "attachment", value);
+    },
+    [value]
+  );
+  const onChangeControl = (0, import_element.useCallback)(
+    (newValue) => onChange({
+      [id]: newValue
+    }),
+    [id, onChange]
+  );
   const url = media?.source_url;
   const title = media?.title?.rendered;
-  const ref = (0, _element.useRef)(null);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("fieldset", {
-    className: "fields-controls__featured-image",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "fields-controls__featured-image-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mediaUtils.MediaUpload, {
-        onSelect: selectedMedia => {
-          onChangeControl(selectedMedia.id);
-        },
-        allowedTypes: ['image'],
-        render: ({
-          open
-        }) => {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            ref: ref,
+  const ref = (0, import_element.useRef)(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("fieldset", { className: "fields-controls__featured-image", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "fields-controls__featured-image-container", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_media_utils.MediaUpload,
+    {
+      onSelect: (selectedMedia) => {
+        onChangeControl(selectedMedia.id);
+      },
+      allowedTypes: ["image"],
+      render: ({ open }) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "div",
+          {
+            ref,
             role: "button",
             tabIndex: -1,
             onClick: () => {
               open();
             },
             onKeyDown: open,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalGrid, {
-              rowGap: 0,
-              columnGap: 8,
-              templateColumns: "24px 1fr 24px",
-              children: [url && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                  className: "fields-controls__featured-image-image",
-                  alt: "",
-                  width: 24,
-                  height: 24,
-                  src: url
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "fields-controls__featured-image-title",
-                  children: title
-                })]
-              }), !url && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "fields-controls__featured-image-placeholder",
-                  style: {
-                    width: '24px',
-                    height: '24px'
-                  }
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-                  className: "fields-controls__featured-image-title",
-                  children: (0, _i18n.__)('Choose an image…')
-                })]
-              }), url && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-                  size: "small",
-                  className: "fields-controls__featured-image-remove-button",
-                  icon: _icons.lineSolid,
-                  onClick: event => {
-                    event.stopPropagation();
-                    onChangeControl(0);
-                  }
-                })
-              })]
-            })
-          });
-        }
-      })
-    })
-  });
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+              import_components.__experimentalGrid,
+              {
+                rowGap: 0,
+                columnGap: 8,
+                templateColumns: "24px 1fr 24px",
+                children: [
+                  url && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "img",
+                      {
+                        className: "fields-controls__featured-image-image",
+                        alt: "",
+                        width: 24,
+                        height: 24,
+                        src: url
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__featured-image-title", children: title })
+                  ] }),
+                  !url && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "span",
+                      {
+                        className: "fields-controls__featured-image-placeholder",
+                        style: {
+                          width: "24px",
+                          height: "24px"
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__featured-image-title", children: (0, import_i18n.__)("Choose an image\u2026") })
+                  ] }),
+                  url && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    import_components.Button,
+                    {
+                      size: "small",
+                      className: "fields-controls__featured-image-remove-button",
+                      icon: import_icons.lineSolid,
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        onChangeControl(0);
+                      }
+                    }
+                  ) })
+                ]
+              }
+            )
+          }
+        );
+      }
+    }
+  ) }) });
 };
-exports.FeaturedImageEdit = FeaturedImageEdit;
-//# sourceMappingURL=featured-image-edit.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeaturedImageEdit
+});
+//# sourceMappingURL=featured-image-edit.js.map

package/build/fields/featured-image/featured-image-edit.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_data","_element","_mediaUtils","_icons","_coreData","_i18n","_jsxRuntime","FeaturedImageEdit","data","field","onChange","id","value","getValue","item","media","useSelect","select","getEntityRecord","coreStore","onChangeControl","useCallback","newValue","url","source_url","title","rendered","ref","useRef","jsx","className","children","MediaUpload","onSelect","selectedMedia","allowedTypes","render","open","role","tabIndex","onClick","onKeyDown","jsxs","__experimentalGrid","rowGap","columnGap","templateColumns","Fragment","alt","width","height","src","style","__","Button","size","icon","lineSolid","event","stopPropagation","exports"],"sources":["@wordpress/fields/src/fields/featured-image/featured-image-edit.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, __experimentalGrid as Grid } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\n// @ts-ignore\nimport { MediaUpload } from '@wordpress/media-utils';\nimport { lineSolid } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport type { DataFormControlProps } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nexport const FeaturedImageEdit = ( {\n\tdata,\n\tfield,\n\tonChange,\n}: DataFormControlProps< BasePost > ) => {\n\tconst { id } = field;\n\n\tconst value = field.getValue( { item: data } );\n\n\tconst media = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\treturn getEntityRecord( 'postType', 'attachment', value );\n\t\t},\n\t\t[ value ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: number ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tconst url = media?.source_url;\n\tconst title = media?.title?.rendered;\n\tconst ref = useRef( null );\n\n\treturn (\n\t\t<fieldset className=\"fields-controls__featured-image\">\n\t\t\t<div className=\"fields-controls__featured-image-container\">\n\t\t\t\t<MediaUpload\n\t\t\t\t\tonSelect={ ( selectedMedia: { id: number } ) => {\n\t\t\t\t\t\tonChangeControl( selectedMedia.id );\n\t\t\t\t\t} }\n\t\t\t\t\tallowedTypes={ [ 'image' ] }\n\t\t\t\t\trender={ ( { open }: { open: () => void } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ open }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Grid\n\t\t\t\t\t\t\t\t\trowGap={ 0 }\n\t\t\t\t\t\t\t\t\tcolumnGap={ 8 }\n\t\t\t\t\t\t\t\t\ttemplateColumns=\"24px 1fr 24px\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-image\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth={ 24 }\n\t\t\t\t\t\t\t\t\t\t\t\theight={ 24 }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"fields-controls__featured-image-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ! url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"fields-controls__featured-image-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Choose an image…' ) }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-remove-button\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ (\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent: React.MouseEvent< HTMLButtonElement >\n\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeControl( 0 );\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n};\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/featured-image/featured-image-edit.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, __experimentalGrid as Grid } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useCallback, useRef } from '@wordpress/element';\n// @ts-ignore\nimport { MediaUpload } from '@wordpress/media-utils';\nimport { lineSolid } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport type { DataFormControlProps } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePostWithEmbeddedFeaturedMedia } from '../../types';\n\nexport const FeaturedImageEdit = ( {\n\tdata,\n\tfield,\n\tonChange,\n}: DataFormControlProps< BasePostWithEmbeddedFeaturedMedia > ) => {\n\tconst { id } = field;\n\n\tconst value = field.getValue( { item: data } );\n\n\tconst media = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\treturn getEntityRecord( 'postType', 'attachment', value );\n\t\t},\n\t\t[ value ]\n\t);\n\n\tconst onChangeControl = useCallback(\n\t\t( newValue: number ) =>\n\t\t\tonChange( {\n\t\t\t\t[ id ]: newValue,\n\t\t\t} ),\n\t\t[ id, onChange ]\n\t);\n\n\tconst url = media?.source_url;\n\tconst title = media?.title?.rendered;\n\tconst ref = useRef( null );\n\n\treturn (\n\t\t<fieldset className=\"fields-controls__featured-image\">\n\t\t\t<div className=\"fields-controls__featured-image-container\">\n\t\t\t\t<MediaUpload\n\t\t\t\t\tonSelect={ ( selectedMedia: { id: number } ) => {\n\t\t\t\t\t\tonChangeControl( selectedMedia.id );\n\t\t\t\t\t} }\n\t\t\t\t\tallowedTypes={ [ 'image' ] }\n\t\t\t\t\trender={ ( { open }: { open: () => void } ) => {\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tref={ ref }\n\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\topen();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tonKeyDown={ open }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Grid\n\t\t\t\t\t\t\t\t\trowGap={ 0 }\n\t\t\t\t\t\t\t\t\tcolumnGap={ 8 }\n\t\t\t\t\t\t\t\t\ttemplateColumns=\"24px 1fr 24px\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-image\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth={ 24 }\n\t\t\t\t\t\t\t\t\t\t\t\theight={ 24 }\n\t\t\t\t\t\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"fields-controls__featured-image-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ ! url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-placeholder\"\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\theight: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<span className=\"fields-controls__featured-image-title\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Choose an image\u2026' ) }\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t{ url && (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"fields-controls__featured-image-remove-button\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ (\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent: React.MouseEvent< HTMLButtonElement >\n\t\t\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChangeControl( 0 );\n\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</Grid>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</fieldset>\n\t);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwEU;AArEV,wBAAmD;AACnD,kBAA0B;AAC1B,qBAAoC;AAEpC,yBAA4B;AAC5B,mBAA0B;AAC1B,uBAAmC;AAEnC,kBAAmB;AAOZ,MAAM,oBAAoB,CAAE;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACD,MAAkE;AACjE,QAAM,EAAE,GAAG,IAAI;AAEf,QAAM,QAAQ,MAAM,SAAU,EAAE,MAAM,KAAK,CAAE;AAE7C,QAAM,YAAQ;AAAA,IACb,CAAE,WAAY;AACb,YAAM,EAAE,gBAAgB,IAAI,OAAQ,iBAAAA,KAAU;AAC9C,aAAO,gBAAiB,YAAY,cAAc,KAAM;AAAA,IACzD;AAAA,IACA,CAAE,KAAM;AAAA,EACT;AAEA,QAAM,sBAAkB;AAAA,IACvB,CAAE,aACD,SAAU;AAAA,MACT,CAAE,EAAG,GAAG;AAAA,IACT,CAAE;AAAA,IACH,CAAE,IAAI,QAAS;AAAA,EAChB;AAEA,QAAM,MAAM,OAAO;AACnB,QAAM,QAAQ,OAAO,OAAO;AAC5B,QAAM,UAAM,uBAAQ,IAAK;AAEzB,SACC,4CAAC,cAAS,WAAU,mCACnB,sDAAC,SAAI,WAAU,6CACd;AAAA,IAAC;AAAA;AAAA,MACA,UAAW,CAAE,kBAAmC;AAC/C,wBAAiB,cAAc,EAAG;AAAA,MACnC;AAAA,MACA,cAAe,CAAE,OAAQ;AAAA,MACzB,QAAS,CAAE,EAAE,KAAK,MAA6B;AAC9C,eACC;AAAA,UAAC;AAAA;AAAA,YACA;AAAA,YACA,MAAK;AAAA,YACL,UAAW;AAAA,YACX,SAAU,MAAM;AACf,mBAAK;AAAA,YACN;AAAA,YACA,WAAY;AAAA,YAEZ;AAAA,cAAC,kBAAAC;AAAA,cAAA;AAAA,gBACA,QAAS;AAAA,gBACT,WAAY;AAAA,gBACZ,iBAAgB;AAAA,gBAEd;AAAA,yBACD,4EACC;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACA,WAAU;AAAA,wBACV,KAAI;AAAA,wBACJ,OAAQ;AAAA,wBACR,QAAS;AAAA,wBACT,KAAM;AAAA;AAAA,oBACP;AAAA,oBACA,4CAAC,UAAK,WAAU,yCACb,iBACH;AAAA,qBACD;AAAA,kBAEC,CAAE,OACH,4EACC;AAAA;AAAA,sBAAC;AAAA;AAAA,wBACA,WAAU;AAAA,wBACV,OAAQ;AAAA,0BACP,OAAO;AAAA,0BACP,QAAQ;AAAA,wBACT;AAAA;AAAA,oBACD;AAAA,oBACA,4CAAC,UAAK,WAAU,yCACb,8BAAI,uBAAmB,GAC1B;AAAA,qBACD;AAAA,kBAEC,OACD,2EACC;AAAA,oBAAC;AAAA;AAAA,sBACA,MAAK;AAAA,sBACL,WAAU;AAAA,sBACV,MAAO;AAAA,sBACP,SAAU,CACT,UACI;AACJ,8BAAM,gBAAgB;AACtB,wCAAiB,CAAE;AAAA,sBACpB;AAAA;AAAA,kBACD,GACD;AAAA;AAAA;AAAA,YAEF;AAAA;AAAA,QACD;AAAA,MAEF;AAAA;AAAA,EACD,GACD,GACD;AAEF;",
+  "names": ["coreStore", "Grid"]
+}

package/build/fields/featured-image/featured-image-view.js

@@ -1,44 +1,51 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var featured_image_view_exports = {};
+__export(featured_image_view_exports, {
+  FeaturedImageView: () => FeaturedImageView
 });
-exports.FeaturedImageView = void 0;
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(featured_image_view_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 const FeaturedImageView = ({
   item,
   config
 }) => {
-  const mediaId = item.featured_media;
-  const media = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecord
-    } = select(_coreData.store);
-    return mediaId ? getEntityRecord('postType', 'attachment', mediaId) : null;
-  }, [mediaId]);
+  const media = item?._embedded?.["wp:featuredmedia"]?.[0];
   const url = media?.source_url;
   if (url) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-      className: "fields-controls__featured-image-image",
-      src: url,
-      alt: "",
-      srcSet: media?.media_details?.sizes ? Object.values(media.media_details.sizes).map(size => `${size.source_url} ${size.width}w`).join(', ') : undefined,
-      sizes: config?.sizes || '100vw'
-    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "img",
+      {
+        className: "fields-controls__featured-image-image",
+        src: url,
+        alt: "",
+        srcSet: media?.media_details?.sizes ? Object.values(media.media_details.sizes).map(
+          (size) => `${size.source_url} ${size.width}w`
+        ).join(", ") : void 0,
+        sizes: config?.sizes || "100vw"
+      }
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    className: "fields-controls__featured-image-placeholder"
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "fields-controls__featured-image-placeholder" });
 };
-exports.FeaturedImageView = FeaturedImageView;
-//# sourceMappingURL=featured-image-view.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  FeaturedImageView
+});
+//# sourceMappingURL=featured-image-view.js.map

package/build/fields/featured-image/featured-image-view.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_data","require","_coreData","_jsxRuntime","FeaturedImageView","item","config","mediaId","featured_media","media","useSelect","select","getEntityRecord","coreStore","url","source_url","jsx","className","src","alt","srcSet","media_details","sizes","Object","values","map","size","width","join","undefined","exports"],"sources":["@wordpress/fields/src/fields/featured-image/featured-image-view.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\n\nexport const FeaturedImageView = ( {\n\titem,\n\tconfig,\n}: DataViewRenderFieldProps< BasePost > ) => {\n\tconst mediaId = item.featured_media;\n\n\tconst media = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord } = select( coreStore );\n\t\t\treturn mediaId\n\t\t\t\t? getEntityRecord( 'postType', 'attachment', mediaId )\n\t\t\t\t: null;\n\t\t},\n\t\t[ mediaId ]\n\t);\n\tconst url = media?.source_url;\n\n\tif ( url ) {\n\t\treturn (\n\t\t\t<img\n\t\t\t\tclassName=\"fields-controls__featured-image-image\"\n\t\t\t\tsrc={ url }\n\t\t\t\talt=\"\"\n\t\t\t\tsrcSet={\n\t\t\t\t\tmedia?.media_details?.sizes\n\t\t\t\t\t\t? Object.values( media.media_details.sizes )\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( size: any ) =>\n\t\t\t\t\t\t\t\t\t\t`${ size.source_url } ${ size.width }w`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tsizes={ config?.sizes || '100vw' }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn <span className=\"fields-controls__featured-image-placeholder\" />;\n};\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAA0D,IAAAE,WAAA,GAAAF,OAAA;AAJ1D;AACA;AACA;;AAKA;AACA;AACA;;AAGO,MAAMG,iBAAiB,GAAGA,CAAE;EAClCC,IAAI;EACJC;AACqC,CAAC,KAAM;EAC5C,MAAMC,OAAO,GAAGF,IAAI,CAACG,cAAc;EAEnC,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,OAAON,OAAO,GACXK,eAAe,CAAE,UAAU,EAAE,YAAY,EAAEL,OAAQ,CAAC,GACpD,IAAI;EACR,CAAC,EACD,CAAEA,OAAO,CACV,CAAC;EACD,MAAMO,GAAG,GAAGL,KAAK,EAAEM,UAAU;EAE7B,IAAKD,GAAG,EAAG;IACV,oBACC,IAAAX,WAAA,CAAAa,GAAA;MACCC,SAAS,EAAC,uCAAuC;MACjDC,GAAG,EAAGJ,GAAK;MACXK,GAAG,EAAC,EAAE;MACNC,MAAM,EACLX,KAAK,EAAEY,aAAa,EAAEC,KAAK,GACxBC,MAAM,CAACC,MAAM,CAAEf,KAAK,CAACY,aAAa,CAACC,KAAM,CAAC,CACzCG,GAAG,CACDC,IAAS,IACV,GAAIA,IAAI,CAACX,UAAU,IAAMW,IAAI,CAACC,KAAK,GACrC,CAAC,CACAC,IAAI,CAAE,IAAK,CAAC,GACbC,SACH;MACDP,KAAK,EAAGhB,MAAM,EAAEgB,KAAK,IAAI;IAAS,CAClC,CAAC;EAEJ;EAEA,oBAAO,IAAAnB,WAAA,CAAAa,GAAA;IAAMC,SAAS,EAAC;EAA6C,CAAE,CAAC;AACxE,CAAC;AAACa,OAAA,CAAA1B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/featured-image/featured-image-view.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { DataViewRenderFieldProps } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport type { BasePostWithEmbeddedFeaturedMedia } from '../../types';\n\nexport const FeaturedImageView = ( {\n\titem,\n\tconfig,\n}: DataViewRenderFieldProps< BasePostWithEmbeddedFeaturedMedia > ) => {\n\tconst media = item?._embedded?.[ 'wp:featuredmedia' ]?.[ 0 ];\n\tconst url = media?.source_url;\n\n\tif ( url ) {\n\t\treturn (\n\t\t\t<img\n\t\t\t\tclassName=\"fields-controls__featured-image-image\"\n\t\t\t\tsrc={ url }\n\t\t\t\talt=\"\"\n\t\t\t\tsrcSet={\n\t\t\t\t\tmedia?.media_details?.sizes\n\t\t\t\t\t\t? Object.values( media.media_details.sizes )\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( size: any ) =>\n\t\t\t\t\t\t\t\t\t\t`${ size.source_url } ${ size.width }w`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ', ' )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tsizes={ config?.sizes || '100vw' }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn <span className=\"fields-controls__featured-image-placeholder\" />;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmBG;AATI,MAAM,oBAAoB,CAAE;AAAA,EAClC;AAAA,EACA;AACD,MAAsE;AACrE,QAAM,QAAQ,MAAM,YAAa,kBAAmB,IAAK,CAAE;AAC3D,QAAM,MAAM,OAAO;AAEnB,MAAK,KAAM;AACV,WACC;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,KAAM;AAAA,QACN,KAAI;AAAA,QACJ,QACC,OAAO,eAAe,QACnB,OAAO,OAAQ,MAAM,cAAc,KAAM,EACxC;AAAA,UACA,CAAE,SACD,GAAI,KAAK,UAAW,IAAK,KAAK,KAAM;AAAA,QACtC,EACC,KAAM,IAAK,IACZ;AAAA,QAEJ,OAAQ,QAAQ,SAAS;AAAA;AAAA,IAC1B;AAAA,EAEF;AAEA,SAAO,4CAAC,UAAK,WAAU,+CAA8C;AACtE;",
+  "names": []
+}

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

@@ -1,32 +1,37 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var featured_image_exports = {};
+__export(featured_image_exports, {
+  default: () => featured_image_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _featuredImageEdit = require("./featured-image-edit");
-var _featuredImageView = require("./featured-image-view");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(featured_image_exports);
+var import_i18n = require("@wordpress/i18n");
+var import_featured_image_edit = require("./featured-image-edit");
+var import_featured_image_view = require("./featured-image-view");
 const featuredImageField = {
-  id: 'featured_media',
-  type: 'media',
-  label: (0, _i18n.__)('Featured Image'),
-  Edit: _featuredImageEdit.FeaturedImageEdit,
-  render: _featuredImageView.FeaturedImageView,
+  id: "featured_media",
+  type: "media",
+  label: (0, import_i18n.__)("Featured Image"),
+  Edit: import_featured_image_edit.FeaturedImageEdit,
+  render: import_featured_image_view.FeaturedImageView,
   enableSorting: false,
   filterBy: false
 };
-
-/**
- * Featured Image field for BasePost.
- */
-var _default = exports.default = featuredImageField;
-//# sourceMappingURL=index.js.map
+var featured_image_default = featuredImageField;
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_featuredImageEdit","_featuredImageView","featuredImageField","id","type","label","__","Edit","FeaturedImageEdit","render","FeaturedImageView","enableSorting","filterBy","_default","exports","default"],"sources":["@wordpress/fields/src/fields/featured-image/index.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport { FeaturedImageEdit } from './featured-image-edit';\nimport { FeaturedImageView } from './featured-image-view';\n\nconst featuredImageField: Field< BasePost > = {\n\tid: 'featured_media',\n\ttype: 'media',\n\tlabel: __( 'Featured Image' ),\n\tEdit: FeaturedImageEdit,\n\trender: FeaturedImageView,\n\tenableSorting: false,\n\tfilterBy: false,\n};\n\n/**\n * Featured Image field for BasePost.\n */\nexport default featuredImageField;\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAMA,IAAAC,kBAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAMG,kBAAqC,GAAG;EAC7CC,EAAE,EAAE,gBAAgB;EACpBC,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE,IAAAC,QAAE,EAAE,gBAAiB,CAAC;EAC7BC,IAAI,EAAEC,oCAAiB;EACvBC,MAAM,EAAEC,oCAAiB;EACzBC,aAAa,EAAE,KAAK;EACpBC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeb,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/fields/featured-image/index.ts"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport type { BasePostWithEmbeddedFeaturedMedia } from '../../types';\nimport { FeaturedImageEdit } from './featured-image-edit';\nimport { FeaturedImageView } from './featured-image-view';\n\nconst featuredImageField: Field< BasePostWithEmbeddedFeaturedMedia > = {\n\tid: 'featured_media',\n\ttype: 'media',\n\tlabel: __( 'Featured Image' ),\n\tEdit: FeaturedImageEdit,\n\trender: FeaturedImageView,\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;AAMnB,iCAAkC;AAClC,iCAAkC;AAElC,MAAM,qBAAiE;AAAA,EACtE,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,WAAO,gBAAI,gBAAiB;AAAA,EAC5B,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,UAAU;AACX;AAKA,IAAO,yBAAQ;",
+  "names": []
+}