@wordpress/edit-site 6.37.1-next.79a2f3cdd.0 → 6.37.1-next.ba3aee3a2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.cjs +6 -1
  2. package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.cjs.map +3 -3
  3. package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.mjs +6 -1
  4. package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.mjs.map +2 -2
  5. package/build-style/style-rtl.css +105 -1
  6. package/build-style/style.css +105 -1
  7. package/package.json +46 -46
  8. package/src/components/sidebar-navigation-screen-patterns/use-template-part-areas.js +7 -1
package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.cjs CHANGED
@@ -25,7 +25,12 @@ __export(use_template_part_areas_exports, {
25
25
  module.exports = __toCommonJS(use_template_part_areas_exports);
26
26
  var import_core_data = require("@wordpress/core-data");
27
27
  var import_data = require("@wordpress/data");
28
+ var import_block_library = require("@wordpress/block-library");
28
29
  var import_constants = require("../../utils/constants.cjs");
30
+ var import_lock_unlock = require("../../lock-unlock.cjs");
31
+ var { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } = (0, import_lock_unlock.unlock)(
32
+ import_block_library.privateApis
33
+ );
29
34
  var useTemplatePartsGroupedByArea = (items) => {
30
35
  const allItems = items || [];
31
36
  const templatePartAreas = (0, import_data.useSelect)(
@@ -37,7 +42,7 @@ var useTemplatePartsGroupedByArea = (items) => {
37
42
  footer: {},
38
43
  sidebar: {},
39
44
  uncategorized: {},
40
- overlay: {}
45
+ [NAVIGATION_OVERLAY_TEMPLATE_PART_AREA]: {}
41
46
  };
42
47
  templatePartAreas.forEach(
43
48
  (templatePartArea) => knownAreas[templatePartArea.area] = {
package/build/components/sidebar-navigation-screen-patterns/use-template-part-areas.cjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/sidebar-navigation-screen-patterns/use-template-part-areas.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst useTemplatePartsGroupedByArea = ( items ) => {\n\tconst allItems = items || [];\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentTheme()\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\t// Create map of template areas ensuring that default areas are displayed before\n\t// any custom registered template part areas.\n\tconst knownAreas = {\n\t\theader: {},\n\t\tfooter: {},\n\t\tsidebar: {},\n\t\tuncategorized: {},\n\t\toverlay: {},\n\t};\n\n\ttemplatePartAreas.forEach(\n\t\t( templatePartArea ) =>\n\t\t\t( knownAreas[ templatePartArea.area ] = {\n\t\t\t\t...templatePartArea,\n\t\t\t\ttemplateParts: [],\n\t\t\t} )\n\t);\n\n\tconst groupedByArea = allItems.reduce( ( accumulator, item ) => {\n\t\tconst key = accumulator[ item.area ]\n\t\t\t? item.area\n\t\t\t: TEMPLATE_PART_AREA_DEFAULT_CATEGORY;\n\t\taccumulator[ key ]?.templateParts?.push( item );\n\t\treturn accumulator;\n\t}, knownAreas );\n\n\treturn groupedByArea;\n};\n\nexport default function useTemplatePartAreas() {\n\tconst { records: templateParts, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\treturn {\n\t\thasTemplateParts: templateParts ? !! templateParts.length : false,\n\t\tisLoading,\n\t\ttemplatePartAreas: useTemplatePartsGroupedByArea( templateParts ),\n\t};\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAqD;AACrD,kBAA0B;AAK1B,uBAGO;AAEP,IAAM,gCAAgC,CAAE,UAAW;AAClD,QAAM,WAAW,SAAS,CAAC;AAE3B,QAAM,wBAAoB;AAAA,IACzB,CAAE,WACD,OAAQ,iBAAAA,KAAU,EAAE,gBAAgB,GACjC,+BAA+B,CAAC;AAAA,IACpC,CAAC;AAAA,EACF;AAIA,QAAM,aAAa;AAAA,IAClB,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,eAAe,CAAC;AAAA,IAChB,SAAS,CAAC;AAAA,EACX;AAEA,oBAAkB;AAAA,IACjB,CAAE,qBACC,WAAY,iBAAiB,IAAK,IAAI;AAAA,MACvC,GAAG;AAAA,MACH,eAAe,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,gBAAgB,SAAS,OAAQ,CAAE,aAAa,SAAU;AAC/D,UAAM,MAAM,YAAa,KAAK,IAAK,IAChC,KAAK,OACL;AACH,gBAAa,GAAI,GAAG,eAAe,KAAM,IAAK;AAC9C,WAAO;AAAA,EACR,GAAG,UAAW;AAEd,SAAO;AACR;AAEe,SAAR,uBAAwC;AAC9C,QAAM,EAAE,SAAS,eAAe,aAAa,UAAU,QAAI;AAAA,IAC1D;AAAA,IACA;AAAA,IACA,EAAE,UAAU,GAAG;AAAA,EAChB;AAEA,SAAO;AAAA,IACN,kBAAkB,gBAAgB,CAAC,CAAE,cAAc,SAAS;AAAA,IAC5D;AAAA,IACA,mBAAmB,8BAA+B,aAAc;AAAA,EACjE;AACD;",
6
- "names": ["coreStore"]
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } = unlock(\n\tblockLibraryPrivateApis\n);\n\nconst useTemplatePartsGroupedByArea = ( items ) => {\n\tconst allItems = items || [];\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentTheme()\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\t// Create map of template areas ensuring that default areas are displayed before\n\t// any custom registered template part areas.\n\tconst knownAreas = {\n\t\theader: {},\n\t\tfooter: {},\n\t\tsidebar: {},\n\t\tuncategorized: {},\n\t\t[ NAVIGATION_OVERLAY_TEMPLATE_PART_AREA ]: {},\n\t};\n\n\ttemplatePartAreas.forEach(\n\t\t( templatePartArea ) =>\n\t\t\t( knownAreas[ templatePartArea.area ] = {\n\t\t\t\t...templatePartArea,\n\t\t\t\ttemplateParts: [],\n\t\t\t} )\n\t);\n\n\tconst groupedByArea = allItems.reduce( ( accumulator, item ) => {\n\t\tconst key = accumulator[ item.area ]\n\t\t\t? item.area\n\t\t\t: TEMPLATE_PART_AREA_DEFAULT_CATEGORY;\n\t\taccumulator[ key ]?.templateParts?.push( item );\n\t\treturn accumulator;\n\t}, knownAreas );\n\n\treturn groupedByArea;\n};\n\nexport default function useTemplatePartAreas() {\n\tconst { records: templateParts, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\treturn {\n\t\thasTemplateParts: templateParts ? !! templateParts.length : false,\n\t\tisLoading,\n\t\ttemplatePartAreas: useTemplatePartsGroupedByArea( templateParts ),\n\t};\n}\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,uBAAqD;AACrD,kBAA0B;AAC1B,2BAAuD;AAKvD,uBAGO;AACP,yBAAuB;AAEvB,IAAM,EAAE,sCAAsC,QAAI;AAAA,EACjD,qBAAAA;AACD;AAEA,IAAM,gCAAgC,CAAE,UAAW;AAClD,QAAM,WAAW,SAAS,CAAC;AAE3B,QAAM,wBAAoB;AAAA,IACzB,CAAE,WACD,OAAQ,iBAAAC,KAAU,EAAE,gBAAgB,GACjC,+BAA+B,CAAC;AAAA,IACpC,CAAC;AAAA,EACF;AAIA,QAAM,aAAa;AAAA,IAClB,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,eAAe,CAAC;AAAA,IAChB,CAAE,qCAAsC,GAAG,CAAC;AAAA,EAC7C;AAEA,oBAAkB;AAAA,IACjB,CAAE,qBACC,WAAY,iBAAiB,IAAK,IAAI;AAAA,MACvC,GAAG;AAAA,MACH,eAAe,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,gBAAgB,SAAS,OAAQ,CAAE,aAAa,SAAU;AAC/D,UAAM,MAAM,YAAa,KAAK,IAAK,IAChC,KAAK,OACL;AACH,gBAAa,GAAI,GAAG,eAAe,KAAM,IAAK;AAC9C,WAAO;AAAA,EACR,GAAG,UAAW;AAEd,SAAO;AACR;AAEe,SAAR,uBAAwC;AAC9C,QAAM,EAAE,SAAS,eAAe,aAAa,UAAU,QAAI;AAAA,IAC1D;AAAA,IACA;AAAA,IACA,EAAE,UAAU,GAAG;AAAA,EAChB;AAEA,SAAO;AAAA,IACN,kBAAkB,gBAAgB,CAAC,CAAE,cAAc,SAAS;AAAA,IAC5D;AAAA,IACA,mBAAmB,8BAA+B,aAAc;AAAA,EACjE;AACD;",
6
+ "names": ["blockLibraryPrivateApis", "coreStore"]
7
7
  }
package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.mjs CHANGED
@@ -1,10 +1,15 @@
1
1
  // packages/edit-site/src/components/sidebar-navigation-screen-patterns/use-template-part-areas.js
2
2
  import { useEntityRecords, store as coreStore } from "@wordpress/core-data";
3
3
  import { useSelect } from "@wordpress/data";
4
+ import { privateApis as blockLibraryPrivateApis } from "@wordpress/block-library";
4
5
  import {
5
6
  TEMPLATE_PART_AREA_DEFAULT_CATEGORY,
6
7
  TEMPLATE_PART_POST_TYPE
7
8
  } from "../../utils/constants.mjs";
9
+ import { unlock } from "../../lock-unlock.mjs";
10
+ var { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } = unlock(
11
+ blockLibraryPrivateApis
12
+ );
8
13
  var useTemplatePartsGroupedByArea = (items) => {
9
14
  const allItems = items || [];
10
15
  const templatePartAreas = useSelect(
@@ -16,7 +21,7 @@ var useTemplatePartsGroupedByArea = (items) => {
16
21
  footer: {},
17
22
  sidebar: {},
18
23
  uncategorized: {},
19
- overlay: {}
24
+ [NAVIGATION_OVERLAY_TEMPLATE_PART_AREA]: {}
20
25
  };
21
26
  templatePartAreas.forEach(
22
27
  (templatePartArea) => knownAreas[templatePartArea.area] = {
package/build-module/components/sidebar-navigation-screen-patterns/use-template-part-areas.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/sidebar-navigation-screen-patterns/use-template-part-areas.js"],
4
- "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\n\nconst useTemplatePartsGroupedByArea = ( items ) => {\n\tconst allItems = items || [];\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentTheme()\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\t// Create map of template areas ensuring that default areas are displayed before\n\t// any custom registered template part areas.\n\tconst knownAreas = {\n\t\theader: {},\n\t\tfooter: {},\n\t\tsidebar: {},\n\t\tuncategorized: {},\n\t\toverlay: {},\n\t};\n\n\ttemplatePartAreas.forEach(\n\t\t( templatePartArea ) =>\n\t\t\t( knownAreas[ templatePartArea.area ] = {\n\t\t\t\t...templatePartArea,\n\t\t\t\ttemplateParts: [],\n\t\t\t} )\n\t);\n\n\tconst groupedByArea = allItems.reduce( ( accumulator, item ) => {\n\t\tconst key = accumulator[ item.area ]\n\t\t\t? item.area\n\t\t\t: TEMPLATE_PART_AREA_DEFAULT_CATEGORY;\n\t\taccumulator[ key ]?.templateParts?.push( item );\n\t\treturn accumulator;\n\t}, knownAreas );\n\n\treturn groupedByArea;\n};\n\nexport default function useTemplatePartAreas() {\n\tconst { records: templateParts, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\treturn {\n\t\thasTemplateParts: templateParts ? !! templateParts.length : false,\n\t\tisLoading,\n\t\ttemplatePartAreas: useTemplatePartsGroupedByArea( templateParts ),\n\t};\n}\n"],
5
- "mappings": ";AAGA,SAAS,kBAAkB,SAAS,iBAAiB;AACrD,SAAS,iBAAiB;AAK1B;AAAA,EACC;AAAA,EACA;AAAA,OACM;AAEP,IAAM,gCAAgC,CAAE,UAAW;AAClD,QAAM,WAAW,SAAS,CAAC;AAE3B,QAAM,oBAAoB;AAAA,IACzB,CAAE,WACD,OAAQ,SAAU,EAAE,gBAAgB,GACjC,+BAA+B,CAAC;AAAA,IACpC,CAAC;AAAA,EACF;AAIA,QAAM,aAAa;AAAA,IAClB,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,eAAe,CAAC;AAAA,IAChB,SAAS,CAAC;AAAA,EACX;AAEA,oBAAkB;AAAA,IACjB,CAAE,qBACC,WAAY,iBAAiB,IAAK,IAAI;AAAA,MACvC,GAAG;AAAA,MACH,eAAe,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,gBAAgB,SAAS,OAAQ,CAAE,aAAa,SAAU;AAC/D,UAAM,MAAM,YAAa,KAAK,IAAK,IAChC,KAAK,OACL;AACH,gBAAa,GAAI,GAAG,eAAe,KAAM,IAAK;AAC9C,WAAO;AAAA,EACR,GAAG,UAAW;AAEd,SAAO;AACR;AAEe,SAAR,uBAAwC;AAC9C,QAAM,EAAE,SAAS,eAAe,aAAa,UAAU,IAAI;AAAA,IAC1D;AAAA,IACA;AAAA,IACA,EAAE,UAAU,GAAG;AAAA,EAChB;AAEA,SAAO;AAAA,IACN,kBAAkB,gBAAgB,CAAC,CAAE,cAAc,SAAS;AAAA,IAC5D;AAAA,IACA,mBAAmB,8BAA+B,aAAc;AAAA,EACjE;AACD;",
4
+ "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEntityRecords, store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tTEMPLATE_PART_POST_TYPE,\n} from '../../utils/constants';\nimport { unlock } from '../../lock-unlock';\n\nconst { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } = unlock(\n\tblockLibraryPrivateApis\n);\n\nconst useTemplatePartsGroupedByArea = ( items ) => {\n\tconst allItems = items || [];\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getCurrentTheme()\n\t\t\t\t?.default_template_part_areas || [],\n\t\t[]\n\t);\n\n\t// Create map of template areas ensuring that default areas are displayed before\n\t// any custom registered template part areas.\n\tconst knownAreas = {\n\t\theader: {},\n\t\tfooter: {},\n\t\tsidebar: {},\n\t\tuncategorized: {},\n\t\t[ NAVIGATION_OVERLAY_TEMPLATE_PART_AREA ]: {},\n\t};\n\n\ttemplatePartAreas.forEach(\n\t\t( templatePartArea ) =>\n\t\t\t( knownAreas[ templatePartArea.area ] = {\n\t\t\t\t...templatePartArea,\n\t\t\t\ttemplateParts: [],\n\t\t\t} )\n\t);\n\n\tconst groupedByArea = allItems.reduce( ( accumulator, item ) => {\n\t\tconst key = accumulator[ item.area ]\n\t\t\t? item.area\n\t\t\t: TEMPLATE_PART_AREA_DEFAULT_CATEGORY;\n\t\taccumulator[ key ]?.templateParts?.push( item );\n\t\treturn accumulator;\n\t}, knownAreas );\n\n\treturn groupedByArea;\n};\n\nexport default function useTemplatePartAreas() {\n\tconst { records: templateParts, isResolving: isLoading } = useEntityRecords(\n\t\t'postType',\n\t\tTEMPLATE_PART_POST_TYPE,\n\t\t{ per_page: -1 }\n\t);\n\n\treturn {\n\t\thasTemplateParts: templateParts ? !! templateParts.length : false,\n\t\tisLoading,\n\t\ttemplatePartAreas: useTemplatePartsGroupedByArea( templateParts ),\n\t};\n}\n"],
5
+ "mappings": ";AAGA,SAAS,kBAAkB,SAAS,iBAAiB;AACrD,SAAS,iBAAiB;AAC1B,SAAS,eAAe,+BAA+B;AAKvD;AAAA,EACC;AAAA,EACA;AAAA,OACM;AACP,SAAS,cAAc;AAEvB,IAAM,EAAE,sCAAsC,IAAI;AAAA,EACjD;AACD;AAEA,IAAM,gCAAgC,CAAE,UAAW;AAClD,QAAM,WAAW,SAAS,CAAC;AAE3B,QAAM,oBAAoB;AAAA,IACzB,CAAE,WACD,OAAQ,SAAU,EAAE,gBAAgB,GACjC,+BAA+B,CAAC;AAAA,IACpC,CAAC;AAAA,EACF;AAIA,QAAM,aAAa;AAAA,IAClB,QAAQ,CAAC;AAAA,IACT,QAAQ,CAAC;AAAA,IACT,SAAS,CAAC;AAAA,IACV,eAAe,CAAC;AAAA,IAChB,CAAE,qCAAsC,GAAG,CAAC;AAAA,EAC7C;AAEA,oBAAkB;AAAA,IACjB,CAAE,qBACC,WAAY,iBAAiB,IAAK,IAAI;AAAA,MACvC,GAAG;AAAA,MACH,eAAe,CAAC;AAAA,IACjB;AAAA,EACF;AAEA,QAAM,gBAAgB,SAAS,OAAQ,CAAE,aAAa,SAAU;AAC/D,UAAM,MAAM,YAAa,KAAK,IAAK,IAChC,KAAK,OACL;AACH,gBAAa,GAAI,GAAG,eAAe,KAAM,IAAK;AAC9C,WAAO;AAAA,EACR,GAAG,UAAW;AAEd,SAAO;AACR;AAEe,SAAR,uBAAwC;AAC9C,QAAM,EAAE,SAAS,eAAe,aAAa,UAAU,IAAI;AAAA,IAC1D;AAAA,IACA;AAAA,IACA,EAAE,UAAU,GAAG;AAAA,EAChB;AAEA,SAAO;AAAA,IACN,kBAAkB,gBAAgB,CAAC,CAAE,cAAc,SAAS;AAAA,IAC5D;AAAA,IACA,mBAAmB,8BAA+B,aAAc;AAAA,EACjE;AACD;",
6
6
  "names": []
7
7
  }
package/build-style/style-rtl.css CHANGED
@@ -1855,6 +1855,62 @@ div.dataviews-view-list {
1855
1855
  justify-content: space-between;
1856
1856
  }
1857
1857
 
1858
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper {
1859
+ padding: 8px 24px;
1860
+ }
1861
+
1862
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
1863
+ min-height: 16px;
1864
+ line-height: 16px;
1865
+ }
1866
+
1867
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
1868
+ width: 32px;
1869
+ height: 32px;
1870
+ }
1871
+
1872
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
1873
+ min-height: 32px;
1874
+ }
1875
+
1876
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
1877
+ gap: 8px;
1878
+ row-gap: 4px;
1879
+ }
1880
+
1881
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1882
+ min-height: 16px;
1883
+ line-height: 16px;
1884
+ }
1885
+
1886
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
1887
+ padding: 24px 24px;
1888
+ }
1889
+
1890
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
1891
+ min-height: 32px;
1892
+ line-height: 32px;
1893
+ }
1894
+
1895
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1896
+ width: 64px;
1897
+ height: 64px;
1898
+ }
1899
+
1900
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1901
+ min-height: 64px;
1902
+ }
1903
+
1904
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1905
+ gap: 16px;
1906
+ row-gap: 8px;
1907
+ }
1908
+
1909
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1910
+ min-height: 32px;
1911
+ line-height: 24px;
1912
+ }
1913
+
1858
1914
  .dataviews-view-list__group-header {
1859
1915
  font-size: 15px;
1860
1916
  font-weight: 499;
@@ -2928,11 +2984,32 @@ fieldset.fields__media-edit .fields__media-edit-compact {
2928
2984
  align-items: center;
2929
2985
  }
2930
2986
 
2987
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
2988
+ display: flex;
2989
+ align-items: center;
2990
+ gap: 8px;
2991
+ }
2992
+
2993
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
2994
+ margin: 0;
2995
+ }
2996
+
2997
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
2998
+ display: flex;
2999
+ align-items: center;
3000
+ gap: 8px;
3001
+ }
3002
+
3003
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
3004
+ margin: 0;
3005
+ }
3006
+
2931
3007
  fieldset.fields__media-edit .fields__media-edit-picker-button {
3008
+ position: relative;
2932
3009
  display: flex;
2933
3010
  align-items: center;
2934
3011
  gap: 12px;
2935
- border: 1px solid #949494;
3012
+ border: 1px dashed #949494;
2936
3013
  border-radius: 1px;
2937
3014
  padding: 7px;
2938
3015
  cursor: pointer;
@@ -2948,6 +3025,19 @@ fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
2948
3025
  outline: none;
2949
3026
  }
