@wordpress/editor 14.46.0 → 14.47.0

package/build-module/components/media/preview.mjs

@@ -1,21 +0,0 @@
-// packages/editor/src/components/media/preview.js
-import {
-  MediaEditorProvider,
-  MediaPreview as BaseMediaPreview
-} from "@wordpress/media-editor";
-import { useSelect } from "@wordpress/data";
-import { store as editorStore } from "../../store/index.mjs";
-import { jsx } from "react/jsx-runtime";
-function MediaPreview(props) {
-  const { media } = useSelect((select) => {
-    const currentPost = select(editorStore).getCurrentPost();
-    return {
-      media: currentPost
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(MediaEditorProvider, { value: media, children: /* @__PURE__ */ jsx(BaseMediaPreview, { ...props }) });
-}
-export {
-  MediaPreview as default
-};
-//# sourceMappingURL=preview.mjs.map

package/build-module/components/media/preview.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/media/preview.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tMediaEditorProvider,\n\tMediaPreview as BaseMediaPreview,\n} from '@wordpress/media-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Media preview component for the editor.\n * Connects the base MediaPreview component to the editor store.\n *\n * @param {Object} props - Additional props to spread on MediaPreview.\n * @return {Element} The MediaPreview component.\n */\nexport default function MediaPreview( props ) {\n\tconst { media } = useSelect( ( select ) => {\n\t\tconst currentPost = select( editorStore ).getCurrentPost();\n\t\treturn {\n\t\t\tmedia: currentPost,\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<MediaEditorProvider value={ media }>\n\t\t\t<BaseMediaPreview { ...props } />\n\t\t</MediaEditorProvider>\n\t);\n}\n"],
-  "mappings": ";AAGA;AAAA,EACC;AAAA,EACA,gBAAgB;AAAA,OACV;AACP,SAAS,iBAAiB;AAK1B,SAAS,SAAS,mBAAmB;AAmBlC;AAVY,SAAR,aAA+B,OAAQ;AAC7C,QAAM,EAAE,MAAM,IAAI,UAAW,CAAE,WAAY;AAC1C,UAAM,cAAc,OAAQ,WAAY,EAAE,eAAe;AACzD,WAAO;AAAA,MACN,OAAO;AAAA,IACR;AAAA,EACD,GAAG,CAAC,CAAE;AAEN,SACC,oBAAC,uBAAoB,OAAQ,OAC5B,8BAAC,oBAAmB,GAAG,OAAQ,GAChC;AAEF;",
-  "names": []
-}

package/build-types/components/global-styles-provider/index.d.ts

@@ -1,16 +0,0 @@
-export declare function useGlobalStylesContext(): {
-    isReady: any;
-    user: boolean | {
-        settings: any;
-        styles: any;
-        _links: any;
-    } | ((callbackOrObject: Function | Object, options?: Object) => void);
-    base: any;
-    merged: import("@wordpress/global-styles-engine").GlobalStylesConfig;
-    setUserConfig: boolean | {
-        settings: any;
-        styles: any;
-        _links: any;
-    } | ((callbackOrObject: Function | Object, options?: Object) => void);
-};
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/global-styles-provider/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/global-styles-provider/index.js"],"names":[],"mappings":"AA+KA,wBAAgB,sBAAsB;;;;;;4BAjDzB,WAAS,MAAM,YAEf,MAAM;;;;;;;;EA8ElB"}

package/build-types/components/media/index.d.ts

@@ -1,3 +0,0 @@
-export { default as MediaPreview } from './preview';
-export { default as MediaMetadataPanel } from './metadata-panel';
-//# sourceMappingURL=index.d.ts.map

package/build-types/components/media/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/media/index.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/build-types/components/media/metadata-panel.d.ts

@@ -1,12 +0,0 @@
-/**
- * Media metadata panel for the editor sidebar.
- * Displays a form for editing media properties with PostCardPanel header.
- *
- * @param {Object}   props                   - Component props.
- * @param {Function} props.onActionPerformed - Callback when an action is performed.
- * @return {Element} The MediaMetadataPanel component.
- */
-export default function MediaMetadataPanel({ onActionPerformed }: {
-    onActionPerformed: Function;
-}): Element;
-//# sourceMappingURL=metadata-panel.d.ts.map

package/build-types/components/media/metadata-panel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"metadata-panel.d.ts","sourceRoot":"","sources":["../../../src/components/media/metadata-panel.js"],"names":[],"mappings":"AAgBA;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAE,EAAE,iBAAiB,EAAE,EAH9D;IAAwB,iBAAiB,WACzC;CAE8D,WAoDhE"}

package/build-types/components/media/preview.d.ts

@@ -1,9 +0,0 @@
-/**
- * Media preview component for the editor.
- * Connects the base MediaPreview component to the editor store.
- *
- * @param {Object} props - Additional props to spread on MediaPreview.
- * @return {Element} The MediaPreview component.
- */
-export default function MediaPreview(props: Object): Element;
-//# sourceMappingURL=preview.d.ts.map

