@wordpress/block-editor 14.3.6 → 14.3.7

package/build-module/components/block-tools/zoom-out-toolbar.js

@@ -1,152 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { dragHandle, trash, edit } from '@wordpress/icons';
-import { Button, ToolbarButton } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as blocksStore } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import BlockDraggable from '../block-draggable';
-import BlockMover from '../block-mover';
-import Shuffle from '../block-toolbar/shuffle';
-import NavigableToolbar from '../navigable-toolbar';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function ZoomOutToolbar({
-  clientId,
-  __unstableContentRef
-}) {
-  const selected = useSelect(select => {
-    const {
-      getBlock,
-      hasBlockMovingClientId,
-      getNextBlockClientId,
-      getPreviousBlockClientId,
-      canRemoveBlock,
-      canMoveBlock,
-      getSettings
-    } = select(blockEditorStore);
-    const {
-      __experimentalSetIsInserterOpened: setIsInserterOpened
-    } = getSettings();
-    const {
-      getBlockType
-    } = select(blocksStore);
-    const {
-      name
-    } = getBlock(clientId);
-    const blockType = getBlockType(name);
-    const isBlockTemplatePart = blockType?.name === 'core/template-part';
-    let isNextBlockTemplatePart = false;
-    const nextClientId = getNextBlockClientId();
-    if (nextClientId) {
-      const {
-        name: nextName
-      } = getBlock(nextClientId);
-      const nextBlockType = getBlockType(nextName);
-      isNextBlockTemplatePart = nextBlockType?.name === 'core/template-part';
-    }
-    let isPrevBlockTemplatePart = false;
-    const prevClientId = getPreviousBlockClientId();
-    if (prevClientId) {
-      const {
-        name: prevName
-      } = getBlock(prevClientId);
-      const prevBlockType = getBlockType(prevName);
-      isPrevBlockTemplatePart = prevBlockType?.name === 'core/template-part';
-    }
-    return {
-      blockMovingMode: hasBlockMovingClientId(),
-      isBlockTemplatePart,
-      isNextBlockTemplatePart,
-      isPrevBlockTemplatePart,
-      canRemove: canRemoveBlock(clientId),
-      canMove: canMoveBlock(clientId),
-      setIsInserterOpened
-    };
-  }, [clientId]);
-  const {
-    blockMovingMode,
-    isBlockTemplatePart,
-    isNextBlockTemplatePart,
-    isPrevBlockTemplatePart,
-    canRemove,
-    canMove,
-    setIsInserterOpened
-  } = selected;
-  const {
-    removeBlock,
-    __unstableSetEditorMode,
-    resetZoomLevel
-  } = unlock(useDispatch(blockEditorStore));
-  const classNames = clsx('zoom-out-toolbar', {
-    'is-block-moving-mode': !!blockMovingMode
-  });
-  const showBlockDraggable = canMove && !isBlockTemplatePart;
-  return /*#__PURE__*/_jsxs(NavigableToolbar, {
-    className: classNames
-    /* translators: accessibility text for the block toolbar */,
-    "aria-label": __('Block tools')
-    // The variant is applied as "toolbar" when undefined, which is the black border style of the dropdown from the toolbar popover.
-    ,
-    variant: "unstyled",
-    orientation: "vertical",
-    children: [showBlockDraggable && /*#__PURE__*/_jsx(BlockDraggable, {
-      clientIds: [clientId],
-      children: draggableProps => /*#__PURE__*/_jsx(Button, {
-        icon: dragHandle,
-        className: "block-selection-button_drag-handle zoom-out-toolbar-button",
-        label: __('Drag'),
-        iconSize: 24,
-        size: "compact"
-        // Should not be able to tab to drag handle as this
-        // button can only be used with a pointer device.
-        ,
-        tabIndex: "-1",
-        ...draggableProps
-      })
-    }), !isBlockTemplatePart && /*#__PURE__*/_jsx(BlockMover, {
-      clientIds: [clientId],
-      hideDragHandle: true,
-      isBlockMoverUpButtonDisabled: isPrevBlockTemplatePart,
-      isBlockMoverDownButtonDisabled: isNextBlockTemplatePart,
-      iconSize: 24,
-      size: "compact"
-    }), canMove && canRemove && /*#__PURE__*/_jsx(Shuffle, {
-      clientId: clientId,
-      as: ToolbarButton
-    }), !isBlockTemplatePart && /*#__PURE__*/_jsx(ToolbarButton, {
-      className: "zoom-out-toolbar-button",
-      icon: edit,
-      label: __('Edit'),
-      onClick: () => {
-        // Setting may be undefined.
-        if (typeof setIsInserterOpened === 'function') {
-          setIsInserterOpened(false);
-        }
-        __unstableSetEditorMode('edit');
-        resetZoomLevel();
-        __unstableContentRef.current?.focus();
-      }
-    }), canRemove && !isBlockTemplatePart && /*#__PURE__*/_jsx(ToolbarButton, {
-      className: "zoom-out-toolbar-button",
-      icon: trash,
-      label: __('Delete'),
-      onClick: () => {
-        removeBlock(clientId);
-      }
-    })]
-  });
-}
-//# sourceMappingURL=zoom-out-toolbar.js.map