2950
3027
 
3028
+ fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
3029
+ opacity: 0.6;
3030
+ cursor: default;
3031
+ }
3032
+
3033
+ fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
3034
+ position: absolute;
3035
+ top: 50%;
3036
+ right: 50%;
3037
+ transform: translate(50%, -50%);
3038
+ z-index: 1;
3039
+ }
3040
+
2951
3041
  fieldset.fields__media-edit .fields__media-edit-filename,
2952
3042
  fieldset.fields__media-edit .fields__media-edit-placeholder {
2953
3043
  flex: 1;
@@ -2971,6 +3061,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded {
2971
3061
  gap: 8px;
2972
3062
  }
2973
3063
 
3064
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
3065
+ display: flex;
3066
+ align-items: center;
3067
+ gap: 8px;
3068
+ }
3069
+
3070
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
3071
+ margin: 0;
3072
+ }
3073
+
2974
3074
  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
2975
3075
  position: relative;
2976
3076
  width: 100%;
@@ -3054,6 +3154,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-fil
3054
3154
  flex: none;
3055
3155
  }
3056
3156
 
3157
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
3158
+ margin: 0;
3159
+ }
3160
+
3057
3161
  fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
3058
3162
  grid-template-columns: 1fr;
3059
3163
  }
package/build-style/style.css CHANGED
@@ -1855,6 +1855,62 @@ div.dataviews-view-list {
1855
1855
  justify-content: space-between;
1856
1856
  }
