File Block: Add an example preview

[Mamaduka]

Description

Similar to #32333. Fixes duplicated file upload bug when the File block has styles registered.

More details about the general issue - #8119 (comment).

Fixes #32157.

How has this been tested?

1. Register custom style for the File block (see code example below).
2. Upload a file.
3. Check the Media Library by going to https://yoursite.test/wp-admin/upload.php
4. File block uploaded no duplicates.

Code snippet

add_action( 'init', function() {
    register_block_style(
        'core/file',
        [
            'name'  => 'file-test-style',
            'label' => 'File test style'
        ]
    );
} );

Screenshots

Types of changes

Enhancement/Bugfix

Checklist:

• My code is tested.
• My code follows the WordPress code style.
• [n/a] My code follows the accessibility standards.
• [n/a] I've tested my changes with keyboard and screen readers.
• My code has proper inline documentation.
• I've included developer documentation if appropriate.
• I've updated all React Native files affected by any refactorings/renamings in this PR (please manually search all *.native.js files for terms that need renaming or removal).

[github-actions]

Size Change: -137 B (0%)

Total Size: 1.03 MB

Filename	Size	Change
build/a11y/index.js	1.12 kB	+1 B (0%)
build/annotations/index.js	2.93 kB	+1 B (0%)
build/block-directory/index.js	6.61 kB	+3 B (0%)
build/block-editor/index.js	118 kB	-86 B (0%)
build/block-editor/style-rtl.css	12.9 kB	-2 B (0%)
build/block-editor/style.css	12.9 kB	-3 B (0%)
build/block-library/blocks/image/editor-rtl.css	729 B	+12 B (+2%)
build/block-library/blocks/image/editor.css	727 B	+11 B (+2%)
build/block-library/blocks/legacy-widget/editor-rtl.css	582 B	+25 B (+4%)
build/block-library/blocks/legacy-widget/editor.css	583 B	+26 B (+5%)	🔍
build/block-library/blocks/navigation/editor-rtl.css	1.55 kB	+9 B (+1%)
build/block-library/blocks/navigation/editor.css	1.55 kB	+9 B (+1%)
build/block-library/blocks/navigation/style-rtl.css	1.63 kB	-168 B (-9%)	✅
build/block-library/blocks/navigation/style.css	1.63 kB	-168 B (-9%)	✅
build/block-library/blocks/page-list/style-rtl.css	240 B	+7 B (+3%)
build/block-library/blocks/page-list/style.css	240 B	+7 B (+3%)
build/block-library/editor-rtl.css	9.96 kB	+31 B (0%)
build/block-library/editor.css	9.96 kB	+35 B (0%)
build/block-library/index.js	147 kB	+243 B (0%)
build/block-library/style-rtl.css	10.1 kB	-211 B (-2%)
build/block-library/style.css	10.1 kB	-215 B (-2%)
build/blocks/index.js	47.2 kB	+4 B (0%)
build/components/index.js	179 kB	+43 B (0%)
build/components/style-rtl.css	16.2 kB	-4 B (0%)
build/components/style.css	16.1 kB	-3 B (0%)
build/compose/index.js	10 kB	-1 B (0%)
build/core-data/index.js	12.1 kB	-1 B (0%)
build/customize-widgets/index.js	9.96 kB	+112 B (+1%)
build/data-controls/index.js	830 B	+2 B (0%)
build/data/index.js	7.22 kB	+2 B (0%)
build/edit-navigation/index.js	13.9 kB	+1 B (0%)
build/edit-post/index.js	58.4 kB	+30 B (0%)
build/edit-post/style-rtl.css	6.92 kB	+49 B (+1%)
build/edit-post/style.css	6.91 kB	+49 B (+1%)
build/edit-site/index.js	25.9 kB	+17 B (0%)
build/edit-widgets/index.js	15.7 kB	-16 B (0%)
build/editor/index.js	38.2 kB	+4 B (0%)
build/editor/style-rtl.css	3.91 kB	-9 B (0%)
build/editor/style.css	3.9 kB	-10 B (0%)
build/format-library/index.js	5.66 kB	-4 B (0%)
build/reusable-blocks/index.js	2.56 kB	+30 B (+1%)
build/server-side-render/index.js	1.63 kB	+1 B (0%)

