@wordpress/edit-site 5.16.0 → 5.17.1

package/build/components/global-styles/screen-block-list.js

@@ -1,37 +1,23 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 exports.useBlockHasGlobalStyles = useBlockHasGlobalStyles;
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _data = require("@wordpress/data");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _compose = require("@wordpress/compose");
-
 var _a11y = require("@wordpress/a11y");
-
 var _variationsPanel = require("./variations-panel");
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _navigationButton = require("./navigation-button");
-
 var _lockUnlock = require("../../lock-unlock");
-
 /**
  * WordPress dependencies
  */
@@ -39,6 +25,7 @@ var _lockUnlock = require("../../lock-unlock");
 /**
  * Internal dependencies
  */
+
 const {
   useHasDimensionsPanel,
   useHasTypographyPanel,
@@ -47,14 +34,13 @@ const {
   useSettingsForBlockElement,
   useHasColorPanel
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
 function useSortedBlockTypes() {
-  const blockItems = (0, _data.useSelect)(select => select(_blocks.store).getBlockTypes(), []); // Ensure core blocks are prioritized in the returned results,
+  const blockItems = (0, _data.useSelect)(select => select(_blocks.store).getBlockTypes(), []);
+  // Ensure core blocks are prioritized in the returned results,
   // because third party blocks can be registered earlier than
   // the core blocks (usually by using the `init` action),
   // thus affecting the display order.
   // We don't sort reusable blocks as they are handled differently.
-
   const groupByType = (blocks, block) => {
     const {
       core,
@@ -64,7 +50,6 @@ function useSortedBlockTypes() {
     type.push(block);
     return blocks;
   };
-
   const {
     core: coreItems,
     noncore: nonCoreItems
@@ -74,7 +59,6 @@ function useSortedBlockTypes() {
   });
   return [...coreItems, ...nonCoreItems];
 }
-
 function useBlockHasGlobalStyles(blockName) {
   const [rawSettings] = useGlobalSetting('', blockName);
   const settings = useSettingsForBlockElement(rawSettings, blockName);
@@ -87,17 +71,15 @@ function useBlockHasGlobalStyles(blockName) {
   const hasGlobalStyles = hasTypographyPanel || hasColorPanel || hasLayoutPanel || hasVariationsPanel;
   return hasGlobalStyles;
 }
-
 function BlockMenuItem({
   block
 }) {
   const hasBlockMenuItem = useBlockHasGlobalStyles(block.name);
-
   if (!hasBlockMenuItem) {
     return null;
   }
-
-  const navigationButtonLabel = (0, _i18n.sprintf)( // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
+  const navigationButtonLabel = (0, _i18n.sprintf)(
+  // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
   (0, _i18n.__)('%s block styles'), block.title);
   return (0, _element.createElement)(_navigationButton.NavigationButtonAsItem, {
     path: '/blocks/' + encodeURIComponent(block.name),
@@ -108,7 +90,6 @@ function BlockMenuItem({
     icon: block.icon
   }), (0, _element.createElement)(_components.FlexItem, null, block.title)));
 }
-
 function ScreenBlockList() {
   const sortedBlockTypes = useSortedBlockTypes();
   const [filterValue, setFilterValue] = (0, _element.useState)('');
@@ -118,15 +99,16 @@ function ScreenBlockList() {
     if (!filterValue) {
       return sortedBlockTypes;
     }
-
     return sortedBlockTypes.filter(blockType => isMatchingSearchTerm(blockType, filterValue));
   }, [filterValue, sortedBlockTypes, isMatchingSearchTerm]);
-  const blockTypesListRef = (0, _element.useRef)(); // Announce search results on change
+  const blockTypesListRef = (0, _element.useRef)();
 
+  // Announce search results on change
   (0, _element.useEffect)(() => {
     if (!filterValue) {
       return;
-    } // We extract the results from the wrapper div's `ref` because
+    }
+    // We extract the results from the wrapper div's `ref` because
     // filtered items can contain items that will eventually not
     // render and there is no reliable way to detect when a child
     // will return `null`.
@@ -134,11 +116,8 @@ function ScreenBlockList() {
     // fragile and depends on the number of rendered elements of `BlockMenuItem`,
     // which is now one.
     // @see https://github.com/WordPress/gutenberg/pull/39117#discussion_r816022116
-
-
     const count = blockTypesListRef.current.childElementCount;
-    const resultsFoundMessage = (0, _i18n.sprintf)(
-    /* translators: %d: number of results. */
+    const resultsFoundMessage = (0, _i18n.sprintf)( /* translators: %d: number of results. */
     (0, _i18n._n)('%d result found.', '%d results found.', count), count);
     debouncedSpeak(resultsFoundMessage, count);
   }, [filterValue, debouncedSpeak]);
@@ -160,7 +139,6 @@ function ScreenBlockList() {
     key: 'menu-itemblock-' + block.name
   }))));
 }
-
 var _default = ScreenBlockList;
 exports.default = _default;
 //# sourceMappingURL=screen-block-list.js.map

package/build/components/global-styles/screen-block-list.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/global-styles/screen-block-list.js"],"names":["useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","blockEditorPrivateApis","useSortedBlockTypes","blockItems","select","blocksStore","getBlockTypes","groupByType","blocks","block","core","noncore","type","name","startsWith","push","coreItems","nonCoreItems","reduce","useBlockHasGlobalStyles","blockName","rawSettings","settings","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasLayoutPanel","hasVariationsPanel","length","hasGlobalStyles","BlockMenuItem","hasBlockMenuItem","navigationButtonLabel","title","encodeURIComponent","icon","ScreenBlockList","sortedBlockTypes","filterValue","setFilterValue","debouncedSpeak","speak","isMatchingSearchTerm","filteredBlockTypes","filter","blockType","blockTypesListRef","count","current","childElementCount","resultsFoundMessage","map"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport {\n\tFlexItem,\n\tSearchControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockIcon,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { useBlockVariations } from './variations-panel';\nimport ScreenHeader from './header';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction useSortedBlockTypes() {\n\tconst blockItems = useSelect(\n\t\t( select ) => select( blocksStore ).getBlockTypes(),\n\t\t[]\n\t);\n\t// Ensure core blocks are prioritized in the returned results,\n\t// because third party blocks can be registered earlier than\n\t// the core blocks (usually by using the `init` action),\n\t// thus affecting the display order.\n\t// We don't sort reusable blocks as they are handled differently.\n\tconst groupByType = ( blocks, block ) => {\n\t\tconst { core, noncore } = blocks;\n\t\tconst type = block.name.startsWith( 'core/' ) ? core : noncore;\n\t\ttype.push( block );\n\t\treturn blocks;\n\t};\n\tconst { core: coreItems, noncore: nonCoreItems } = blockItems.reduce(\n\t\tgroupByType,\n\t\t{ core: [], noncore: [] }\n\t);\n\treturn [ ...coreItems, ...nonCoreItems ];\n}\n\nexport function useBlockHasGlobalStyles( blockName ) {\n\tconst [ rawSettings ] = useGlobalSetting( '', blockName );\n\tconst settings = useSettingsForBlockElement( rawSettings, blockName );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasLayoutPanel = hasBorderPanel || hasDimensionsPanel;\n\tconst hasVariationsPanel = !! useBlockVariations( blockName )?.length;\n\tconst hasGlobalStyles =\n\t\thasTypographyPanel ||\n\t\thasColorPanel ||\n\t\thasLayoutPanel ||\n\t\thasVariationsPanel;\n\treturn hasGlobalStyles;\n}\n\nfunction BlockMenuItem( { block } ) {\n\tconst hasBlockMenuItem = useBlockHasGlobalStyles( block.name );\n\tif ( ! hasBlockMenuItem ) {\n\t\treturn null;\n\t}\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t__( '%s block styles' ),\n\t\tblock.title\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<BlockIcon icon={ block.icon } />\n\t\t\t\t<FlexItem>{ block.title }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction ScreenBlockList() {\n\tconst sortedBlockTypes = useSortedBlockTypes();\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst isMatchingSearchTerm = useSelect(\n\t\t( select ) => select( blocksStore ).isMatchingSearchTerm,\n\t\t[]\n\t);\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn sortedBlockTypes;\n\t\t}\n\t\treturn sortedBlockTypes.filter( ( blockType ) =>\n\t\t\tisMatchingSearchTerm( blockType, filterValue )\n\t\t);\n\t}, [ filterValue, sortedBlockTypes, isMatchingSearchTerm ] );\n\n\tconst blockTypesListRef = useRef();\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\t// We extract the results from the wrapper div's `ref` because\n\t\t// filtered items can contain items that will eventually not\n\t\t// render and there is no reliable way to detect when a child\n\t\t// will return `null`.\n\t\t// TODO: We should find a better way of handling this as it's\n\t\t// fragile and depends on the number of rendered elements of `BlockMenuItem`,\n\t\t// which is now one.\n\t\t// @see https://github.com/WordPress/gutenberg/pull/39117#discussion_r816022116\n\t\tconst count = blockTypesListRef.current.childElementCount;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage, count );\n\t}, [ filterValue, debouncedSpeak ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Blocks' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of specific blocks and for the whole site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tclassName=\"edit-site-block-types-search\"\n\t\t\t\tonChange={ setFilterValue }\n\t\t\t\tvalue={ filterValue }\n\t\t\t\tlabel={ __( 'Search for blocks' ) }\n\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={ blockTypesListRef }\n\t\t\t\tclassName=\"edit-site-block-types-item-list\"\n\t\t\t>\n\t\t\t\t{ filteredBlockTypes.map( ( block ) => (\n\t\t\t\t\t<BlockMenuItem\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tkey={ 'menu-itemblock-' + block.name }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenBlockList;\n"]}
+{"version":3,"names":["_element","require","_blocks","_i18n","_components","_data","_blockEditor","_compose","_a11y","_variationsPanel","_header","_interopRequireDefault","_navigationButton","_lockUnlock","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","unlock","blockEditorPrivateApis","useSortedBlockTypes","blockItems","useSelect","select","blocksStore","getBlockTypes","groupByType","blocks","block","core","noncore","type","name","startsWith","push","coreItems","nonCoreItems","reduce","useBlockHasGlobalStyles","blockName","rawSettings","settings","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasLayoutPanel","hasVariationsPanel","useBlockVariations","length","hasGlobalStyles","BlockMenuItem","hasBlockMenuItem","navigationButtonLabel","sprintf","__","title","createElement","NavigationButtonAsItem","path","encodeURIComponent","__experimentalHStack","justify","BlockIcon","icon","FlexItem","ScreenBlockList","sortedBlockTypes","filterValue","setFilterValue","useState","debouncedSpeak","useDebounce","speak","isMatchingSearchTerm","filteredBlockTypes","useMemo","filter","blockType","blockTypesListRef","useRef","useEffect","count","current","childElementCount","resultsFoundMessage","_n","Fragment","default","description","SearchControl","__nextHasNoMarginBottom","className","onChange","value","label","placeholder","ref","map","key","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block-list.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __, sprintf, _n } from '@wordpress/i18n';\nimport {\n\tFlexItem,\n\tSearchControl,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\nimport {\n\tBlockIcon,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useDebounce } from '@wordpress/compose';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { useBlockVariations } from './variations-panel';\nimport ScreenHeader from './header';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction useSortedBlockTypes() {\n\tconst blockItems = useSelect(\n\t\t( select ) => select( blocksStore ).getBlockTypes(),\n\t\t[]\n\t);\n\t// Ensure core blocks are prioritized in the returned results,\n\t// because third party blocks can be registered earlier than\n\t// the core blocks (usually by using the `init` action),\n\t// thus affecting the display order.\n\t// We don't sort reusable blocks as they are handled differently.\n\tconst groupByType = ( blocks, block ) => {\n\t\tconst { core, noncore } = blocks;\n\t\tconst type = block.name.startsWith( 'core/' ) ? core : noncore;\n\t\ttype.push( block );\n\t\treturn blocks;\n\t};\n\tconst { core: coreItems, noncore: nonCoreItems } = blockItems.reduce(\n\t\tgroupByType,\n\t\t{ core: [], noncore: [] }\n\t);\n\treturn [ ...coreItems, ...nonCoreItems ];\n}\n\nexport function useBlockHasGlobalStyles( blockName ) {\n\tconst [ rawSettings ] = useGlobalSetting( '', blockName );\n\tconst settings = useSettingsForBlockElement( rawSettings, blockName );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasLayoutPanel = hasBorderPanel || hasDimensionsPanel;\n\tconst hasVariationsPanel = !! useBlockVariations( blockName )?.length;\n\tconst hasGlobalStyles =\n\t\thasTypographyPanel ||\n\t\thasColorPanel ||\n\t\thasLayoutPanel ||\n\t\thasVariationsPanel;\n\treturn hasGlobalStyles;\n}\n\nfunction BlockMenuItem( { block } ) {\n\tconst hasBlockMenuItem = useBlockHasGlobalStyles( block.name );\n\tif ( ! hasBlockMenuItem ) {\n\t\treturn null;\n\t}\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t__( '%s block styles' ),\n\t\tblock.title\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ '/blocks/' + encodeURIComponent( block.name ) }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<BlockIcon icon={ block.icon } />\n\t\t\t\t<FlexItem>{ block.title }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction ScreenBlockList() {\n\tconst sortedBlockTypes = useSortedBlockTypes();\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\tconst debouncedSpeak = useDebounce( speak, 500 );\n\tconst isMatchingSearchTerm = useSelect(\n\t\t( select ) => select( blocksStore ).isMatchingSearchTerm,\n\t\t[]\n\t);\n\tconst filteredBlockTypes = useMemo( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn sortedBlockTypes;\n\t\t}\n\t\treturn sortedBlockTypes.filter( ( blockType ) =>\n\t\t\tisMatchingSearchTerm( blockType, filterValue )\n\t\t);\n\t}, [ filterValue, sortedBlockTypes, isMatchingSearchTerm ] );\n\n\tconst blockTypesListRef = useRef();\n\n\t// Announce search results on change\n\tuseEffect( () => {\n\t\tif ( ! filterValue ) {\n\t\t\treturn;\n\t\t}\n\t\t// We extract the results from the wrapper div's `ref` because\n\t\t// filtered items can contain items that will eventually not\n\t\t// render and there is no reliable way to detect when a child\n\t\t// will return `null`.\n\t\t// TODO: We should find a better way of handling this as it's\n\t\t// fragile and depends on the number of rendered elements of `BlockMenuItem`,\n\t\t// which is now one.\n\t\t// @see https://github.com/WordPress/gutenberg/pull/39117#discussion_r816022116\n\t\tconst count = blockTypesListRef.current.childElementCount;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage, count );\n\t}, [ filterValue, debouncedSpeak ] );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Blocks' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Customize the appearance of specific blocks and for the whole site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tclassName=\"edit-site-block-types-search\"\n\t\t\t\tonChange={ setFilterValue }\n\t\t\t\tvalue={ filterValue }\n\t\t\t\tlabel={ __( 'Search for blocks' ) }\n\t\t\t\tplaceholder={ __( 'Search' ) }\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tref={ blockTypesListRef }\n\t\t\t\tclassName=\"edit-site-block-types-item-list\"\n\t\t\t>\n\t\t\t\t{ filteredBlockTypes.map( ( block ) => (\n\t\t\t\t\t<BlockMenuItem\n\t\t\t\t\t\tblock={ block }\n\t\t\t\t\t\tkey={ 'menu-itemblock-' + block.name }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenBlockList;\n"],"mappings":"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"}