package/build-module/components/block-tools/zoom-out-toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["clsx","dragHandle","trash","edit","Button","ToolbarButton","useSelect","useDispatch","store","blocksStore","__","blockEditorStore","BlockDraggable","BlockMover","Shuffle","NavigableToolbar","unlock","jsx","_jsx","jsxs","_jsxs","ZoomOutToolbar","clientId","__unstableContentRef","selected","select","getBlock","hasBlockMovingClientId","getNextBlockClientId","getPreviousBlockClientId","canRemoveBlock","canMoveBlock","getSettings","__experimentalSetIsInserterOpened","setIsInserterOpened","getBlockType","name","blockType","isBlockTemplatePart","isNextBlockTemplatePart","nextClientId","nextName","nextBlockType","isPrevBlockTemplatePart","prevClientId","prevName","prevBlockType","blockMovingMode","canRemove","canMove","removeBlock","__unstableSetEditorMode","resetZoomLevel","classNames","showBlockDraggable","className","variant","orientation","children","clientIds","draggableProps","icon","label","iconSize","size","tabIndex","hideDragHandle","isBlockMoverUpButtonDisabled","isBlockMoverDownButtonDisabled","as","onClick","current","focus"],"sources":["@wordpress/block-editor/src/components/block-tools/zoom-out-toolbar.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { dragHandle, trash, edit } from '@wordpress/icons';\nimport { Button, ToolbarButton } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport BlockDraggable from '../block-draggable';\nimport BlockMover from '../block-mover';\nimport Shuffle from '../block-toolbar/shuffle';\nimport NavigableToolbar from '../navigable-toolbar';\nimport { unlock } from '../../lock-unlock';\n\nexport default function ZoomOutToolbar( { clientId, __unstableContentRef } ) {\n\tconst selected = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlock,\n\t\t\t\thasBlockMovingClientId,\n\t\t\t\tgetNextBlockClientId,\n\t\t\t\tgetPreviousBlockClientId,\n\t\t\t\tcanRemoveBlock,\n\t\t\t\tcanMoveBlock,\n\t\t\t\tgetSettings,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst { __experimentalSetIsInserterOpened: setIsInserterOpened } =\n\t\t\t\tgetSettings();\n\n\t\t\tconst { getBlockType } = select( blocksStore );\n\t\t\tconst { name } = getBlock( clientId );\n\t\t\tconst blockType = getBlockType( name );\n\t\t\tconst isBlockTemplatePart =\n\t\t\t\tblockType?.name === 'core/template-part';\n\n\t\t\tlet isNextBlockTemplatePart = false;\n\t\t\tconst nextClientId = getNextBlockClientId();\n\t\t\tif ( nextClientId ) {\n\t\t\t\tconst { name: nextName } = getBlock( nextClientId );\n\t\t\t\tconst nextBlockType = getBlockType( nextName );\n\t\t\t\tisNextBlockTemplatePart =\n\t\t\t\t\tnextBlockType?.name === 'core/template-part';\n\t\t\t}\n\n\t\t\tlet isPrevBlockTemplatePart = false;\n\t\t\tconst prevClientId = getPreviousBlockClientId();\n\t\t\tif ( prevClientId ) {\n\t\t\t\tconst { name: prevName } = getBlock( prevClientId );\n\t\t\t\tconst prevBlockType = getBlockType( prevName );\n\t\t\t\tisPrevBlockTemplatePart =\n\t\t\t\t\tprevBlockType?.name === 'core/template-part';\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\tblockMovingMode: hasBlockMovingClientId(),\n\t\t\t\tisBlockTemplatePart,\n\t\t\t\tisNextBlockTemplatePart,\n\t\t\t\tisPrevBlockTemplatePart,\n\t\t\t\tcanRemove: canRemoveBlock( clientId ),\n\t\t\t\tcanMove: canMoveBlock( clientId ),\n\t\t\t\tsetIsInserterOpened,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst {\n\t\tblockMovingMode,\n\t\tisBlockTemplatePart,\n\t\tisNextBlockTemplatePart,\n\t\tisPrevBlockTemplatePart,\n\t\tcanRemove,\n\t\tcanMove,\n\t\tsetIsInserterOpened,\n\t} = selected;\n\n\tconst { removeBlock, __unstableSetEditorMode, resetZoomLevel } = unlock(\n\t\tuseDispatch( blockEditorStore )\n\t);\n\n\tconst classNames = clsx( 'zoom-out-toolbar', {\n\t\t'is-block-moving-mode': !! blockMovingMode,\n\t} );\n\n\tconst showBlockDraggable = canMove && ! isBlockTemplatePart;\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName={ classNames }\n\t\t\t/* translators: accessibility text for the block toolbar */\n\t\t\taria-label={ __( 'Block tools' ) }\n\t\t\t// The variant is applied as \"toolbar\" when undefined, which is the black border style of the dropdown from the toolbar popover.\n\t\t\tvariant=\"unstyled\"\n\t\t\torientation=\"vertical\"\n\t\t>\n\t\t\t{ showBlockDraggable && (\n\t\t\t\t<BlockDraggable clientIds={ [ clientId ] }>\n\t\t\t\t\t{ ( draggableProps ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ dragHandle }\n\t\t\t\t\t\t\tclassName=\"block-selection-button_drag-handle zoom-out-toolbar-button\"\n\t\t\t\t\t\t\tlabel={ __( 'Drag' ) }\n\t\t\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t// Should not be able to tab to drag handle as this\n\t\t\t\t\t\t\t// button can only be used with a pointer device.\n\t\t\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t\t\t{ ...draggableProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</BlockDraggable>\n\t\t\t) }\n\t\t\t{ ! isBlockTemplatePart && (\n\t\t\t\t<BlockMover\n\t\t\t\t\tclientIds={ [ clientId ] }\n\t\t\t\t\thideDragHandle\n\t\t\t\t\tisBlockMoverUpButtonDisabled={ isPrevBlockTemplatePart }\n\t\t\t\t\tisBlockMoverDownButtonDisabled={ isNextBlockTemplatePart }\n\t\t\t\t\ticonSize={ 24 }\n\t\t\t\t\tsize=\"compact\"\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ canMove && canRemove && (\n\t\t\t\t<Shuffle clientId={ clientId } as={ ToolbarButton } />\n\t\t\t) }\n\n\t\t\t{ ! isBlockTemplatePart && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"zoom-out-toolbar-button\"\n\t\t\t\t\ticon={ edit }\n\t\t\t\t\tlabel={ __( 'Edit' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t// Setting may be undefined.\n\t\t\t\t\t\tif ( typeof setIsInserterOpened === 'function' ) {\n\t\t\t\t\t\t\tsetIsInserterOpened( false );\n\t\t\t\t\t\t}\n\t\t\t\t\t\t__unstableSetEditorMode( 'edit' );\n\t\t\t\t\t\tresetZoomLevel();\n\t\t\t\t\t\t__unstableContentRef.current?.focus();\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canRemove && ! isBlockTemplatePart && (\n\t\t\t\t<ToolbarButton\n\t\t\t\t\tclassName=\"zoom-out-toolbar-button\"\n\t\t\t\t\ticon={ trash }\n\t\t\t\t\tlabel={ __( 'Delete' ) }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tremoveBlock( clientId );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</NavigableToolbar>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/src/components/block-tools/zoom-out-popover.js

@@ -1,46 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * Internal dependencies
- */
-import BlockPopover from '../block-popover';
-import useBlockToolbarPopoverProps from './use-block-toolbar-popover-props';
-import useSelectedBlockToolProps from './use-selected-block-tool-props';
-import ZoomOutToolbar from './zoom-out-toolbar';
-
-export default function ZoomOutPopover( { clientId, __unstableContentRef } ) {
-	const { capturingClientId, isInsertionPointVisible, lastClientId } =
-		useSelectedBlockToolProps( clientId );
-
-	const popoverProps = useBlockToolbarPopoverProps( {
-		contentElement: __unstableContentRef?.current,
-		clientId,
-	} );
-
-	// Override some of the popover props for the zoom-out toolbar.
-	const props = {
-		...popoverProps,
-		placement: 'left-start',
-		flip: false,
-		shift: true,
-	};
-
-	return (
-		<BlockPopover
-			clientId={ capturingClientId || clientId }
-			bottomClientId={ lastClientId }
-			className={ clsx( 'zoom-out-toolbar-popover', {
-				'is-insertion-point-visible': isInsertionPointVisible,
-			} ) }
-			resize={ false }
-			{ ...props }
-		>
-			<ZoomOutToolbar
-				__unstableContentRef={ __unstableContentRef }
-				clientId={ clientId }
-			/>
-		</BlockPopover>
-	);
-}

package/src/components/block-tools/zoom-out-toolbar.js

@@ -1,167 +0,0 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { dragHandle, trash, edit } from '@wordpress/icons';
-import { Button, ToolbarButton } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as blocksStore } from '@wordpress/blocks';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-import BlockDraggable from '../block-draggable';
-import BlockMover from '../block-mover';
-import Shuffle from '../block-toolbar/shuffle';
-import NavigableToolbar from '../navigable-toolbar';
-import { unlock } from '../../lock-unlock';
-
-export default function ZoomOutToolbar( { clientId, __unstableContentRef } ) {
-	const selected = useSelect(
-		( select ) => {
-			const {
-				getBlock,
-				hasBlockMovingClientId,
-				getNextBlockClientId,
-				getPreviousBlockClientId,
-				canRemoveBlock,
-				canMoveBlock,
-				getSettings,
-			} = select( blockEditorStore );
-
-			const { __experimentalSetIsInserterOpened: setIsInserterOpened } =
-				getSettings();
-
-			const { getBlockType } = select( blocksStore );
-			const { name } = getBlock( clientId );
-			const blockType = getBlockType( name );
-			const isBlockTemplatePart =
-				blockType?.name === 'core/template-part';
-
-			let isNextBlockTemplatePart = false;
-			const nextClientId = getNextBlockClientId();
-			if ( nextClientId ) {
-				const { name: nextName } = getBlock( nextClientId );
-				const nextBlockType = getBlockType( nextName );
-				isNextBlockTemplatePart =
-					nextBlockType?.name === 'core/template-part';
-			}
-
-			let isPrevBlockTemplatePart = false;
-			const prevClientId = getPreviousBlockClientId();
-			if ( prevClientId ) {
-				const { name: prevName } = getBlock( prevClientId );
-				const prevBlockType = getBlockType( prevName );
-				isPrevBlockTemplatePart =
-					prevBlockType?.name === 'core/template-part';
-			}
-
-			return {
-				blockMovingMode: hasBlockMovingClientId(),
-				isBlockTemplatePart,
-				isNextBlockTemplatePart,
-				isPrevBlockTemplatePart,
-				canRemove: canRemoveBlock( clientId ),
-				canMove: canMoveBlock( clientId ),
-				setIsInserterOpened,
-			};
-		},
-		[ clientId ]
-	);
-
-	const {
-		blockMovingMode,
-		isBlockTemplatePart,
-		isNextBlockTemplatePart,
-		isPrevBlockTemplatePart,
-		canRemove,
-		canMove,
-		setIsInserterOpened,
-	} = selected;
-
-	const { removeBlock, __unstableSetEditorMode, resetZoomLevel } = unlock(
-		useDispatch( blockEditorStore )
-	);
-
-	const classNames = clsx( 'zoom-out-toolbar', {
-		'is-block-moving-mode': !! blockMovingMode,
-	} );
-
-	const showBlockDraggable = canMove && ! isBlockTemplatePart;
-
-	return (
-		<NavigableToolbar
-			className={ classNames }
-			/* translators: accessibility text for the block toolbar */
-			aria-label={ __( 'Block tools' ) }
-			// The variant is applied as "toolbar" when undefined, which is the black border style of the dropdown from the toolbar popover.
-			variant="unstyled"
-			orientation="vertical"
-		>
-			{ showBlockDraggable && (
-				<BlockDraggable clientIds={ [ clientId ] }>
-					{ ( draggableProps ) => (
-						<Button
-							icon={ dragHandle }
-							className="block-selection-button_drag-handle zoom-out-toolbar-button"
-							label={ __( 'Drag' ) }
-							iconSize={ 24 }
-							size="compact"
-							// Should not be able to tab to drag handle as this
-							// button can only be used with a pointer device.
-							tabIndex="-1"
-							{ ...draggableProps }
-						/>
-					) }
-				</BlockDraggable>
-			) }
-			{ ! isBlockTemplatePart && (
-				<BlockMover
-					clientIds={ [ clientId ] }
-					hideDragHandle
-					isBlockMoverUpButtonDisabled={ isPrevBlockTemplatePart }
-					isBlockMoverDownButtonDisabled={ isNextBlockTemplatePart }
-					iconSize={ 24 }
-					size="compact"
-				/>
-			) }
-			{ canMove && canRemove && (
-				<Shuffle clientId={ clientId } as={ ToolbarButton } />
-			) }
-
-			{ ! isBlockTemplatePart && (
-				<ToolbarButton
-					className="zoom-out-toolbar-button"
-					icon={ edit }
-					label={ __( 'Edit' ) }
-					onClick={ () => {
-						// Setting may be undefined.
-						if ( typeof setIsInserterOpened === 'function' ) {
-							setIsInserterOpened( false );
-						}
-						__unstableSetEditorMode( 'edit' );
-						resetZoomLevel();
-						__unstableContentRef.current?.focus();
-					} }
-				/>
-			) }
-
-			{ canRemove && ! isBlockTemplatePart && (
-				<ToolbarButton
-					className="zoom-out-toolbar-button"
-					icon={ trash }
-					label={ __( 'Delete' ) }
-					onClick={ () => {
-						removeBlock( clientId );
-					} }
-				/>
-			) }
-		</NavigableToolbar>
-	);
-}