1857
1857
 
1858
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__item-wrapper {
1859
+ padding: 8px 24px;
1860
+ }
1861
+
1862
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
1863
+ min-height: 16px;
1864
+ line-height: 16px;
1865
+ }
1866
+
1867
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
1868
+ width: 32px;
1869
+ height: 32px;
1870
+ }
1871
+
1872
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
1873
+ min-height: 32px;
1874
+ }
1875
+
1876
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
1877
+ gap: 8px;
1878
+ row-gap: 4px;
1879
+ }
1880
+
1881
+ .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1882
+ min-height: 16px;
1883
+ line-height: 16px;
1884
+ }
1885
+
1886
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__item-wrapper {
1887
+ padding: 24px 24px;
1888
+ }
1889
+
1890
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
1891
+ min-height: 32px;
1892
+ line-height: 32px;
1893
+ }
1894
+
1895
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
1896
+ width: 64px;
1897
+ height: 64px;
1898
+ }
1899
+
1900
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
1901
+ min-height: 64px;
1902
+ }
1903
+
1904
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
1905
+ gap: 16px;
1906
+ row-gap: 8px;
1907
+ }
1908
+
1909
+ .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
1910
+ min-height: 32px;
1911
+ line-height: 24px;
1912
+ }
1913
+
1858
1914
  .dataviews-view-list__group-header {
1859
1915
  font-size: 15px;
1860
1916
  font-weight: 499;
@@ -2928,11 +2984,32 @@ fieldset.fields__media-edit .fields__media-edit-compact {
2928
2984
  align-items: center;
2929
2985
  }
2930
2986
 
2987
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
2988
+ display: flex;
2989
+ align-items: center;
2990
+ gap: 8px;
2991
+ }
2992
+
2993
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
2994
+ margin: 0;
2995
+ }
2996
+
2997
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
2998
+ display: flex;
2999
+ align-items: center;
3000
+ gap: 8px;
3001
+ }
3002
+
3003
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
3004
+ margin: 0;
3005
+ }
3006
+
2931
3007
  fieldset.fields__media-edit .fields__media-edit-picker-button {
3008
+ position: relative;
2932
3009
  display: flex;
2933
3010
  align-items: center;
2934
3011
  gap: 12px;
2935
- border: 1px solid #949494;
3012
+ border: 1px dashed #949494;
2936
3013
  border-radius: 1px;
2937
3014
  padding: 7px;
2938
3015
  cursor: pointer;
@@ -2948,6 +3025,19 @@ fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
2948
3025
  outline: none;
2949
3026
  }