ℹ️ View Unchanged

Filename	Size	Change
build/api-fetch/index.js	2.42 kB	0 B
build/autop/index.js	2.28 kB	0 B
build/blob/index.js	672 B	0 B
build/block-directory/style-rtl.css	989 B	0 B
build/block-directory/style.css	990 B	0 B
build/block-library/blocks/archives/editor-rtl.css	61 B	0 B
build/block-library/blocks/archives/editor.css	60 B	0 B
build/block-library/blocks/archives/style-rtl.css	65 B	0 B
build/block-library/blocks/archives/style.css	65 B	0 B
build/block-library/blocks/audio/editor-rtl.css	58 B	0 B
build/block-library/blocks/audio/editor.css	58 B	0 B
build/block-library/blocks/audio/style-rtl.css	112 B	0 B
build/block-library/blocks/audio/style.css	112 B	0 B
build/block-library/blocks/block/editor-rtl.css	161 B	0 B
build/block-library/blocks/block/editor.css	161 B	0 B
build/block-library/blocks/button/editor-rtl.css	475 B	0 B
build/block-library/blocks/button/editor.css	474 B	0 B
build/block-library/blocks/button/style-rtl.css	603 B	0 B
build/block-library/blocks/button/style.css	602 B	0 B
build/block-library/blocks/buttons/editor-rtl.css	315 B	0 B
build/block-library/blocks/buttons/editor.css	315 B	0 B
build/block-library/blocks/buttons/style-rtl.css	375 B	0 B
build/block-library/blocks/buttons/style.css	375 B	0 B
build/block-library/blocks/calendar/style-rtl.css	208 B	0 B
build/block-library/blocks/calendar/style.css	208 B	0 B
build/block-library/blocks/categories/editor-rtl.css	84 B	0 B
build/block-library/blocks/categories/editor.css	83 B	0 B
build/block-library/blocks/categories/style-rtl.css	79 B	0 B
build/block-library/blocks/categories/style.css	79 B	0 B
build/block-library/blocks/code/style-rtl.css	90 B	0 B
build/block-library/blocks/code/style.css	90 B	0 B
build/block-library/blocks/columns/editor-rtl.css	190 B	0 B
build/block-library/blocks/columns/editor.css	190 B	0 B
build/block-library/blocks/columns/style-rtl.css	422 B	0 B
build/block-library/blocks/columns/style.css	422 B	0 B
build/block-library/blocks/cover/editor-rtl.css	644 B	0 B
build/block-library/blocks/cover/editor.css	646 B	0 B
build/block-library/blocks/cover/style-rtl.css	1.22 kB	0 B
build/block-library/blocks/cover/style.css	1.23 kB	0 B
build/block-library/blocks/embed/editor-rtl.css	486 B	0 B
build/block-library/blocks/embed/editor.css	486 B	0 B
build/block-library/blocks/embed/style-rtl.css	401 B	0 B
build/block-library/blocks/embed/style.css	400 B	0 B
build/block-library/blocks/file/editor-rtl.css	301 B	0 B
build/block-library/blocks/file/editor.css	300 B	0 B
build/block-library/blocks/file/frontend.js	773 B	0 B
build/block-library/blocks/file/style-rtl.css	255 B	0 B
build/block-library/blocks/file/style.css	255 B	0 B
build/block-library/blocks/freeform/editor-rtl.css	2.44 kB	0 B
build/block-library/blocks/freeform/editor.css	2.44 kB	0 B
build/block-library/blocks/gallery/editor-rtl.css	704 B	0 B
build/block-library/blocks/gallery/editor.css	705 B	0 B
build/block-library/blocks/gallery/style-rtl.css	1.06 kB	0 B
build/block-library/blocks/gallery/style.css	1.06 kB	0 B
build/block-library/blocks/group/editor-rtl.css	160 B	0 B
build/block-library/blocks/group/editor.css	160 B	0 B
build/block-library/blocks/group/style-rtl.css	57 B	0 B
build/block-library/blocks/group/style.css	57 B	0 B
build/block-library/blocks/heading/editor-rtl.css	129 B	0 B
build/block-library/blocks/heading/editor.css	129 B	0 B
build/block-library/blocks/heading/style-rtl.css	76 B	0 B
build/block-library/blocks/heading/style.css	76 B	0 B
build/block-library/blocks/home-link/style-rtl.css	259 B	0 B
build/block-library/blocks/home-link/style.css	259 B	0 B
build/block-library/blocks/html/editor-rtl.css	281 B	0 B
build/block-library/blocks/html/editor.css	281 B	0 B
build/block-library/blocks/image/style-rtl.css	481 B	0 B
build/block-library/blocks/image/style.css	485 B	0 B
build/block-library/blocks/latest-comments/style-rtl.css	281 B	0 B
build/block-library/blocks/latest-comments/style.css	282 B	0 B
build/block-library/blocks/latest-posts/editor-rtl.css	137 B	0 B
build/block-library/blocks/latest-posts/editor.css	137 B	0 B
build/block-library/blocks/latest-posts/style-rtl.css	529 B	0 B
build/block-library/blocks/latest-posts/style.css	529 B	0 B
build/block-library/blocks/list/style-rtl.css	63 B	0 B
build/block-library/blocks/list/style.css	63 B	0 B
build/block-library/blocks/media-text/editor-rtl.css	176 B	0 B
build/block-library/blocks/media-text/editor.css	176 B	0 B
build/block-library/blocks/media-text/style-rtl.css	492 B	0 B
build/block-library/blocks/media-text/style.css	489 B	0 B
build/block-library/blocks/more/editor-rtl.css	434 B	0 B
build/block-library/blocks/more/editor.css	434 B	0 B
build/block-library/blocks/navigation-link/editor-rtl.css	633 B	0 B
build/block-library/blocks/navigation-link/editor.css	634 B	0 B
build/block-library/blocks/navigation-link/style-rtl.css	94 B	0 B
build/block-library/blocks/navigation-link/style.css	94 B	0 B
build/block-library/blocks/navigation/frontend.js	2.86 kB	0 B
build/block-library/blocks/nextpage/editor-rtl.css	395 B	0 B
build/block-library/blocks/nextpage/editor.css	395 B	0 B
build/block-library/blocks/page-list/editor-rtl.css	310 B	0 B
build/block-library/blocks/page-list/editor.css	311 B	0 B
build/block-library/blocks/paragraph/editor-rtl.css	157 B	0 B
build/block-library/blocks/paragraph/editor.css	157 B	0 B
build/block-library/blocks/paragraph/style-rtl.css	247 B	0 B
build/block-library/blocks/paragraph/style.css	248 B	0 B
build/block-library/blocks/post-author/editor-rtl.css	209 B	0 B
build/block-library/blocks/post-author/editor.css	209 B	0 B
build/block-library/blocks/post-author/style-rtl.css	183 B	0 B
build/block-library/blocks/post-author/style.css	184 B	0 B
build/block-library/blocks/post-comments-form/style-rtl.css	140 B	0 B
build/block-library/blocks/post-comments-form/style.css	140 B	0 B
build/block-library/blocks/post-comments/style-rtl.css	360 B	0 B
build/block-library/blocks/post-comments/style.css	359 B	0 B
build/block-library/blocks/post-content/editor-rtl.css	139 B	0 B
build/block-library/blocks/post-content/editor.css	139 B	0 B
build/block-library/blocks/post-excerpt/editor-rtl.css	73 B	0 B
build/block-library/blocks/post-excerpt/editor.css	73 B	0 B
build/block-library/blocks/post-excerpt/style-rtl.css	69 B	0 B
build/block-library/blocks/post-excerpt/style.css	69 B	0 B
build/block-library/blocks/post-featured-image/editor-rtl.css	338 B	0 B
build/block-library/blocks/post-featured-image/editor.css	338 B	0 B
build/block-library/blocks/post-featured-image/style-rtl.css	141 B	0 B
build/block-library/blocks/post-featured-image/style.css	141 B	0 B
build/block-library/blocks/post-title/style-rtl.css	60 B	0 B
build/block-library/blocks/post-title/style.css	60 B	0 B
build/block-library/blocks/preformatted/style-rtl.css	103 B	0 B
build/block-library/blocks/preformatted/style.css	103 B	0 B
build/block-library/blocks/pullquote/editor-rtl.css	183 B	0 B
build/block-library/blocks/pullquote/editor.css	183 B	0 B
build/block-library/blocks/pullquote/style-rtl.css	318 B	0 B
build/block-library/blocks/pullquote/style.css	318 B	0 B
build/block-library/blocks/query-loop/editor-rtl.css	98 B	0 B
build/block-library/blocks/query-loop/editor.css	97 B	0 B
build/block-library/blocks/query-loop/style-rtl.css	315 B	0 B
build/block-library/blocks/query-loop/style.css	317 B	0 B
build/block-library/blocks/query-pagination-numbers/editor-rtl.css	122 B	0 B
build/block-library/blocks/query-pagination-numbers/editor.css	121 B	0 B
build/block-library/blocks/query-pagination/editor-rtl.css	270 B	0 B
build/block-library/blocks/query-pagination/editor.css	262 B	0 B
build/block-library/blocks/query-pagination/style-rtl.css	168 B	0 B
build/block-library/blocks/query-pagination/style.css	168 B	0 B
build/block-library/blocks/query-title/editor-rtl.css	86 B	0 B
build/block-library/blocks/query-title/editor.css	86 B	0 B
build/block-library/blocks/query/editor-rtl.css	131 B	0 B
build/block-library/blocks/query/editor.css	132 B	0 B
build/block-library/blocks/quote/style-rtl.css	169 B	0 B
build/block-library/blocks/quote/style.css	169 B	0 B
build/block-library/blocks/rss/editor-rtl.css	201 B	0 B
build/block-library/blocks/rss/editor.css	202 B	0 B
build/block-library/blocks/rss/style-rtl.css	290 B	0 B
build/block-library/blocks/rss/style.css	290 B	0 B
build/block-library/blocks/search/editor-rtl.css	211 B	0 B
build/block-library/blocks/search/editor.css	211 B	0 B
build/block-library/blocks/search/style-rtl.css	359 B	0 B
build/block-library/blocks/search/style.css	362 B	0 B
build/block-library/blocks/separator/editor-rtl.css	99 B	0 B
build/block-library/blocks/separator/editor.css	99 B	0 B
build/block-library/blocks/separator/style-rtl.css	251 B	0 B
build/block-library/blocks/separator/style.css	251 B	0 B
build/block-library/blocks/shortcode/editor-rtl.css	512 B	0 B
build/block-library/blocks/shortcode/editor.css	512 B	0 B
build/block-library/blocks/site-logo/editor-rtl.css	440 B	0 B
build/block-library/blocks/site-logo/editor.css	441 B	0 B
build/block-library/blocks/site-logo/style-rtl.css	154 B	0 B
build/block-library/blocks/site-logo/style.css	154 B	0 B
build/block-library/blocks/social-link/editor-rtl.css	164 B	0 B
build/block-library/blocks/social-link/editor.css	165 B	0 B
build/block-library/blocks/social-links/editor-rtl.css	800 B	0 B
build/block-library/blocks/social-links/editor.css	799 B	0 B
build/block-library/blocks/social-links/style-rtl.css	1.32 kB	0 B
build/block-library/blocks/social-links/style.css	1.33 kB	0 B
build/block-library/blocks/spacer/editor-rtl.css	308 B	0 B
build/block-library/blocks/spacer/editor.css	308 B	0 B
build/block-library/blocks/spacer/style-rtl.css	48 B	0 B
build/block-library/blocks/spacer/style.css	48 B	0 B
build/block-library/blocks/table/editor-rtl.css	478 B	0 B
build/block-library/blocks/table/editor.css	478 B	0 B
build/block-library/blocks/table/style-rtl.css	480 B	0 B
build/block-library/blocks/table/style.css	480 B	0 B
build/block-library/blocks/tag-cloud/editor-rtl.css	118 B	0 B
build/block-library/blocks/tag-cloud/editor.css	118 B	0 B
build/block-library/blocks/tag-cloud/style-rtl.css	94 B	0 B
build/block-library/blocks/tag-cloud/style.css	94 B	0 B
build/block-library/blocks/template-part/editor-rtl.css	551 B	0 B
build/block-library/blocks/template-part/editor.css	550 B	0 B
build/block-library/blocks/term-description/editor-rtl.css	90 B	0 B
build/block-library/blocks/term-description/editor.css	90 B	0 B
build/block-library/blocks/text-columns/editor-rtl.css	95 B	0 B
build/block-library/blocks/text-columns/editor.css	95 B	0 B
build/block-library/blocks/text-columns/style-rtl.css	166 B	0 B
build/block-library/blocks/text-columns/style.css	166 B	0 B
build/block-library/blocks/verse/style-rtl.css	87 B	0 B
build/block-library/blocks/verse/style.css	87 B	0 B
build/block-library/blocks/video/editor-rtl.css	569 B	0 B
build/block-library/blocks/video/editor.css	570 B	0 B
build/block-library/blocks/video/style-rtl.css	173 B	0 B
build/block-library/blocks/video/style.css	173 B	0 B
build/block-library/common-rtl.css	1.26 kB	0 B
build/block-library/common.css	1.26 kB	0 B
build/block-library/reset-rtl.css	506 B	0 B
build/block-library/reset.css	507 B	0 B
build/block-library/theme-rtl.css	692 B	0 B
build/block-library/theme.css	693 B	0 B
build/block-serialization-default-parser/index.js	1.3 kB	0 B
build/block-serialization-spec-parser/index.js	3.06 kB	0 B
build/customize-widgets/style-rtl.css	1.45 kB	0 B
build/customize-widgets/style.css	1.44 kB	0 B
build/date/index.js	31.8 kB	0 B
build/deprecated/index.js	738 B	0 B
build/dom-ready/index.js	576 B	0 B
build/dom/index.js	4.62 kB	0 B
build/edit-navigation/style-rtl.css	3.08 kB	0 B
build/edit-navigation/style.css	3.08 kB	0 B
build/edit-post/classic-rtl.css	454 B	0 B
build/edit-post/classic.css	454 B	0 B
build/edit-site/style-rtl.css	4.75 kB	0 B
build/edit-site/style.css	4.75 kB	0 B
build/edit-widgets/style-rtl.css	3.42 kB	0 B
build/edit-widgets/style.css	3.42 kB	0 B
build/element/index.js	3.44 kB	0 B
build/escape-html/index.js	739 B	0 B
build/format-library/style-rtl.css	637 B	0 B
build/format-library/style.css	639 B	0 B
build/hooks/index.js	1.76 kB	0 B
build/html-entities/index.js	628 B	0 B
build/i18n/index.js	3.73 kB	0 B
build/is-shallow-equal/index.js	709 B	0 B
build/keyboard-shortcuts/index.js	1.74 kB	0 B
build/keycodes/index.js	1.43 kB	0 B
build/list-reusable-blocks/index.js	2.07 kB	0 B
build/list-reusable-blocks/style-rtl.css	629 B	0 B
build/list-reusable-blocks/style.css	628 B	0 B
build/media-utils/index.js	3.08 kB	0 B
build/notices/index.js	1.07 kB	0 B
build/nux/index.js	2.31 kB	0 B
build/nux/style-rtl.css	718 B	0 B
build/nux/style.css	716 B	0 B
build/plugins/index.js	1.99 kB	0 B
build/primitives/index.js	1.03 kB	0 B
build/priority-queue/index.js	791 B	0 B
build/react-i18n/index.js	924 B	0 B
build/redux-routine/index.js	2.82 kB	0 B
build/reusable-blocks/style-rtl.css	225 B	0 B
build/reusable-blocks/style.css	225 B	0 B
build/rich-text/index.js	10.6 kB	0 B
build/shortcode/index.js	1.68 kB	0 B
build/token-list/index.js	847 B	0 B
build/url/index.js	1.95 kB	0 B
build/viewport/index.js	1.28 kB	0 B
build/warning/index.js	1.13 kB	0 B
build/widgets/index.js	1.67 kB	0 B
build/wordcount/index.js	1.24 kB	0 B

_{compressed-size-action}

[ntsekouras]

Thanks - besides the nitpick for _x this looks good

[Mamaduka]

Thanks, @ntsekouras

Updated the code and will merge once all checks are green.