@wordpress/fields 0.19.0 → 0.19.1-next.46f643fa0.0

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

@@ -16,7 +16,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 
 const FeaturedImageView = ({
-  item
+  item,
+  config
 }) => {
   const mediaId = item.featured_media;
   const media = (0, _data.useSelect)(select => {
@@ -30,7 +31,9 @@ const FeaturedImageView = ({
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       className: "fields-controls__featured-image-image",
       src: url,
-      alt: ""
+      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, _jsxRuntime.jsx)("span", {

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

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_coreData","_jsxRuntime","FeaturedImageView","item","mediaId","featured_media","media","useSelect","select","getEntityRecord","coreStore","url","source_url","jsx","className","src","alt","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}: 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 ? getEntityRecord( 'root', 'media', mediaId ) : 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/>\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;AACqC,CAAC,KAAM;EAC5C,MAAMC,OAAO,GAAGD,IAAI,CAACE,cAAc;EAEnC,MAAMC,KAAK,GAAG,IAAAC,eAAS,EACpBC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAEE,eAAU,CAAC;IAC/C,OAAON,OAAO,GAAGK,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEL,OAAQ,CAAC,GAAG,IAAI;EACpE,CAAC,EACD,CAAEA,OAAO,CACV,CAAC;EACD,MAAMO,GAAG,GAAGL,KAAK,EAAEM,UAAU;EAE7B,IAAKD,GAAG,EAAG;IACV,oBACC,IAAAV,WAAA,CAAAY,GAAA;MACCC,SAAS,EAAC,uCAAuC;MACjDC,GAAG,EAAGJ,GAAK;MACXK,GAAG,EAAC;IAAE,CACN,CAAC;EAEJ;EAEA,oBAAO,IAAAf,WAAA,CAAAY,GAAA;IAAMC,SAAS,EAAC;EAA6C,CAAE,CAAC;AACxE,CAAC;AAACG,OAAA,CAAAf,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"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 ? getEntityRecord( 'root', 'media', mediaId ) : 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,GAAGK,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEL,OAAQ,CAAC,GAAG,IAAI;EACpE,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":[]}

package/build/fields/order/index.js

@@ -18,7 +18,10 @@ const orderField = {
   type: 'integer',
   label: (0, _i18n.__)('Order'),
   description: (0, _i18n.__)('Determines the order of pages.'),
-  filterBy: false
+  filterBy: false,
+  isValid: {
+    required: true
+  }
 };
 
 /**

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

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","orderField","id","type","label","__","description","filterBy","_default","exports","default"],"sources":["@wordpress/fields/src/fields/order/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';\n\nconst orderField: Field< BasePost > = {\n\tid: 'menu_order',\n\ttype: 'integer',\n\tlabel: __( 'Order' ),\n\tdescription: __( 'Determines the order of pages.' ),\n\tfilterBy: false,\n};\n\n/**\n * Order field for BasePost.\n */\nexport default orderField;\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMC,UAA6B,GAAG;EACrCC,EAAE,EAAE,YAAY;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,WAAW,EAAE,IAAAD,QAAE,EAAE,gCAAiC,CAAC;EACnDE,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeT,UAAU","ignoreList":[]}
+{"version":3,"names":["_i18n","require","orderField","id","type","label","__","description","filterBy","isValid","required","_default","exports","default"],"sources":["@wordpress/fields/src/fields/order/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';\n\nconst orderField: Field< BasePost > = {\n\tid: 'menu_order',\n\ttype: 'integer',\n\tlabel: __( 'Order' ),\n\tdescription: __( 'Determines the order of pages.' ),\n\tfilterBy: false,\n\tisValid: {\n\t\trequired: true,\n\t},\n};\n\n/**\n * Order field for BasePost.\n */\nexport default orderField;\n"],"mappings":";;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMC,UAA6B,GAAG;EACrCC,EAAE,EAAE,YAAY;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,OAAQ,CAAC;EACpBC,WAAW,EAAE,IAAAD,QAAE,EAAE,gCAAiC,CAAC;EACnDE,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE;IACRC,QAAQ,EAAE;EACX;AACD,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeX,UAAU","ignoreList":[]}

package/build/fields/password/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
 var _edit = _interopRequireDefault(require("./edit"));
 /**
  * WordPress dependencies
@@ -17,6 +18,7 @@ var _edit = _interopRequireDefault(require("./edit"));
 const passwordField = {
   id: 'password',
   type: 'text',
+  label: (0, _i18n.__)('Password'),
   Edit: _edit.default,
   enableSorting: false,
   enableHiding: false,

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

@@ -1 +1 @@
-{"version":3,"names":["_edit","_interopRequireDefault","require","passwordField","id","type","Edit","PasswordEdit","enableSorting","enableHiding","isVisible","item","status","filterBy","_default","exports","default"],"sources":["@wordpress/fields/src/fields/password/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport PasswordEdit from './edit';\n\nconst passwordField: Field< BasePost > = {\n\tid: 'password',\n\ttype: 'text',\n\tEdit: PasswordEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tisVisible: ( item ) => item.status !== 'private',\n\tfilterBy: false,\n};\n\n/**\n * Password field for BasePost.\n */\nexport default passwordField;\n"],"mappings":";;;;;;;AASA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIA,MAAMC,aAAgC,GAAG;EACxCC,EAAE,EAAE,UAAU;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAEC,aAAY;EAClBC,aAAa,EAAE,KAAK;EACpBC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,MAAM,KAAK,SAAS;EAChDC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGeb,aAAa","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_edit","_interopRequireDefault","passwordField","id","type","label","__","Edit","PasswordEdit","enableSorting","enableHiding","isVisible","item","status","filterBy","_default","exports","default"],"sources":["@wordpress/fields/src/fields/password/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';\nimport PasswordEdit from './edit';\n\nconst passwordField: Field< BasePost > = {\n\tid: 'password',\n\ttype: 'text',\n\tlabel: __( 'Password' ),\n\tEdit: PasswordEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tisVisible: ( item ) => item.status !== 'private',\n\tfilterBy: false,\n};\n\n/**\n * Password field for BasePost.\n */\nexport default passwordField;\n"],"mappings":";;;;;;;AAIA,IAAAA,KAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;;AAIA;AACA;AACA;;AAIA,MAAMG,aAAgC,GAAG;EACxCC,EAAE,EAAE,UAAU;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW,CAAC;EACvBC,IAAI,EAAEC,aAAY;EAClBC,aAAa,EAAE,KAAK;EACpBC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,MAAM,KAAK,SAAS;EAChDC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AAFA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAGef,aAAa","ignoreList":[]}

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

@@ -9,7 +9,8 @@ import { store as coreStore } from '@wordpress/core-data';
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const FeaturedImageView = ({
-  item
+  item,
+  config
 }) => {
   const mediaId = item.featured_media;
   const media = useSelect(select => {
@@ -23,7 +24,9 @@ export const FeaturedImageView = ({
     return /*#__PURE__*/_jsx("img", {
       className: "fields-controls__featured-image-image",
       src: url,
-      alt: ""
+      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__*/_jsx("span", {

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

@@ -1 +1 @@
-{"version":3,"names":["useSelect","store","coreStore","jsx","_jsx","FeaturedImageView","item","mediaId","featured_media","media","select","getEntityRecord","url","source_url","className","src","alt"],"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}: 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 ? getEntityRecord( 'root', 'media', mediaId ) : 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/>\n\t\t);\n\t}\n\n\treturn <span className=\"fields-controls__featured-image-placeholder\" />;\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAGzD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,MAAMC,iBAAiB,GAAGA,CAAE;EAClCC;AACqC,CAAC,KAAM;EAC5C,MAAMC,OAAO,GAAGD,IAAI,CAACE,cAAc;EAEnC,MAAMC,KAAK,GAAGT,SAAS,CACpBU,MAAM,IAAM;IACb,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAER,SAAU,CAAC;IAC/C,OAAOK,OAAO,GAAGI,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEJ,OAAQ,CAAC,GAAG,IAAI;EACpE,CAAC,EACD,CAAEA,OAAO,CACV,CAAC;EACD,MAAMK,GAAG,GAAGH,KAAK,EAAEI,UAAU;EAE7B,IAAKD,GAAG,EAAG;IACV,oBACCR,IAAA;MACCU,SAAS,EAAC,uCAAuC;MACjDC,GAAG,EAAGH,GAAK;MACXI,GAAG,EAAC;IAAE,CACN,CAAC;EAEJ;EAEA,oBAAOZ,IAAA;IAAMU,SAAS,EAAC;EAA6C,CAAE,CAAC;AACxE,CAAC","ignoreList":[]}
+{"version":3,"names":["useSelect","store","coreStore","jsx","_jsx","FeaturedImageView","item","config","mediaId","featured_media","media","select","getEntityRecord","url","source_url","className","src","alt","srcSet","media_details","sizes","Object","values","map","size","width","join","undefined"],"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 ? getEntityRecord( 'root', 'media', mediaId ) : 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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,KAAK,IAAIC,SAAS,QAAQ,sBAAsB;;AAGzD;AACA;AACA;AAFA,SAAAC,GAAA,IAAAC,IAAA;AAKA,OAAO,MAAMC,iBAAiB,GAAGA,CAAE;EAClCC,IAAI;EACJC;AACqC,CAAC,KAAM;EAC5C,MAAMC,OAAO,GAAGF,IAAI,CAACG,cAAc;EAEnC,MAAMC,KAAK,GAAGV,SAAS,CACpBW,MAAM,IAAM;IACb,MAAM;MAAEC;IAAgB,CAAC,GAAGD,MAAM,CAAET,SAAU,CAAC;IAC/C,OAAOM,OAAO,GAAGI,eAAe,CAAE,MAAM,EAAE,OAAO,EAAEJ,OAAQ,CAAC,GAAG,IAAI;EACpE,CAAC,EACD,CAAEA,OAAO,CACV,CAAC;EACD,MAAMK,GAAG,GAAGH,KAAK,EAAEI,UAAU;EAE7B,IAAKD,GAAG,EAAG;IACV,oBACCT,IAAA;MACCW,SAAS,EAAC,uCAAuC;MACjDC,GAAG,EAAGH,GAAK;MACXI,GAAG,EAAC,EAAE;MACNC,MAAM,EACLR,KAAK,EAAES,aAAa,EAAEC,KAAK,GACxBC,MAAM,CAACC,MAAM,CAAEZ,KAAK,CAACS,aAAa,CAACC,KAAM,CAAC,CACzCG,GAAG,CACDC,IAAS,IACV,GAAIA,IAAI,CAACV,UAAU,IAAMU,IAAI,CAACC,KAAK,GACrC,CAAC,CACAC,IAAI,CAAE,IAAK,CAAC,GACbC,SACH;MACDP,KAAK,EAAGb,MAAM,EAAEa,KAAK,IAAI;IAAS,CAClC,CAAC;EAEJ;EAEA,oBAAOhB,IAAA;IAAMW,SAAS,EAAC;EAA6C,CAAE,CAAC;AACxE,CAAC","ignoreList":[]}

package/build-module/fields/order/index.js

@@ -13,7 +13,10 @@ const orderField = {
   type: 'integer',
   label: __('Order'),
   description: __('Determines the order of pages.'),
-  filterBy: false
+  filterBy: false,
+  isValid: {
+    required: true
+  }
 };
 
 /**

package/build-module/fields/order/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","orderField","id","type","label","description","filterBy"],"sources":["@wordpress/fields/src/fields/order/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';\n\nconst orderField: Field< BasePost > = {\n\tid: 'menu_order',\n\ttype: 'integer',\n\tlabel: __( 'Order' ),\n\tdescription: __( 'Determines the order of pages.' ),\n\tfilterBy: false,\n};\n\n/**\n * Order field for BasePost.\n */\nexport default orderField;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;;AAGA,MAAMC,UAA6B,GAAG;EACrCC,EAAE,EAAE,YAAY;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAEJ,EAAE,CAAE,OAAQ,CAAC;EACpBK,WAAW,EAAEL,EAAE,CAAE,gCAAiC,CAAC;EACnDM,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA,eAAeL,UAAU","ignoreList":[]}
+{"version":3,"names":["__","orderField","id","type","label","description","filterBy","isValid","required"],"sources":["@wordpress/fields/src/fields/order/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';\n\nconst orderField: Field< BasePost > = {\n\tid: 'menu_order',\n\ttype: 'integer',\n\tlabel: __( 'Order' ),\n\tdescription: __( 'Determines the order of pages.' ),\n\tfilterBy: false,\n\tisValid: {\n\t\trequired: true,\n\t},\n};\n\n/**\n * Order field for BasePost.\n */\nexport default orderField;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;;AAGA,MAAMC,UAA6B,GAAG;EACrCC,EAAE,EAAE,YAAY;EAChBC,IAAI,EAAE,SAAS;EACfC,KAAK,EAAEJ,EAAE,CAAE,OAAQ,CAAC;EACpBK,WAAW,EAAEL,EAAE,CAAE,gCAAiC,CAAC;EACnDM,QAAQ,EAAE,KAAK;EACfC,OAAO,EAAE;IACRC,QAAQ,EAAE;EACX;AACD,CAAC;;AAED;AACA;AACA;AACA,eAAeP,UAAU","ignoreList":[]}

package/build-module/fields/password/index.js

@@ -2,6 +2,8 @@
  * WordPress dependencies
  */
 
+import { __ } from '@wordpress/i18n';
+
 /**
  * Internal dependencies
  */
@@ -10,6 +12,7 @@ import PasswordEdit from './edit';
 const passwordField = {
   id: 'password',
   type: 'text',
+  label: __('Password'),
   Edit: PasswordEdit,
   enableSorting: false,
   enableHiding: false,

package/build-module/fields/password/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["PasswordEdit","passwordField","id","type","Edit","enableSorting","enableHiding","isVisible","item","status","filterBy"],"sources":["@wordpress/fields/src/fields/password/index.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport type { Field } from '@wordpress/dataviews';\n\n/**\n * Internal dependencies\n */\nimport type { BasePost } from '../../types';\nimport PasswordEdit from './edit';\n\nconst passwordField: Field< BasePost > = {\n\tid: 'password',\n\ttype: 'text',\n\tEdit: PasswordEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tisVisible: ( item ) => item.status !== 'private',\n\tfilterBy: false,\n};\n\n/**\n * Password field for BasePost.\n */\nexport default passwordField;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,OAAOA,YAAY,MAAM,QAAQ;AAEjC,MAAMC,aAAgC,GAAG;EACxCC,EAAE,EAAE,UAAU;EACdC,IAAI,EAAE,MAAM;EACZC,IAAI,EAAEJ,YAAY;EAClBK,aAAa,EAAE,KAAK;EACpBC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,MAAM,KAAK,SAAS;EAChDC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA,eAAeT,aAAa","ignoreList":[]}
+{"version":3,"names":["__","PasswordEdit","passwordField","id","type","label","Edit","enableSorting","enableHiding","isVisible","item","status","filterBy"],"sources":["@wordpress/fields/src/fields/password/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';\nimport PasswordEdit from './edit';\n\nconst passwordField: Field< BasePost > = {\n\tid: 'password',\n\ttype: 'text',\n\tlabel: __( 'Password' ),\n\tEdit: PasswordEdit,\n\tenableSorting: false,\n\tenableHiding: false,\n\tisVisible: ( item ) => item.status !== 'private',\n\tfilterBy: false,\n};\n\n/**\n * Password field for BasePost.\n */\nexport default passwordField;\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;;AAEA,OAAOC,YAAY,MAAM,QAAQ;AAEjC,MAAMC,aAAgC,GAAG;EACxCC,EAAE,EAAE,UAAU;EACdC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAEL,EAAE,CAAE,UAAW,CAAC;EACvBM,IAAI,EAAEL,YAAY;EAClBM,aAAa,EAAE,KAAK;EACpBC,YAAY,EAAE,KAAK;EACnBC,SAAS,EAAIC,IAAI,IAAMA,IAAI,CAACC,MAAM,KAAK,SAAS;EAChDC,QAAQ,EAAE;AACX,CAAC;;AAED;AACA;AACA;AACA,eAAeV,aAAa","ignoreList":[]}

package/build-style/style-rtl.css

@@ -392,11 +392,28 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: 16px;
 }
 
-.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-image,
-.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-placeholder {
+.dataviews-view-grid__media .fields-controls__featured-image-image,
+.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-image,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+  width: 100%;
+  height: 100%;
+  display: block;
+  border-radius: 4px;
+}
+.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+  box-shadow: none;
+  background: #f0f0f0;
+}
+
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder {
   width: 32px;
   height: 32px;
-  display: block;
 }
 
 .fields-controls__template-modal {

package/build-style/style.css

@@ -392,11 +392,28 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   height: 16px;
 }
 
-.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-image,
-.dataviews-view-table__cell-content-wrapper .fields-controls__featured-image-placeholder {
+.dataviews-view-grid__media .fields-controls__featured-image-image,
+.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-image,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+  width: 100%;
+  height: 100%;
+  display: block;
+  border-radius: 4px;
+}
+.dataviews-view-grid__media .fields-controls__featured-image-placeholder,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder,
+.dataviews-view-list__media-wrapper .fields-controls__featured-image-placeholder {
+  box-shadow: none;
+  background: #f0f0f0;
+}
+
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-image,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media .fields-controls__featured-image-placeholder {
   width: 32px;
   height: 32px;
-  display: block;
 }
 
 .fields-controls__template-modal {

package/build-types/fields/featured-image/featured-image-view.d.ts

@@ -3,5 +3,5 @@ import type { DataViewRenderFieldProps } from '@wordpress/dataviews';
  * Internal dependencies
  */
 import type { BasePost } from '../../types';
-export declare const FeaturedImageView: ({ item, }: DataViewRenderFieldProps<BasePost>) => import("react").JSX.Element;
+export declare const FeaturedImageView: ({ item, config, }: DataViewRenderFieldProps<BasePost>) => import("react").JSX.Element;
 //# sourceMappingURL=featured-image-view.d.ts.map

package/build-types/fields/featured-image/featured-image-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"featured-image-view.d.ts","sourceRoot":"","sources":["../../../src/fields/featured-image/featured-image-view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,iBAAiB,cAE3B,wBAAwB,CAAE,QAAQ,CAAE,gCAuBtC,CAAC"}
+{"version":3,"file":"featured-image-view.d.ts","sourceRoot":"","sources":["../../../src/fields/featured-image/featured-image-view.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAErE;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,iBAAiB,sBAG3B,wBAAwB,CAAE,QAAQ,CAAE,gCAkCtC,CAAC"}

package/build-types/fields/order/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/order/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAE,QAAQ,CAMhC,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/order/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,QAAA,MAAM,UAAU,EAAE,KAAK,CAAE,QAAQ,CAShC,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}

package/build-types/fields/password/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/password/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAE,QAAQ,CAQnC,CAAC;AAEF;;GAEG;AACH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/password/index.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,QAAA,MAAM,aAAa,EAAE,KAAK,CAAE,QAAQ,CASnC,CAAC;AAEF;;GAEG;AACH,eAAe,aAAa,CAAC"}

package/build-types/fields/status/status-elements.d.ts

@@ -1,31 +1,31 @@
 declare const STATUSES: ({
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Draft">;
+    label: import("@wordpress/i18n").TranslatableText<"Draft">;
     icon: import("react").JSX.Element;
-    description: import("@wordpress/i18n/build-types/types").TranslatableText<"Not ready to publish.">;
+    description: import("@wordpress/i18n").TranslatableText<"Not ready to publish.">;
 } | {
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Scheduled">;
+    label: import("@wordpress/i18n").TranslatableText<"Scheduled">;
     icon: import("react").JSX.Element;
-    description: import("@wordpress/i18n/build-types/types").TranslatableText<"Publish automatically on a chosen date.">;
+    description: import("@wordpress/i18n").TranslatableText<"Publish automatically on a chosen date.">;
 } | {
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Pending Review">;
+    label: import("@wordpress/i18n").TranslatableText<"Pending Review">;
     icon: import("react").JSX.Element;
-    description: import("@wordpress/i18n/build-types/types").TranslatableText<"Waiting for review before publishing.">;
+    description: import("@wordpress/i18n").TranslatableText<"Waiting for review before publishing.">;
 } | {
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Private">;
+    label: import("@wordpress/i18n").TranslatableText<"Private">;
     icon: import("react").JSX.Element;
-    description: import("@wordpress/i18n/build-types/types").TranslatableText<"Only visible to site admins and editors.">;
+    description: import("@wordpress/i18n").TranslatableText<"Only visible to site admins and editors.">;
 } | {
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Published">;
+    label: import("@wordpress/i18n").TranslatableText<"Published">;
     icon: import("react").JSX.Element;
-    description: import("@wordpress/i18n/build-types/types").TranslatableText<"Visible to everyone.">;
+    description: import("@wordpress/i18n").TranslatableText<"Visible to everyone.">;
 } | {
     value: string;
-    label: import("@wordpress/i18n/build-types/types").TranslatableText<"Trash">;
+    label: import("@wordpress/i18n").TranslatableText<"Trash">;
     icon: import("react").JSX.Element;
     description?: undefined;
 })[];

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/fields",
-	"version": "0.19.0",
+	"version": "0.19.1-next.46f643fa0.0",
 	"description": "DataViews is a component that provides an API to render datasets using different types of layouts (table, grid, list, etc.).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,29 +33,29 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
-		"@wordpress/api-fetch": "^7.27.0",
-		"@wordpress/blob": "^4.27.0",
-		"@wordpress/block-editor": "^15.0.0",
-		"@wordpress/blocks": "^15.0.0",
-		"@wordpress/components": "^30.0.0",
-		"@wordpress/compose": "^7.27.0",
-		"@wordpress/core-data": "^7.27.0",
-		"@wordpress/data": "^10.27.0",
-		"@wordpress/dataviews": "^5.0.0",
-		"@wordpress/date": "^5.27.0",
-		"@wordpress/element": "^6.27.0",
-		"@wordpress/hooks": "^4.27.0",
-		"@wordpress/html-entities": "^4.27.0",
-		"@wordpress/i18n": "^6.0.0",
-		"@wordpress/icons": "^10.27.0",
-		"@wordpress/media-utils": "^5.27.0",
-		"@wordpress/notices": "^5.27.0",
-		"@wordpress/patterns": "^2.27.0",
-		"@wordpress/primitives": "^4.27.0",
-		"@wordpress/private-apis": "^1.27.0",
-		"@wordpress/router": "^1.27.0",
-		"@wordpress/url": "^4.27.0",
-		"@wordpress/warning": "^3.27.0",
+		"@wordpress/api-fetch": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/blob": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/block-editor": "^15.0.1-next.46f643fa0.0",
+		"@wordpress/blocks": "^15.0.1-next.46f643fa0.0",
+		"@wordpress/components": "^30.1.1-next.46f643fa0.0",
+		"@wordpress/compose": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/core-data": "^7.27.1-next.46f643fa0.0",
+		"@wordpress/data": "^10.27.1-next.46f643fa0.0",
+		"@wordpress/dataviews": "^6.0.1-next.46f643fa0.0",
+		"@wordpress/date": "^5.27.1-next.46f643fa0.0",
+		"@wordpress/element": "^6.27.1-next.46f643fa0.0",
+		"@wordpress/hooks": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/html-entities": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/i18n": "^6.0.1-next.46f643fa0.0",
+		"@wordpress/icons": "^10.27.2-next.46f643fa0.0",
+		"@wordpress/media-utils": "^5.27.1-next.46f643fa0.0",
+		"@wordpress/notices": "^5.27.1-next.46f643fa0.0",
+		"@wordpress/patterns": "^2.27.1-next.46f643fa0.0",
+		"@wordpress/primitives": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/private-apis": "^1.27.1-next.46f643fa0.0",
+		"@wordpress/router": "^1.27.1-next.46f643fa0.0",
+		"@wordpress/url": "^4.27.1-next.46f643fa0.0",
+		"@wordpress/warning": "^3.27.1-next.46f643fa0.0",
 		"change-case": "4.1.2",
 		"client-zip": "^2.4.5",
 		"clsx": "2.1.1",
@@ -67,5 +67,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "abe06a6f2aef8d03c30ea9d5b3e133f041e523b1"
+	"gitHead": "17e600e091675c5e3d809adfea23ac456bbeae19"
 }

package/src/fields/featured-image/featured-image-view.tsx

@@ -12,6 +12,7 @@ import type { BasePost } from '../../types';
 
 export const FeaturedImageView = ( {
 	item,
+	config,
 }: DataViewRenderFieldProps< BasePost > ) => {
 	const mediaId = item.featured_media;
 
@@ -30,6 +31,17 @@ export const FeaturedImageView = ( {
 				className="fields-controls__featured-image-image"
 				src={ url }
 				alt=""
+				srcSet={
+					media?.media_details?.sizes
+						? Object.values( media.media_details.sizes )
+								.map(
+									( size: any ) =>
+										`${ size.source_url } ${ size.width }w`
+								)
+								.join( ', ' )
+						: undefined
+				}
+				sizes={ config?.sizes || '100vw' }
 			/>
 		);
 	}

package/src/fields/featured-image/style.scss

@@ -82,11 +82,27 @@ fieldset.fields-controls__featured-image {
 	}
 }
 
-.dataviews-view-table__cell-content-wrapper {
+.dataviews-view-grid__media,
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media,
+.dataviews-view-list__media-wrapper {
+	.fields-controls__featured-image-image,
+	.fields-controls__featured-image-placeholder {
+		width: 100%;
+		height: 100%;
+		display: block;
+		border-radius: $radius-medium;
+	}
+
+	.fields-controls__featured-image-placeholder {
+		box-shadow: none;
+		background: $gray-100;
+	}
+}
+
+.dataviews-view-table__cell-content-wrapper.dataviews-column-primary__media {
 	.fields-controls__featured-image-image,
 	.fields-controls__featured-image-placeholder {
 		width: 32px;
 		height: 32px;
-		display: block;
 	}
 }

package/src/fields/order/index.ts

@@ -15,6 +15,9 @@ const orderField: Field< BasePost > = {
 	label: __( 'Order' ),
 	description: __( 'Determines the order of pages.' ),
 	filterBy: false,
+	isValid: {
+		required: true,
+	},
 };
 
 /**

package/src/fields/password/index.tsx

@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import type { Field } from '@wordpress/dataviews';
+import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -12,6 +13,7 @@ import PasswordEdit from './edit';
 const passwordField: Field< BasePost > = {
 	id: 'password',
 	type: 'text',
+	label: __( 'Password' ),
 	Edit: PasswordEdit,
 	enableSorting: false,
 	enableHiding: false,