@wordpress/block-library 8.17.0 → 8.18.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 +2 -0
- package/README.md +19 -0
- package/build/cover/edit/index.js +3 -1
- package/build/cover/edit/index.js.map +1 -1
- package/build/cover/shared.js +26 -21
- package/build/cover/shared.js.map +1 -1
- package/build/embed/embed-link-settings.native.js +0 -1
- package/build/embed/embed-link-settings.native.js.map +1 -1
- package/build/footnotes/init.js +13 -0
- package/build/footnotes/init.js.map +1 -0
- package/build/list/edit.js +2 -1
- package/build/list/edit.js.map +1 -1
- package/build/navigation/edit/inner-blocks.js +2 -1
- package/build/navigation/edit/inner-blocks.js.map +1 -1
- package/build/post-content/edit.js +1 -1
- package/build/post-content/edit.js.map +1 -1
- package/build/post-template/index.js +1 -1
- package/build/query/edit/inspector-controls/index.js +28 -3
- package/build/query/edit/inspector-controls/index.js.map +1 -1
- package/build/query/edit/query-content.js +2 -1
- package/build/query/edit/query-content.js.map +1 -1
- package/build/query/index.js +9 -2
- package/build/query/index.js.map +1 -1
- package/build/query/view.js +75 -0
- package/build/query/view.js.map +1 -0
- package/build/query-pagination-next/index.js +1 -1
- package/build/query-pagination-numbers/edit.js +50 -5
- package/build/query-pagination-numbers/edit.js.map +1 -1
- package/build/query-pagination-numbers/index.js +7 -1
- package/build/query-pagination-numbers/index.js.map +1 -1
- package/build/query-pagination-previous/index.js +1 -1
- package/build/quote/edit.js +2 -1
- package/build/quote/edit.js.map +1 -1
- package/build/search/edit.js +3 -1
- package/build/search/edit.js.map +1 -1
- package/build/search/utils.js +2 -4
- package/build/search/utils.js.map +1 -1
- package/build/social-link/edit.native.js +1 -3
- package/build/social-link/edit.native.js.map +1 -1
- package/build/template-part/edit/index.js +22 -15
- package/build/template-part/edit/index.js.map +1 -1
- package/build-module/cover/edit/index.js +3 -1
- package/build-module/cover/edit/index.js.map +1 -1
- package/build-module/cover/shared.js +26 -21
- package/build-module/cover/shared.js.map +1 -1
- package/build-module/embed/embed-link-settings.native.js +0 -1
- package/build-module/embed/embed-link-settings.native.js.map +1 -1
- package/build-module/footnotes/init.js +6 -0
- package/build-module/footnotes/init.js.map +1 -0
- package/build-module/list/edit.js +2 -1
- package/build-module/list/edit.js.map +1 -1
- package/build-module/navigation/edit/inner-blocks.js +2 -1
- package/build-module/navigation/edit/inner-blocks.js.map +1 -1
- package/build-module/post-content/edit.js +1 -1
- package/build-module/post-content/edit.js.map +1 -1
- package/build-module/post-template/index.js +1 -1
- package/build-module/query/edit/inspector-controls/index.js +29 -4
- package/build-module/query/edit/inspector-controls/index.js.map +1 -1
- package/build-module/query/edit/query-content.js +2 -1
- package/build-module/query/edit/query-content.js.map +1 -1
- package/build-module/query/index.js +9 -2
- package/build-module/query/index.js.map +1 -1
- package/build-module/query/view.js +72 -0
- package/build-module/query/view.js.map +1 -0
- package/build-module/query-pagination-next/index.js +1 -1
- package/build-module/query-pagination-numbers/edit.js +51 -6
- package/build-module/query-pagination-numbers/edit.js.map +1 -1
- package/build-module/query-pagination-numbers/index.js +7 -1
- package/build-module/query-pagination-numbers/index.js.map +1 -1
- package/build-module/query-pagination-previous/index.js +1 -1
- package/build-module/quote/edit.js +2 -1
- package/build-module/quote/edit.js.map +1 -1
- package/build-module/search/edit.js +4 -2
- package/build-module/search/edit.js.map +1 -1
- package/build-module/search/utils.js +0 -1
- package/build-module/search/utils.js.map +1 -1
- package/build-module/social-link/edit.native.js +1 -3
- package/build-module/social-link/edit.native.js.map +1 -1
- package/build-module/template-part/edit/index.js +22 -15
- package/build-module/template-part/edit/index.js.map +1 -1
- package/build-style/editor-rtl.css +2 -1
- package/build-style/editor.css +2 -1
- package/build-style/query/style-rtl.css +140 -0
- package/build-style/query/style.css +140 -0
- package/build-style/site-logo/style-rtl.css +1 -0
- package/build-style/site-logo/style.css +1 -0
- package/build-style/social-links/editor-rtl.css +2 -1
- package/build-style/social-links/editor.css +2 -1
- package/build-style/style-rtl.css +1 -0
- package/build-style/style.css +1 -0
- package/package.json +32 -32
- package/src/audio/test/__snapshots__/edit.native.js.snap +106 -78
- package/src/cover/edit/index.js +3 -1
- package/src/cover/shared.js +25 -20
- package/src/cover/test/edit.native.js +1 -5
- package/src/embed/embed-link-settings.native.js +0 -1
- package/src/embed/test/index.native.js +9 -9
- package/src/file/test/__snapshots__/edit.native.js.snap +218 -162
- package/src/footnotes/init.js +6 -0
- package/src/image/index.php +5 -0
- package/src/list/edit.js +1 -0
- package/src/navigation/edit/inner-blocks.js +1 -0
- package/src/post-content/edit.js +2 -2
- package/src/post-content/index.php +0 -6
- package/src/post-featured-image/index.php +0 -6
- package/src/post-navigation-link/index.php +2 -2
- package/src/post-template/block.json +2 -1
- package/src/post-template/index.php +19 -4
- package/src/query/block.json +9 -2
- package/src/query/edit/inspector-controls/index.js +46 -3
- package/src/query/edit/query-content.js +1 -0
- package/src/query/index.php +94 -1
- package/src/query/style.scss +63 -0
- package/src/query/view.js +82 -0
- package/src/query-no-results/index.php +1 -5
- package/src/query-pagination-next/block.json +7 -1
- package/src/query-pagination-next/index.php +20 -3
- package/src/query-pagination-numbers/block.json +7 -1
- package/src/query-pagination-numbers/edit.js +64 -16
- package/src/query-pagination-numbers/index.php +27 -4
- package/src/query-pagination-previous/block.json +7 -1
- package/src/query-pagination-previous/index.php +19 -2
- package/src/quote/edit.js +1 -0
- package/src/search/edit.js +8 -2
- package/src/search/test/__snapshots__/edit.native.js.snap +363 -265
- package/src/search/utils.js +0 -1
- package/src/site-logo/style.scss +1 -0
- package/src/social-link/edit.native.js +1 -1
- package/src/social-link/editor.native.scss +0 -4
- package/src/social-links/editor.scss +2 -1
- package/src/social-links/test/edit.native.js +30 -0
- package/src/template-part/edit/index.js +35 -22
- package/tsconfig.tsbuildinfo +1 -1
- package/src/social-link/test/index.native.js +0 -132
package/CHANGELOG.md
CHANGED
package/README.md
CHANGED
|
@@ -119,4 +119,23 @@ To find out more about contributing to this package or Gutenberg as a whole, ple
|
|
|
119
119
|
}
|
|
120
120
|
```
|
|
121
121
|
|
|
122
|
+
### Naming convention for PHP functions
|
|
123
|
+
|
|
124
|
+
All PHP function names declared within the subdirectories of the `packages/block-library/src/` directory should start with one of the following prefixes:
|
|
125
|
+
|
|
126
|
+
- `block_core_<directory_name>`
|
|
127
|
+
- `render_block_core_<directory_name>`
|
|
128
|
+
- `register_block_core_<directory_name>`
|
|
129
|
+
|
|
130
|
+
In this context, `<directory_name>` represents the name of the directory where the corresponding `.php` file is located.
|
|
131
|
+
The directory name is converted to lowercase, and any characters except for letters and digits are replaced with underscores.
|
|
132
|
+
|
|
133
|
+
#### Example:
|
|
134
|
+
|
|
135
|
+
For the PHP functions declared in the `packages/block-library/src/my-block/index.php` file, the correct prefixes would be:
|
|
136
|
+
|
|
137
|
+
- `block_core_my_block`
|
|
138
|
+
- `render_block_core_my_block`
|
|
139
|
+
- `register_block_core_my_block`
|
|
140
|
+
|
|
122
141
|
<br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
|
|
@@ -123,7 +123,9 @@ function CoverEdit({
|
|
|
123
123
|
} = (0, _blockEditor.__experimentalUseGradient)();
|
|
124
124
|
const setMedia = (0, _shared.attributesFromMedia)(setAttributes, dimRatio);
|
|
125
125
|
const onSelectMedia = async newMedia => {
|
|
126
|
-
|
|
126
|
+
// Only pass the url to getCoverIsDark if the media is an image as video is not handled.
|
|
127
|
+
const newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;
|
|
128
|
+
const isDarkSetting = await (0, _shared.getCoverIsDark)(newUrl, dimRatio, overlayColor.color);
|
|
127
129
|
setMedia(newMedia, isDarkSetting);
|
|
128
130
|
};
|
|
129
131
|
const onClearMedia = async () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_colord","_names","_coreData","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","extend","namesPlugin","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","useEntityProp","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","media","useSelect","select","coreStore","getMedia","mediaUrl","source_url","useEffect","setIsDark","isDarkSetting","getCoverIsDark","color","replaceAll","backgroundType","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","setMedia","attributesFromMedia","onSelectMedia","newMedia","onClearMedia","undefined","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","type","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","resizeListener","height","width","useResizeObserver","resizableBoxDimensions","useMemo","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","mediaPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","useRef","blockProps","useBlockProps","hasFontSizes","useSetting","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","classnames","onError","ColorPalette","disableCustomColors","onChange","clearable","classes","isContentPositionCenter","getPositionClassName","dimRatioToClass","class","Placeholder","withIllustration","src","role","autoPlay","muted","loop","Spinner","disableMediaButtons","_default","compose","withColors","exports"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t attributes.url?.replaceAll( '&', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewMedia.url,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_colord","_names","_coreData","_components","_compose","_blockEditor","_i18n","_data","_blob","_notices","_shared","_inspectorControls","_blockControls","_coverPlaceholder","_resizableCoverPopover","extend","namesPlugin","getInnerBlocksTemplate","attributes","align","placeholder","__","isTemporaryMedia","id","url","isBlobURL","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","useEntityProp","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","media","useSelect","select","coreStore","getMedia","mediaUrl","source_url","useEffect","setIsDark","isDarkSetting","getCoverIsDark","color","replaceAll","backgroundType","IMAGE_BACKGROUND_TYPE","createErrorNotice","noticesStore","gradientClass","gradientValue","__experimentalUseGradient","setMedia","attributesFromMedia","onSelectMedia","newMedia","newUrl","type","undefined","onClearMedia","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","isImageBackground","isVideoBackground","VIDEO_BACKGROUND_TYPE","resizeListener","height","width","useResizeObserver","resizableBoxDimensions","useMemo","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","mediaPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","useRef","blockProps","useBlockProps","hasFontSizes","useSetting","innerBlocksTemplate","fontSize","innerBlocksProps","useInnerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","default","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","classnames","onError","ColorPalette","disableCustomColors","onChange","clearable","classes","isContentPositionCenter","getPositionClassName","dimRatioToClass","class","Placeholder","withIllustration","src","role","autoPlay","muted","loop","Spinner","disableMediaButtons","_default","compose","withColors","exports"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t attributes.url?.replaceAll( '&', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\t// Only pass the url to getCoverIsDark if the media is an image as video is not handled.\n\t\tconst newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewUrl,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}
|
package/build/cover/shared.js
CHANGED
|
@@ -175,27 +175,32 @@ function retrieveFastAverageColor() {
|
|
|
175
175
|
async function getCoverIsDark(url, dimRatio = 50, overlayColor) {
|
|
176
176
|
const overlay = (0, _colord.colord)(overlayColor).alpha(dimRatio / 100).toRgb();
|
|
177
177
|
if (url) {
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
178
|
+
try {
|
|
179
|
+
const imgCrossOrigin = (0, _hooks.applyFilters)('media.crossOrigin', undefined, url);
|
|
180
|
+
const {
|
|
181
|
+
value: [r, g, b, a]
|
|
182
|
+
} = await retrieveFastAverageColor().getColorAsync(url, {
|
|
183
|
+
// Previously the default color was white, but that changed
|
|
184
|
+
// in v6.0.0 so it has to be manually set now.
|
|
185
|
+
defaultColor: [255, 255, 255, 255],
|
|
186
|
+
// Errors that come up don't reject the promise, so error
|
|
187
|
+
// logging has to be silenced with this option.
|
|
188
|
+
silent: process.env.NODE_ENV === 'production',
|
|
189
|
+
crossOrigin: imgCrossOrigin
|
|
190
|
+
});
|
|
191
|
+
// FAC uses 0-255 for alpha, but colord expects 0-1.
|
|
192
|
+
const media = {
|
|
193
|
+
r,
|
|
194
|
+
g,
|
|
195
|
+
b,
|
|
196
|
+
a: a / 255
|
|
197
|
+
};
|
|
198
|
+
const composite = compositeSourceOver(overlay, media);
|
|
199
|
+
return (0, _colord.colord)(composite).isDark();
|
|
200
|
+
} catch (error) {
|
|
201
|
+
// If there's an error, just assume the image is dark.
|
|
202
|
+
return true;
|
|
203
|
+
}
|
|
199
204
|
}
|
|
200
205
|
|
|
201
206
|
// Assume a white background because it isn't easy to get the actual
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_fastAverageColor","require","_colord","_blob","_hooks","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","exports","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","isDark","url","id","isBlobURL","type","getBlobTypeByURL","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName","compositeSourceOver","source","dest","r","a","g","b","retrieveFastAverageColor","fastAverageColor","FastAverageColor","getCoverIsDark","overlayColor","overlay","colord","alpha","toRgb","imgCrossOrigin","applyFilters","value","getColorAsync","defaultColor","silent","process","env","NODE_ENV","crossOrigin","composite","background"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FastAverageColor } from 'fast-average-color';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\nimport { applyFilters } from '@wordpress/hooks';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media, isDark ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined, isDark } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tisDark,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n\n/**\n * Performs a Porter Duff composite source over operation on two rgba colors.\n *\n * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover\n *\n * @param {import('colord').RgbaColor} source Source color.\n * @param {import('colord').RgbaColor} dest Destination color.\n * @return {import('colord').RgbaColor} Composite color.\n */\nfunction compositeSourceOver( source, dest ) {\n\treturn {\n\t\tr: source.r * source.a + dest.r * dest.a * ( 1 - source.a ),\n\t\tg: source.g * source.a + dest.g * dest.a * ( 1 - source.a ),\n\t\tb: source.b * source.a + dest.b * dest.a * ( 1 - source.a ),\n\t\ta: source.a + dest.a * ( 1 - source.a ),\n\t};\n}\n\nfunction retrieveFastAverageColor() {\n\tif ( ! retrieveFastAverageColor.fastAverageColor ) {\n\t\tretrieveFastAverageColor.fastAverageColor = new FastAverageColor();\n\t}\n\treturn retrieveFastAverageColor.fastAverageColor;\n}\n\n/**\n * This method evaluates if the cover block's background is dark or not and this boolean\n * can then be applied to the relevant attribute to help ensure that text is visible by default.\n * This needs to be recalculated in all of the following Cover block scenarios:\n * - When an overlay image is added, changed or removed\n * - When the featured image is selected as the overlay image, or removed from the overlay\n * - When the overlay color is changed\n * - When the overlay color is removed\n * - When the dimRatio is changed\n *\n * See the comments below for more details about which aspects take priority when\n * calculating the relative darkness of the Cover.\n *\n * @param {string} url\n * @param {number} dimRatio\n * @param {string} overlayColor\n * @return {Promise<boolean>} True if cover should be considered to be dark.\n */\nexport async function getCoverIsDark( url, dimRatio = 50, overlayColor ) {\n\tconst overlay = colord( overlayColor )\n\t\t.alpha( dimRatio / 100 )\n\t\t.toRgb();\n\n\tif ( url ) {\n\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t'media.crossOrigin',\n\t\t\tundefined,\n\t\t\turl\n\t\t);\n\t\tconst {\n\t\t\tvalue: [ r, g, b, a ],\n\t\t} = await retrieveFastAverageColor().getColorAsync( url, {\n\t\t\t// Previously the default color was white, but that changed\n\t\t\t// in v6.0.0 so it has to be manually set now.\n\t\t\tdefaultColor: [ 255, 255, 255, 255 ],\n\t\t\t// Errors that come up don't reject the promise, so error\n\t\t\t// logging has to be silenced with this option.\n\t\t\tsilent: process.env.NODE_ENV === 'production',\n\t\t\tcrossOrigin: imgCrossOrigin,\n\t\t} );\n\t\t// FAC uses 0-255 for alpha, but colord expects 0-1.\n\t\tconst media = { r, g, b, a: a / 255 };\n\t\tconst composite = compositeSourceOver( overlay, media );\n\t\treturn colord( composite ).isDark();\n\t}\n\n\t// Assume a white background because it isn't easy to get the actual\n\t// parent background color.\n\tconst background = { r: 255, g: 255, b: 255, a: 1 };\n\tconst composite = compositeSourceOver( overlay, background );\n\treturn colord( composite ).isDark();\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_fastAverageColor","require","_colord","_blob","_hooks","POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","exports","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","isDark","url","id","isBlobURL","type","getBlobTypeByURL","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName","compositeSourceOver","source","dest","r","a","g","b","retrieveFastAverageColor","fastAverageColor","FastAverageColor","getCoverIsDark","overlayColor","overlay","colord","alpha","toRgb","imgCrossOrigin","applyFilters","value","getColorAsync","defaultColor","silent","process","env","NODE_ENV","crossOrigin","composite","error","background"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FastAverageColor } from 'fast-average-color';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\nimport { applyFilters } from '@wordpress/hooks';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media, isDark ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined, isDark } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tisDark,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n\n/**\n * Performs a Porter Duff composite source over operation on two rgba colors.\n *\n * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover\n *\n * @param {import('colord').RgbaColor} source Source color.\n * @param {import('colord').RgbaColor} dest Destination color.\n * @return {import('colord').RgbaColor} Composite color.\n */\nfunction compositeSourceOver( source, dest ) {\n\treturn {\n\t\tr: source.r * source.a + dest.r * dest.a * ( 1 - source.a ),\n\t\tg: source.g * source.a + dest.g * dest.a * ( 1 - source.a ),\n\t\tb: source.b * source.a + dest.b * dest.a * ( 1 - source.a ),\n\t\ta: source.a + dest.a * ( 1 - source.a ),\n\t};\n}\n\nfunction retrieveFastAverageColor() {\n\tif ( ! retrieveFastAverageColor.fastAverageColor ) {\n\t\tretrieveFastAverageColor.fastAverageColor = new FastAverageColor();\n\t}\n\treturn retrieveFastAverageColor.fastAverageColor;\n}\n\n/**\n * This method evaluates if the cover block's background is dark or not and this boolean\n * can then be applied to the relevant attribute to help ensure that text is visible by default.\n * This needs to be recalculated in all of the following Cover block scenarios:\n * - When an overlay image is added, changed or removed\n * - When the featured image is selected as the overlay image, or removed from the overlay\n * - When the overlay color is changed\n * - When the overlay color is removed\n * - When the dimRatio is changed\n *\n * See the comments below for more details about which aspects take priority when\n * calculating the relative darkness of the Cover.\n *\n * @param {string} url\n * @param {number} dimRatio\n * @param {string} overlayColor\n * @return {Promise<boolean>} True if cover should be considered to be dark.\n */\nexport async function getCoverIsDark( url, dimRatio = 50, overlayColor ) {\n\tconst overlay = colord( overlayColor )\n\t\t.alpha( dimRatio / 100 )\n\t\t.toRgb();\n\n\tif ( url ) {\n\t\ttry {\n\t\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t\t'media.crossOrigin',\n\t\t\t\tundefined,\n\t\t\t\turl\n\t\t\t);\n\t\t\tconst {\n\t\t\t\tvalue: [ r, g, b, a ],\n\t\t\t} = await retrieveFastAverageColor().getColorAsync( url, {\n\t\t\t\t// Previously the default color was white, but that changed\n\t\t\t\t// in v6.0.0 so it has to be manually set now.\n\t\t\t\tdefaultColor: [ 255, 255, 255, 255 ],\n\t\t\t\t// Errors that come up don't reject the promise, so error\n\t\t\t\t// logging has to be silenced with this option.\n\t\t\t\tsilent: process.env.NODE_ENV === 'production',\n\t\t\t\tcrossOrigin: imgCrossOrigin,\n\t\t\t} );\n\t\t\t// FAC uses 0-255 for alpha, but colord expects 0-1.\n\t\t\tconst media = { r, g, b, a: a / 255 };\n\t\t\tconst composite = compositeSourceOver( overlay, media );\n\t\t\treturn colord( composite ).isDark();\n\t\t} catch ( error ) {\n\t\t\t// If there's an error, just assume the image is dark.\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t// Assume a white background because it isn't easy to get the actual\n\t// parent background color.\n\tconst background = { r: 255, g: 255, b: 255, a: 1 };\n\tconst composite = compositeSourceOver( overlay, background );\n\treturn colord( composite ).isDark();\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_i18n","_components","_url","_data","_notices","EmbedLinkSettings","autoFocus","value","label","isVisible","onClose","onSubmit","withBottomSheet","url","useRef","inputURL","setInputURL","useState","createErrorNotice","useDispatch","noticesStore","linkSettingsOptions","sprintf","__","placeholder","autoFill","footer","createElement","FooterMessageLink","href","separatorType","onDismiss","useCallback","isURL","current","useEffect","performOnCloseOperations","onSetAttributes","attributes","LinkSettingsNavigation","setAttributes","options","
|
|
1
|
+
{"version":3,"names":["_element","require","_i18n","_components","_url","_data","_notices","EmbedLinkSettings","autoFocus","value","label","isVisible","onClose","onSubmit","withBottomSheet","url","useRef","inputURL","setInputURL","useState","createErrorNotice","useDispatch","noticesStore","linkSettingsOptions","sprintf","__","placeholder","autoFill","footer","createElement","FooterMessageLink","href","separatorType","onDismiss","useCallback","isURL","current","useEffect","performOnCloseOperations","onSetAttributes","attributes","LinkSettingsNavigation","setAttributes","options","showIcon","_default","exports","default"],"sources":["@wordpress/block-library/src/embed/embed-link-settings.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\nconst EmbedLinkSettings = ( {\n\tautoFocus,\n\tvalue,\n\tlabel,\n\tisVisible,\n\tonClose,\n\tonSubmit,\n\twithBottomSheet,\n} ) => {\n\tconst url = useRef( value );\n\tconst [ inputURL, setInputURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( ! isURL( url.current ) && url.current !== '' ) {\n\t\t\tcreateErrorNotice( __( 'Invalid URL. Please enter a valid URL.' ) );\n\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\tonSubmit( value );\n\t\t\treturn;\n\t\t}\n\t\tonSubmit( url.current );\n\t}, [ onSubmit, value ] );\n\n\tuseEffect( () => {\n\t\turl.current = value;\n\t\tsetInputURL( value );\n\t}, [ value ] );\n\n\t/**\n\t * If the Embed Bottom Sheet component does not utilize a bottom sheet then the onDismiss action is not\n\t * called. Here we are wiring the onDismiss to the onClose callback that gets triggered when input is submitted.\n\t */\n\tconst performOnCloseOperations = useCallback( () => {\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\n\t\tif ( ! withBottomSheet ) {\n\t\t\tonDismiss();\n\t\t}\n\t}, [ onClose ] );\n\n\tconst onSetAttributes = useCallback( ( attributes ) => {\n\t\turl.current = attributes.url;\n\t\tsetInputURL( attributes.url );\n\t}, [] );\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ inputURL }\n\t\t\tonClose={ performOnCloseOperations }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ onSetAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\twithBottomSheet={ withBottomSheet }\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedLinkSettings;\n"],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _ = require("./");
|
|
8
|
+
/**
|
|
9
|
+
* Internal dependencies
|
|
10
|
+
*/
|
|
11
|
+
var _default = (0, _.init)();
|
|
12
|
+
exports.default = _default;
|
|
13
|
+
//# sourceMappingURL=init.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_","require","_default","init","exports","default"],"sources":["@wordpress/block-library/src/footnotes/init.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { init } from './';\n\nexport default init();\n"],"mappings":";;;;;;AAGA,IAAAA,CAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAKe,IAAAC,MAAI,EAAC,CAAC;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}
|
package/build/list/edit.js
CHANGED
package/build/list/edit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_blockEditor","_components","_data","_i18n","_icons","_blocks","_deprecated","_interopRequireDefault","_orderedListSettings","_utils","_tagName","TEMPLATE","NATIVE_MARGIN_SPACING","useMigrateOnLoad","attributes","clientId","registry","useRegistry","updateBlockAttributes","replaceInnerBlocks","useDispatch","blockEditorStore","useEffect","values","newAttributes","newInnerBlocks","migrateToListV2","deprecated","since","version","alternative","batch","useOutdentList","canOutdent","useSelect","innerSelect","getBlockRootClientId","getBlock","parentId","name","replaceBlocks","selectionChange","getBlockAttributes","useCallback","parentBlockId","parentBlockAttributes","newParentBlock","createBlock","innerBlocks","length","IndentUI","outdentList","createElement","Fragment","ToolbarButton","icon","isRTL","formatOutdentRTL","formatOutdent","title","__","describedBy","disabled","onClick","Edit","setAttributes","style","blockProps","useBlockProps","Platform","isNative","innerBlocksProps","useInnerBlocksProps","allowedBlocks","template","templateLock","templateInsertUpdatesSelection","marginVertical","marginHorizontal","renderAppender","ordered","type","reversed","start","controls","BlockControls","group","formatListBulletsRTL","formatListBullets","isActive","formatListNumberedRTL","formatListNumbered","default"],"sources":["@wordpress/block-library/src/list/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tformatListBullets,\n\tformatListBulletsRTL,\n\tformatListNumbered,\n\tformatListNumberedRTL,\n\tformatOutdent,\n\tformatOutdentRTL,\n} from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback, useEffect, Platform } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport OrderedListSettings from './ordered-list-settings';\nimport { migrateToListV2 } from './utils';\nimport TagName from './tag-name';\n\nconst TEMPLATE = [ [ 'core/list-item' ] ];\nconst NATIVE_MARGIN_SPACING = 8;\n\n/**\n * At the moment, deprecations don't handle create blocks from attributes\n * (like when using CPT templates). For this reason, this hook is necessary\n * to avoid breaking templates using the old list block format.\n *\n * @param {Object} attributes Block attributes.\n * @param {string} clientId Block client ID.\n */\nfunction useMigrateOnLoad( attributes, clientId ) {\n\tconst registry = useRegistry();\n\tconst { updateBlockAttributes, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// As soon as the block is loaded, migrate it to the new version.\n\n\t\tif ( ! attributes.values ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ newAttributes, newInnerBlocks ] = migrateToListV2( attributes );\n\n\t\tdeprecated( 'Value attribute on the list block', {\n\t\t\tsince: '6.0',\n\t\t\tversion: '6.5',\n\t\t\talternative: 'inner blocks',\n\t\t} );\n\n\t\tregistry.batch( () => {\n\t\t\tupdateBlockAttributes( clientId, newAttributes );\n\t\t\treplaceInnerBlocks( clientId, newInnerBlocks );\n\t\t} );\n\t}, [ attributes.values ] );\n}\n\nfunction useOutdentList( clientId ) {\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId, getBlock } =\n\t\t\t\tinnerSelect( blockEditorStore );\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tcanOutdent:\n\t\t\t\t\t!! parentId &&\n\t\t\t\t\tgetBlock( parentId ).name === 'core/list-item',\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockAttributes, getBlock } =\n\t\tuseSelect( blockEditorStore );\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( () => {\n\t\t\tconst parentBlockId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockAttributes = getBlockAttributes( parentBlockId );\n\t\t\t// Create a new parent block without the inner blocks.\n\t\t\tconst newParentBlock = createBlock(\n\t\t\t\t'core/list-item',\n\t\t\t\tparentBlockAttributes\n\t\t\t);\n\t\t\tconst { innerBlocks } = getBlock( clientId );\n\t\t\t// Replace the parent block with a new parent block without inner blocks,\n\t\t\t// and make the inner blocks siblings of the parent.\n\t\t\treplaceBlocks(\n\t\t\t\t[ parentBlockId ],\n\t\t\t\t[ newParentBlock, ...innerBlocks ]\n\t\t\t);\n\t\t\t// Select the last child of the list being outdent.\n\t\t\tselectionChange( innerBlocks[ innerBlocks.length - 1 ].clientId );\n\t\t}, [ clientId ] ),\n\t];\n}\n\nfunction IndentUI( { clientId } ) {\n\tconst [ canOutdent, outdentList ] = useOutdentList( clientId );\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatOutdentRTL : formatOutdent }\n\t\t\t\ttitle={ __( 'Outdent' ) }\n\t\t\t\tdescribedBy={ __( 'Outdent list item' ) }\n\t\t\t\tdisabled={ ! canOutdent }\n\t\t\t\tonClick={ outdentList }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default function Edit( { attributes, setAttributes, clientId, style } ) {\n\tconst blockProps = useBlockProps( {\n\t\t...( Platform.isNative && { style } ),\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list-item' ],\n\t\ttemplate: TEMPLATE,\n\t\ttemplateLock: false,\n\t\ttemplateInsertUpdatesSelection: true,\n\t\t...( Platform.isNative && {\n\t\t\tmarginVertical: NATIVE_MARGIN_SPACING,\n\t\t\tmarginHorizontal: NATIVE_MARGIN_SPACING,\n\t\t\trenderAppender: false,\n\t\t} ),\n\t} );\n\tuseMigrateOnLoad( attributes, clientId );\n\tconst { ordered, type, reversed, start } = attributes;\n\n\tconst controls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListBulletsRTL : formatListBullets }\n\t\t\t\ttitle={ __( 'Unordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to unordered list' ) }\n\t\t\t\tisActive={ ordered === false }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: false } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListNumberedRTL : formatListNumbered }\n\t\t\t\ttitle={ __( 'Ordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to ordered list' ) }\n\t\t\t\tisActive={ ordered === true }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: true } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<IndentUI clientId={ clientId } />\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TagName\n\t\t\t\tordered={ ordered }\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\ttype={ type }\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t/>\n\t\t\t{ controls }\n\t\t\t{ ordered && (\n\t\t\t\t<OrderedListSettings\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tsetAttributes,\n\t\t\t\t\t\treversed,\n\t\t\t\t\t\tstart,\n\t\t\t\t\t\ttype,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["_element","require","_blockEditor","_components","_data","_i18n","_icons","_blocks","_deprecated","_interopRequireDefault","_orderedListSettings","_utils","_tagName","TEMPLATE","NATIVE_MARGIN_SPACING","useMigrateOnLoad","attributes","clientId","registry","useRegistry","updateBlockAttributes","replaceInnerBlocks","useDispatch","blockEditorStore","useEffect","values","newAttributes","newInnerBlocks","migrateToListV2","deprecated","since","version","alternative","batch","useOutdentList","canOutdent","useSelect","innerSelect","getBlockRootClientId","getBlock","parentId","name","replaceBlocks","selectionChange","getBlockAttributes","useCallback","parentBlockId","parentBlockAttributes","newParentBlock","createBlock","innerBlocks","length","IndentUI","outdentList","createElement","Fragment","ToolbarButton","icon","isRTL","formatOutdentRTL","formatOutdent","title","__","describedBy","disabled","onClick","Edit","setAttributes","style","blockProps","useBlockProps","Platform","isNative","innerBlocksProps","useInnerBlocksProps","allowedBlocks","template","templateLock","templateInsertUpdatesSelection","marginVertical","marginHorizontal","renderAppender","__experimentalCaptureToolbars","ordered","type","reversed","start","controls","BlockControls","group","formatListBulletsRTL","formatListBullets","isActive","formatListNumberedRTL","formatListNumbered","default"],"sources":["@wordpress/block-library/src/list/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tformatListBullets,\n\tformatListBulletsRTL,\n\tformatListNumbered,\n\tformatListNumberedRTL,\n\tformatOutdent,\n\tformatOutdentRTL,\n} from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback, useEffect, Platform } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport OrderedListSettings from './ordered-list-settings';\nimport { migrateToListV2 } from './utils';\nimport TagName from './tag-name';\n\nconst TEMPLATE = [ [ 'core/list-item' ] ];\nconst NATIVE_MARGIN_SPACING = 8;\n\n/**\n * At the moment, deprecations don't handle create blocks from attributes\n * (like when using CPT templates). For this reason, this hook is necessary\n * to avoid breaking templates using the old list block format.\n *\n * @param {Object} attributes Block attributes.\n * @param {string} clientId Block client ID.\n */\nfunction useMigrateOnLoad( attributes, clientId ) {\n\tconst registry = useRegistry();\n\tconst { updateBlockAttributes, replaceInnerBlocks } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// As soon as the block is loaded, migrate it to the new version.\n\n\t\tif ( ! attributes.values ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ newAttributes, newInnerBlocks ] = migrateToListV2( attributes );\n\n\t\tdeprecated( 'Value attribute on the list block', {\n\t\t\tsince: '6.0',\n\t\t\tversion: '6.5',\n\t\t\talternative: 'inner blocks',\n\t\t} );\n\n\t\tregistry.batch( () => {\n\t\t\tupdateBlockAttributes( clientId, newAttributes );\n\t\t\treplaceInnerBlocks( clientId, newInnerBlocks );\n\t\t} );\n\t}, [ attributes.values ] );\n}\n\nfunction useOutdentList( clientId ) {\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId, getBlock } =\n\t\t\t\tinnerSelect( blockEditorStore );\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tcanOutdent:\n\t\t\t\t\t!! parentId &&\n\t\t\t\t\tgetBlock( parentId ).name === 'core/list-item',\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockAttributes, getBlock } =\n\t\tuseSelect( blockEditorStore );\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( () => {\n\t\t\tconst parentBlockId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockAttributes = getBlockAttributes( parentBlockId );\n\t\t\t// Create a new parent block without the inner blocks.\n\t\t\tconst newParentBlock = createBlock(\n\t\t\t\t'core/list-item',\n\t\t\t\tparentBlockAttributes\n\t\t\t);\n\t\t\tconst { innerBlocks } = getBlock( clientId );\n\t\t\t// Replace the parent block with a new parent block without inner blocks,\n\t\t\t// and make the inner blocks siblings of the parent.\n\t\t\treplaceBlocks(\n\t\t\t\t[ parentBlockId ],\n\t\t\t\t[ newParentBlock, ...innerBlocks ]\n\t\t\t);\n\t\t\t// Select the last child of the list being outdent.\n\t\t\tselectionChange( innerBlocks[ innerBlocks.length - 1 ].clientId );\n\t\t}, [ clientId ] ),\n\t];\n}\n\nfunction IndentUI( { clientId } ) {\n\tconst [ canOutdent, outdentList ] = useOutdentList( clientId );\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatOutdentRTL : formatOutdent }\n\t\t\t\ttitle={ __( 'Outdent' ) }\n\t\t\t\tdescribedBy={ __( 'Outdent list item' ) }\n\t\t\t\tdisabled={ ! canOutdent }\n\t\t\t\tonClick={ outdentList }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default function Edit( { attributes, setAttributes, clientId, style } ) {\n\tconst blockProps = useBlockProps( {\n\t\t...( Platform.isNative && { style } ),\n\t} );\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list-item' ],\n\t\ttemplate: TEMPLATE,\n\t\ttemplateLock: false,\n\t\ttemplateInsertUpdatesSelection: true,\n\t\t...( Platform.isNative && {\n\t\t\tmarginVertical: NATIVE_MARGIN_SPACING,\n\t\t\tmarginHorizontal: NATIVE_MARGIN_SPACING,\n\t\t\trenderAppender: false,\n\t\t} ),\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\tuseMigrateOnLoad( attributes, clientId );\n\tconst { ordered, type, reversed, start } = attributes;\n\n\tconst controls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListBulletsRTL : formatListBullets }\n\t\t\t\ttitle={ __( 'Unordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to unordered list' ) }\n\t\t\t\tisActive={ ordered === false }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: false } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListNumberedRTL : formatListNumbered }\n\t\t\t\ttitle={ __( 'Ordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to ordered list' ) }\n\t\t\t\tisActive={ ordered === true }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: true } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<IndentUI clientId={ clientId } />\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TagName\n\t\t\t\tordered={ ordered }\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\ttype={ type }\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t/>\n\t\t\t{ controls }\n\t\t\t{ ordered && (\n\t\t\t\t<OrderedListSettings\n\t\t\t\t\t{ ...{\n\t\t\t\t\t\tsetAttributes,\n\t\t\t\t\t\treversed,\n\t\t\t\t\t\tstart,\n\t\t\t\t\t\ttype,\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
|
|
@@ -81,7 +81,8 @@ function NavigationInnerBlocks({
|
|
|
81
81
|
renderAppender: isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren ||
|
|
82
82
|
// Show the appender while dragging to allow inserting element between item and the appender.
|
|
83
83
|
parentOrChildHasSelection ? _blockEditor.InnerBlocks.ButtonBlockAppender : false,
|
|
84
|
-
placeholder: showPlaceholder ? placeholder : undefined
|
|
84
|
+
placeholder: showPlaceholder ? placeholder : undefined,
|
|
85
|
+
__experimentalCaptureToolbars: true
|
|
85
86
|
});
|
|
86
87
|
return (0, _element.createElement)("div", {
|
|
87
88
|
...innerBlocksProps
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_coreData","_blockEditor","_data","_placeholderPreview","_interopRequireDefault","_constants","NavigationInnerBlocks","clientId","hasCustomPlaceholder","orientation","templateLock","isImmediateParentOfSelectedBlock","selectedBlockHasChildren","isSelected","useSelect","select","getBlockCount","hasSelectedInnerBlock","getSelectedBlockClientId","blockEditorStore","selectedBlockId","blocks","onInput","onChange","useEntityBlockEditor","shouldDirectInsert","useMemo","every","name","parentOrChildHasSelection","placeholder","createElement","default","hasMenuItems","length","showPlaceholder","innerBlocksProps","useInnerBlocksProps","className","value","allowedBlocks","ALLOWED_BLOCKS","prioritizedInserterBlocks","PRIORITIZED_INSERTER_BLOCKS","defaultBlock","DEFAULT_BLOCK","directInsert","renderAppender","InnerBlocks","ButtonBlockAppender","undefined"],"sources":["@wordpress/block-library/src/navigation/edit/inner-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport {\n\tuseInnerBlocksProps,\n\tInnerBlocks,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PlaceholderPreview from './placeholder/placeholder-preview';\nimport {\n\tDEFAULT_BLOCK,\n\tALLOWED_BLOCKS,\n\tPRIORITIZED_INSERTER_BLOCKS,\n} from '../constants';\n\nexport default function NavigationInnerBlocks( {\n\tclientId,\n\thasCustomPlaceholder,\n\torientation,\n\ttemplateLock,\n} ) {\n\tconst {\n\t\tisImmediateParentOfSelectedBlock,\n\t\tselectedBlockHasChildren,\n\t\tisSelected,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedBlockId = getSelectedBlockClientId();\n\n\t\t\treturn {\n\t\t\t\tisImmediateParentOfSelectedBlock: hasSelectedInnerBlock(\n\t\t\t\t\tclientId,\n\t\t\t\t\tfalse\n\t\t\t\t),\n\t\t\t\tselectedBlockHasChildren: !! getBlockCount( selectedBlockId ),\n\n\t\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t\t// fresh compared to isImmediateParentOfSelectedBlock.\n\t\t\t\tisSelected: selectedBlockId === clientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_navigation'\n\t);\n\n\tconst shouldDirectInsert = useMemo(\n\t\t() =>\n\t\t\tblocks.every(\n\t\t\t\t( { name } ) =>\n\t\t\t\t\tname === 'core/navigation-link' ||\n\t\t\t\t\tname === 'core/navigation-submenu' ||\n\t\t\t\t\tname === 'core/page-list'\n\t\t\t),\n\t\t[ blocks ]\n\t);\n\n\t// When the block is selected itself or has a top level item selected that\n\t// doesn't itself have children, show the standard appender. Else show no\n\t// appender.\n\tconst parentOrChildHasSelection =\n\t\tisSelected ||\n\t\t( isImmediateParentOfSelectedBlock && ! selectedBlockHasChildren );\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\n\n\tconst hasMenuItems = !! blocks?.length;\n\n\t// If there is a `ref` attribute pointing to a `wp_navigation` but\n\t// that menu has no **items** (i.e. empty) then show a placeholder.\n\t// The block must also be selected else the placeholder will display\n\t// alongside the appender.\n\tconst showPlaceholder =\n\t\t! hasCustomPlaceholder && ! hasMenuItems && ! isSelected;\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\tprioritizedInserterBlocks: PRIORITIZED_INSERTER_BLOCKS,\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: shouldDirectInsert,\n\t\t\torientation,\n\t\t\ttemplateLock,\n\n\t\t\t// As an exception to other blocks which feature nesting, show\n\t\t\t// the block appender even when a child block is selected.\n\t\t\t// This should be a temporary fix, to be replaced by improvements to\n\t\t\t// the sibling inserter.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/37572.\n\t\t\trenderAppender:\n\t\t\t\tisSelected ||\n\t\t\t\t( isImmediateParentOfSelectedBlock &&\n\t\t\t\t\t! selectedBlockHasChildren ) ||\n\t\t\t\t// Show the appender while dragging to allow inserting element between item and the appender.\n\t\t\t\tparentOrChildHasSelection\n\t\t\t\t\t? InnerBlocks.ButtonBlockAppender\n\t\t\t\t\t: false,\n\t\t\tplaceholder: showPlaceholder ? placeholder : undefined,\n\t\t}\n\t);\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAMA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAQe,SAASO,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,oBAAoB;EACpBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,gCAAgC;IAChCC,wBAAwB;IACxBC;EACD,CAAC,GAAG,IAAAC,eAAS,EACVC,MAAM,IAAM;IACb,MAAM;MACLC,aAAa;MACbC,qBAAqB;MACrBC;IACD,CAAC,GAAGH,MAAM,CAAEI,kBAAiB,CAAC;IAC9B,MAAMC,eAAe,GAAGF,wBAAwB,CAAC,CAAC;IAElD,OAAO;MACNP,gCAAgC,EAAEM,qBAAqB,CACtDV,QAAQ,EACR,KACD,CAAC;MACDK,wBAAwB,EAAE,CAAC,CAAEI,aAAa,CAAEI,eAAgB,CAAC;MAE7D;MACA;MACAP,UAAU,EAAEO,eAAe,KAAKb;IACjC,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,MAAM,CAAEc,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,UAAU,EACV,eACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCL,MAAM,CAACM,KAAK,CACX,CAAE;IAAEC;EAAK,CAAC,KACTA,IAAI,KAAK,sBAAsB,IAC/BA,IAAI,KAAK,yBAAyB,IAClCA,IAAI,KAAK,gBACX,CAAC,EACF,CAAEP,MAAM,CACT,CAAC;;EAED;EACA;EACA;EACA,MAAMQ,yBAAyB,GAC9BhB,UAAU,IACRF,gCAAgC,IAAI,CAAEC,wBAA0B;EAEnE,MAAMkB,WAAW,GAAG,IAAAJ,gBAAO,EAAE,MAAM,IAAA5B,QAAA,CAAAiC,aAAA,EAAC5B,mBAAA,CAAA6B,OAAkB,MAAE,CAAC,EAAE,EAAG,CAAC;EAE/D,MAAMC,YAAY,GAAG,CAAC,CAAEZ,MAAM,EAAEa,MAAM;;EAEtC;EACA;EACA;EACA;EACA,MAAMC,eAAe,GACpB,CAAE3B,oBAAoB,IAAI,CAAEyB,YAAY,IAAI,CAAEpB,UAAU;EAEzD,MAAMuB,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACCC,KAAK,EAAElB,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRiB,aAAa,EAAEC,yBAAc;IAC7BC,yBAAyB,EAAEC,sCAA2B;IACtDC,YAAY,EAAEC,wBAAa;IAC3BC,YAAY,EAAErB,kBAAkB;IAChChB,WAAW;IACXC,YAAY;IAEZ;IACA;IACA;IACA;IACA;IACAqC,cAAc,EACblC,UAAU,IACRF,gCAAgC,IACjC,CAAEC,wBAA0B;IAC7B;IACAiB,yBAAyB,GACtBmB,wBAAW,CAACC,mBAAmB,GAC/B,KAAK;IACTnB,WAAW,EAAEK,eAAe,GAAGL,WAAW,GAAGoB;
|
|
1
|
+
{"version":3,"names":["_element","require","_coreData","_blockEditor","_data","_placeholderPreview","_interopRequireDefault","_constants","NavigationInnerBlocks","clientId","hasCustomPlaceholder","orientation","templateLock","isImmediateParentOfSelectedBlock","selectedBlockHasChildren","isSelected","useSelect","select","getBlockCount","hasSelectedInnerBlock","getSelectedBlockClientId","blockEditorStore","selectedBlockId","blocks","onInput","onChange","useEntityBlockEditor","shouldDirectInsert","useMemo","every","name","parentOrChildHasSelection","placeholder","createElement","default","hasMenuItems","length","showPlaceholder","innerBlocksProps","useInnerBlocksProps","className","value","allowedBlocks","ALLOWED_BLOCKS","prioritizedInserterBlocks","PRIORITIZED_INSERTER_BLOCKS","defaultBlock","DEFAULT_BLOCK","directInsert","renderAppender","InnerBlocks","ButtonBlockAppender","undefined","__experimentalCaptureToolbars"],"sources":["@wordpress/block-library/src/navigation/edit/inner-blocks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEntityBlockEditor } from '@wordpress/core-data';\nimport {\n\tuseInnerBlocksProps,\n\tInnerBlocks,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport PlaceholderPreview from './placeholder/placeholder-preview';\nimport {\n\tDEFAULT_BLOCK,\n\tALLOWED_BLOCKS,\n\tPRIORITIZED_INSERTER_BLOCKS,\n} from '../constants';\n\nexport default function NavigationInnerBlocks( {\n\tclientId,\n\thasCustomPlaceholder,\n\torientation,\n\ttemplateLock,\n} ) {\n\tconst {\n\t\tisImmediateParentOfSelectedBlock,\n\t\tselectedBlockHasChildren,\n\t\tisSelected,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\thasSelectedInnerBlock,\n\t\t\t\tgetSelectedBlockClientId,\n\t\t\t} = select( blockEditorStore );\n\t\t\tconst selectedBlockId = getSelectedBlockClientId();\n\n\t\t\treturn {\n\t\t\t\tisImmediateParentOfSelectedBlock: hasSelectedInnerBlock(\n\t\t\t\t\tclientId,\n\t\t\t\t\tfalse\n\t\t\t\t),\n\t\t\t\tselectedBlockHasChildren: !! getBlockCount( selectedBlockId ),\n\n\t\t\t\t// This prop is already available but computing it here ensures it's\n\t\t\t\t// fresh compared to isImmediateParentOfSelectedBlock.\n\t\t\t\tisSelected: selectedBlockId === clientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\t'wp_navigation'\n\t);\n\n\tconst shouldDirectInsert = useMemo(\n\t\t() =>\n\t\t\tblocks.every(\n\t\t\t\t( { name } ) =>\n\t\t\t\t\tname === 'core/navigation-link' ||\n\t\t\t\t\tname === 'core/navigation-submenu' ||\n\t\t\t\t\tname === 'core/page-list'\n\t\t\t),\n\t\t[ blocks ]\n\t);\n\n\t// When the block is selected itself or has a top level item selected that\n\t// doesn't itself have children, show the standard appender. Else show no\n\t// appender.\n\tconst parentOrChildHasSelection =\n\t\tisSelected ||\n\t\t( isImmediateParentOfSelectedBlock && ! selectedBlockHasChildren );\n\n\tconst placeholder = useMemo( () => <PlaceholderPreview />, [] );\n\n\tconst hasMenuItems = !! blocks?.length;\n\n\t// If there is a `ref` attribute pointing to a `wp_navigation` but\n\t// that menu has no **items** (i.e. empty) then show a placeholder.\n\t// The block must also be selected else the placeholder will display\n\t// alongside the appender.\n\tconst showPlaceholder =\n\t\t! hasCustomPlaceholder && ! hasMenuItems && ! isSelected;\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-navigation__container',\n\t\t},\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\tallowedBlocks: ALLOWED_BLOCKS,\n\t\t\tprioritizedInserterBlocks: PRIORITIZED_INSERTER_BLOCKS,\n\t\t\tdefaultBlock: DEFAULT_BLOCK,\n\t\t\tdirectInsert: shouldDirectInsert,\n\t\t\torientation,\n\t\t\ttemplateLock,\n\n\t\t\t// As an exception to other blocks which feature nesting, show\n\t\t\t// the block appender even when a child block is selected.\n\t\t\t// This should be a temporary fix, to be replaced by improvements to\n\t\t\t// the sibling inserter.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/37572.\n\t\t\trenderAppender:\n\t\t\t\tisSelected ||\n\t\t\t\t( isImmediateParentOfSelectedBlock &&\n\t\t\t\t\t! selectedBlockHasChildren ) ||\n\t\t\t\t// Show the appender while dragging to allow inserting element between item and the appender.\n\t\t\t\tparentOrChildHasSelection\n\t\t\t\t\t? InnerBlocks.ButtonBlockAppender\n\t\t\t\t\t: false,\n\t\t\tplaceholder: showPlaceholder ? placeholder : undefined,\n\t\t\t__experimentalCaptureToolbars: true,\n\t\t}\n\t);\n\n\treturn <div { ...innerBlocksProps } />;\n}\n"],"mappings":";;;;;;;AAUA,IAAAA,QAAA,GAAAC,OAAA;AAPA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAMA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAUA;AACA;AACA;;AAQe,SAASO,qBAAqBA,CAAE;EAC9CC,QAAQ;EACRC,oBAAoB;EACpBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAM;IACLC,gCAAgC;IAChCC,wBAAwB;IACxBC;EACD,CAAC,GAAG,IAAAC,eAAS,EACVC,MAAM,IAAM;IACb,MAAM;MACLC,aAAa;MACbC,qBAAqB;MACrBC;IACD,CAAC,GAAGH,MAAM,CAAEI,kBAAiB,CAAC;IAC9B,MAAMC,eAAe,GAAGF,wBAAwB,CAAC,CAAC;IAElD,OAAO;MACNP,gCAAgC,EAAEM,qBAAqB,CACtDV,QAAQ,EACR,KACD,CAAC;MACDK,wBAAwB,EAAE,CAAC,CAAEI,aAAa,CAAEI,eAAgB,CAAC;MAE7D;MACA;MACAP,UAAU,EAAEO,eAAe,KAAKb;IACjC,CAAC;EACF,CAAC,EACD,CAAEA,QAAQ,CACX,CAAC;EAED,MAAM,CAAEc,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,UAAU,EACV,eACD,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAC,gBAAO,EACjC,MACCL,MAAM,CAACM,KAAK,CACX,CAAE;IAAEC;EAAK,CAAC,KACTA,IAAI,KAAK,sBAAsB,IAC/BA,IAAI,KAAK,yBAAyB,IAClCA,IAAI,KAAK,gBACX,CAAC,EACF,CAAEP,MAAM,CACT,CAAC;;EAED;EACA;EACA;EACA,MAAMQ,yBAAyB,GAC9BhB,UAAU,IACRF,gCAAgC,IAAI,CAAEC,wBAA0B;EAEnE,MAAMkB,WAAW,GAAG,IAAAJ,gBAAO,EAAE,MAAM,IAAA5B,QAAA,CAAAiC,aAAA,EAAC5B,mBAAA,CAAA6B,OAAkB,MAAE,CAAC,EAAE,EAAG,CAAC;EAE/D,MAAMC,YAAY,GAAG,CAAC,CAAEZ,MAAM,EAAEa,MAAM;;EAEtC;EACA;EACA;EACA;EACA,MAAMC,eAAe,GACpB,CAAE3B,oBAAoB,IAAI,CAAEyB,YAAY,IAAI,CAAEpB,UAAU;EAEzD,MAAMuB,gBAAgB,GAAG,IAAAC,gCAAmB,EAC3C;IACCC,SAAS,EAAE;EACZ,CAAC,EACD;IACCC,KAAK,EAAElB,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRiB,aAAa,EAAEC,yBAAc;IAC7BC,yBAAyB,EAAEC,sCAA2B;IACtDC,YAAY,EAAEC,wBAAa;IAC3BC,YAAY,EAAErB,kBAAkB;IAChChB,WAAW;IACXC,YAAY;IAEZ;IACA;IACA;IACA;IACA;IACAqC,cAAc,EACblC,UAAU,IACRF,gCAAgC,IACjC,CAAEC,wBAA0B;IAC7B;IACAiB,yBAAyB,GACtBmB,wBAAW,CAACC,mBAAmB,GAC/B,KAAK;IACTnB,WAAW,EAAEK,eAAe,GAAGL,WAAW,GAAGoB,SAAS;IACtDC,6BAA6B,EAAE;EAChC,CACD,CAAC;EAED,OAAO,IAAArD,QAAA,CAAAiC,aAAA;IAAA,GAAUK;EAAgB,CAAI,CAAC;AACvC"}
|
|
@@ -91,7 +91,7 @@ function Placeholder({
|
|
|
91
91
|
});
|
|
92
92
|
return (0, _element.createElement)("div", {
|
|
93
93
|
...blockProps
|
|
94
|
-
}, (0, _element.createElement)("p", null, (0, _i18n.__)('This is the
|
|
94
|
+
}, (0, _element.createElement)("p", null, (0, _i18n.__)('This is the Content block, it will display all the blocks in any single post or page.')), (0, _element.createElement)("p", null, (0, _i18n.__)('That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.')), (0, _element.createElement)("p", null, (0, _i18n.__)('If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.')));
|
|
95
95
|
}
|
|
96
96
|
function RecursionError() {
|
|
97
97
|
const blockProps = (0, _blockEditor.useBlockProps)();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_blockEditor","_coreData","_data","_hooks","ReadOnlyContent","userCanEdit","postType","postId","content","useEntityProp","blockProps","useBlockProps","protected","_element","createElement","Warning","__","dangerouslySetInnerHTML","__html","rendered","EditableContent","context","blocks","onInput","onChange","useEntityBlockEditor","id","entityRecord","useSelect","select","coreStore","getEntityRecord","hasInnerBlocks","raw","length","initialInnerBlocks","props","useInnerBlocksProps","className","value","template","undefined","Content","queryId","useCanEditEntity","isDescendentOfQueryLoop","Number","isFinite","isEditable","Placeholder","layoutClassNames","RecursionError","PostContentEdit","attributes","__unstableLayoutClassNames","contextPostId","contextPostType","layout","hasAlreadyRendered","useHasRecursion","__experimentalRecursionProvider","uniqueId"],"sources":["@wordpress/block-library/src/post-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tWarning,\n} from '@wordpress/block-editor';\nimport {\n\tuseEntityProp,\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction ReadOnlyContent( { userCanEdit, postType, postId } ) {\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst blockProps = useBlockProps();\n\treturn content?.protected && ! userCanEdit ? (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>{ __( 'This content is password protected.' ) }</Warning>\n\t\t</div>\n\t) : (\n\t\t<div\n\t\t\t{ ...blockProps }\n\t\t\tdangerouslySetInnerHTML={ { __html: content?.rendered } }\n\t\t></div>\n\t);\n}\n\nfunction EditableContent( { context = {} } ) {\n\tconst { postType, postId } = context;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\tpostType,\n\t\t{ id: postId }\n\t);\n\n\tconst entityRecord = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tconst hasInnerBlocks = !! entityRecord?.content?.raw || blocks?.length;\n\n\tconst initialInnerBlocks = [ [ 'core/paragraph' ] ];\n\n\tconst props = useInnerBlocksProps(\n\t\tuseBlockProps( { className: 'entry-content' } ),\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplate: ! hasInnerBlocks ? initialInnerBlocks : undefined,\n\t\t}\n\t);\n\treturn <div { ...props } />;\n}\n\nfunction Content( props ) {\n\tconst { context: { queryId, postType, postId } = {} } = props;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tif ( userCanEdit === undefined ) {\n\t\treturn null;\n\t}\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\n\treturn isEditable ? (\n\t\t<EditableContent { ...props } />\n\t) : (\n\t\t<ReadOnlyContent\n\t\t\tuserCanEdit={ userCanEdit }\n\t\t\tpostType={ postType }\n\t\t\tpostId={ postId }\n\t\t/>\n\t);\n}\n\nfunction Placeholder( { layoutClassNames } ) {\n\tconst blockProps = useBlockProps( { className: layoutClassNames } );\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'This is the
|
|
1
|
+
{"version":3,"names":["_i18n","require","_blockEditor","_coreData","_data","_hooks","ReadOnlyContent","userCanEdit","postType","postId","content","useEntityProp","blockProps","useBlockProps","protected","_element","createElement","Warning","__","dangerouslySetInnerHTML","__html","rendered","EditableContent","context","blocks","onInput","onChange","useEntityBlockEditor","id","entityRecord","useSelect","select","coreStore","getEntityRecord","hasInnerBlocks","raw","length","initialInnerBlocks","props","useInnerBlocksProps","className","value","template","undefined","Content","queryId","useCanEditEntity","isDescendentOfQueryLoop","Number","isFinite","isEditable","Placeholder","layoutClassNames","RecursionError","PostContentEdit","attributes","__unstableLayoutClassNames","contextPostId","contextPostType","layout","hasAlreadyRendered","useHasRecursion","__experimentalRecursionProvider","uniqueId"],"sources":["@wordpress/block-library/src/post-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tWarning,\n} from '@wordpress/block-editor';\nimport {\n\tuseEntityProp,\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction ReadOnlyContent( { userCanEdit, postType, postId } ) {\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst blockProps = useBlockProps();\n\treturn content?.protected && ! userCanEdit ? (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>{ __( 'This content is password protected.' ) }</Warning>\n\t\t</div>\n\t) : (\n\t\t<div\n\t\t\t{ ...blockProps }\n\t\t\tdangerouslySetInnerHTML={ { __html: content?.rendered } }\n\t\t></div>\n\t);\n}\n\nfunction EditableContent( { context = {} } ) {\n\tconst { postType, postId } = context;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\tpostType,\n\t\t{ id: postId }\n\t);\n\n\tconst entityRecord = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tconst hasInnerBlocks = !! entityRecord?.content?.raw || blocks?.length;\n\n\tconst initialInnerBlocks = [ [ 'core/paragraph' ] ];\n\n\tconst props = useInnerBlocksProps(\n\t\tuseBlockProps( { className: 'entry-content' } ),\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplate: ! hasInnerBlocks ? initialInnerBlocks : undefined,\n\t\t}\n\t);\n\treturn <div { ...props } />;\n}\n\nfunction Content( props ) {\n\tconst { context: { queryId, postType, postId } = {} } = props;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tif ( userCanEdit === undefined ) {\n\t\treturn null;\n\t}\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\n\treturn isEditable ? (\n\t\t<EditableContent { ...props } />\n\t) : (\n\t\t<ReadOnlyContent\n\t\t\tuserCanEdit={ userCanEdit }\n\t\t\tpostType={ postType }\n\t\t\tpostId={ postId }\n\t\t/>\n\t);\n}\n\nfunction Placeholder( { layoutClassNames } ) {\n\tconst blockProps = useBlockProps( { className: layoutClassNames } );\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'This is the Content block, it will display all the blocks in any single post or page.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n\nfunction RecursionError() {\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>\n\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t</Warning>\n\t\t</div>\n\t);\n}\n\nexport default function PostContentEdit( {\n\tcontext,\n\tattributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst { postId: contextPostId, postType: contextPostType } = context;\n\tconst { layout = {} } = attributes;\n\tconst hasAlreadyRendered = useHasRecursion( contextPostId );\n\n\tif ( contextPostId && contextPostType && hasAlreadyRendered ) {\n\t\treturn <RecursionError />;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ contextPostId }>\n\t\t\t{ contextPostId && contextPostType ? (\n\t\t\t\t<Content context={ context } layout={ layout } />\n\t\t\t) : (\n\t\t\t\t<Placeholder layoutClassNames={ layoutClassNames } />\n\t\t\t) }\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,SAAA,GAAAF,OAAA;AAKA,IAAAG,KAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AApBA;AACA;AACA;;AAeA;AACA;AACA;;AAGA,SAASK,eAAeA,CAAE;EAAEC,WAAW;EAAEC,QAAQ;EAAEC;AAAO,CAAC,EAAG;EAC7D,MAAM,IAAMC,OAAO,CAAE,GAAG,IAAAC,uBAAa,EACpC,UAAU,EACVH,QAAQ,EACR,SAAS,EACTC,MACD,CAAC;EACD,MAAMG,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,OAAOH,OAAO,EAAEI,SAAS,IAAI,CAAEP,WAAW,GACzC,IAAAQ,QAAA,CAAAC,aAAA;IAAA,GAAUJ;EAAU,GACnB,IAAAG,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAe,OAAO,QAAG,IAAAC,QAAE,EAAE,qCAAsC,CAAY,CAC7D,CAAC,GAEN,IAAAH,QAAA,CAAAC,aAAA;IAAA,GACMJ,UAAU;IACfO,uBAAuB,EAAG;MAAEC,MAAM,EAAEV,OAAO,EAAEW;IAAS;EAAG,CACpD,CACN;AACF;AAEA,SAASC,eAAeA,CAAE;EAAEC,OAAO,GAAG,CAAC;AAAE,CAAC,EAAG;EAC5C,MAAM;IAAEf,QAAQ;IAAEC;EAAO,CAAC,GAAGc,OAAO;EAEpC,MAAM,CAAEC,MAAM,EAAEC,OAAO,EAAEC,QAAQ,CAAE,GAAG,IAAAC,8BAAoB,EACzD,UAAU,EACVnB,QAAQ,EACR;IAAEoB,EAAE,EAAEnB;EAAO,CACd,CAAC;EAED,MAAMoB,YAAY,GAAG,IAAAC,eAAS,EAC3BC,MAAM,IAAM;IACb,OAAOA,MAAM,CAAEC,eAAU,CAAC,CAACC,eAAe,CACzC,UAAU,EACVzB,QAAQ,EACRC,MACD,CAAC;EACF,CAAC,EACD,CAAED,QAAQ,EAAEC,MAAM,CACnB,CAAC;EAED,MAAMyB,cAAc,GAAG,CAAC,CAAEL,YAAY,EAAEnB,OAAO,EAAEyB,GAAG,IAAIX,MAAM,EAAEY,MAAM;EAEtE,MAAMC,kBAAkB,GAAG,CAAE,CAAE,gBAAgB,CAAE,CAAE;EAEnD,MAAMC,KAAK,GAAG,IAAAC,gCAAmB,EAChC,IAAA1B,0BAAa,EAAE;IAAE2B,SAAS,EAAE;EAAgB,CAAE,CAAC,EAC/C;IACCC,KAAK,EAAEjB,MAAM;IACbC,OAAO;IACPC,QAAQ;IACRgB,QAAQ,EAAE,CAAER,cAAc,GAAGG,kBAAkB,GAAGM;EACnD,CACD,CAAC;EACD,OAAO,IAAA5B,QAAA,CAAAC,aAAA;IAAA,GAAUsB;EAAK,CAAI,CAAC;AAC5B;AAEA,SAASM,OAAOA,CAAEN,KAAK,EAAG;EACzB,MAAM;IAAEf,OAAO,EAAE;MAAEsB,OAAO;MAAErC,QAAQ;MAAEC;IAAO,CAAC,GAAG,CAAC;EAAE,CAAC,GAAG6B,KAAK;EAC7D,MAAM/B,WAAW,GAAG,IAAAuC,uBAAgB,EAAE,UAAU,EAAEtC,QAAQ,EAAEC,MAAO,CAAC;EACpE,IAAKF,WAAW,KAAKoC,SAAS,EAAG;IAChC,OAAO,IAAI;EACZ;EAEA,MAAMI,uBAAuB,GAAGC,MAAM,CAACC,QAAQ,CAAEJ,OAAQ,CAAC;EAC1D,MAAMK,UAAU,GAAG3C,WAAW,IAAI,CAAEwC,uBAAuB;EAE3D,OAAOG,UAAU,GAChB,IAAAnC,QAAA,CAAAC,aAAA,EAACM,eAAe;IAAA,GAAMgB;EAAK,CAAI,CAAC,GAEhC,IAAAvB,QAAA,CAAAC,aAAA,EAACV,eAAe;IACfC,WAAW,EAAGA,WAAa;IAC3BC,QAAQ,EAAGA,QAAU;IACrBC,MAAM,EAAGA;EAAQ,CACjB,CACD;AACF;AAEA,SAAS0C,WAAWA,CAAE;EAAEC;AAAiB,CAAC,EAAG;EAC5C,MAAMxC,UAAU,GAAG,IAAAC,0BAAa,EAAE;IAAE2B,SAAS,EAAEY;EAAiB,CAAE,CAAC;EACnE,OACC,IAAArC,QAAA,CAAAC,aAAA;IAAA,GAAUJ;EAAU,GACnB,IAAAG,QAAA,CAAAC,aAAA,aACG,IAAAE,QAAE,EACH,uFACD,CACE,CAAC,EACJ,IAAAH,QAAA,CAAAC,aAAA,aACG,IAAAE,QAAE,EACH,mMACD,CACE,CAAC,EACJ,IAAAH,QAAA,CAAAC,aAAA,aACG,IAAAE,QAAE,EACH,kIACD,CACE,CACC,CAAC;AAER;AAEA,SAASmC,cAAcA,CAAA,EAAG;EACzB,MAAMzC,UAAU,GAAG,IAAAC,0BAAa,EAAC,CAAC;EAClC,OACC,IAAAE,QAAA,CAAAC,aAAA;IAAA,GAAUJ;EAAU,GACnB,IAAAG,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAAe,OAAO,QACL,IAAAC,QAAE,EAAE,yCAA0C,CACxC,CACL,CAAC;AAER;AAEe,SAASoC,eAAeA,CAAE;EACxC/B,OAAO;EACPgC,UAAU;EACVC,0BAA0B,EAAEJ;AAC7B,CAAC,EAAG;EACH,MAAM;IAAE3C,MAAM,EAAEgD,aAAa;IAAEjD,QAAQ,EAAEkD;EAAgB,CAAC,GAAGnC,OAAO;EACpE,MAAM;IAAEoC,MAAM,GAAG,CAAC;EAAE,CAAC,GAAGJ,UAAU;EAClC,MAAMK,kBAAkB,GAAG,IAAAC,0CAAe,EAAEJ,aAAc,CAAC;EAE3D,IAAKA,aAAa,IAAIC,eAAe,IAAIE,kBAAkB,EAAG;IAC7D,OAAO,IAAA7C,QAAA,CAAAC,aAAA,EAACqC,cAAc,MAAE,CAAC;EAC1B;EAEA,OACC,IAAAtC,QAAA,CAAAC,aAAA,EAACd,YAAA,CAAA4D,+BAAiB;IAACC,QAAQ,EAAGN;EAAe,GAC1CA,aAAa,IAAIC,eAAe,GACjC,IAAA3C,QAAA,CAAAC,aAAA,EAAC4B,OAAO;IAACrB,OAAO,EAAGA,OAAS;IAACoC,MAAM,EAAGA;EAAQ,CAAE,CAAC,GAEjD,IAAA5C,QAAA,CAAAC,aAAA,EAACmC,WAAW;IAACC,gBAAgB,EAAGA;EAAkB,CAAE,CAEnC,CAAC;AAEtB"}
|
|
@@ -24,7 +24,7 @@ const metadata = {
|
|
|
24
24
|
parent: ["core/query"],
|
|
25
25
|
description: "Contains the block elements used to render a post, like the title, date, featured image, content or excerpt, and more.",
|
|
26
26
|
textdomain: "default",
|
|
27
|
-
usesContext: ["queryId", "query", "queryContext", "displayLayout", "templateSlug", "previewPostType"],
|
|
27
|
+
usesContext: ["queryId", "query", "queryContext", "displayLayout", "templateSlug", "previewPostType", "enhancedPagination"],
|
|
28
28
|
supports: {
|
|
29
29
|
reusable: false,
|
|
30
30
|
html: false,
|