package/build-types/components/media/preview.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/components/media/preview.js"],"names":[],"mappings":"AAcA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,CAAE,KAAK,QAAA,WAa1C"}

package/src/components/global-styles-provider/index.js

@@ -1,207 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { store as coreStore } from '@wordpress/core-data';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useMemo, useCallback } from '@wordpress/element';
-import { mergeGlobalStyles } from '@wordpress/global-styles-engine';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-
-const { cleanEmptyObject } = unlock( blockEditorPrivateApis );
-
-function useGlobalStylesUserConfig() {
-	const { globalStylesId, isReady, settings, styles, _links } = useSelect(
-		( select ) => {
-			const {
-				getEntityRecord,
-				getEditedEntityRecord,
-				hasFinishedResolution,
-				canUser,
-			} = select( coreStore );
-			const _globalStylesId =
-				select( coreStore ).__experimentalGetCurrentGlobalStylesId();
-
-			let record;
-
-			/*
-			 * Ensure that the global styles ID request is complete by testing `_globalStylesId`,
-			 * before firing off the `canUser` OPTIONS request for user capabilities, otherwise it will
-			 * fetch `/wp/v2/global-styles` instead of `/wp/v2/global-styles/{id}`.
-			 * NOTE: Please keep in sync any preload paths sent to `block_editor_rest_api_preload()`,
-			 * or set using the `block_editor_rest_api_preload_paths` filter, if this changes.
-			 */
-			const userCanEditGlobalStyles = _globalStylesId
-				? canUser( 'update', {
-						kind: 'root',
-						name: 'globalStyles',
-						id: _globalStylesId,
-				  } )
-				: null;
-
-			if (
-				_globalStylesId &&
-				/*
-				 * Test that the OPTIONS request for user capabilities is complete
-				 * before fetching the global styles entity record.
-				 * This is to avoid fetching the global styles entity unnecessarily.
-				 */
-				typeof userCanEditGlobalStyles === 'boolean'
-			) {
-				/*
-				 * Fetch the global styles entity record based on the user's capabilities.
-				 * The default context is `edit` for users who can edit global styles.
-				 * Otherwise, the context is `view`.
-				 * NOTE: There is an equivalent conditional check using `current_user_can()` in the backend
-				 * to preload the global styles entity. Please keep in sync any preload paths sent to `block_editor_rest_api_preload()`,
-				 * or set using `block_editor_rest_api_preload_paths` filter, if this changes.
-				 */
-				if ( userCanEditGlobalStyles ) {
-					record = getEditedEntityRecord(
-						'root',
-						'globalStyles',
-						_globalStylesId
-					);
-				} else {
-					record = getEntityRecord(
-						'root',
-						'globalStyles',
-						_globalStylesId,
-						{ context: 'view' }
-					);
-				}
-			}
-
-			let hasResolved = false;
-			if (
-				hasFinishedResolution(
-					'__experimentalGetCurrentGlobalStylesId'
-				)
-			) {
-				if ( _globalStylesId ) {
-					hasResolved = userCanEditGlobalStyles
-						? hasFinishedResolution( 'getEditedEntityRecord', [
-								'root',
-								'globalStyles',
-								_globalStylesId,
-						  ] )
-						: hasFinishedResolution( 'getEntityRecord', [
-								'root',
-								'globalStyles',
-								_globalStylesId,
-								{ context: 'view' },
-						  ] );
-				} else {
-					hasResolved = true;
-				}
-			}
-
-			return {
-				globalStylesId: _globalStylesId,
-				isReady: hasResolved,
-				settings: record?.settings,
-				styles: record?.styles,
-				_links: record?._links,
-			};
-		},
-		[]
-	);
-
-	const { getEditedEntityRecord } = useSelect( coreStore );
-	const { editEntityRecord } = useDispatch( coreStore );
-	const config = useMemo( () => {
-		return {
-			settings: settings ?? {},
-			styles: styles ?? {},
-			_links: _links ?? {},
-		};
-	}, [ settings, styles, _links ] );
-
-	const setConfig = useCallback(
-		/**
-		 * Set the global styles config.
-		 * @param {Function|Object} callbackOrObject If the callbackOrObject is a function, pass the current config to the callback so the consumer can merge values.
-		 *                                           Otherwise, overwrite the current config with the incoming object.
-		 * @param {Object}          options          Options for editEntityRecord Core selector.
-		 */
-		( callbackOrObject, options = {} ) => {
-			const record = getEditedEntityRecord(
-				'root',
-				'globalStyles',
-				globalStylesId
-			);
-
-			const currentConfig = {
-				styles: record?.styles ?? {},
-				settings: record?.settings ?? {},
-				_links: record?._links ?? {},
-			};
-
-			const updatedConfig =
-				typeof callbackOrObject === 'function'
-					? callbackOrObject( currentConfig )
-					: callbackOrObject;
-
-			editEntityRecord(
-				'root',
-				'globalStyles',
-				globalStylesId,
-				{
-					styles: cleanEmptyObject( updatedConfig.styles ) || {},
-					settings: cleanEmptyObject( updatedConfig.settings ) || {},
-					_links: cleanEmptyObject( updatedConfig._links ) || {},
-				},
-				options
-			);
-		},
-		[ globalStylesId, editEntityRecord, getEditedEntityRecord ]
-	);
-
-	return [ isReady, config, setConfig ];
-}
-
-function useGlobalStylesBaseConfig() {
-	const baseConfig = useSelect(
-		( select ) =>
-			select( coreStore ).__experimentalGetCurrentThemeBaseGlobalStyles(),
-		[]
-	);
-	return [ !! baseConfig, baseConfig ];
-}
-
-export function useGlobalStylesContext() {
-	const [ isUserConfigReady, userConfig, setUserConfig ] =
-		useGlobalStylesUserConfig();
-	const [ isBaseConfigReady, baseConfig ] = useGlobalStylesBaseConfig();
-
-	const mergedConfig = useMemo( () => {
-		if ( ! baseConfig || ! userConfig ) {
-			return {};
-		}
-
-		return mergeGlobalStyles( baseConfig, userConfig );
-	}, [ userConfig, baseConfig ] );
-
-	const context = useMemo( () => {
-		return {
-			isReady: isUserConfigReady && isBaseConfigReady,
-			user: userConfig,
-			base: baseConfig,
-			merged: mergedConfig,
-			setUserConfig,
-		};
-	}, [
-		mergedConfig,
-		userConfig,
-		baseConfig,
-		setUserConfig,
-		isUserConfigReady,
-		isBaseConfigReady,
-	] );
-
-	return context;
-}

