@wordpress/block-editor 12.8.1 → 12.9.1-next.5a1d1283.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.
- package/CHANGELOG.md +6 -0
- package/README.md +5 -12
- package/build/components/block-list/block-outline.native.js +4 -3
- package/build/components/block-list/block-outline.native.js.map +1 -1
- package/build/components/block-list/index.js +4 -3
- package/build/components/block-list/index.js.map +1 -1
- package/build/components/block-popover/inbetween.js +4 -5
- package/build/components/block-popover/inbetween.js.map +1 -1
- package/build/components/block-popover/index.js +3 -2
- package/build/components/block-popover/index.js.map +1 -1
- package/build/components/color-style-selector/index.js +1 -1
- package/build/components/color-style-selector/index.js.map +1 -1
- package/build/components/inserter/reusable-blocks-tab.native.js +7 -4
- package/build/components/inserter/reusable-blocks-tab.native.js.map +1 -1
- package/build/components/inserter/search-results.native.js +10 -8
- package/build/components/inserter/search-results.native.js.map +1 -1
- package/build/components/link-control/index.js +2 -7
- package/build/components/link-control/index.js.map +1 -1
- package/build/components/link-control/settings.js +2 -1
- package/build/components/link-control/settings.js.map +1 -1
- package/build/components/list-view/block-select-button.js +48 -7
- package/build/components/list-view/block-select-button.js.map +1 -1
- package/build/components/list-view/drop-indicator.js +3 -3
- package/build/components/list-view/drop-indicator.js.map +1 -1
- package/build/components/list-view/index.js +14 -8
- package/build/components/list-view/index.js.map +1 -1
- package/build/components/list-view/use-list-view-images.js +5 -4
- package/build/components/list-view/use-list-view-images.js.map +1 -1
- package/build/components/preview-options/index.js +3 -1
- package/build/components/preview-options/index.js.map +1 -1
- package/build/components/provider/index.js +3 -1
- package/build/components/provider/index.js.map +1 -1
- package/build/components/use-block-commands/index.js +74 -63
- package/build/components/use-block-commands/index.js.map +1 -1
- package/build/components/warning/index.js +1 -1
- package/build/components/warning/index.js.map +1 -1
- package/build/hooks/auto-inserting-blocks.js +174 -0
- package/build/hooks/auto-inserting-blocks.js.map +1 -0
- package/build/hooks/index.js +1 -0
- package/build/hooks/index.js.map +1 -1
- package/build/hooks/style.js +64 -22
- package/build/hooks/style.js.map +1 -1
- package/build/hooks/utils.js +4 -0
- package/build/hooks/utils.js.map +1 -1
- package/build-module/components/block-list/block-outline.native.js +4 -3
- package/build-module/components/block-list/block-outline.native.js.map +1 -1
- package/build-module/components/block-list/index.js +4 -3
- package/build-module/components/block-list/index.js.map +1 -1
- package/build-module/components/block-popover/inbetween.js +4 -5
- package/build-module/components/block-popover/inbetween.js.map +1 -1
- package/build-module/components/block-popover/index.js +3 -2
- package/build-module/components/block-popover/index.js.map +1 -1
- package/build-module/components/color-style-selector/index.js +1 -1
- package/build-module/components/color-style-selector/index.js.map +1 -1
- package/build-module/components/inserter/reusable-blocks-tab.native.js +8 -4
- package/build-module/components/inserter/reusable-blocks-tab.native.js.map +1 -1
- package/build-module/components/inserter/search-results.native.js +11 -8
- package/build-module/components/inserter/search-results.native.js.map +1 -1
- package/build-module/components/link-control/index.js +2 -7
- package/build-module/components/link-control/index.js.map +1 -1
- package/build-module/components/link-control/settings.js +2 -1
- package/build-module/components/link-control/settings.js.map +1 -1
- package/build-module/components/list-view/block-select-button.js +48 -7
- package/build-module/components/list-view/block-select-button.js.map +1 -1
- package/build-module/components/list-view/drop-indicator.js +3 -3
- package/build-module/components/list-view/drop-indicator.js.map +1 -1
- package/build-module/components/list-view/index.js +14 -8
- package/build-module/components/list-view/index.js.map +1 -1
- package/build-module/components/list-view/use-list-view-images.js +5 -4
- package/build-module/components/list-view/use-list-view-images.js.map +1 -1
- package/build-module/components/preview-options/index.js +3 -1
- package/build-module/components/preview-options/index.js.map +1 -1
- package/build-module/components/provider/index.js +3 -1
- package/build-module/components/provider/index.js.map +1 -1
- package/build-module/components/use-block-commands/index.js +74 -63
- package/build-module/components/use-block-commands/index.js.map +1 -1
- package/build-module/components/warning/index.js +2 -2
- package/build-module/components/warning/index.js.map +1 -1
- package/build-module/hooks/auto-inserting-blocks.js +167 -0
- package/build-module/hooks/auto-inserting-blocks.js.map +1 -0
- package/build-module/hooks/index.js +1 -0
- package/build-module/hooks/index.js.map +1 -1
- package/build-module/hooks/style.js +63 -21
- package/build-module/hooks/style.js.map +1 -1
- package/build-module/hooks/utils.js +4 -0
- package/build-module/hooks/utils.js.map +1 -1
- package/build-style/content-rtl.css +8 -7
- package/build-style/content.css +8 -7
- package/build-style/style-rtl.css +4 -4
- package/build-style/style.css +4 -4
- package/package.json +32 -32
- package/src/components/block-list/block-outline.native.js +5 -2
- package/src/components/block-list/content.scss +2 -3
- package/src/components/block-list/index.js +4 -3
- package/src/components/block-popover/inbetween.js +4 -3
- package/src/components/block-popover/index.js +3 -2
- package/src/components/button-block-appender/content.scss +8 -0
- package/src/components/color-style-selector/index.js +1 -1
- package/src/components/inserter/reusable-blocks-tab.native.js +7 -2
- package/src/components/inserter/search-results.native.js +13 -9
- package/src/components/link-control/index.js +2 -5
- package/src/components/link-control/settings.js +1 -0
- package/src/components/link-control/style.scss +5 -5
- package/src/components/link-control/test/index.js +1 -0
- package/src/components/list-view/block-select-button.js +67 -15
- package/src/components/list-view/drop-indicator.js +4 -5
- package/src/components/list-view/index.js +19 -13
- package/src/components/list-view/use-list-view-images.js +8 -4
- package/src/components/observe-typing/README.md +2 -2
- package/src/components/preview-options/index.js +2 -0
- package/src/components/provider/index.js +8 -1
- package/src/components/use-block-commands/index.js +92 -88
- package/src/components/warning/index.js +2 -2
- package/src/hooks/auto-inserting-blocks.js +232 -0
- package/src/hooks/index.js +1 -0
- package/src/hooks/style.js +85 -35
- package/src/hooks/utils.js +4 -0
- package/build/utils/pre-parse-patterns.js +0 -68
- package/build/utils/pre-parse-patterns.js.map +0 -1
- package/build-module/utils/pre-parse-patterns.js +0 -61
- package/build-module/utils/pre-parse-patterns.js.map +0 -1
- package/src/components/url-popover/test/__snapshots__/index.js.snap +0 -133
- package/src/components/url-popover/test/index.js +0 -75
- package/src/utils/pre-parse-patterns.js +0 -69
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["classnames","useContext","useMemo","createPortal","addFilter","getBlockSupport","hasBlockSupport","__EXPERIMENTAL_ELEMENTS","ELEMENTS","createHigherOrderComponent","useInstanceId","getCSSRules","compileCSS","BlockList","BORDER_SUPPORT_KEY","BorderPanel","COLOR_SUPPORT_KEY","ColorEdit","TypographyPanel","TYPOGRAPHY_SUPPORT_KEY","TYPOGRAPHY_SUPPORT_KEYS","DIMENSIONS_SUPPORT_KEY","SPACING_SUPPORT_KEY","DimensionsPanel","useDisplayBlockControls","shouldSkipSerialization","useBlockEditingMode","styleSupportKeys","hasStyleSupport","nameOrType","some","key","getInlineStyles","styles","output","forEach","rule","value","addAttribute","settings","attributes","style","Object","assign","type","skipSerializationPathsEdit","skipSerializationPathsSave","renamedFeatures","gradients","omitStyle","paths","preserveReference","newStyle","JSON","parse","stringify","Array","isArray","path","split","length","firstSubpath","restPath","addSaveProps","props","blockType","skipPaths","entries","indicator","skipSerialization","featureName","feature","addEditProps","existingGetEditWrapperProps","getEditWrapperProps","withBlockControls","BlockEdit","name","createElement","shouldDisplayControls","blockEditingMode","Fragment","withElementsStyles","BlockListBlock","blockElementsContainerIdentifier","skipLinkColorSerialization","elements","link","undefined","selector","elementCssRules","elementStyles","cssRule","push","join","element","__unstableElementContext","dangerouslySetInnerHTML","__html","className"],"sources":["@wordpress/block-editor/src/hooks/style.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo, createPortal } from '@wordpress/element';\nimport { addFilter } from '@wordpress/hooks';\nimport {\n\tgetBlockSupport,\n\thasBlockSupport,\n\t__EXPERIMENTAL_ELEMENTS as ELEMENTS,\n} from '@wordpress/blocks';\nimport { createHigherOrderComponent, useInstanceId } from '@wordpress/compose';\nimport { getCSSRules, compileCSS } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../components/block-list';\nimport { BORDER_SUPPORT_KEY, BorderPanel } from './border';\nimport { COLOR_SUPPORT_KEY, ColorEdit } from './color';\nimport {\n\tTypographyPanel,\n\tTYPOGRAPHY_SUPPORT_KEY,\n\tTYPOGRAPHY_SUPPORT_KEYS,\n} from './typography';\nimport {\n\tDIMENSIONS_SUPPORT_KEY,\n\tSPACING_SUPPORT_KEY,\n\tDimensionsPanel,\n} from './dimensions';\nimport useDisplayBlockControls from '../components/use-display-block-controls';\nimport { shouldSkipSerialization } from './utils';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\nconst styleSupportKeys = [\n\t...TYPOGRAPHY_SUPPORT_KEYS,\n\tBORDER_SUPPORT_KEY,\n\tCOLOR_SUPPORT_KEY,\n\tDIMENSIONS_SUPPORT_KEY,\n\tSPACING_SUPPORT_KEY,\n];\n\nconst hasStyleSupport = ( nameOrType ) =>\n\tstyleSupportKeys.some( ( key ) => hasBlockSupport( nameOrType, key ) );\n\n/**\n * Returns the inline styles to add depending on the style object\n *\n * @param {Object} styles Styles configuration.\n *\n * @return {Object} Flattened CSS variables declaration.\n */\nexport function getInlineStyles( styles = {} ) {\n\tconst output = {};\n\t// The goal is to move everything to server side generated engine styles\n\t// This is temporary as we absorb more and more styles into the engine.\n\tgetCSSRules( styles ).forEach( ( rule ) => {\n\t\toutput[ rule.key ] = rule.value;\n\t} );\n\n\treturn output;\n}\n\n/**\n * Filters registered block settings, extending attributes to include `style` attribute.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nfunction addAttribute( settings ) {\n\tif ( ! hasStyleSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( ! settings.attributes.style ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tstyle: {\n\t\t\t\ttype: 'object',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn settings;\n}\n\n/**\n * A dictionary of paths to flag skipping block support serialization as the key,\n * with values providing the style paths to be omitted from serialization.\n *\n * @constant\n * @type {Record<string, string[]>}\n */\nconst skipSerializationPathsEdit = {\n\t[ `${ BORDER_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [ 'border' ],\n\t[ `${ COLOR_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tCOLOR_SUPPORT_KEY,\n\t],\n\t[ `${ TYPOGRAPHY_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t],\n\t[ `${ DIMENSIONS_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tDIMENSIONS_SUPPORT_KEY,\n\t],\n\t[ `${ SPACING_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tSPACING_SUPPORT_KEY,\n\t],\n};\n\n/**\n * A dictionary of paths to flag skipping block support serialization as the key,\n * with values providing the style paths to be omitted from serialization.\n *\n * Extends the Edit skip paths to enable skipping additional paths in just\n * the Save component. This allows a block support to be serialized within the\n * editor, while using an alternate approach, such as server-side rendering, when\n * the support is saved.\n *\n * @constant\n * @type {Record<string, string[]>}\n */\nconst skipSerializationPathsSave = {\n\t...skipSerializationPathsEdit,\n\t[ `${ SPACING_SUPPORT_KEY }` ]: [ 'spacing.blockGap' ],\n};\n\n/**\n * A dictionary used to normalize feature names between support flags, style\n * object properties and __experimentSkipSerialization configuration arrays.\n *\n * This allows not having to provide a migration for a support flag and possible\n * backwards compatibility bridges, while still achieving consistency between\n * the support flag and the skip serialization array.\n *\n * @constant\n * @type {Record<string, string>}\n */\nconst renamedFeatures = { gradients: 'gradient' };\n\n/**\n * A utility function used to remove one or more paths from a style object.\n * Works in a way similar to Lodash's `omit()`. See unit tests and examples below.\n *\n * It supports a single string path:\n *\n * ```\n * omitStyle( { color: 'red' }, 'color' ); // {}\n * ```\n *\n * or an array of paths:\n *\n * ```\n * omitStyle( { color: 'red', background: '#fff' }, [ 'color', 'background' ] ); // {}\n * ```\n *\n * It also allows you to specify paths at multiple levels in a string.\n *\n * ```\n * omitStyle( { typography: { textDecoration: 'underline' } }, 'typography.textDecoration' ); // {}\n * ```\n *\n * You can remove multiple paths at the same time:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\ttypography: {\n * \t\t\t\ttextDecoration: 'underline',\n * \t\t\t\ttextTransform: 'uppercase',\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t'typography.textDecoration',\n * \t\t\t'typography.textTransform',\n *\t\t]\n * );\n * // {}\n * ```\n *\n * You can also specify nested paths as arrays:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\ttypography: {\n * \t\t\t\ttextDecoration: 'underline',\n * \t\t\t\ttextTransform: 'uppercase',\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t[ 'typography', 'textDecoration' ],\n * \t\t\t[ 'typography', 'textTransform' ],\n *\t\t]\n * );\n * // {}\n * ```\n *\n * With regards to nesting of styles, infinite depth is supported:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\tborder: {\n * \t\t\t\tradius: {\n * \t\t\t\t\ttopLeft: '10px',\n * \t\t\t\t\ttopRight: '0.5rem',\n * \t\t\t\t}\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t[ 'border', 'radius', 'topRight' ],\n *\t\t]\n * );\n * // { border: { radius: { topLeft: '10px' } } }\n * ```\n *\n * The third argument, `preserveReference`, defines how to treat the input style object.\n * It is mostly necessary to properly handle mutation when recursively handling the style object.\n * Defaulting to `false`, this will always create a new object, avoiding to mutate `style`.\n * However, when recursing, we change that value to `true` in order to work with a single copy\n * of the original style object.\n *\n * @see https://lodash.com/docs/4.17.15#omit\n *\n * @param {Object} style Styles object.\n * @param {Array|string} paths Paths to remove.\n * @param {boolean} preserveReference True to mutate the `style` object, false otherwise.\n * @return {Object} Styles object with the specified paths removed.\n */\nexport function omitStyle( style, paths, preserveReference = false ) {\n\tif ( ! style ) {\n\t\treturn style;\n\t}\n\n\tlet newStyle = style;\n\tif ( ! preserveReference ) {\n\t\tnewStyle = JSON.parse( JSON.stringify( style ) );\n\t}\n\n\tif ( ! Array.isArray( paths ) ) {\n\t\tpaths = [ paths ];\n\t}\n\n\tpaths.forEach( ( path ) => {\n\t\tif ( ! Array.isArray( path ) ) {\n\t\t\tpath = path.split( '.' );\n\t\t}\n\n\t\tif ( path.length > 1 ) {\n\t\t\tconst [ firstSubpath, ...restPath ] = path;\n\t\t\tomitStyle( newStyle[ firstSubpath ], [ restPath ], true );\n\t\t} else if ( path.length === 1 ) {\n\t\t\tdelete newStyle[ path[ 0 ] ];\n\t\t}\n\t} );\n\n\treturn newStyle;\n}\n\n/**\n * Override props assigned to save component to inject the CSS variables definition.\n *\n * @param {Object} props Additional props applied to save element.\n * @param {Object} blockType Block type.\n * @param {Object} attributes Block attributes.\n * @param {?Record<string, string[]>} skipPaths An object of keys and paths to skip serialization.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps(\n\tprops,\n\tblockType,\n\tattributes,\n\tskipPaths = skipSerializationPathsSave\n) {\n\tif ( ! hasStyleSupport( blockType ) ) {\n\t\treturn props;\n\t}\n\n\tlet { style } = attributes;\n\tObject.entries( skipPaths ).forEach( ( [ indicator, path ] ) => {\n\t\tconst skipSerialization = getBlockSupport( blockType, indicator );\n\n\t\tif ( skipSerialization === true ) {\n\t\t\tstyle = omitStyle( style, path );\n\t\t}\n\n\t\tif ( Array.isArray( skipSerialization ) ) {\n\t\t\tskipSerialization.forEach( ( featureName ) => {\n\t\t\t\tconst feature = renamedFeatures[ featureName ] || featureName;\n\t\t\t\tstyle = omitStyle( style, [ [ ...path, feature ] ] );\n\t\t\t} );\n\t\t}\n\t} );\n\n\tprops.style = {\n\t\t...getInlineStyles( style ),\n\t\t...props.style,\n\t};\n\n\treturn props;\n}\n\n/**\n * Filters registered block settings to extend the block edit wrapper\n * to apply the desired styles and classnames properly.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object}.Filtered block settings.\n */\nexport function addEditProps( settings ) {\n\tif ( ! hasStyleSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\tconst existingGetEditWrapperProps = settings.getEditWrapperProps;\n\tsettings.getEditWrapperProps = ( attributes ) => {\n\t\tlet props = {};\n\t\tif ( existingGetEditWrapperProps ) {\n\t\t\tprops = existingGetEditWrapperProps( attributes );\n\t\t}\n\n\t\treturn addSaveProps(\n\t\t\tprops,\n\t\t\tsettings,\n\t\t\tattributes,\n\t\t\tskipSerializationPathsEdit\n\t\t);\n\t};\n\n\treturn settings;\n}\n\n/**\n * Override the default edit UI to include new inspector controls for\n * all the custom styles configs.\n *\n * @param {Function} BlockEdit Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withBlockControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tif ( ! hasStyleSupport( props.name ) ) {\n\t\t\treturn <BlockEdit key=\"edit\" { ...props } />;\n\t\t}\n\n\t\tconst shouldDisplayControls = useDisplayBlockControls();\n\t\tconst blockEditingMode = useBlockEditingMode();\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ shouldDisplayControls && blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ColorEdit { ...props } />\n\t\t\t\t\t\t<TypographyPanel { ...props } />\n\t\t\t\t\t\t<BorderPanel { ...props } />\n\t\t\t\t\t\t<DimensionsPanel { ...props } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t</>\n\t\t);\n\t},\n\t'withToolbarControls'\n);\n\n/**\n * Override the default block element to include elements styles.\n *\n * @param {Function} BlockListBlock Original component\n * @return {Function} Wrapped component\n */\nconst withElementsStyles = createHigherOrderComponent(\n\t( BlockListBlock ) => ( props ) => {\n\t\tconst blockElementsContainerIdentifier = `wp-elements-${ useInstanceId(\n\t\t\tBlockListBlock\n\t\t) }`;\n\n\t\tconst skipLinkColorSerialization = shouldSkipSerialization(\n\t\t\tprops.name,\n\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t'link'\n\t\t);\n\n\t\tconst styles = useMemo( () => {\n\t\t\t// The .editor-styles-wrapper selector is required on elements styles. As it is\n\t\t\t// added to all other editor styles, not providing it causes reset and global\n\t\t\t// styles to override element styles because of higher specificity.\n\t\t\tconst elements = [\n\t\t\t\t{\n\t\t\t\t\tstyles: ! skipLinkColorSerialization\n\t\t\t\t\t\t? props.attributes.style?.elements?.link\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\tselector: `.editor-styles-wrapper .${ blockElementsContainerIdentifier } ${ ELEMENTS.link }`,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tstyles: ! skipLinkColorSerialization\n\t\t\t\t\t\t? props.attributes.style?.elements?.link?.[ ':hover' ]\n\t\t\t\t\t\t: undefined,\n\t\t\t\t\tselector: `.editor-styles-wrapper .${ blockElementsContainerIdentifier } ${ ELEMENTS.link }:hover`,\n\t\t\t\t},\n\t\t\t];\n\t\t\tconst elementCssRules = [];\n\t\t\tfor ( const { styles: elementStyles, selector } of elements ) {\n\t\t\t\tif ( elementStyles ) {\n\t\t\t\t\tconst cssRule = compileCSS( elementStyles, {\n\t\t\t\t\t\tselector,\n\t\t\t\t\t} );\n\t\t\t\t\telementCssRules.push( cssRule );\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn elementCssRules.length > 0\n\t\t\t\t? elementCssRules.join( '' )\n\t\t\t\t: undefined;\n\t\t}, [\n\t\t\tprops.attributes.style?.elements,\n\t\t\tblockElementsContainerIdentifier,\n\t\t\tskipLinkColorSerialization,\n\t\t] );\n\n\t\tconst element = useContext( BlockList.__unstableElementContext );\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ styles &&\n\t\t\t\t\telement &&\n\t\t\t\t\tcreatePortal(\n\t\t\t\t\t\t<style\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t\t__html: styles,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>,\n\t\t\t\t\t\telement\n\t\t\t\t\t) }\n\n\t\t\t\t<BlockListBlock\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.attributes.style?.elements\n\t\t\t\t\t\t\t? classnames(\n\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\tblockElementsContainerIdentifier\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: props.className\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n\t'withElementsStyles'\n);\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/style/addAttribute',\n\taddAttribute\n);\n\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/style/addSaveProps',\n\taddSaveProps\n);\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/style/addEditProps',\n\taddEditProps\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/style/with-block-controls',\n\twithBlockControls\n);\n\naddFilter(\n\t'editor.BlockListBlock',\n\t'core/editor/with-elements-styles',\n\twithElementsStyles\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,OAAO,EAAEC,YAAY,QAAQ,oBAAoB;AACtE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SACCC,eAAe,EACfC,eAAe,EACfC,uBAAuB,IAAIC,QAAQ,QAC7B,mBAAmB;AAC1B,SAASC,0BAA0B,EAAEC,aAAa,QAAQ,oBAAoB;AAC9E,SAASC,WAAW,EAAEC,UAAU,QAAQ,yBAAyB;;AAEjE;AACA;AACA;AACA,OAAOC,SAAS,MAAM,0BAA0B;AAChD,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,UAAU;AAC1D,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,SAAS;AACtD,SACCC,eAAe,EACfC,sBAAsB,EACtBC,uBAAuB,QACjB,cAAc;AACrB,SACCC,sBAAsB,EACtBC,mBAAmB,EACnBC,eAAe,QACT,cAAc;AACrB,OAAOC,uBAAuB,MAAM,0CAA0C;AAC9E,SAASC,uBAAuB,QAAQ,SAAS;AACjD,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE,MAAMC,gBAAgB,GAAG,CACxB,GAAGP,uBAAuB,EAC1BN,kBAAkB,EAClBE,iBAAiB,EACjBK,sBAAsB,EACtBC,mBAAmB,CACnB;AAED,MAAMM,eAAe,GAAKC,UAAU,IACnCF,gBAAgB,CAACG,IAAI,CAAIC,GAAG,IAAMzB,eAAe,CAAEuB,UAAU,EAAEE,GAAI,CAAE,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,MAAM,GAAG,CAAC,CAAC,EAAG;EAC9C,MAAMC,MAAM,GAAG,CAAC,CAAC;EACjB;EACA;EACAvB,WAAW,CAAEsB,MAAO,CAAC,CAACE,OAAO,CAAIC,IAAI,IAAM;IAC1CF,MAAM,CAAEE,IAAI,CAACL,GAAG,CAAE,GAAGK,IAAI,CAACC,KAAK;EAChC,CAAE,CAAC;EAEH,OAAOH,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,YAAYA,CAAEC,QAAQ,EAAG;EACjC,IAAK,CAAEX,eAAe,CAAEW,QAAS,CAAC,EAAG;IACpC,OAAOA,QAAQ;EAChB;;EAEA;EACA,IAAK,CAAEA,QAAQ,CAACC,UAAU,CAACC,KAAK,EAAG;IAClCC,MAAM,CAACC,MAAM,CAAEJ,QAAQ,CAACC,UAAU,EAAE;MACnCC,KAAK,EAAE;QACNG,IAAI,EAAE;MACP;IACD,CAAE,CAAC;EACJ;EAEA,OAAOL,QAAQ;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,0BAA0B,GAAG;EAClC,CAAG,GAAG/B,kBAAoB,kCAAiC,GAAI,CAAE,QAAQ,CAAE;EAC3E,CAAG,GAAGE,iBAAmB,kCAAiC,GAAI,CAC7DA,iBAAiB,CACjB;EACD,CAAG,GAAGG,sBAAwB,kCAAiC,GAAI,CAClEA,sBAAsB,CACtB;EACD,CAAG,GAAGE,sBAAwB,kCAAiC,GAAI,CAClEA,sBAAsB,CACtB;EACD,CAAG,GAAGC,mBAAqB,kCAAiC,GAAI,CAC/DA,mBAAmB;AAErB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMwB,0BAA0B,GAAG;EAClC,GAAGD,0BAA0B;EAC7B,CAAG,GAAGvB,mBAAqB,EAAC,GAAI,CAAE,kBAAkB;AACrD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMyB,eAAe,GAAG;EAAEC,SAAS,EAAE;AAAW,CAAC;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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"}
|
|
1
|
+
{"version":3,"names":["classnames","useContext","useMemo","createPortal","addFilter","getBlockSupport","hasBlockSupport","__EXPERIMENTAL_ELEMENTS","ELEMENTS","createHigherOrderComponent","useInstanceId","getCSSRules","compileCSS","BlockList","BORDER_SUPPORT_KEY","BorderPanel","COLOR_SUPPORT_KEY","ColorEdit","TypographyPanel","TYPOGRAPHY_SUPPORT_KEY","TYPOGRAPHY_SUPPORT_KEYS","DIMENSIONS_SUPPORT_KEY","SPACING_SUPPORT_KEY","DimensionsPanel","useDisplayBlockControls","shouldSkipSerialization","scopeSelector","useBlockEditingMode","styleSupportKeys","hasStyleSupport","nameOrType","some","key","getInlineStyles","styles","output","forEach","rule","value","addAttribute","settings","attributes","style","Object","assign","type","skipSerializationPathsEdit","skipSerializationPathsSave","renamedFeatures","gradients","omitStyle","paths","preserveReference","newStyle","JSON","parse","stringify","Array","isArray","path","split","length","firstSubpath","restPath","addSaveProps","props","blockType","skipPaths","entries","indicator","skipSerialization","featureName","feature","addEditProps","existingGetEditWrapperProps","getEditWrapperProps","withBlockControls","BlockEdit","name","createElement","shouldDisplayControls","blockEditingMode","Fragment","elementTypes","elementType","pseudo","elements","withElementsStyles","BlockListBlock","blockElementsContainerIdentifier","baseElementSelector","blockElementStyles","elementCSSRules","elementStyles","selector","push","pseudoSelector","element","join","undefined","__unstableElementContext","dangerouslySetInnerHTML","__html","className"],"sources":["@wordpress/block-editor/src/hooks/style.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useContext, useMemo, createPortal } from '@wordpress/element';\nimport { addFilter } from '@wordpress/hooks';\nimport {\n\tgetBlockSupport,\n\thasBlockSupport,\n\t__EXPERIMENTAL_ELEMENTS as ELEMENTS,\n} from '@wordpress/blocks';\nimport { createHigherOrderComponent, useInstanceId } from '@wordpress/compose';\nimport { getCSSRules, compileCSS } from '@wordpress/style-engine';\n\n/**\n * Internal dependencies\n */\nimport BlockList from '../components/block-list';\nimport { BORDER_SUPPORT_KEY, BorderPanel } from './border';\nimport { COLOR_SUPPORT_KEY, ColorEdit } from './color';\nimport {\n\tTypographyPanel,\n\tTYPOGRAPHY_SUPPORT_KEY,\n\tTYPOGRAPHY_SUPPORT_KEYS,\n} from './typography';\nimport {\n\tDIMENSIONS_SUPPORT_KEY,\n\tSPACING_SUPPORT_KEY,\n\tDimensionsPanel,\n} from './dimensions';\nimport useDisplayBlockControls from '../components/use-display-block-controls';\nimport { shouldSkipSerialization } from './utils';\nimport { scopeSelector } from '../components/global-styles/utils';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\nconst styleSupportKeys = [\n\t...TYPOGRAPHY_SUPPORT_KEYS,\n\tBORDER_SUPPORT_KEY,\n\tCOLOR_SUPPORT_KEY,\n\tDIMENSIONS_SUPPORT_KEY,\n\tSPACING_SUPPORT_KEY,\n];\n\nconst hasStyleSupport = ( nameOrType ) =>\n\tstyleSupportKeys.some( ( key ) => hasBlockSupport( nameOrType, key ) );\n\n/**\n * Returns the inline styles to add depending on the style object\n *\n * @param {Object} styles Styles configuration.\n *\n * @return {Object} Flattened CSS variables declaration.\n */\nexport function getInlineStyles( styles = {} ) {\n\tconst output = {};\n\t// The goal is to move everything to server side generated engine styles\n\t// This is temporary as we absorb more and more styles into the engine.\n\tgetCSSRules( styles ).forEach( ( rule ) => {\n\t\toutput[ rule.key ] = rule.value;\n\t} );\n\n\treturn output;\n}\n\n/**\n * Filters registered block settings, extending attributes to include `style` attribute.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nfunction addAttribute( settings ) {\n\tif ( ! hasStyleSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( ! settings.attributes.style ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tstyle: {\n\t\t\t\ttype: 'object',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn settings;\n}\n\n/**\n * A dictionary of paths to flag skipping block support serialization as the key,\n * with values providing the style paths to be omitted from serialization.\n *\n * @constant\n * @type {Record<string, string[]>}\n */\nconst skipSerializationPathsEdit = {\n\t[ `${ BORDER_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [ 'border' ],\n\t[ `${ COLOR_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tCOLOR_SUPPORT_KEY,\n\t],\n\t[ `${ TYPOGRAPHY_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tTYPOGRAPHY_SUPPORT_KEY,\n\t],\n\t[ `${ DIMENSIONS_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tDIMENSIONS_SUPPORT_KEY,\n\t],\n\t[ `${ SPACING_SUPPORT_KEY }.__experimentalSkipSerialization` ]: [\n\t\tSPACING_SUPPORT_KEY,\n\t],\n};\n\n/**\n * A dictionary of paths to flag skipping block support serialization as the key,\n * with values providing the style paths to be omitted from serialization.\n *\n * Extends the Edit skip paths to enable skipping additional paths in just\n * the Save component. This allows a block support to be serialized within the\n * editor, while using an alternate approach, such as server-side rendering, when\n * the support is saved.\n *\n * @constant\n * @type {Record<string, string[]>}\n */\nconst skipSerializationPathsSave = {\n\t...skipSerializationPathsEdit,\n\t[ `${ SPACING_SUPPORT_KEY }` ]: [ 'spacing.blockGap' ],\n};\n\n/**\n * A dictionary used to normalize feature names between support flags, style\n * object properties and __experimentSkipSerialization configuration arrays.\n *\n * This allows not having to provide a migration for a support flag and possible\n * backwards compatibility bridges, while still achieving consistency between\n * the support flag and the skip serialization array.\n *\n * @constant\n * @type {Record<string, string>}\n */\nconst renamedFeatures = { gradients: 'gradient' };\n\n/**\n * A utility function used to remove one or more paths from a style object.\n * Works in a way similar to Lodash's `omit()`. See unit tests and examples below.\n *\n * It supports a single string path:\n *\n * ```\n * omitStyle( { color: 'red' }, 'color' ); // {}\n * ```\n *\n * or an array of paths:\n *\n * ```\n * omitStyle( { color: 'red', background: '#fff' }, [ 'color', 'background' ] ); // {}\n * ```\n *\n * It also allows you to specify paths at multiple levels in a string.\n *\n * ```\n * omitStyle( { typography: { textDecoration: 'underline' } }, 'typography.textDecoration' ); // {}\n * ```\n *\n * You can remove multiple paths at the same time:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\ttypography: {\n * \t\t\t\ttextDecoration: 'underline',\n * \t\t\t\ttextTransform: 'uppercase',\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t'typography.textDecoration',\n * \t\t\t'typography.textTransform',\n *\t\t]\n * );\n * // {}\n * ```\n *\n * You can also specify nested paths as arrays:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\ttypography: {\n * \t\t\t\ttextDecoration: 'underline',\n * \t\t\t\ttextTransform: 'uppercase',\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t[ 'typography', 'textDecoration' ],\n * \t\t\t[ 'typography', 'textTransform' ],\n *\t\t]\n * );\n * // {}\n * ```\n *\n * With regards to nesting of styles, infinite depth is supported:\n *\n * ```\n * omitStyle(\n * \t\t{\n * \t\t\tborder: {\n * \t\t\t\tradius: {\n * \t\t\t\t\ttopLeft: '10px',\n * \t\t\t\t\ttopRight: '0.5rem',\n * \t\t\t\t}\n * \t\t\t}\n *\t\t},\n *\t\t[\n * \t\t\t[ 'border', 'radius', 'topRight' ],\n *\t\t]\n * );\n * // { border: { radius: { topLeft: '10px' } } }\n * ```\n *\n * The third argument, `preserveReference`, defines how to treat the input style object.\n * It is mostly necessary to properly handle mutation when recursively handling the style object.\n * Defaulting to `false`, this will always create a new object, avoiding to mutate `style`.\n * However, when recursing, we change that value to `true` in order to work with a single copy\n * of the original style object.\n *\n * @see https://lodash.com/docs/4.17.15#omit\n *\n * @param {Object} style Styles object.\n * @param {Array|string} paths Paths to remove.\n * @param {boolean} preserveReference True to mutate the `style` object, false otherwise.\n * @return {Object} Styles object with the specified paths removed.\n */\nexport function omitStyle( style, paths, preserveReference = false ) {\n\tif ( ! style ) {\n\t\treturn style;\n\t}\n\n\tlet newStyle = style;\n\tif ( ! preserveReference ) {\n\t\tnewStyle = JSON.parse( JSON.stringify( style ) );\n\t}\n\n\tif ( ! Array.isArray( paths ) ) {\n\t\tpaths = [ paths ];\n\t}\n\n\tpaths.forEach( ( path ) => {\n\t\tif ( ! Array.isArray( path ) ) {\n\t\t\tpath = path.split( '.' );\n\t\t}\n\n\t\tif ( path.length > 1 ) {\n\t\t\tconst [ firstSubpath, ...restPath ] = path;\n\t\t\tomitStyle( newStyle[ firstSubpath ], [ restPath ], true );\n\t\t} else if ( path.length === 1 ) {\n\t\t\tdelete newStyle[ path[ 0 ] ];\n\t\t}\n\t} );\n\n\treturn newStyle;\n}\n\n/**\n * Override props assigned to save component to inject the CSS variables definition.\n *\n * @param {Object} props Additional props applied to save element.\n * @param {Object} blockType Block type.\n * @param {Object} attributes Block attributes.\n * @param {?Record<string, string[]>} skipPaths An object of keys and paths to skip serialization.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps(\n\tprops,\n\tblockType,\n\tattributes,\n\tskipPaths = skipSerializationPathsSave\n) {\n\tif ( ! hasStyleSupport( blockType ) ) {\n\t\treturn props;\n\t}\n\n\tlet { style } = attributes;\n\tObject.entries( skipPaths ).forEach( ( [ indicator, path ] ) => {\n\t\tconst skipSerialization = getBlockSupport( blockType, indicator );\n\n\t\tif ( skipSerialization === true ) {\n\t\t\tstyle = omitStyle( style, path );\n\t\t}\n\n\t\tif ( Array.isArray( skipSerialization ) ) {\n\t\t\tskipSerialization.forEach( ( featureName ) => {\n\t\t\t\tconst feature = renamedFeatures[ featureName ] || featureName;\n\t\t\t\tstyle = omitStyle( style, [ [ ...path, feature ] ] );\n\t\t\t} );\n\t\t}\n\t} );\n\n\tprops.style = {\n\t\t...getInlineStyles( style ),\n\t\t...props.style,\n\t};\n\n\treturn props;\n}\n\n/**\n * Filters registered block settings to extend the block edit wrapper\n * to apply the desired styles and classnames properly.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object}.Filtered block settings.\n */\nexport function addEditProps( settings ) {\n\tif ( ! hasStyleSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\tconst existingGetEditWrapperProps = settings.getEditWrapperProps;\n\tsettings.getEditWrapperProps = ( attributes ) => {\n\t\tlet props = {};\n\t\tif ( existingGetEditWrapperProps ) {\n\t\t\tprops = existingGetEditWrapperProps( attributes );\n\t\t}\n\n\t\treturn addSaveProps(\n\t\t\tprops,\n\t\t\tsettings,\n\t\t\tattributes,\n\t\t\tskipSerializationPathsEdit\n\t\t);\n\t};\n\n\treturn settings;\n}\n\n/**\n * Override the default edit UI to include new inspector controls for\n * all the custom styles configs.\n *\n * @param {Function} BlockEdit Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withBlockControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tif ( ! hasStyleSupport( props.name ) ) {\n\t\t\treturn <BlockEdit key=\"edit\" { ...props } />;\n\t\t}\n\n\t\tconst shouldDisplayControls = useDisplayBlockControls();\n\t\tconst blockEditingMode = useBlockEditingMode();\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ shouldDisplayControls && blockEditingMode === 'default' && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ColorEdit { ...props } />\n\t\t\t\t\t\t<TypographyPanel { ...props } />\n\t\t\t\t\t\t<BorderPanel { ...props } />\n\t\t\t\t\t\t<DimensionsPanel { ...props } />\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t</>\n\t\t);\n\t},\n\t'withToolbarControls'\n);\n\n// Defines which element types are supported, including their hover styles or\n// any other elements that have been included under a single element type\n// e.g. heading and h1-h6.\nconst elementTypes = [\n\t{ elementType: 'button' },\n\t{ elementType: 'link', pseudo: [ ':hover' ] },\n\t{\n\t\telementType: 'heading',\n\t\telements: [ 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],\n\t},\n];\n\n/**\n * Override the default block element to include elements styles.\n *\n * @param {Function} BlockListBlock Original component\n * @return {Function} Wrapped component\n */\nconst withElementsStyles = createHigherOrderComponent(\n\t( BlockListBlock ) => ( props ) => {\n\t\tconst blockElementsContainerIdentifier = `wp-elements-${ useInstanceId(\n\t\t\tBlockListBlock\n\t\t) }`;\n\n\t\t// The .editor-styles-wrapper selector is required on elements styles. As it is\n\t\t// added to all other editor styles, not providing it causes reset and global\n\t\t// styles to override element styles because of higher specificity.\n\t\tconst baseElementSelector = `.editor-styles-wrapper .${ blockElementsContainerIdentifier }`;\n\t\tconst blockElementStyles = props.attributes.style?.elements;\n\n\t\tconst styles = useMemo( () => {\n\t\t\tif ( ! blockElementStyles ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst elementCSSRules = [];\n\n\t\t\telementTypes.forEach( ( { elementType, pseudo, elements } ) => {\n\t\t\t\tconst skipSerialization = shouldSkipSerialization(\n\t\t\t\t\tprops.name,\n\t\t\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t\t\telementType\n\t\t\t\t);\n\n\t\t\t\tif ( skipSerialization ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst elementStyles = blockElementStyles?.[ elementType ];\n\n\t\t\t\t// Process primary element type styles.\n\t\t\t\tif ( elementStyles ) {\n\t\t\t\t\tconst selector = scopeSelector(\n\t\t\t\t\t\tbaseElementSelector,\n\t\t\t\t\t\tELEMENTS[ elementType ]\n\t\t\t\t\t);\n\n\t\t\t\t\telementCSSRules.push(\n\t\t\t\t\t\tcompileCSS( elementStyles, { selector } )\n\t\t\t\t\t);\n\n\t\t\t\t\t// Process any interactive states for the element type.\n\t\t\t\t\tif ( pseudo ) {\n\t\t\t\t\t\tpseudo.forEach( ( pseudoSelector ) => {\n\t\t\t\t\t\t\tif ( elementStyles[ pseudoSelector ] ) {\n\t\t\t\t\t\t\t\telementCSSRules.push(\n\t\t\t\t\t\t\t\t\tcompileCSS(\n\t\t\t\t\t\t\t\t\t\telementStyles[ pseudoSelector ],\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\t\tbaseElementSelector,\n\t\t\t\t\t\t\t\t\t\t\t\t`${ ELEMENTS[ elementType ] }${ pseudoSelector }`\n\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Process related elements e.g. h1-h6 for headings\n\t\t\t\tif ( elements ) {\n\t\t\t\t\telements.forEach( ( element ) => {\n\t\t\t\t\t\tif ( blockElementStyles[ element ] ) {\n\t\t\t\t\t\t\telementCSSRules.push(\n\t\t\t\t\t\t\t\tcompileCSS( blockElementStyles[ element ], {\n\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\tbaseElementSelector,\n\t\t\t\t\t\t\t\t\t\tELEMENTS[ element ]\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn elementCSSRules.length > 0\n\t\t\t\t? elementCSSRules.join( '' )\n\t\t\t\t: undefined;\n\t\t}, [ baseElementSelector, blockElementStyles, props.name ] );\n\n\t\tconst element = useContext( BlockList.__unstableElementContext );\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ styles &&\n\t\t\t\t\telement &&\n\t\t\t\t\tcreatePortal(\n\t\t\t\t\t\t<style\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={ {\n\t\t\t\t\t\t\t\t__html: styles,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>,\n\t\t\t\t\t\telement\n\t\t\t\t\t) }\n\n\t\t\t\t<BlockListBlock\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tprops.attributes.style?.elements\n\t\t\t\t\t\t\t? classnames(\n\t\t\t\t\t\t\t\t\tprops.className,\n\t\t\t\t\t\t\t\t\tblockElementsContainerIdentifier\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: props.className\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</>\n\t\t);\n\t},\n\t'withElementsStyles'\n);\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/style/addAttribute',\n\taddAttribute\n);\n\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/style/addSaveProps',\n\taddSaveProps\n);\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/style/addEditProps',\n\taddEditProps\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/style/with-block-controls',\n\twithBlockControls\n);\n\naddFilter(\n\t'editor.BlockListBlock',\n\t'core/editor/with-elements-styles',\n\twithElementsStyles\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;;AAEnC;AACA;AACA;AACA,SAASC,UAAU,EAAEC,OAAO,EAAEC,YAAY,QAAQ,oBAAoB;AACtE,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SACCC,eAAe,EACfC,eAAe,EACfC,uBAAuB,IAAIC,QAAQ,QAC7B,mBAAmB;AAC1B,SAASC,0BAA0B,EAAEC,aAAa,QAAQ,oBAAoB;AAC9E,SAASC,WAAW,EAAEC,UAAU,QAAQ,yBAAyB;;AAEjE;AACA;AACA;AACA,OAAOC,SAAS,MAAM,0BAA0B;AAChD,SAASC,kBAAkB,EAAEC,WAAW,QAAQ,UAAU;AAC1D,SAASC,iBAAiB,EAAEC,SAAS,QAAQ,SAAS;AACtD,SACCC,eAAe,EACfC,sBAAsB,EACtBC,uBAAuB,QACjB,cAAc;AACrB,SACCC,sBAAsB,EACtBC,mBAAmB,EACnBC,eAAe,QACT,cAAc;AACrB,OAAOC,uBAAuB,MAAM,0CAA0C;AAC9E,SAASC,uBAAuB,QAAQ,SAAS;AACjD,SAASC,aAAa,QAAQ,mCAAmC;AACjE,SAASC,mBAAmB,QAAQ,kCAAkC;AAEtE,MAAMC,gBAAgB,GAAG,CACxB,GAAGR,uBAAuB,EAC1BN,kBAAkB,EAClBE,iBAAiB,EACjBK,sBAAsB,EACtBC,mBAAmB,CACnB;AAED,MAAMO,eAAe,GAAKC,UAAU,IACnCF,gBAAgB,CAACG,IAAI,CAAIC,GAAG,IAAM1B,eAAe,CAAEwB,UAAU,EAAEE,GAAI,CAAE,CAAC;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAEC,MAAM,GAAG,CAAC,CAAC,EAAG;EAC9C,MAAMC,MAAM,GAAG,CAAC,CAAC;EACjB;EACA;EACAxB,WAAW,CAAEuB,MAAO,CAAC,CAACE,OAAO,CAAIC,IAAI,IAAM;IAC1CF,MAAM,CAAEE,IAAI,CAACL,GAAG,CAAE,GAAGK,IAAI,CAACC,KAAK;EAChC,CAAE,CAAC;EAEH,OAAOH,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASI,YAAYA,CAAEC,QAAQ,EAAG;EACjC,IAAK,CAAEX,eAAe,CAAEW,QAAS,CAAC,EAAG;IACpC,OAAOA,QAAQ;EAChB;;EAEA;EACA,IAAK,CAAEA,QAAQ,CAACC,UAAU,CAACC,KAAK,EAAG;IAClCC,MAAM,CAACC,MAAM,CAAEJ,QAAQ,CAACC,UAAU,EAAE;MACnCC,KAAK,EAAE;QACNG,IAAI,EAAE;MACP;IACD,CAAE,CAAC;EACJ;EAEA,OAAOL,QAAQ;AAChB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMM,0BAA0B,GAAG;EAClC,CAAG,GAAGhC,kBAAoB,kCAAiC,GAAI,CAAE,QAAQ,CAAE;EAC3E,CAAG,GAAGE,iBAAmB,kCAAiC,GAAI,CAC7DA,iBAAiB,CACjB;EACD,CAAG,GAAGG,sBAAwB,kCAAiC,GAAI,CAClEA,sBAAsB,CACtB;EACD,CAAG,GAAGE,sBAAwB,kCAAiC,GAAI,CAClEA,sBAAsB,CACtB;EACD,CAAG,GAAGC,mBAAqB,kCAAiC,GAAI,CAC/DA,mBAAmB;AAErB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMyB,0BAA0B,GAAG;EAClC,GAAGD,0BAA0B;EAC7B,CAAG,GAAGxB,mBAAqB,EAAC,GAAI,CAAE,kBAAkB;AACrD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM0B,eAAe,GAAG;EAAEC,SAAS,EAAE;AAAW,CAAC;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;A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"}
|
|
@@ -136,6 +136,8 @@ export function useBlockSettings(name, parentLayout) {
|
|
|
136
136
|
const isBackgroundEnabled = useSetting('color.background');
|
|
137
137
|
const isLinkEnabled = useSetting('color.link');
|
|
138
138
|
const isTextEnabled = useSetting('color.text');
|
|
139
|
+
const isHeadingEnabled = useSetting('color.heading');
|
|
140
|
+
const isButtonEnabled = useSetting('color.button');
|
|
139
141
|
const rawSettings = useMemo(() => {
|
|
140
142
|
return {
|
|
141
143
|
color: {
|
|
@@ -162,6 +164,8 @@ export function useBlockSettings(name, parentLayout) {
|
|
|
162
164
|
customDuotone,
|
|
163
165
|
background: isBackgroundEnabled,
|
|
164
166
|
link: isLinkEnabled,
|
|
167
|
+
heading: isHeadingEnabled,
|
|
168
|
+
button: isButtonEnabled,
|
|
165
169
|
text: isTextEnabled
|
|
166
170
|
},
|
|
167
171
|
typography: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getBlockSupport","useMemo","useSetting","useSettingsForBlockElement","getValueFromObjectPath","setImmutably","cleanEmptyObject","object","Array","isArray","cleanedNestedObjects","Object","entries","map","key","value","filter","undefined","length","fromEntries","transformStyles","activeSupports","migrationPaths","result","source","index","results","values","every","isActive","innerBlocks","referenceBlockAttributes","attributes","returnBlock","forEach","support","path","styleValue","shouldSkipSerialization","blockType","featureSet","feature","skipSerialization","__experimentalSkipSerialization","includes","useBlockSettings","name","parentLayout","fontFamilies","fontSizes","customFontSize","fontStyle","fontWeight","lineHeight","textColumns","textDecoration","writingMode","textTransform","letterSpacing","padding","margin","blockGap","spacingSizes","units","minHeight","layout","borderColor","borderRadius","borderStyle","borderWidth","customColorsEnabled","customColors","customDuotone","themeColors","defaultColors","defaultPalette","defaultDuotone","userDuotonePalette","themeDuotonePalette","defaultDuotonePalette","userGradientPalette","themeGradientPalette","defaultGradientPalette","defaultGradients","areCustomGradientsEnabled","isBackgroundEnabled","isLinkEnabled","isTextEnabled","rawSettings","color","palette","custom","theme","default","gradients","duotone","customGradient","background","link","text","typography","spacing","border","radius","style","width","dimensions"],"sources":["@wordpress/block-editor/src/hooks/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockSupport } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useSetting } from '../components';\nimport { useSettingsForBlockElement } from '../components/global-styles/hooks';\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\n\n/**\n * Removed falsy values from nested object.\n *\n * @param {*} object\n * @return {*} Object cleaned from falsy values\n */\nexport const cleanEmptyObject = ( object ) => {\n\tif (\n\t\tobject === null ||\n\t\ttypeof object !== 'object' ||\n\t\tArray.isArray( object )\n\t) {\n\t\treturn object;\n\t}\n\n\tconst cleanedNestedObjects = Object.entries( object )\n\t\t.map( ( [ key, value ] ) => [ key, cleanEmptyObject( value ) ] )\n\t\t.filter( ( [ , value ] ) => value !== undefined );\n\treturn ! cleanedNestedObjects.length\n\t\t? undefined\n\t\t: Object.fromEntries( cleanedNestedObjects );\n};\n\nexport function transformStyles(\n\tactiveSupports,\n\tmigrationPaths,\n\tresult,\n\tsource,\n\tindex,\n\tresults\n) {\n\t// If there are no active supports return early.\n\tif (\n\t\tObject.values( activeSupports ?? {} ).every(\n\t\t\t( isActive ) => ! isActive\n\t\t)\n\t) {\n\t\treturn result;\n\t}\n\t// If the condition verifies we are probably in the presence of a wrapping transform\n\t// e.g: nesting paragraphs in a group or columns and in that case the styles should not be transformed.\n\tif ( results.length === 1 && result.innerBlocks.length === source.length ) {\n\t\treturn result;\n\t}\n\t// For cases where we have a transform from one block to multiple blocks\n\t// or multiple blocks to one block we apply the styles of the first source block\n\t// to the result(s).\n\tlet referenceBlockAttributes = source[ 0 ]?.attributes;\n\t// If we are in presence of transform between more than one block in the source\n\t// that has more than one block in the result\n\t// we apply the styles on source N to the result N,\n\t// if source N does not exists we do nothing.\n\tif ( results.length > 1 && source.length > 1 ) {\n\t\tif ( source[ index ] ) {\n\t\t\treferenceBlockAttributes = source[ index ]?.attributes;\n\t\t} else {\n\t\t\treturn result;\n\t\t}\n\t}\n\tlet returnBlock = result;\n\tObject.entries( activeSupports ).forEach( ( [ support, isActive ] ) => {\n\t\tif ( isActive ) {\n\t\t\tmigrationPaths[ support ].forEach( ( path ) => {\n\t\t\t\tconst styleValue = getValueFromObjectPath(\n\t\t\t\t\treferenceBlockAttributes,\n\t\t\t\t\tpath\n\t\t\t\t);\n\t\t\t\tif ( styleValue ) {\n\t\t\t\t\treturnBlock = {\n\t\t\t\t\t\t...returnBlock,\n\t\t\t\t\t\tattributes: setImmutably(\n\t\t\t\t\t\t\treturnBlock.attributes,\n\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\tstyleValue\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n\treturn returnBlock;\n}\n\n/**\n * Check whether serialization of specific block support feature or set should\n * be skipped.\n *\n * @param {string|Object} blockType Block name or block type object.\n * @param {string} featureSet Name of block support feature set.\n * @param {string} feature Name of the individual feature to check.\n *\n * @return {boolean} Whether serialization should occur.\n */\nexport function shouldSkipSerialization( blockType, featureSet, feature ) {\n\tconst support = getBlockSupport( blockType, featureSet );\n\tconst skipSerialization = support?.__experimentalSkipSerialization;\n\n\tif ( Array.isArray( skipSerialization ) ) {\n\t\treturn skipSerialization.includes( feature );\n\t}\n\n\treturn skipSerialization;\n}\n\n/**\n * Based on the block and its context, returns an object of all the block settings.\n * This object can be passed as a prop to all the Styles UI components\n * (TypographyPanel, DimensionsPanel...).\n *\n * @param {string} name Block name.\n * @param {*} parentLayout Parent layout.\n *\n * @return {Object} Settings object.\n */\nexport function useBlockSettings( name, parentLayout ) {\n\tconst fontFamilies = useSetting( 'typography.fontFamilies' );\n\tconst fontSizes = useSetting( 'typography.fontSizes' );\n\tconst customFontSize = useSetting( 'typography.customFontSize' );\n\tconst fontStyle = useSetting( 'typography.fontStyle' );\n\tconst fontWeight = useSetting( 'typography.fontWeight' );\n\tconst lineHeight = useSetting( 'typography.lineHeight' );\n\tconst textColumns = useSetting( 'typography.textColumns' );\n\tconst textDecoration = useSetting( 'typography.textDecoration' );\n\tconst writingMode = useSetting( 'typography.writingMode' );\n\tconst textTransform = useSetting( 'typography.textTransform' );\n\tconst letterSpacing = useSetting( 'typography.letterSpacing' );\n\tconst padding = useSetting( 'spacing.padding' );\n\tconst margin = useSetting( 'spacing.margin' );\n\tconst blockGap = useSetting( 'spacing.blockGap' );\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\tconst units = useSetting( 'spacing.units' );\n\tconst minHeight = useSetting( 'dimensions.minHeight' );\n\tconst layout = useSetting( 'layout' );\n\tconst borderColor = useSetting( 'border.color' );\n\tconst borderRadius = useSetting( 'border.radius' );\n\tconst borderStyle = useSetting( 'border.style' );\n\tconst borderWidth = useSetting( 'border.width' );\n\tconst customColorsEnabled = useSetting( 'color.custom' );\n\tconst customColors = useSetting( 'color.palette.custom' );\n\tconst customDuotone = useSetting( 'color.customDuotone' );\n\tconst themeColors = useSetting( 'color.palette.theme' );\n\tconst defaultColors = useSetting( 'color.palette.default' );\n\tconst defaultPalette = useSetting( 'color.defaultPalette' );\n\tconst defaultDuotone = useSetting( 'color.defaultDuotone' );\n\tconst userDuotonePalette = useSetting( 'color.duotone.custom' );\n\tconst themeDuotonePalette = useSetting( 'color.duotone.theme' );\n\tconst defaultDuotonePalette = useSetting( 'color.duotone.default' );\n\tconst userGradientPalette = useSetting( 'color.gradients.custom' );\n\tconst themeGradientPalette = useSetting( 'color.gradients.theme' );\n\tconst defaultGradientPalette = useSetting( 'color.gradients.default' );\n\tconst defaultGradients = useSetting( 'color.defaultGradients' );\n\tconst areCustomGradientsEnabled = useSetting( 'color.customGradient' );\n\tconst isBackgroundEnabled = useSetting( 'color.background' );\n\tconst isLinkEnabled = useSetting( 'color.link' );\n\tconst isTextEnabled = useSetting( 'color.text' );\n\n\tconst rawSettings = useMemo( () => {\n\t\treturn {\n\t\t\tcolor: {\n\t\t\t\tpalette: {\n\t\t\t\t\tcustom: customColors,\n\t\t\t\t\ttheme: themeColors,\n\t\t\t\t\tdefault: defaultColors,\n\t\t\t\t},\n\t\t\t\tgradients: {\n\t\t\t\t\tcustom: userGradientPalette,\n\t\t\t\t\ttheme: themeGradientPalette,\n\t\t\t\t\tdefault: defaultGradientPalette,\n\t\t\t\t},\n\t\t\t\tduotone: {\n\t\t\t\t\tcustom: userDuotonePalette,\n\t\t\t\t\ttheme: themeDuotonePalette,\n\t\t\t\t\tdefault: defaultDuotonePalette,\n\t\t\t\t},\n\t\t\t\tdefaultGradients,\n\t\t\t\tdefaultPalette,\n\t\t\t\tdefaultDuotone,\n\t\t\t\tcustom: customColorsEnabled,\n\t\t\t\tcustomGradient: areCustomGradientsEnabled,\n\t\t\t\tcustomDuotone,\n\t\t\t\tbackground: isBackgroundEnabled,\n\t\t\t\tlink: isLinkEnabled,\n\t\t\t\ttext: isTextEnabled,\n\t\t\t},\n\t\t\ttypography: {\n\t\t\t\tfontFamilies: {\n\t\t\t\t\tcustom: fontFamilies,\n\t\t\t\t},\n\t\t\t\tfontSizes: {\n\t\t\t\t\tcustom: fontSizes,\n\t\t\t\t},\n\t\t\t\tcustomFontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tlineHeight,\n\t\t\t\ttextColumns,\n\t\t\t\ttextDecoration,\n\t\t\t\ttextTransform,\n\t\t\t\tletterSpacing,\n\t\t\t\twritingMode,\n\t\t\t},\n\t\t\tspacing: {\n\t\t\t\tspacingSizes: {\n\t\t\t\t\tcustom: spacingSizes,\n\t\t\t\t},\n\t\t\t\tpadding,\n\t\t\t\tmargin,\n\t\t\t\tblockGap,\n\t\t\t\tunits,\n\t\t\t},\n\t\t\tborder: {\n\t\t\t\tcolor: borderColor,\n\t\t\t\tradius: borderRadius,\n\t\t\t\tstyle: borderStyle,\n\t\t\t\twidth: borderWidth,\n\t\t\t},\n\t\t\tdimensions: {\n\t\t\t\tminHeight,\n\t\t\t},\n\t\t\tlayout,\n\t\t\tparentLayout,\n\t\t};\n\t}, [\n\t\tfontFamilies,\n\t\tfontSizes,\n\t\tcustomFontSize,\n\t\tfontStyle,\n\t\tfontWeight,\n\t\tlineHeight,\n\t\ttextColumns,\n\t\ttextDecoration,\n\t\ttextTransform,\n\t\tletterSpacing,\n\t\twritingMode,\n\t\tpadding,\n\t\tmargin,\n\t\tblockGap,\n\t\tspacingSizes,\n\t\tunits,\n\t\tminHeight,\n\t\tlayout,\n\t\tparentLayout,\n\t\tborderColor,\n\t\tborderRadius,\n\t\tborderStyle,\n\t\tborderWidth,\n\t\tcustomColorsEnabled,\n\t\tcustomColors,\n\t\tcustomDuotone,\n\t\tthemeColors,\n\t\tdefaultColors,\n\t\tdefaultPalette,\n\t\tdefaultDuotone,\n\t\tuserDuotonePalette,\n\t\tthemeDuotonePalette,\n\t\tdefaultDuotonePalette,\n\t\tuserGradientPalette,\n\t\tthemeGradientPalette,\n\t\tdefaultGradientPalette,\n\t\tdefaultGradients,\n\t\tareCustomGradientsEnabled,\n\t\tisBackgroundEnabled,\n\t\tisLinkEnabled,\n\t\tisTextEnabled,\n\t] );\n\n\treturn useSettingsForBlockElement( rawSettings, name );\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["getBlockSupport","useMemo","useSetting","useSettingsForBlockElement","getValueFromObjectPath","setImmutably","cleanEmptyObject","object","Array","isArray","cleanedNestedObjects","Object","entries","map","key","value","filter","undefined","length","fromEntries","transformStyles","activeSupports","migrationPaths","result","source","index","results","values","every","isActive","innerBlocks","referenceBlockAttributes","attributes","returnBlock","forEach","support","path","styleValue","shouldSkipSerialization","blockType","featureSet","feature","skipSerialization","__experimentalSkipSerialization","includes","useBlockSettings","name","parentLayout","fontFamilies","fontSizes","customFontSize","fontStyle","fontWeight","lineHeight","textColumns","textDecoration","writingMode","textTransform","letterSpacing","padding","margin","blockGap","spacingSizes","units","minHeight","layout","borderColor","borderRadius","borderStyle","borderWidth","customColorsEnabled","customColors","customDuotone","themeColors","defaultColors","defaultPalette","defaultDuotone","userDuotonePalette","themeDuotonePalette","defaultDuotonePalette","userGradientPalette","themeGradientPalette","defaultGradientPalette","defaultGradients","areCustomGradientsEnabled","isBackgroundEnabled","isLinkEnabled","isTextEnabled","isHeadingEnabled","isButtonEnabled","rawSettings","color","palette","custom","theme","default","gradients","duotone","customGradient","background","link","heading","button","text","typography","spacing","border","radius","style","width","dimensions"],"sources":["@wordpress/block-editor/src/hooks/utils.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockSupport } from '@wordpress/blocks';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useSetting } from '../components';\nimport { useSettingsForBlockElement } from '../components/global-styles/hooks';\nimport { getValueFromObjectPath, setImmutably } from '../utils/object';\n\n/**\n * Removed falsy values from nested object.\n *\n * @param {*} object\n * @return {*} Object cleaned from falsy values\n */\nexport const cleanEmptyObject = ( object ) => {\n\tif (\n\t\tobject === null ||\n\t\ttypeof object !== 'object' ||\n\t\tArray.isArray( object )\n\t) {\n\t\treturn object;\n\t}\n\n\tconst cleanedNestedObjects = Object.entries( object )\n\t\t.map( ( [ key, value ] ) => [ key, cleanEmptyObject( value ) ] )\n\t\t.filter( ( [ , value ] ) => value !== undefined );\n\treturn ! cleanedNestedObjects.length\n\t\t? undefined\n\t\t: Object.fromEntries( cleanedNestedObjects );\n};\n\nexport function transformStyles(\n\tactiveSupports,\n\tmigrationPaths,\n\tresult,\n\tsource,\n\tindex,\n\tresults\n) {\n\t// If there are no active supports return early.\n\tif (\n\t\tObject.values( activeSupports ?? {} ).every(\n\t\t\t( isActive ) => ! isActive\n\t\t)\n\t) {\n\t\treturn result;\n\t}\n\t// If the condition verifies we are probably in the presence of a wrapping transform\n\t// e.g: nesting paragraphs in a group or columns and in that case the styles should not be transformed.\n\tif ( results.length === 1 && result.innerBlocks.length === source.length ) {\n\t\treturn result;\n\t}\n\t// For cases where we have a transform from one block to multiple blocks\n\t// or multiple blocks to one block we apply the styles of the first source block\n\t// to the result(s).\n\tlet referenceBlockAttributes = source[ 0 ]?.attributes;\n\t// If we are in presence of transform between more than one block in the source\n\t// that has more than one block in the result\n\t// we apply the styles on source N to the result N,\n\t// if source N does not exists we do nothing.\n\tif ( results.length > 1 && source.length > 1 ) {\n\t\tif ( source[ index ] ) {\n\t\t\treferenceBlockAttributes = source[ index ]?.attributes;\n\t\t} else {\n\t\t\treturn result;\n\t\t}\n\t}\n\tlet returnBlock = result;\n\tObject.entries( activeSupports ).forEach( ( [ support, isActive ] ) => {\n\t\tif ( isActive ) {\n\t\t\tmigrationPaths[ support ].forEach( ( path ) => {\n\t\t\t\tconst styleValue = getValueFromObjectPath(\n\t\t\t\t\treferenceBlockAttributes,\n\t\t\t\t\tpath\n\t\t\t\t);\n\t\t\t\tif ( styleValue ) {\n\t\t\t\t\treturnBlock = {\n\t\t\t\t\t\t...returnBlock,\n\t\t\t\t\t\tattributes: setImmutably(\n\t\t\t\t\t\t\treturnBlock.attributes,\n\t\t\t\t\t\t\tpath,\n\t\t\t\t\t\t\tstyleValue\n\t\t\t\t\t\t),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t} );\n\treturn returnBlock;\n}\n\n/**\n * Check whether serialization of specific block support feature or set should\n * be skipped.\n *\n * @param {string|Object} blockType Block name or block type object.\n * @param {string} featureSet Name of block support feature set.\n * @param {string} feature Name of the individual feature to check.\n *\n * @return {boolean} Whether serialization should occur.\n */\nexport function shouldSkipSerialization( blockType, featureSet, feature ) {\n\tconst support = getBlockSupport( blockType, featureSet );\n\tconst skipSerialization = support?.__experimentalSkipSerialization;\n\n\tif ( Array.isArray( skipSerialization ) ) {\n\t\treturn skipSerialization.includes( feature );\n\t}\n\n\treturn skipSerialization;\n}\n\n/**\n * Based on the block and its context, returns an object of all the block settings.\n * This object can be passed as a prop to all the Styles UI components\n * (TypographyPanel, DimensionsPanel...).\n *\n * @param {string} name Block name.\n * @param {*} parentLayout Parent layout.\n *\n * @return {Object} Settings object.\n */\nexport function useBlockSettings( name, parentLayout ) {\n\tconst fontFamilies = useSetting( 'typography.fontFamilies' );\n\tconst fontSizes = useSetting( 'typography.fontSizes' );\n\tconst customFontSize = useSetting( 'typography.customFontSize' );\n\tconst fontStyle = useSetting( 'typography.fontStyle' );\n\tconst fontWeight = useSetting( 'typography.fontWeight' );\n\tconst lineHeight = useSetting( 'typography.lineHeight' );\n\tconst textColumns = useSetting( 'typography.textColumns' );\n\tconst textDecoration = useSetting( 'typography.textDecoration' );\n\tconst writingMode = useSetting( 'typography.writingMode' );\n\tconst textTransform = useSetting( 'typography.textTransform' );\n\tconst letterSpacing = useSetting( 'typography.letterSpacing' );\n\tconst padding = useSetting( 'spacing.padding' );\n\tconst margin = useSetting( 'spacing.margin' );\n\tconst blockGap = useSetting( 'spacing.blockGap' );\n\tconst spacingSizes = useSetting( 'spacing.spacingSizes' );\n\tconst units = useSetting( 'spacing.units' );\n\tconst minHeight = useSetting( 'dimensions.minHeight' );\n\tconst layout = useSetting( 'layout' );\n\tconst borderColor = useSetting( 'border.color' );\n\tconst borderRadius = useSetting( 'border.radius' );\n\tconst borderStyle = useSetting( 'border.style' );\n\tconst borderWidth = useSetting( 'border.width' );\n\tconst customColorsEnabled = useSetting( 'color.custom' );\n\tconst customColors = useSetting( 'color.palette.custom' );\n\tconst customDuotone = useSetting( 'color.customDuotone' );\n\tconst themeColors = useSetting( 'color.palette.theme' );\n\tconst defaultColors = useSetting( 'color.palette.default' );\n\tconst defaultPalette = useSetting( 'color.defaultPalette' );\n\tconst defaultDuotone = useSetting( 'color.defaultDuotone' );\n\tconst userDuotonePalette = useSetting( 'color.duotone.custom' );\n\tconst themeDuotonePalette = useSetting( 'color.duotone.theme' );\n\tconst defaultDuotonePalette = useSetting( 'color.duotone.default' );\n\tconst userGradientPalette = useSetting( 'color.gradients.custom' );\n\tconst themeGradientPalette = useSetting( 'color.gradients.theme' );\n\tconst defaultGradientPalette = useSetting( 'color.gradients.default' );\n\tconst defaultGradients = useSetting( 'color.defaultGradients' );\n\tconst areCustomGradientsEnabled = useSetting( 'color.customGradient' );\n\tconst isBackgroundEnabled = useSetting( 'color.background' );\n\tconst isLinkEnabled = useSetting( 'color.link' );\n\tconst isTextEnabled = useSetting( 'color.text' );\n\tconst isHeadingEnabled = useSetting( 'color.heading' );\n\tconst isButtonEnabled = useSetting( 'color.button' );\n\n\tconst rawSettings = useMemo( () => {\n\t\treturn {\n\t\t\tcolor: {\n\t\t\t\tpalette: {\n\t\t\t\t\tcustom: customColors,\n\t\t\t\t\ttheme: themeColors,\n\t\t\t\t\tdefault: defaultColors,\n\t\t\t\t},\n\t\t\t\tgradients: {\n\t\t\t\t\tcustom: userGradientPalette,\n\t\t\t\t\ttheme: themeGradientPalette,\n\t\t\t\t\tdefault: defaultGradientPalette,\n\t\t\t\t},\n\t\t\t\tduotone: {\n\t\t\t\t\tcustom: userDuotonePalette,\n\t\t\t\t\ttheme: themeDuotonePalette,\n\t\t\t\t\tdefault: defaultDuotonePalette,\n\t\t\t\t},\n\t\t\t\tdefaultGradients,\n\t\t\t\tdefaultPalette,\n\t\t\t\tdefaultDuotone,\n\t\t\t\tcustom: customColorsEnabled,\n\t\t\t\tcustomGradient: areCustomGradientsEnabled,\n\t\t\t\tcustomDuotone,\n\t\t\t\tbackground: isBackgroundEnabled,\n\t\t\t\tlink: isLinkEnabled,\n\t\t\t\theading: isHeadingEnabled,\n\t\t\t\tbutton: isButtonEnabled,\n\t\t\t\ttext: isTextEnabled,\n\t\t\t},\n\t\t\ttypography: {\n\t\t\t\tfontFamilies: {\n\t\t\t\t\tcustom: fontFamilies,\n\t\t\t\t},\n\t\t\t\tfontSizes: {\n\t\t\t\t\tcustom: fontSizes,\n\t\t\t\t},\n\t\t\t\tcustomFontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tlineHeight,\n\t\t\t\ttextColumns,\n\t\t\t\ttextDecoration,\n\t\t\t\ttextTransform,\n\t\t\t\tletterSpacing,\n\t\t\t\twritingMode,\n\t\t\t},\n\t\t\tspacing: {\n\t\t\t\tspacingSizes: {\n\t\t\t\t\tcustom: spacingSizes,\n\t\t\t\t},\n\t\t\t\tpadding,\n\t\t\t\tmargin,\n\t\t\t\tblockGap,\n\t\t\t\tunits,\n\t\t\t},\n\t\t\tborder: {\n\t\t\t\tcolor: borderColor,\n\t\t\t\tradius: borderRadius,\n\t\t\t\tstyle: borderStyle,\n\t\t\t\twidth: borderWidth,\n\t\t\t},\n\t\t\tdimensions: {\n\t\t\t\tminHeight,\n\t\t\t},\n\t\t\tlayout,\n\t\t\tparentLayout,\n\t\t};\n\t}, [\n\t\tfontFamilies,\n\t\tfontSizes,\n\t\tcustomFontSize,\n\t\tfontStyle,\n\t\tfontWeight,\n\t\tlineHeight,\n\t\ttextColumns,\n\t\ttextDecoration,\n\t\ttextTransform,\n\t\tletterSpacing,\n\t\twritingMode,\n\t\tpadding,\n\t\tmargin,\n\t\tblockGap,\n\t\tspacingSizes,\n\t\tunits,\n\t\tminHeight,\n\t\tlayout,\n\t\tparentLayout,\n\t\tborderColor,\n\t\tborderRadius,\n\t\tborderStyle,\n\t\tborderWidth,\n\t\tcustomColorsEnabled,\n\t\tcustomColors,\n\t\tcustomDuotone,\n\t\tthemeColors,\n\t\tdefaultColors,\n\t\tdefaultPalette,\n\t\tdefaultDuotone,\n\t\tuserDuotonePalette,\n\t\tthemeDuotonePalette,\n\t\tdefaultDuotonePalette,\n\t\tuserGradientPalette,\n\t\tthemeGradientPalette,\n\t\tdefaultGradientPalette,\n\t\tdefaultGradients,\n\t\tareCustomGradientsEnabled,\n\t\tisBackgroundEnabled,\n\t\tisLinkEnabled,\n\t\tisTextEnabled,\n\t] );\n\n\treturn useSettingsForBlockElement( rawSettings, name );\n}\n"],"mappings":"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"}
|
|
@@ -181,12 +181,12 @@
|
|
|
181
181
|
box-shadow: none;
|
|
182
182
|
}
|
|
183
183
|
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
|
184
|
-
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected,
|
|
184
|
+
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected,
|
|
185
185
|
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
|
|
186
186
|
outline: none;
|
|
187
187
|
}
|
|
188
188
|
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
|
189
|
-
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
189
|
+
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
190
190
|
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
|
|
191
191
|
content: "";
|
|
192
192
|
position: absolute;
|
|
@@ -201,14 +201,10 @@
|
|
|
201
201
|
outline: 2px solid transparent;
|
|
202
202
|
}
|
|
203
203
|
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
|
204
|
-
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
204
|
+
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
205
205
|
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
|
|
206
206
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
|
|
207
207
|
}
|
|
208
|
-
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected {
|
|
209
|
-
box-shadow: none;
|
|
210
|
-
outline: none;
|
|
211
|
-
}
|
|
212
208
|
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
|
|
213
209
|
content: "";
|
|
214
210
|
position: absolute;
|
|
@@ -220,6 +216,8 @@
|
|
|
220
216
|
top: -14px;
|
|
221
217
|
border-radius: 2px;
|
|
222
218
|
border-top: 4px solid #ccc;
|
|
219
|
+
bottom: auto;
|
|
220
|
+
box-shadow: none;
|
|
223
221
|
}
|
|
224
222
|
.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::after {
|
|
225
223
|
border-color: var(--wp-admin-theme-color);
|
|
@@ -675,6 +673,9 @@
|
|
|
675
673
|
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
|
|
676
674
|
visibility: visible;
|
|
677
675
|
}
|
|
676
|
+
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
|
|
677
|
+
border: none;
|
|
678
|
+
}
|
|
678
679
|
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
|
679
680
|
background-color: var(--wp-admin-theme-color);
|
|
680
681
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
package/build-style/content.css
CHANGED
|
@@ -181,12 +181,12 @@
|
|
|
181
181
|
box-shadow: none;
|
|
182
182
|
}
|
|
183
183
|
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,
|
|
184
|
-
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected,
|
|
184
|
+
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected,
|
|
185
185
|
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus {
|
|
186
186
|
outline: none;
|
|
187
187
|
}
|
|
188
188
|
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
|
189
|
-
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
189
|
+
.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
190
190
|
.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
|
|
191
191
|
content: "";
|
|
192
192
|
position: absolute;
|
|
@@ -201,14 +201,10 @@
|
|
|
201
201
|
outline: 2px solid transparent;
|
|
202
202
|
}
|
|
203
203
|
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
|
|
204
|
-
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
204
|
+
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
|
|
205
205
|
.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after {
|
|
206
206
|
box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff;
|
|
207
207
|
}
|
|
208
|
-
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected {
|
|
209
|
-
box-shadow: none;
|
|
210
|
-
outline: none;
|
|
211
|
-
}
|
|
212
208
|
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
|
|
213
209
|
content: "";
|
|
214
210
|
position: absolute;
|
|
@@ -220,6 +216,8 @@
|
|
|
220
216
|
top: -14px;
|
|
221
217
|
border-radius: 2px;
|
|
222
218
|
border-top: 4px solid #ccc;
|
|
219
|
+
bottom: auto;
|
|
220
|
+
box-shadow: none;
|
|
223
221
|
}
|
|
224
222
|
.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::after {
|
|
225
223
|
border-color: var(--wp-admin-theme-color);
|
|
@@ -675,6 +673,9 @@
|
|
|
675
673
|
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
|
|
676
674
|
visibility: visible;
|
|
677
675
|
}
|
|
676
|
+
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
|
|
677
|
+
border: none;
|
|
678
|
+
}
|
|
678
679
|
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
|
|
679
680
|
background-color: var(--wp-admin-theme-color);
|
|
680
681
|
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
|
|
@@ -2255,16 +2255,16 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
|
|
|
2255
2255
|
}
|
|
2256
2256
|
|
|
2257
2257
|
.block-editor-link-control__setting {
|
|
2258
|
-
margin-bottom:
|
|
2258
|
+
margin-bottom: 0;
|
|
2259
2259
|
flex: 1;
|
|
2260
2260
|
padding: 8px 24px 8px 0;
|
|
2261
2261
|
}
|
|
2262
|
+
.block-editor-link-control__setting .components-base-control__field {
|
|
2263
|
+
display: flex;
|
|
2264
|
+
}
|
|
2262
2265
|
.block-editor-link-control__setting input {
|
|
2263
2266
|
margin-right: 0;
|
|
2264
2267
|
}
|
|
2265
|
-
.block-editor-link-control__setting.block-editor-link-control__setting:last-child {
|
|
2266
|
-
margin-bottom: 0;
|
|
2267
|
-
}
|
|
2268
2268
|
.is-preview .block-editor-link-control__setting {
|
|
2269
2269
|
padding: 20px 0 8px 8px;
|
|
2270
2270
|
}
|
package/build-style/style.css
CHANGED
|
@@ -2256,16 +2256,16 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
|
|
|
2256
2256
|
}
|
|
2257
2257
|
|
|
2258
2258
|
.block-editor-link-control__setting {
|
|
2259
|
-
margin-bottom:
|
|
2259
|
+
margin-bottom: 0;
|
|
2260
2260
|
flex: 1;
|
|
2261
2261
|
padding: 8px 0 8px 24px;
|
|
2262
2262
|
}
|
|
2263
|
+
.block-editor-link-control__setting .components-base-control__field {
|
|
2264
|
+
display: flex;
|
|
2265
|
+
}
|
|
2263
2266
|
.block-editor-link-control__setting input {
|
|
2264
2267
|
margin-left: 0;
|
|
2265
2268
|
}
|
|
2266
|
-
.block-editor-link-control__setting.block-editor-link-control__setting:last-child {
|
|
2267
|
-
margin-bottom: 0;
|
|
2268
|
-
}
|
|
2269
2269
|
.is-preview .block-editor-link-control__setting {
|
|
2270
2270
|
padding: 20px 8px 8px 0;
|
|
2271
2271
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/block-editor",
|
|
3
|
-
"version": "12.
|
|
3
|
+
"version": "12.9.1-next.5a1d1283.0",
|
|
4
4
|
"description": "Generic block editor.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -35,36 +35,36 @@
|
|
|
35
35
|
"@emotion/react": "^11.7.1",
|
|
36
36
|
"@emotion/styled": "^11.6.0",
|
|
37
37
|
"@react-spring/web": "^9.4.5",
|
|
38
|
-
"@wordpress/a11y": "^3.
|
|
39
|
-
"@wordpress/api-fetch": "^6.
|
|
40
|
-
"@wordpress/blob": "^3.
|
|
41
|
-
"@wordpress/blocks": "^12.
|
|
42
|
-
"@wordpress/commands": "^0.
|
|
43
|
-
"@wordpress/components": "^
|
|
44
|
-
"@wordpress/compose": "^6.
|
|
45
|
-
"@wordpress/data": "^9.
|
|
46
|
-
"@wordpress/date": "^4.
|
|
47
|
-
"@wordpress/deprecated": "^3.
|
|
48
|
-
"@wordpress/dom": "^3.
|
|
49
|
-
"@wordpress/element": "^5.
|
|
50
|
-
"@wordpress/escape-html": "^2.
|
|
51
|
-
"@wordpress/hooks": "^3.
|
|
52
|
-
"@wordpress/html-entities": "^3.
|
|
53
|
-
"@wordpress/i18n": "^4.
|
|
54
|
-
"@wordpress/icons": "^9.
|
|
55
|
-
"@wordpress/is-shallow-equal": "^4.
|
|
56
|
-
"@wordpress/keyboard-shortcuts": "^4.
|
|
57
|
-
"@wordpress/keycodes": "^3.
|
|
58
|
-
"@wordpress/notices": "^4.
|
|
59
|
-
"@wordpress/preferences": "^3.
|
|
60
|
-
"@wordpress/private-apis": "^0.
|
|
61
|
-
"@wordpress/rich-text": "^6.
|
|
62
|
-
"@wordpress/shortcode": "^3.
|
|
63
|
-
"@wordpress/style-engine": "^1.
|
|
64
|
-
"@wordpress/token-list": "^2.
|
|
65
|
-
"@wordpress/url": "^3.
|
|
66
|
-
"@wordpress/warning": "^2.
|
|
67
|
-
"@wordpress/wordcount": "^3.
|
|
38
|
+
"@wordpress/a11y": "^3.41.1-next.5a1d1283.0",
|
|
39
|
+
"@wordpress/api-fetch": "^6.38.1-next.5a1d1283.0",
|
|
40
|
+
"@wordpress/blob": "^3.41.1-next.5a1d1283.0",
|
|
41
|
+
"@wordpress/blocks": "^12.18.1-next.5a1d1283.0",
|
|
42
|
+
"@wordpress/commands": "^0.12.1-next.5a1d1283.0",
|
|
43
|
+
"@wordpress/components": "^26.0.1-next.5a1d1283.0",
|
|
44
|
+
"@wordpress/compose": "^6.18.1-next.5a1d1283.0",
|
|
45
|
+
"@wordpress/data": "^9.11.1-next.5a1d1283.0",
|
|
46
|
+
"@wordpress/date": "^4.41.1-next.5a1d1283.0",
|
|
47
|
+
"@wordpress/deprecated": "^3.41.1-next.5a1d1283.0",
|
|
48
|
+
"@wordpress/dom": "^3.41.1-next.5a1d1283.0",
|
|
49
|
+
"@wordpress/element": "^5.18.1-next.5a1d1283.0",
|
|
50
|
+
"@wordpress/escape-html": "^2.41.1-next.5a1d1283.0",
|
|
51
|
+
"@wordpress/hooks": "^3.41.1-next.5a1d1283.0",
|
|
52
|
+
"@wordpress/html-entities": "^3.41.1-next.5a1d1283.0",
|
|
53
|
+
"@wordpress/i18n": "^4.41.1-next.5a1d1283.0",
|
|
54
|
+
"@wordpress/icons": "^9.32.1-next.5a1d1283.0",
|
|
55
|
+
"@wordpress/is-shallow-equal": "^4.41.1-next.5a1d1283.0",
|
|
56
|
+
"@wordpress/keyboard-shortcuts": "^4.18.1-next.5a1d1283.0",
|
|
57
|
+
"@wordpress/keycodes": "^3.41.1-next.5a1d1283.0",
|
|
58
|
+
"@wordpress/notices": "^4.9.1-next.5a1d1283.0",
|
|
59
|
+
"@wordpress/preferences": "^3.18.1-next.5a1d1283.0",
|
|
60
|
+
"@wordpress/private-apis": "^0.23.1-next.5a1d1283.0",
|
|
61
|
+
"@wordpress/rich-text": "^6.18.1-next.5a1d1283.0",
|
|
62
|
+
"@wordpress/shortcode": "^3.41.1-next.5a1d1283.0",
|
|
63
|
+
"@wordpress/style-engine": "^1.24.1-next.5a1d1283.0",
|
|
64
|
+
"@wordpress/token-list": "^2.41.1-next.5a1d1283.0",
|
|
65
|
+
"@wordpress/url": "^3.42.1-next.5a1d1283.0",
|
|
66
|
+
"@wordpress/warning": "^2.41.1-next.5a1d1283.0",
|
|
67
|
+
"@wordpress/wordcount": "^3.41.1-next.5a1d1283.0",
|
|
68
68
|
"change-case": "^4.1.2",
|
|
69
69
|
"classnames": "^2.3.1",
|
|
70
70
|
"colord": "^2.7.0",
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"publishConfig": {
|
|
87
87
|
"access": "public"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "fa0b66987dab5a15f38663e06036d09bccffaa4b"
|
|
90
90
|
}
|
|
@@ -13,7 +13,7 @@ import { usePreferredColorSchemeStyle } from '@wordpress/compose';
|
|
|
13
13
|
*/
|
|
14
14
|
import styles from './block.scss';
|
|
15
15
|
|
|
16
|
-
const
|
|
16
|
+
const TEXT_BLOCKS_WITH_OUTLINE = [ 'core/missing' ];
|
|
17
17
|
|
|
18
18
|
function BlockOutline( {
|
|
19
19
|
blockCategory,
|
|
@@ -22,7 +22,9 @@ function BlockOutline( {
|
|
|
22
22
|
isSelected,
|
|
23
23
|
name,
|
|
24
24
|
} ) {
|
|
25
|
-
const textBlockWithOutline =
|
|
25
|
+
const textBlockWithOutline = TEXT_BLOCKS_WITH_OUTLINE.includes( name );
|
|
26
|
+
const socialBlockWithOutline = name.includes( 'core/social-link' );
|
|
27
|
+
|
|
26
28
|
const hasBlockTextCategory =
|
|
27
29
|
blockCategory === 'text' && ! textBlockWithOutline;
|
|
28
30
|
const hasBlockMediaCategory =
|
|
@@ -47,6 +49,7 @@ function BlockOutline( {
|
|
|
47
49
|
( ( hasBlockTextCategory && hasInnerBlocks ) ||
|
|
48
50
|
( ! hasBlockTextCategory && hasInnerBlocks ) ||
|
|
49
51
|
( ! hasBlockTextCategory && isRootList ) ||
|
|
52
|
+
socialBlockWithOutline ||
|
|
50
53
|
textBlockWithOutline );
|
|
51
54
|
|
|
52
55
|
return (
|
|
@@ -85,7 +85,6 @@
|
|
|
85
85
|
.block-editor-block-list__block.is-highlighted,
|
|
86
86
|
.block-editor-block-list__block.is-highlighted ~ .is-multi-selected,
|
|
87
87
|
&.is-navigate-mode .block-editor-block-list__block.is-selected,
|
|
88
|
-
& .is-block-moving-mode.block-editor-block-list__block.has-child-selected,
|
|
89
88
|
.block-editor-block-list__block:not([contenteditable]):focus {
|
|
90
89
|
outline: none;
|
|
91
90
|
|
|
@@ -113,8 +112,6 @@
|
|
|
113
112
|
|
|
114
113
|
// Moving blocks using keyboard (Ellipsis > Move).
|
|
115
114
|
& .is-block-moving-mode.block-editor-block-list__block.is-selected {
|
|
116
|
-
box-shadow: none;
|
|
117
|
-
outline: none;
|
|
118
115
|
|
|
119
116
|
&::after {
|
|
120
117
|
content: "";
|
|
@@ -130,6 +127,8 @@
|
|
|
130
127
|
top: -$default-block-margin * 0.5;
|
|
131
128
|
border-radius: $radius-block-ui;
|
|
132
129
|
border-top: 4px solid $gray-400;
|
|
130
|
+
bottom: auto;
|
|
131
|
+
box-shadow: none;
|
|
133
132
|
}
|
|
134
133
|
}
|
|
135
134
|
|
|
@@ -31,7 +31,6 @@ import BlockListBlock from './block';
|
|
|
31
31
|
import BlockListAppender from '../block-list-appender';
|
|
32
32
|
import { useInBetweenInserter } from './use-in-between-inserter';
|
|
33
33
|
import { store as blockEditorStore } from '../../store';
|
|
34
|
-
import { usePreParsePatterns } from '../../utils/pre-parse-patterns';
|
|
35
34
|
import { LayoutProvider, defaultLayout } from './layout';
|
|
36
35
|
import { useBlockSelectionClearer } from '../block-selection-clearer';
|
|
37
36
|
import { useInnerBlocksProps } from '../inner-blocks';
|
|
@@ -39,6 +38,7 @@ import {
|
|
|
39
38
|
BlockEditContextProvider,
|
|
40
39
|
DEFAULT_BLOCK_EDIT_CONTEXT,
|
|
41
40
|
} from '../block-edit/context';
|
|
41
|
+
import { useTypingObserver } from '../observe-typing';
|
|
42
42
|
|
|
43
43
|
const elementContext = createContext();
|
|
44
44
|
|
|
@@ -104,7 +104,7 @@ function Root( { className, ...settings } ) {
|
|
|
104
104
|
ref: useMergeRefs( [
|
|
105
105
|
useBlockSelectionClearer(),
|
|
106
106
|
useInBetweenInserter(),
|
|
107
|
-
|
|
107
|
+
useTypingObserver(),
|
|
108
108
|
] ),
|
|
109
109
|
className: classnames( 'is-root-container', className, {
|
|
110
110
|
'is-outline-mode': isOutlineMode,
|
|
@@ -118,13 +118,14 @@ function Root( { className, ...settings } ) {
|
|
|
118
118
|
<elementContext.Provider value={ element }>
|
|
119
119
|
<IntersectionObserver.Provider value={ intersectionObserver }>
|
|
120
120
|
<div { ...innerBlocksProps } />
|
|
121
|
+
{ /* Ensure element and layout styles are always at the end of the document */ }
|
|
122
|
+
<div ref={ setElement } />
|
|
121
123
|
</IntersectionObserver.Provider>
|
|
122
124
|
</elementContext.Provider>
|
|
123
125
|
);
|
|
124
126
|
}
|
|
125
127
|
|
|
126
128
|
export default function BlockList( settings ) {
|
|
127
|
-
usePreParsePatterns();
|
|
128
129
|
return (
|
|
129
130
|
<BlockEditContextProvider value={ DEFAULT_BLOCK_EDIT_CONTEXT }>
|
|
130
131
|
<Root { ...settings } />
|
|
@@ -81,10 +81,10 @@ function BlockPopoverInbetween( {
|
|
|
81
81
|
return undefined;
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
const
|
|
84
|
+
const contextElement = previousElement || nextElement;
|
|
85
85
|
|
|
86
86
|
return {
|
|
87
|
-
|
|
87
|
+
contextElement,
|
|
88
88
|
getBoundingClientRect() {
|
|
89
89
|
const previousRect = previousElement
|
|
90
90
|
? previousElement.getBoundingClientRect()
|
|
@@ -215,7 +215,8 @@ function BlockPopoverInbetween( {
|
|
|
215
215
|
focusOnMount={ false }
|
|
216
216
|
// Render in the old slot if needed for backward compatibility,
|
|
217
217
|
// otherwise render in place (not in the default popover slot).
|
|
218
|
-
__unstableSlotName={ __unstablePopoverSlot
|
|
218
|
+
__unstableSlotName={ __unstablePopoverSlot }
|
|
219
|
+
inline={ ! __unstablePopoverSlot }
|
|
219
220
|
// Forces a remount of the popover when its position changes
|
|
220
221
|
// This makes sure the popover doesn't animate from its previous position.
|
|
221
222
|
key={ nextClientId + '--' + rootClientId }
|
|
@@ -142,7 +142,7 @@ function BlockPopover(
|
|
|
142
142
|
|
|
143
143
|
return new window.DOMRect( left, top, width, height );
|
|
144
144
|
},
|
|
145
|
-
|
|
145
|
+
contextElement: selectedElement,
|
|
146
146
|
};
|
|
147
147
|
}, [
|
|
148
148
|
bottomClientId,
|
|
@@ -163,7 +163,8 @@ function BlockPopover(
|
|
|
163
163
|
anchor={ popoverAnchor }
|
|
164
164
|
// Render in the old slot if needed for backward compatibility,
|
|
165
165
|
// otherwise render in place (not in the default popover slot).
|
|
166
|
-
__unstableSlotName={ __unstablePopoverSlot
|
|
166
|
+
__unstableSlotName={ __unstablePopoverSlot }
|
|
167
|
+
inline={ ! __unstablePopoverSlot }
|
|
167
168
|
placement="top-start"
|
|
168
169
|
resize={ false }
|
|
169
170
|
flip={ false }
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
|
|
36
36
|
// When the appender shows up in empty container blocks, such as Group and Columns, add an extra click state.
|
|
37
37
|
.block-list-appender:only-child {
|
|
38
|
+
// One level of nesting
|
|
38
39
|
.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > &,
|
|
39
40
|
.is-layout-flow.block-editor-block-list__block:not(.is-selected) > &,
|
|
40
41
|
// Legacy groups have an inner container so need to be targeted separately
|
|
@@ -69,6 +70,13 @@
|
|
|
69
70
|
}
|
|
70
71
|
}
|
|
71
72
|
|
|
73
|
+
// Hide the dashed outline in 2-level nested cases, so for example the dashed
|
|
74
|
+
// empty column is only shown when the columns block is selected.
|
|
75
|
+
.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > &::after {
|
|
76
|
+
border: none;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// Drop zone.
|
|
72
80
|
&.is-drag-over .block-editor-button-block-appender {
|
|
73
81
|
background-color: var(--wp-admin-theme-color);
|
|
74
82
|
box-shadow: inset 0 0 0 $border-width $light-gray-placeholder;
|