@wordpress/block-editor/build-module/components/block-mover/button.mjs.map

Generic block editor.

{
  "version": 3,
  "sources": ["../../../src/components/block-mover/button.js"],
  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { Button, VisuallyHidden } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tchevronLeft,\n\tchevronRight,\n\tchevronUp,\n\tchevronDown,\n} from '@wordpress/icons';\nimport { getBlockMoverDescription } from './mover-description';\nimport { store as blockEditorStore } from '../../store';\n\nconst getArrowIcon = ( direction, orientation ) => {\n\tif ( direction === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronRight : chevronLeft;\n\t\t}\n\t\treturn chevronUp;\n\t} else if ( direction === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? chevronLeft : chevronRight;\n\t\t}\n\t\treturn chevronDown;\n\t}\n\treturn null;\n};\n\nconst getMovementDirectionLabel = ( moveDirection, orientation ) => {\n\tif ( moveDirection === 'up' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move right' ) : __( 'Move left' );\n\t\t}\n\t\treturn __( 'Move up' );\n\t} else if ( moveDirection === 'down' ) {\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\treturn isRTL() ? __( 'Move left' ) : __( 'Move right' );\n\t\t}\n\t\treturn __( 'Move down' );\n\t}\n\treturn null;\n};\n\nconst BlockMoverButton = forwardRef(\n\t(\n\t\t{ clientIds, direction, orientation: moverOrientation, ...props },\n\t\tref\n\t) => {\n\t\tconst instanceId = useInstanceId( BlockMoverButton );\n\t\tconst normalizedClientIds = Array.isArray( clientIds )\n\t\t\t? clientIds\n\t\t\t: [ clientIds ];\n\t\tconst blocksCount = normalizedClientIds.length;\n\t\tconst { disabled } = props;\n\n\t\tconst {\n\t\t\tblockType,\n\t\t\tisDisabled,\n\t\t\trootClientId,\n\t\t\tisFirst,\n\t\t\tisLast,\n\t\t\tfirstIndex,\n\t\t\torientation = 'vertical',\n\t\t} = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\tgetBlockIndex,\n\t\t\t\t\tgetBlockRootClientId,\n\t\t\t\t\tgetBlockOrder,\n\t\t\t\t\tgetBlock,\n\t\t\t\t\tgetBlockListSettings,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\tconst firstClientId = normalizedClientIds[ 0 ];\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( firstClientId );\n\t\t\t\tconst firstBlockIndex = getBlockIndex( firstClientId );\n\t\t\t\tconst lastBlockIndex = getBlockIndex(\n\t\t\t\t\tnormalizedClientIds[ normalizedClientIds.length - 1 ]\n\t\t\t\t);\n\t\t\t\tconst blockOrder = getBlockOrder( blockRootClientId );\n\t\t\t\tconst block = getBlock( firstClientId );\n\t\t\t\tconst isFirstBlock = firstBlockIndex === 0;\n\t\t\t\tconst isLastBlock = lastBlockIndex === blockOrder.length - 1;\n\t\t\t\tconst { orientation: blockListOrientation } =\n\t\t\t\t\tgetBlockListSettings( blockRootClientId ) || {};\n\n\t\t\t\treturn {\n\t\t\t\t\tblockType: block ? getBlockType( block.name ) : null,\n\t\t\t\t\tisDisabled:\n\t\t\t\t\t\tdisabled ||\n\t\t\t\t\t\t( direction === 'up' ? isFirstBlock : isLastBlock ),\n\t\t\t\t\trootClientId: blockRootClientId,\n\t\t\t\t\tfirstIndex: firstBlockIndex,\n\t\t\t\t\tisFirst: isFirstBlock,\n\t\t\t\t\tisLast: isLastBlock,\n\t\t\t\t\torientation: moverOrientation || blockListOrientation,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ clientIds, direction ]\n\t\t);\n\n\t\tconst { moveBlocksDown, moveBlocksUp } =\n\t\t\tuseDispatch( blockEditorStore );\n\t\tconst moverFunction =\n\t\t\tdirection === 'up' ? moveBlocksUp : moveBlocksDown;\n\n\t\tconst onClick = ( event ) => {\n\t\t\tmoverFunction( clientIds, rootClientId );\n\t\t\tif ( props.onClick ) {\n\t\t\t\tprops.onClick( event );\n\t\t\t}\n\t\t};\n\n\t\tconst descriptionId = `block-editor-block-mover-button__description-${ instanceId }`;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'block-editor-block-mover-button',\n\t\t\t\t\t\t`is-${ direction }-button`\n\t\t\t\t\t) }\n\t\t\t\t\ticon={ getArrowIcon( direction, orientation ) }\n\t\t\t\t\tlabel={ getMovementDirectionLabel(\n\t\t\t\t\t\tdirection,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t{ ...props }\n\t\t\t\t\tonClick={ isDisabled ? null : onClick }\n\t\t\t\t\tdisabled={ isDisabled }\n\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t/>\n\t\t\t\t<VisuallyHidden id={ descriptionId }>\n\t\t\t\t\t{ getBlockMoverDescription(\n\t\t\t\t\t\tblocksCount,\n\t\t\t\t\t\tblockType && blockType.title,\n\t\t\t\t\t\tfirstIndex,\n\t\t\t\t\t\tisFirst,\n\t\t\t\t\t\tisLast,\n\t\t\t\t\t\tdirection === 'up' ? -1 : 1,\n\t\t\t\t\t\torientation\n\t\t\t\t\t) }\n\t\t\t\t</VisuallyHidden>\n\t\t\t</>\n\t\t);\n\t}\n);\n\nexport const BlockMoverUpButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"up\" ref={ ref } { ...props } />;\n} );\n\nexport const BlockMoverDownButton = forwardRef( ( props, ref ) => {\n\treturn <BlockMoverButton direction=\"down\" ref={ ref } { ...props } />;\n} );\n"],
  "mappings": "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",
  "names": []
}