package/src/components/media/index.js

@@ -1,2 +0,0 @@
-export { default as MediaPreview } from './preview';
-export { default as MediaMetadataPanel } from './metadata-panel';

package/src/components/media/metadata-panel.js

@@ -1,77 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { MediaEditorProvider, MediaForm } from '@wordpress/media-editor';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useMemo } from '@wordpress/element';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-import usePostFields from '../post-fields';
-import PostCardPanel from '../post-card-panel';
-import PostPanelSection from '../post-panel-section';
-
-/**
- * Media metadata panel for the editor sidebar.
- * Displays a form for editing media properties with PostCardPanel header.
- *
- * @param {Object}   props                   - Component props.
- * @param {Function} props.onActionPerformed - Callback when an action is performed.
- * @return {Element} The MediaMetadataPanel component.
- */
-export default function MediaMetadataPanel( { onActionPerformed } ) {
-	const { media, postType, postId } = useSelect( ( select ) => {
-		const _postType = select( editorStore ).getCurrentPostType();
-		const _postId = select( editorStore ).getCurrentPostId();
-		const currentPost = select( coreStore ).getEditedEntityRecord(
-			'postType',
-			_postType,
-			_postId,
-			{
-				_embed: 'author,wp:attached-to',
-			}
-		);
-		return {
-			media: currentPost,
-			postType: _postType,
-			postId: _postId,
-		};
-	}, [] );
-
-	const { editPost } = useDispatch( editorStore );
-	const fields = usePostFields( { postType: 'attachment' } );
-
-	const settings = useMemo(
-		() => ( {
-			fields,
-		} ),
-		[ fields ]
-	);
-
-	const handleUpdate = ( updates ) => {
-		editPost( updates );
-	};
-
-	return (
-		<PostPanelSection className="editor-media-metadata-panel">
-			<MediaEditorProvider
-				value={ media }
-				settings={ settings }
-				onChange={ handleUpdate }
-			>
-				<MediaForm
-					header={
-						<PostCardPanel
-							postType={ postType }
-							postId={ postId }
-							onActionPerformed={ onActionPerformed }
-						/>
-					}
-				/>
-			</MediaEditorProvider>
-		</PostPanelSection>
-	);
-}

package/src/components/media/preview.js

@@ -1,35 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	MediaEditorProvider,
-	MediaPreview as BaseMediaPreview,
-} from '@wordpress/media-editor';
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-
-/**
- * Media preview component for the editor.
- * Connects the base MediaPreview component to the editor store.
- *
- * @param {Object} props - Additional props to spread on MediaPreview.
- * @return {Element} The MediaPreview component.
- */
-export default function MediaPreview( props ) {
-	const { media } = useSelect( ( select ) => {
-		const currentPost = select( editorStore ).getCurrentPost();
-		return {
-			media: currentPost,
-		};
-	}, [] );
-
-	return (
-		<MediaEditorProvider value={ media }>
-			<BaseMediaPreview { ...props } />
-		</MediaEditorProvider>
-	);
-}