2950
3027
 
3028
+ fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
3029
+ opacity: 0.6;
3030
+ cursor: default;
3031
+ }
3032
+
3033
+ fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
3034
+ position: absolute;
3035
+ top: 50%;
3036
+ left: 50%;
3037
+ transform: translate(-50%, -50%);
3038
+ z-index: 1;
3039
+ }
3040
+
2951
3041
  fieldset.fields__media-edit .fields__media-edit-filename,
2952
3042
  fieldset.fields__media-edit .fields__media-edit-placeholder {
2953
3043
  flex: 1;
@@ -2971,6 +3061,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded {
2971
3061
  gap: 8px;
2972
3062
  }
2973
3063
 
3064
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
3065
+ display: flex;
3066
+ align-items: center;
3067
+ gap: 8px;
3068
+ }
3069
+
3070
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
3071
+ margin: 0;
3072
+ }
3073
+
2974
3074
  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
2975
3075
  position: relative;
2976
3076
  width: 100%;
@@ -3054,6 +3154,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-fil
3054
3154
  flex: none;
3055
3155
  }
3056
3156
 
3157
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
3158
+ margin: 0;
3159
+ }
3160
+
3057
3161
  fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
3058
3162
  grid-template-columns: 1fr;
3059
3163
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.37.1-next.79a2f3cdd.0",
3
+ "version": "6.37.1-next.ba3aee3a2.0",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -48,50 +48,50 @@
48
48
  ],