package/build/components/global-styles/screen-block.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _blocks = require("@wordpress/blocks");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _data = require("@wordpress/data");
-
 var _coreData = require("@wordpress/core-data");
-
 var _components = require("@wordpress/components");
-
 var _i18n = require("@wordpress/i18n");
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _blockPreviewPanel = _interopRequireDefault(require("./block-preview-panel"));
-
 var _lockUnlock = require("../../lock-unlock");
-
 var _subtitle = _interopRequireDefault(require("./subtitle"));
-
 var _variationsPanel = require("./variations-panel");
-
 /**
  * WordPress dependencies
  */
@@ -38,31 +24,27 @@ var _variationsPanel = require("./variations-panel");
 /**
  * Internal dependencies
  */
+
 function applyFallbackStyle(border) {
   if (!border) {
     return border;
   }
-
   const hasColorOrWidth = border.color || border.width;
-
   if (!border.style && hasColorOrWidth) {
-    return { ...border,
+    return {
+      ...border,
       style: 'solid'
     };
   }
-
   if (border.style && !hasColorOrWidth) {
     return undefined;
   }
-
   return border;
 }
-
 function applyAllFallbackStyles(border) {
   if (!border) {
     return border;
   }
-
   if ((0, _components.__experimentalHasSplitBorders)(border)) {
     return {
       top: applyFallbackStyle(border.top),
@@ -71,10 +53,8 @@ function applyAllFallbackStyles(border) {
       left: applyFallbackStyle(border.left)
     };
   }
-
   return applyFallbackStyle(border);
 }
-
 const {
   useHasDimensionsPanel,
   useHasTypographyPanel,
@@ -96,17 +76,14 @@ const {
   FiltersPanel: StylesFiltersPanel,
   AdvancedPanel: StylesAdvancedPanel
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
 function ScreenBlock({
   name,
   variation
 }) {
   let prefixParts = [];
-
   if (variation) {
     prefixParts = ['variations', variation].concat(prefixParts);
   }
-
   const prefix = prefixParts.join('.');
   const [style] = useGlobalStyle(prefix, name, 'user', {
     shouldDecodeEncode: false
@@ -137,51 +114,52 @@ function ScreenBlock({
     canEditCSS
   } = (0, _data.useSelect)(select => {
     var _globalStyles$_links$;
-
     const {
       getEntityRecord,
       __experimentalGetCurrentGlobalStylesId
     } = select(_coreData.store);
-
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-
     const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
     return {
       canEditCSS: (_globalStyles$_links$ = !!globalStyles?._links?.['wp:action-edit-css']) !== null && _globalStyles$_links$ !== void 0 ? _globalStyles$_links$ : false
     };
   }, []);
-  const currentBlockStyle = variation ? blockVariations.find(s => s.name === variation) : null; // These intermediary objects are needed because the "layout" property is stored
-  // in settings rather than styles.
+  const currentBlockStyle = variation ? blockVariations.find(s => s.name === variation) : null;
 
+  // These intermediary objects are needed because the "layout" property is stored
+  // in settings rather than styles.
   const inheritedStyleWithLayout = (0, _element.useMemo)(() => {
-    return { ...inheritedStyle,
+    return {
+      ...inheritedStyle,
       layout: settings.layout
     };
   }, [inheritedStyle, settings.layout]);
   const styleWithLayout = (0, _element.useMemo)(() => {
-    return { ...style,
+    return {
+      ...style,
       layout: settings.layout
     };
   }, [style, settings.layout]);
-
   const onChangeDimensions = newStyle => {
-    const updatedStyle = { ...newStyle
+    const updatedStyle = {
+      ...newStyle
     };
     delete updatedStyle.layout;
     setStyle(updatedStyle);
-
     if (newStyle.layout !== settings.layout) {
-      setSettings({ ...rawSettings,
+      setSettings({
+        ...rawSettings,
         layout: newStyle.layout
       });
     }
   };
-
   const onChangeBorders = newStyle => {
     if (!newStyle?.border) {
       setStyle(newStyle);
       return;
-    } // As Global Styles can't conditionally generate styles based on if
+    }
+
+    // As Global Styles can't conditionally generate styles based on if
     // other style properties have been set, we need to force split
     // border definitions for user set global border styles. Border
     // radius is derived from the same property i.e. `border.radius` if
@@ -192,8 +170,6 @@ function ScreenBlock({
     // the `border` style property. This means if the theme.json defined
     // split borders and the user condenses them into a flat border or
     // vice-versa we'd get both sets of styles which would conflict.
-
-
     const {
       radius,
       ...newBorder
@@ -210,13 +186,14 @@ function ScreenBlock({
       width: null,
       ...border
     };
-    setStyle({ ...newStyle,
-      border: { ...updatedBorder,
+    setStyle({
+      ...newStyle,
+      border: {
+        ...updatedBorder,
         radius
       }
     });
   };
-
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
     title: variation ? currentBlockStyle.label : blockType.title
   }), (0, _element.createElement)(_blockPreviewPanel.default, {
@@ -259,17 +236,20 @@ function ScreenBlock({
     inheritedValue: inheritedStyleWithLayout,
     value: styleWithLayout,
     onChange: setStyle,
-    settings: { ...settings,
-      color: { ...settings.color,
+    settings: {
+      ...settings,
+      color: {
+        ...settings.color,
         customDuotone: false //TO FIX: Custom duotone only works on the block level right now
-
       }
     },
+
     includeLayoutControls: true
   }), canEditCSS && (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Advanced'),
     initialOpen: false
-  }, (0, _element.createElement)("p", null, (0, _i18n.sprintf)( // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
+  }, (0, _element.createElement)("p", null, (0, _i18n.sprintf)(
+  // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
   (0, _i18n.__)('Add your own CSS to customize the appearance of the %s block.'), blockType?.title)), (0, _element.createElement)(StylesAdvancedPanel, {
     value: style,
     onChange: setStyle,
@@ -281,7 +261,6 @@ function ScreenBlock({
     blockName: name
   })));
 }
-
 var _default = ScreenBlock;
 exports.default = _default;
 //# sourceMappingURL=screen-block.js.map

package/build/components/global-styles/screen-block.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"names":["applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","__experimentalUseHasBehaviorsPanel","useHasBehaviorsPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasEffectsPanel","useHasFiltersPanel","useGlobalStyle","__experimentalUseGlobalBehaviors","useGlobalBehaviors","__experimentalBehaviorsPanel","StylesBehaviorsPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","EffectsPanel","StylesEffectsPanel","FiltersPanel","StylesFiltersPanel","AdvancedPanel","StylesAdvancedPanel","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","setSettings","settings","inheritedBehaviors","setBehavior","behavior","blockType","blockVariations","hasTypographyPanel","hasColorPanel","hasBehaviorsPanel","hasBorderPanel","hasDimensionsPanel","hasEffectsPanel","hasFiltersPanel","hasVariationsPanel","length","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeBorders","radius","newBorder","updatedBorder","label","title","customDuotone"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { useBlockVariations, VariationsPanel } from './variations-panel';\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\t__experimentalUseHasBehaviorsPanel: useHasBehaviorsPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasEffectsPanel,\n\tuseHasFiltersPanel,\n\tuseGlobalStyle,\n\t__experimentalUseGlobalBehaviors: useGlobalBehaviors,\n\t__experimentalBehaviorsPanel: StylesBehaviorsPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tEffectsPanel: StylesEffectsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst { inheritedBehaviors, setBehavior } = useGlobalBehaviors( name );\n\tconst { behavior } = useGlobalBehaviors( name, 'user' );\n\n\tconst blockType = getBlockType( name );\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBehaviorsPanel = useHasBehaviorsPanel( rawSettings, name );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasEffectsPanel = useHasEffectsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ style, settings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== settings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasEffectsPanel && (\n\t\t\t\t<StylesEffectsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ {\n\t\t\t\t\t\t...settings,\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t...settings.color,\n\t\t\t\t\t\t\tcustomDuotone: false, //TO FIX: Custom duotone only works on the block level right now\n\t\t\t\t\t\t},\n\t\t\t\t\t} }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t\t{ hasBehaviorsPanel && (\n\t\t\t\t\t\t<StylesBehaviorsPanel\n\t\t\t\t\t\t\tvalue={ behavior }\n\t\t\t\t\t\t\tonChange={ setBehavior }\n\t\t\t\t\t\t\tbehaviors={ inheritedBehaviors }\n\t\t\t\t\t\t\tblockName={ name }\n\t\t\t\t\t\t></StylesBehaviorsPanel>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"]}
+{"version":3,"names":["_element","require","_blocks","_blockEditor","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","__experimentalUseHasBehaviorsPanel","useHasBehaviorsPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasEffectsPanel","useHasFiltersPanel","useGlobalStyle","__experimentalUseGlobalBehaviors","useGlobalBehaviors","__experimentalBehaviorsPanel","StylesBehaviorsPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","EffectsPanel","StylesEffectsPanel","FiltersPanel","StylesFiltersPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","setSettings","settings","inheritedBehaviors","setBehavior","behavior","blockType","getBlockType","blockVariations","useBlockVariations","hasTypographyPanel","hasColorPanel","hasBehaviorsPanel","hasBorderPanel","hasDimensionsPanel","hasEffectsPanel","hasFiltersPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","_globalStyles$_links$","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeBorders","radius","newBorder","updatedBorder","createElement","Fragment","default","title","label","className","__experimentalVStack","spacing","__","VariationsPanel","inheritedValue","value","onChange","includeLayoutControls","customDuotone","PanelBody","initialOpen","sprintf","behaviors","blockName","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { useBlockVariations, VariationsPanel } from './variations-panel';\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\t__experimentalUseHasBehaviorsPanel: useHasBehaviorsPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasEffectsPanel,\n\tuseHasFiltersPanel,\n\tuseGlobalStyle,\n\t__experimentalUseGlobalBehaviors: useGlobalBehaviors,\n\t__experimentalBehaviorsPanel: StylesBehaviorsPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tEffectsPanel: StylesEffectsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst { inheritedBehaviors, setBehavior } = useGlobalBehaviors( name );\n\tconst { behavior } = useGlobalBehaviors( name, 'user' );\n\n\tconst blockType = getBlockType( name );\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBehaviorsPanel = useHasBehaviorsPanel( rawSettings, name );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasEffectsPanel = useHasEffectsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS:\n\t\t\t\t!! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ style, settings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== settings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasEffectsPanel && (\n\t\t\t\t<StylesEffectsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ {\n\t\t\t\t\t\t...settings,\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t...settings.color,\n\t\t\t\t\t\t\tcustomDuotone: false, //TO FIX: Custom duotone only works on the block level right now\n\t\t\t\t\t\t},\n\t\t\t\t\t} }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t\t{ hasBehaviorsPanel && (\n\t\t\t\t\t\t<StylesBehaviorsPanel\n\t\t\t\t\t\t\tvalue={ behavior }\n\t\t\t\t\t\t\tonChange={ setBehavior }\n\t\t\t\t\t\t\tbehaviors={ inheritedBehaviors }\n\t\t\t\t\t\t\tblockName={ name }\n\t\t\t\t\t\t></StylesBehaviorsPanel>\n\t\t\t\t\t) }\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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"}

package/build/components/global-styles/screen-color-palette.js

@@ -1,24 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _colorPalettePanel = _interopRequireDefault(require("./color-palette-panel"));
-
 var _gradientsPalettePanel = _interopRequireDefault(require("./gradients-palette-panel"));
-
 var _header = _interopRequireDefault(require("./header"));
-
 /**
  * WordPress dependencies
  */
@@ -26,6 +18,7 @@ var _header = _interopRequireDefault(require("./header"));
 /**
  * Internal dependencies
  */
+
 function ScreenColorPalette({
   name
 }) {
@@ -48,7 +41,6 @@ function ScreenColorPalette({
     name: name
   }))));
 }
-
 var _default = ScreenColorPalette;
 exports.default = _default;
 //# sourceMappingURL=screen-color-palette.js.map

package/build/components/global-styles/screen-color-palette.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"names":["ScreenColorPalette","name","title","value","tab"],"mappings":";;;;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AACA;;AAXA;AACA;AACA;;AAIA;AACA;AACA;AAKA,SAASA,kBAAT,CAA6B;AAAEC,EAAAA;AAAF,CAA7B,EAAwC;AACvC,SACC,qDACC,4BAAC,eAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,WAAW,EAAG,cACb,yIADa;AAFf,IADD,EAOC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAG,CACN;AACCA,MAAAA,IAAI,EAAE,OADP;AAECC,MAAAA,KAAK,EAAE,OAFR;AAGCC,MAAAA,KAAK,EAAE;AAHR,KADM,EAMN;AACCF,MAAAA,IAAI,EAAE,UADP;AAECC,MAAAA,KAAK,EAAE,UAFR;AAGCC,MAAAA,KAAK,EAAE;AAHR,KANM;AADR,KAcKC,GAAF,IACD,qDACGA,GAAG,CAACD,KAAJ,KAAc,OAAd,IACD,4BAAC,0BAAD;AAAmB,IAAA,IAAI,EAAGF;AAA1B,IAFF,EAIGG,GAAG,CAACD,KAAJ,KAAc,UAAd,IACD,4BAAC,8BAAD;AAAsB,IAAA,IAAI,EAAGF;AAA7B,IALF,CAfF,CAPD,CADD;AAmCA;;eAEcD,kB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { TabPanel } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<TabPanel\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'solid',\n\t\t\t\t\t\ttitle: 'Solid',\n\t\t\t\t\t\tvalue: 'solid',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'gradient',\n\t\t\t\t\t\ttitle: 'Gradient',\n\t\t\t\t\t\tvalue: 'gradient',\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ ( tab ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tab.value === 'solid' && (\n\t\t\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ tab.value === 'gradient' && (\n\t\t\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</TabPanel>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"]}
+{"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","ScreenColorPalette","name","_element","createElement","Fragment","default","title","__","description","TabPanel","tabs","value","tab","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { TabPanel } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<TabPanel\n\t\t\t\ttabs={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'solid',\n\t\t\t\t\t\ttitle: 'Solid',\n\t\t\t\t\t\tvalue: 'solid',\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tname: 'gradient',\n\t\t\t\t\t\ttitle: 'Gradient',\n\t\t\t\t\t\tvalue: 'gradient',\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ ( tab ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tab.value === 'solid' && (\n\t\t\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ tab.value === 'gradient' && (\n\t\t\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</TabPanel>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AAXA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASM,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,OACC,IAAAC,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACC,IAAAF,QAAA,CAAAC,aAAA,EAACJ,OAAA,CAAAM,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBC,WAAW,EAAG,IAAAD,QAAE,EACf,yIACD;EAAG,CACH,CAAC,EACF,IAAAL,QAAA,CAAAC,aAAA,EAACR,WAAA,CAAAc,QAAQ;IACRC,IAAI,EAAG,CACN;MACCT,IAAI,EAAE,OAAO;MACbK,KAAK,EAAE,OAAO;MACdK,KAAK,EAAE;IACR,CAAC,EACD;MACCV,IAAI,EAAE,UAAU;MAChBK,KAAK,EAAE,UAAU;MACjBK,KAAK,EAAE;IACR,CAAC;EACC,GAECC,GAAG,IACN,IAAAV,QAAA,CAAAC,aAAA,EAAAD,QAAA,CAAAE,QAAA,QACGQ,GAAG,CAACD,KAAK,KAAK,OAAO,IACtB,IAAAT,QAAA,CAAAC,aAAA,EAACP,kBAAA,CAAAS,OAAiB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CAClC,EACCW,GAAG,CAACD,KAAK,KAAK,UAAU,IACzB,IAAAT,QAAA,CAAAC,aAAA,EAACL,sBAAA,CAAAO,OAAoB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CAErC,CAEM,CACT,CAAC;AAEL;AAAC,IAAAY,QAAA,GAEcb,kBAAkB;AAAAc,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}

package/build/components/global-styles/screen-colors.js

@@ -1,28 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _element = require("@wordpress/element");
-
 var _i18n = require("@wordpress/i18n");
-
 var _components = require("@wordpress/components");
-
 var _blockEditor = require("@wordpress/block-editor");
-
 var _header = _interopRequireDefault(require("./header"));
-
 var _palette = _interopRequireDefault(require("./palette"));
-
-var _blockPreviewPanel = _interopRequireDefault(require("./block-preview-panel"));
-
 var _lockUnlock = require("../../lock-unlock");
-
 /**
  * WordPress dependencies
  */
@@ -30,13 +19,13 @@ var _lockUnlock = require("../../lock-unlock");
 /**
  * Internal dependencies
  */
+
 const {
   useGlobalStyle,
   useGlobalSetting,
   useSettingsForBlockElement,
   ColorPanel: StylesColorPanel
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
 function ScreenColors() {
   const [style] = useGlobalStyle('', undefined, 'user', {
     shouldDecodeEncode: false
@@ -49,7 +38,7 @@ function ScreenColors() {
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_header.default, {
     title: (0, _i18n.__)('Colors'),
     description: (0, _i18n.__)('Manage palettes and the default color of different global elements on the site.')
-  }), (0, _element.createElement)(_blockPreviewPanel.default, null), (0, _element.createElement)("div", {
+  }), (0, _element.createElement)("div", {
     className: "edit-site-global-styles-screen-colors"
   }, (0, _element.createElement)(_components.__experimentalVStack, {
     spacing: 10
@@ -60,7 +49,6 @@ function ScreenColors() {
     settings: settings
   }))));
 }
-
 var _default = ScreenColors;
 exports.default = _default;
 //# sourceMappingURL=screen-colors.js.map