49
49
  "dependencies": {
50
50
  "@react-spring/web": "^9.4.5",
51
- "@wordpress/a11y": "^4.37.1-next.79a2f3cdd.0",
52
- "@wordpress/admin-ui": "^1.5.1-next.79a2f3cdd.0",
53
- "@wordpress/api-fetch": "^7.37.1-next.79a2f3cdd.0",
54
- "@wordpress/base-styles": "^6.13.2-next.79a2f3cdd.0",
55
- "@wordpress/blob": "^4.37.1-next.79a2f3cdd.0",
56
- "@wordpress/block-editor": "^15.10.1-next.79a2f3cdd.0",
57
- "@wordpress/block-library": "^9.37.2-next.79a2f3cdd.0",
58
- "@wordpress/blocks": "^15.10.1-next.79a2f3cdd.0",
59
- "@wordpress/commands": "^1.37.1-next.79a2f3cdd.0",
60
- "@wordpress/components": "^32.0.1-next.79a2f3cdd.0",
61
- "@wordpress/compose": "^7.37.1-next.79a2f3cdd.0",
62
- "@wordpress/core-data": "^7.37.1-next.79a2f3cdd.0",
63
- "@wordpress/data": "^10.37.1-next.79a2f3cdd.0",
64
- "@wordpress/dataviews": "^11.2.1-next.79a2f3cdd.0",
65
- "@wordpress/date": "^5.37.2-next.79a2f3cdd.0",
66
- "@wordpress/deprecated": "^4.37.1-next.79a2f3cdd.0",
67
- "@wordpress/dom": "^4.37.1-next.79a2f3cdd.0",
68
- "@wordpress/editor": "^14.37.1-next.79a2f3cdd.0",
69
- "@wordpress/element": "^6.37.1-next.79a2f3cdd.0",
70
- "@wordpress/escape-html": "^3.37.1-next.79a2f3cdd.0",
71
- "@wordpress/fields": "^0.29.1-next.79a2f3cdd.0",
72
- "@wordpress/global-styles-engine": "^1.4.1-next.79a2f3cdd.0",
73
- "@wordpress/global-styles-ui": "^1.4.1-next.79a2f3cdd.0",
74
- "@wordpress/hooks": "^4.37.1-next.79a2f3cdd.0",
75
- "@wordpress/html-entities": "^4.37.1-next.79a2f3cdd.0",
76
- "@wordpress/i18n": "^6.10.1-next.79a2f3cdd.0",
77
- "@wordpress/icons": "^11.4.1-next.79a2f3cdd.0",
78
- "@wordpress/keyboard-shortcuts": "^5.37.1-next.79a2f3cdd.0",
79
- "@wordpress/keycodes": "^4.38.1-next.79a2f3cdd.0",
80
- "@wordpress/media-utils": "^5.37.1-next.79a2f3cdd.0",
81
- "@wordpress/notices": "^5.37.1-next.79a2f3cdd.0",
82
- "@wordpress/patterns": "^2.37.1-next.79a2f3cdd.0",
83
- "@wordpress/plugins": "^7.37.1-next.79a2f3cdd.0",
84
- "@wordpress/preferences": "^4.37.1-next.79a2f3cdd.0",
85
- "@wordpress/primitives": "^4.37.1-next.79a2f3cdd.0",
86
- "@wordpress/private-apis": "^1.37.1-next.79a2f3cdd.0",
87
- "@wordpress/reusable-blocks": "^5.37.1-next.79a2f3cdd.0",
88
- "@wordpress/router": "^1.37.1-next.79a2f3cdd.0",
89
- "@wordpress/style-engine": "^2.37.1-next.79a2f3cdd.0",
90
- "@wordpress/url": "^4.37.1-next.79a2f3cdd.0",
91
- "@wordpress/viewport": "^6.37.1-next.79a2f3cdd.0",
92
- "@wordpress/views": "^1.4.1-next.79a2f3cdd.0",
93
- "@wordpress/widgets": "^4.37.1-next.79a2f3cdd.0",
94
- "@wordpress/wordcount": "^4.37.1-next.79a2f3cdd.0",
51
+ "@wordpress/a11y": "^4.37.1-next.ba3aee3a2.0",
52
+ "@wordpress/admin-ui": "^1.5.1-next.ba3aee3a2.0",
53
+ "@wordpress/api-fetch": "^7.37.1-next.ba3aee3a2.0",
54
+ "@wordpress/base-styles": "^6.13.2-next.ba3aee3a2.0",
55
+ "@wordpress/blob": "^4.37.1-next.ba3aee3a2.0",
56
+ "@wordpress/block-editor": "^15.10.1-next.ba3aee3a2.0",
57
+ "@wordpress/block-library": "^9.37.2-next.ba3aee3a2.0",
58
+ "@wordpress/blocks": "^15.10.1-next.ba3aee3a2.0",
59
+ "@wordpress/commands": "^1.37.1-next.ba3aee3a2.0",
60
+ "@wordpress/components": "^32.0.1-next.ba3aee3a2.0",
61
+ "@wordpress/compose": "^7.37.1-next.ba3aee3a2.0",
62
+ "@wordpress/core-data": "^7.37.1-next.ba3aee3a2.0",
63
+ "@wordpress/data": "^10.37.1-next.ba3aee3a2.0",
64
+ "@wordpress/dataviews": "^11.2.1-next.ba3aee3a2.0",
65
+ "@wordpress/date": "^5.37.2-next.ba3aee3a2.0",
66
+ "@wordpress/deprecated": "^4.37.1-next.ba3aee3a2.0",
67
+ "@wordpress/dom": "^4.37.1-next.ba3aee3a2.0",
68
+ "@wordpress/editor": "^14.37.1-next.ba3aee3a2.0",
69
+ "@wordpress/element": "^6.37.1-next.ba3aee3a2.0",
70
+ "@wordpress/escape-html": "^3.37.1-next.ba3aee3a2.0",
71
+ "@wordpress/fields": "^0.29.1-next.ba3aee3a2.0",
72
+ "@wordpress/global-styles-engine": "^1.4.1-next.ba3aee3a2.0",
73
+ "@wordpress/global-styles-ui": "^1.4.1-next.ba3aee3a2.0",
74
+ "@wordpress/hooks": "^4.37.1-next.ba3aee3a2.0",
75
+ "@wordpress/html-entities": "^4.37.1-next.ba3aee3a2.0",
76
+ "@wordpress/i18n": "^6.10.1-next.ba3aee3a2.0",
77
+ "@wordpress/icons": "^11.4.1-next.ba3aee3a2.0",
78
+ "@wordpress/keyboard-shortcuts": "^5.37.1-next.ba3aee3a2.0",
79
+ "@wordpress/keycodes": "^4.38.1-next.ba3aee3a2.0",
80
+ "@wordpress/media-utils": "^5.37.1-next.ba3aee3a2.0",
81
+ "@wordpress/notices": "^5.37.1-next.ba3aee3a2.0",
82
+ "@wordpress/patterns": "^2.37.1-next.ba3aee3a2.0",
83
+ "@wordpress/plugins": "^7.37.1-next.ba3aee3a2.0",
84
+ "@wordpress/preferences": "^4.37.1-next.ba3aee3a2.0",
85
+ "@wordpress/primitives": "^4.37.1-next.ba3aee3a2.0",
86
+ "@wordpress/private-apis": "^1.37.1-next.ba3aee3a2.0",
87
+ "@wordpress/reusable-blocks": "^5.37.1-next.ba3aee3a2.0",
88
+ "@wordpress/router": "^1.37.1-next.ba3aee3a2.0",
89
+ "@wordpress/style-engine": "^2.37.1-next.ba3aee3a2.0",
90
+ "@wordpress/url": "^4.37.1-next.ba3aee3a2.0",
91
+ "@wordpress/viewport": "^6.37.1-next.ba3aee3a2.0",
92
+ "@wordpress/views": "^1.4.1-next.ba3aee3a2.0",
93
+ "@wordpress/widgets": "^4.37.1-next.ba3aee3a2.0",
94
+ "@wordpress/wordcount": "^4.37.1-next.ba3aee3a2.0",
95
95
  "change-case": "^4.1.2",
96
96
  "clsx": "^2.1.1",
97
97
  "colord": "^2.9.2",
@@ -106,5 +106,5 @@
106
106
  "publishConfig": {
107
107
  "access": "public"
108
108
  },
109
- "gitHead": "6a324496a37d9a333a11d4d7fe5fb93b8152a5ba"
109
+ "gitHead": "67d2e486fcd40c753591cf911ca0659132f519ca"
110
110
  }
package/src/components/sidebar-navigation-screen-patterns/use-template-part-areas.js CHANGED
@@ -3,6 +3,7 @@
3
3
  */
4
4
  import { useEntityRecords, store as coreStore } from '@wordpress/core-data';
5
5
  import { useSelect } from '@wordpress/data';
6
+ import { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';
6
7
 
7
8
  /**
8
9
  * Internal dependencies
@@ -11,6 +12,11 @@ import {
11
12
  TEMPLATE_PART_AREA_DEFAULT_CATEGORY,
12
13
  TEMPLATE_PART_POST_TYPE,
13
14
  } from '../../utils/constants';
15
+ import { unlock } from '../../lock-unlock';
16
+
17
+ const { NAVIGATION_OVERLAY_TEMPLATE_PART_AREA } = unlock(
18
+ blockLibraryPrivateApis
19
+ );
14
20
 
15
21
  const useTemplatePartsGroupedByArea = ( items ) => {
16
22
  const allItems = items || [];
@@ -29,7 +35,7 @@ const useTemplatePartsGroupedByArea = ( items ) => {
29
35
  footer: {},
30
36
  sidebar: {},
31
37
  uncategorized: {},
32
- overlay: {},
38
+ [ NAVIGATION_OVERLAY_TEMPLATE_PART_AREA ]: {},
33
39
  };
34
40
 
35
41
  templatePartAreas.forEach(