@wordpress/block-library 9.2.0 → 9.3.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/build/audio/edit.js +20 -8
- package/build/audio/edit.js.map +1 -1
- package/build/audio/index.js +4 -0
- package/build/audio/index.js.map +1 -1
- package/build/audio/transforms.js +1 -1
- package/build/audio/transforms.js.map +1 -1
- package/build/block/edit.js +0 -1
- package/build/block/edit.js.map +1 -1
- package/build/block/index.js +5 -1
- package/build/block/index.js.map +1 -1
- package/build/embed/embed-preview.js +4 -4
- package/build/embed/embed-preview.js.map +1 -1
- package/build/file/edit.js +14 -6
- package/build/file/edit.js.map +1 -1
- package/build/file/index.js +4 -0
- package/build/file/index.js.map +1 -1
- package/build/file/transforms.js +2 -3
- package/build/file/transforms.js.map +1 -1
- package/build/gallery/deprecated.js +6 -54
- package/build/gallery/deprecated.js.map +1 -1
- package/build/gallery/edit.js +9 -8
- package/build/gallery/edit.js.map +1 -1
- package/build/gallery/index.js +2 -2
- package/build/gallery/index.js.map +1 -1
- package/build/gallery/save.js +0 -11
- package/build/gallery/save.js.map +1 -1
- package/build/gallery/shared.js +0 -27
- package/build/gallery/shared.js.map +1 -1
- package/build/gallery/transforms.js +29 -80
- package/build/gallery/transforms.js.map +1 -1
- package/build/group/index.js +1 -0
- package/build/group/index.js.map +1 -1
- package/build/group/placeholder.js +5 -0
- package/build/group/placeholder.js.map +1 -1
- package/build/image/edit.js +13 -21
- package/build/image/edit.js.map +1 -1
- package/build/image/image.js +30 -17
- package/build/image/image.js.map +1 -1
- package/build/image/index.js +4 -0
- package/build/image/index.js.map +1 -1
- package/build/image/transforms.js +1 -1
- package/build/image/transforms.js.map +1 -1
- package/build/list-item/edit.js +1 -1
- package/build/list-item/edit.js.map +1 -1
- package/build/list-item/hooks/use-merge.js +8 -1
- package/build/list-item/hooks/use-merge.js.map +1 -1
- package/build/list-item/index.js +11 -1
- package/build/list-item/index.js.map +1 -1
- package/build/loginout/index.js +3 -0
- package/build/loginout/index.js.map +1 -1
- package/build/media-text/edit.js +3 -2
- package/build/media-text/edit.js.map +1 -1
- package/build/navigation-submenu/edit.js +1 -1
- package/build/navigation-submenu/edit.js.map +1 -1
- package/build/page-list/convert-to-links-modal.js +1 -1
- package/build/page-list/convert-to-links-modal.js.map +1 -1
- package/build/page-list/edit.js +1 -1
- package/build/page-list/edit.js.map +1 -1
- package/build/post-content/index.js +3 -0
- package/build/post-content/index.js.map +1 -1
- package/build/post-date/edit.js +3 -1
- package/build/post-date/edit.js.map +1 -1
- package/build/post-excerpt/index.js +3 -0
- package/build/post-excerpt/index.js.map +1 -1
- package/build/post-title/index.js +3 -0
- package/build/post-title/index.js.map +1 -1
- package/build/query/edit/inspector-controls/index.js +3 -2
- package/build/query/edit/inspector-controls/index.js.map +1 -1
- package/build/query/edit/query-toolbar.js +54 -61
- package/build/query/edit/query-toolbar.js.map +1 -1
- package/build/query/index.js +34 -0
- package/build/query/index.js.map +1 -1
- package/build/social-link/edit.js +27 -7
- package/build/social-link/edit.js.map +1 -1
- package/build/table/edit.js +8 -17
- package/build/table/edit.js.map +1 -1
- package/build/template-part/edit/title-modal.js +1 -1
- package/build/template-part/edit/title-modal.js.map +1 -1
- package/build/utils/hooks.js +12 -0
- package/build/utils/hooks.js.map +1 -1
- package/build/video/deprecated.js +4 -0
- package/build/video/deprecated.js.map +1 -1
- package/build/video/edit.js +17 -7
- package/build/video/edit.js.map +1 -1
- package/build/video/index.js +4 -0
- package/build/video/index.js.map +1 -1
- package/build/video/transforms.js +1 -1
- package/build/video/transforms.js.map +1 -1
- package/build-module/audio/edit.js +20 -8
- package/build-module/audio/edit.js.map +1 -1
- package/build-module/audio/index.js +4 -0
- package/build-module/audio/index.js.map +1 -1
- package/build-module/audio/transforms.js +1 -1
- package/build-module/audio/transforms.js.map +1 -1
- package/build-module/block/edit.js +0 -1
- package/build-module/block/edit.js.map +1 -1
- package/build-module/block/index.js +5 -1
- package/build-module/block/index.js.map +1 -1
- package/build-module/embed/embed-preview.js +4 -4
- package/build-module/embed/embed-preview.js.map +1 -1
- package/build-module/file/edit.js +15 -7
- package/build-module/file/edit.js.map +1 -1
- package/build-module/file/index.js +4 -0
- package/build-module/file/index.js.map +1 -1
- package/build-module/file/transforms.js +2 -3
- package/build-module/file/transforms.js.map +1 -1
- package/build-module/gallery/deprecated.js +6 -54
- package/build-module/gallery/deprecated.js.map +1 -1
- package/build-module/gallery/edit.js +10 -9
- package/build-module/gallery/edit.js.map +1 -1
- package/build-module/gallery/index.js +1 -1
- package/build-module/gallery/index.js.map +1 -1
- package/build-module/gallery/save.js +0 -11
- package/build-module/gallery/save.js.map +1 -1
- package/build-module/gallery/shared.js +0 -25
- package/build-module/gallery/shared.js.map +1 -1
- package/build-module/gallery/transforms.js +29 -80
- package/build-module/gallery/transforms.js.map +1 -1
- package/build-module/group/index.js +1 -0
- package/build-module/group/index.js.map +1 -1
- package/build-module/group/placeholder.js +5 -0
- package/build-module/group/placeholder.js.map +1 -1
- package/build-module/image/edit.js +12 -20
- package/build-module/image/edit.js.map +1 -1
- package/build-module/image/image.js +25 -12
- package/build-module/image/image.js.map +1 -1
- package/build-module/image/index.js +4 -0
- package/build-module/image/index.js.map +1 -1
- package/build-module/image/transforms.js +1 -1
- package/build-module/image/transforms.js.map +1 -1
- package/build-module/list-item/edit.js +1 -1
- package/build-module/list-item/edit.js.map +1 -1
- package/build-module/list-item/hooks/use-merge.js +8 -1
- package/build-module/list-item/hooks/use-merge.js.map +1 -1
- package/build-module/list-item/index.js +11 -1
- package/build-module/list-item/index.js.map +1 -1
- package/build-module/loginout/index.js +3 -0
- package/build-module/loginout/index.js.map +1 -1
- package/build-module/media-text/edit.js +3 -2
- package/build-module/media-text/edit.js.map +1 -1
- package/build-module/navigation-submenu/edit.js +1 -1
- package/build-module/navigation-submenu/edit.js.map +1 -1
- package/build-module/page-list/convert-to-links-modal.js +1 -1
- package/build-module/page-list/convert-to-links-modal.js.map +1 -1
- package/build-module/page-list/edit.js +1 -1
- package/build-module/page-list/edit.js.map +1 -1
- package/build-module/post-content/index.js +3 -0
- package/build-module/post-content/index.js.map +1 -1
- package/build-module/post-date/edit.js +4 -2
- package/build-module/post-date/edit.js.map +1 -1
- package/build-module/post-excerpt/index.js +3 -0
- package/build-module/post-excerpt/index.js.map +1 -1
- package/build-module/post-title/index.js +3 -0
- package/build-module/post-title/index.js.map +1 -1
- package/build-module/query/edit/inspector-controls/index.js +3 -2
- package/build-module/query/edit/inspector-controls/index.js.map +1 -1
- package/build-module/query/edit/query-toolbar.js +55 -62
- package/build-module/query/edit/query-toolbar.js.map +1 -1
- package/build-module/query/index.js +34 -0
- package/build-module/query/index.js.map +1 -1
- package/build-module/social-link/edit.js +28 -8
- package/build-module/social-link/edit.js.map +1 -1
- package/build-module/table/edit.js +9 -18
- package/build-module/table/edit.js.map +1 -1
- package/build-module/template-part/edit/title-modal.js +1 -1
- package/build-module/template-part/edit/title-modal.js.map +1 -1
- package/build-module/utils/hooks.js +11 -0
- package/build-module/utils/hooks.js.map +1 -1
- package/build-module/video/deprecated.js +4 -0
- package/build-module/video/deprecated.js.map +1 -1
- package/build-module/video/edit.js +18 -8
- package/build-module/video/edit.js.map +1 -1
- package/build-module/video/index.js +4 -0
- package/build-module/video/index.js.map +1 -1
- package/build-module/video/transforms.js +1 -1
- package/build-module/video/transforms.js.map +1 -1
- package/build-style/editor-rtl.css +3 -0
- package/build-style/editor.css +3 -0
- package/build-style/post-comments-form/style-rtl.css +11 -10
- package/build-style/post-comments-form/style.css +11 -10
- package/build-style/query/editor-rtl.css +3 -0
- package/build-style/query/editor.css +3 -0
- package/build-style/social-links/style-rtl.css +91 -91
- package/build-style/social-links/style.css +91 -91
- package/build-style/style-rtl.css +102 -101
- package/build-style/style.css +102 -101
- package/package.json +35 -35
- package/src/audio/block.json +4 -0
- package/src/audio/edit.js +19 -7
- package/src/audio/transforms.js +1 -1
- package/src/block/block.json +5 -1
- package/src/block/edit.js +0 -1
- package/src/button/index.php +14 -1
- package/src/embed/embed-preview.js +4 -6
- package/src/file/block.json +4 -0
- package/src/file/edit.js +19 -6
- package/src/file/transforms.js +1 -2
- package/src/gallery/deprecated.js +6 -55
- package/src/gallery/edit.js +13 -10
- package/src/gallery/gallery-styles.native.scss +0 -2
- package/src/gallery/index.js +1 -1
- package/src/gallery/save.js +0 -10
- package/src/gallery/shared.js +0 -28
- package/src/gallery/transforms.js +56 -99
- package/src/group/block.json +1 -0
- package/src/group/placeholder.js +7 -0
- package/src/image/block.json +4 -0
- package/src/image/edit.js +10 -19
- package/src/image/image.js +36 -14
- package/src/image/index.php +26 -5
- package/src/image/transforms.js +1 -1
- package/src/list-item/block.json +11 -1
- package/src/list-item/edit.js +1 -1
- package/src/list-item/hooks/use-merge.js +19 -5
- package/src/loginout/block.json +3 -0
- package/src/media-text/edit.js +3 -2
- package/src/navigation-submenu/edit.js +1 -1
- package/src/page-list/convert-to-links-modal.js +1 -1
- package/src/page-list/edit.js +1 -1
- package/src/post-comments-form/style.scss +15 -12
- package/src/post-content/block.json +3 -0
- package/src/post-date/edit.js +5 -1
- package/src/post-date/index.php +8 -2
- package/src/post-excerpt/block.json +3 -0
- package/src/post-title/block.json +3 -0
- package/src/query/edit/inspector-controls/index.js +3 -2
- package/src/query/edit/query-toolbar.js +60 -72
- package/src/query/editor.scss +4 -0
- package/src/query/index.js +40 -0
- package/src/social-link/edit.js +29 -3
- package/src/social-links/style.scss +2 -2
- package/src/table/edit.js +11 -24
- package/src/template-part/edit/title-modal.js +1 -1
- package/src/utils/hooks.js +14 -1
- package/src/video/block.json +4 -0
- package/src/video/edit.js +23 -8
- package/src/video/transforms.js +1 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/build/gallery/edit-wrapper.js +0 -37
- package/build/gallery/edit-wrapper.js.map +0 -1
- package/build/gallery/v1/constants.js +0 -10
- package/build/gallery/v1/constants.js.map +0 -1
- package/build/gallery/v1/edit.js +0 -399
- package/build/gallery/v1/edit.js.map +0 -1
- package/build/gallery/v1/gallery-button.native.js +0 -55
- package/build/gallery/v1/gallery-button.native.js.map +0 -1
- package/build/gallery/v1/gallery-image.js +0 -285
- package/build/gallery/v1/gallery-image.js.map +0 -1
- package/build/gallery/v1/gallery-image.native.js +0 -297
- package/build/gallery/v1/gallery-image.native.js.map +0 -1
- package/build/gallery/v1/gallery.js +0 -112
- package/build/gallery/v1/gallery.js.map +0 -1
- package/build/gallery/v1/gallery.native.js +0 -139
- package/build/gallery/v1/gallery.native.js.map +0 -1
- package/build/gallery/v1/save.js +0 -81
- package/build/gallery/v1/save.js.map +0 -1
- package/build/gallery/v1/shared.js +0 -17
- package/build/gallery/v1/shared.js.map +0 -1
- package/build/gallery/v1/tiles.native.js +0 -83
- package/build/gallery/v1/tiles.native.js.map +0 -1
- package/build/utils/constants.js +0 -15
- package/build/utils/constants.js.map +0 -1
- package/build-module/gallery/edit-wrapper.js +0 -31
- package/build-module/gallery/edit-wrapper.js.map +0 -1
- package/build-module/gallery/v1/constants.js +0 -4
- package/build-module/gallery/v1/constants.js.map +0 -1
- package/build-module/gallery/v1/edit.js +0 -393
- package/build-module/gallery/v1/edit.js.map +0 -1
- package/build-module/gallery/v1/gallery-button.native.js +0 -46
- package/build-module/gallery/v1/gallery-button.native.js.map +0 -1
- package/build-module/gallery/v1/gallery-image.js +0 -279
- package/build-module/gallery/v1/gallery-image.js.map +0 -1
- package/build-module/gallery/v1/gallery-image.native.js +0 -291
- package/build-module/gallery/v1/gallery-image.native.js.map +0 -1
- package/build-module/gallery/v1/gallery.js +0 -104
- package/build-module/gallery/v1/gallery.js.map +0 -1
- package/build-module/gallery/v1/gallery.native.js +0 -131
- package/build-module/gallery/v1/gallery.native.js.map +0 -1
- package/build-module/gallery/v1/save.js +0 -74
- package/build-module/gallery/v1/save.js.map +0 -1
- package/build-module/gallery/v1/shared.js +0 -10
- package/build-module/gallery/v1/shared.js.map +0 -1
- package/build-module/gallery/v1/tiles.native.js +0 -75
- package/build-module/gallery/v1/tiles.native.js.map +0 -1
- package/build-module/utils/constants.js +0 -9
- package/build-module/utils/constants.js.map +0 -1
- package/src/gallery/edit-wrapper.js +0 -27
- package/src/gallery/v1/constants.js +0 -3
- package/src/gallery/v1/edit.js +0 -450
- package/src/gallery/v1/gallery-button.native.js +0 -47
- package/src/gallery/v1/gallery-image-style.native.scss +0 -109
- package/src/gallery/v1/gallery-image.js +0 -293
- package/src/gallery/v1/gallery-image.native.js +0 -348
- package/src/gallery/v1/gallery-styles.native.scss +0 -8
- package/src/gallery/v1/gallery.js +0 -125
- package/src/gallery/v1/gallery.native.js +0 -162
- package/src/gallery/v1/save.js +0 -98
- package/src/gallery/v1/shared.js +0 -19
- package/src/gallery/v1/tiles-styles.native.scss +0 -11
- package/src/gallery/v1/tiles.native.js +0 -79
- package/src/utils/constants.js +0 -8
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { RichText, __experimentalGetElementClassName } from '@wordpress/block-editor';
|
|
10
|
-
import { VisuallyHidden } from '@wordpress/components';
|
|
11
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
12
|
-
import { createBlock, getDefaultBlockName } from '@wordpress/blocks';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Internal dependencies
|
|
16
|
-
*/
|
|
17
|
-
import GalleryImage from './gallery-image';
|
|
18
|
-
import { defaultColumnsNumberV1 } from '../deprecated';
|
|
19
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
21
|
-
export const Gallery = props => {
|
|
22
|
-
const {
|
|
23
|
-
attributes,
|
|
24
|
-
isSelected,
|
|
25
|
-
setAttributes,
|
|
26
|
-
selectedImage,
|
|
27
|
-
mediaPlaceholder,
|
|
28
|
-
onMoveBackward,
|
|
29
|
-
onMoveForward,
|
|
30
|
-
onRemoveImage,
|
|
31
|
-
onSelectImage,
|
|
32
|
-
onDeselectImage,
|
|
33
|
-
onSetImageAttributes,
|
|
34
|
-
insertBlocksAfter,
|
|
35
|
-
blockProps
|
|
36
|
-
} = props;
|
|
37
|
-
const {
|
|
38
|
-
align,
|
|
39
|
-
columns = defaultColumnsNumberV1(attributes),
|
|
40
|
-
caption,
|
|
41
|
-
imageCrop,
|
|
42
|
-
images
|
|
43
|
-
} = attributes;
|
|
44
|
-
return /*#__PURE__*/_jsxs("figure", {
|
|
45
|
-
...blockProps,
|
|
46
|
-
className: clsx(blockProps.className, {
|
|
47
|
-
[`align${align}`]: align,
|
|
48
|
-
[`columns-${columns}`]: columns,
|
|
49
|
-
'is-cropped': imageCrop
|
|
50
|
-
}),
|
|
51
|
-
children: [/*#__PURE__*/_jsx("ul", {
|
|
52
|
-
className: "blocks-gallery-grid",
|
|
53
|
-
children: images.map((img, index) => {
|
|
54
|
-
const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
|
|
55
|
-
__('image %1$d of %2$d in gallery'), index + 1, images.length);
|
|
56
|
-
return /*#__PURE__*/_jsx("li", {
|
|
57
|
-
className: "blocks-gallery-item",
|
|
58
|
-
children: /*#__PURE__*/_jsx(GalleryImage, {
|
|
59
|
-
url: img.url,
|
|
60
|
-
alt: img.alt,
|
|
61
|
-
id: img.id,
|
|
62
|
-
isFirstItem: index === 0,
|
|
63
|
-
isLastItem: index + 1 === images.length,
|
|
64
|
-
isSelected: isSelected && selectedImage === index,
|
|
65
|
-
onMoveBackward: onMoveBackward(index),
|
|
66
|
-
onMoveForward: onMoveForward(index),
|
|
67
|
-
onRemove: onRemoveImage(index),
|
|
68
|
-
onSelect: onSelectImage(index),
|
|
69
|
-
onDeselect: onDeselectImage(index),
|
|
70
|
-
setAttributes: attrs => onSetImageAttributes(index, attrs),
|
|
71
|
-
caption: img.caption,
|
|
72
|
-
"aria-label": ariaLabel,
|
|
73
|
-
sizeSlug: attributes.sizeSlug
|
|
74
|
-
})
|
|
75
|
-
}, img.id ? `${img.id}-${index}` : img.url);
|
|
76
|
-
})
|
|
77
|
-
}), mediaPlaceholder, /*#__PURE__*/_jsx(RichTextVisibilityHelper, {
|
|
78
|
-
isHidden: !isSelected && RichText.isEmpty(caption),
|
|
79
|
-
tagName: "figcaption",
|
|
80
|
-
className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
|
|
81
|
-
"aria-label": __('Gallery caption text'),
|
|
82
|
-
placeholder: __('Write gallery caption…'),
|
|
83
|
-
value: caption,
|
|
84
|
-
onChange: value => setAttributes({
|
|
85
|
-
caption: value
|
|
86
|
-
}),
|
|
87
|
-
inlineToolbar: true,
|
|
88
|
-
__unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock(getDefaultBlockName()))
|
|
89
|
-
})]
|
|
90
|
-
});
|
|
91
|
-
};
|
|
92
|
-
function RichTextVisibilityHelper({
|
|
93
|
-
isHidden,
|
|
94
|
-
...richTextProps
|
|
95
|
-
}) {
|
|
96
|
-
return isHidden ? /*#__PURE__*/_jsx(VisuallyHidden, {
|
|
97
|
-
as: RichText,
|
|
98
|
-
...richTextProps
|
|
99
|
-
}) : /*#__PURE__*/_jsx(RichText, {
|
|
100
|
-
...richTextProps
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
export default Gallery;
|
|
104
|
-
//# sourceMappingURL=gallery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","RichText","__experimentalGetElementClassName","VisuallyHidden","__","sprintf","createBlock","getDefaultBlockName","GalleryImage","defaultColumnsNumberV1","jsx","_jsx","jsxs","_jsxs","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","caption","imageCrop","images","className","children","map","img","index","ariaLabel","length","url","alt","id","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","isEmpty","tagName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","richTextProps","as"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\n\nexport const Gallery = ( props ) => {\n\tconst {\n\t\tattributes,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonDeselectImage,\n\t\tonSetImageAttributes,\n\t\tinsertBlocksAfter,\n\t\tblockProps,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\tcaption,\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\treturn (\n\t\t<figure\n\t\t\t{ ...blockProps }\n\t\t\tclassName={ clsx( blockProps.className, {\n\t\t\t\t[ `align${ align }` ]: align,\n\t\t\t\t[ `columns-${ columns }` ]: columns,\n\t\t\t\t'is-cropped': imageCrop,\n\t\t\t} ) }\n\t\t>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\t\tid={ img.id }\n\t\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\t\t\tisSelected && selectedImage === index\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectImage( index ) }\n\t\t\t\t\t\t\t\tonDeselect={ onDeselectImage( index ) }\n\t\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\t\tsizeSlug={ attributes.sizeSlug }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ mediaPlaceholder }\n\t\t\t<RichTextVisibilityHelper\n\t\t\t\tisHidden={ ! isSelected && RichText.isEmpty( caption ) }\n\t\t\t\ttagName=\"figcaption\"\n\t\t\t\tclassName={ clsx(\n\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t) }\n\t\t\t\taria-label={ __( 'Gallery caption text' ) }\n\t\t\t\tplaceholder={ __( 'Write gallery caption…' ) }\n\t\t\t\tvalue={ caption }\n\t\t\t\tonChange={ ( value ) => setAttributes( { caption: value } ) }\n\t\t\t\tinlineToolbar\n\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</figure>\n\t);\n};\n\nfunction RichTextVisibilityHelper( { isHidden, ...richTextProps } ) {\n\treturn isHidden ? (\n\t\t<VisuallyHidden as={ RichText } { ...richTextProps } />\n\t) : (\n\t\t<RichText { ...richTextProps } />\n\t);\n}\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { View } from 'react-native';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Internal dependencies
|
|
8
|
-
*/
|
|
9
|
-
import GalleryImage from './gallery-image';
|
|
10
|
-
import { defaultColumnsNumberV1 } from '../deprecated';
|
|
11
|
-
import styles from './gallery-styles.scss';
|
|
12
|
-
import Tiles from './tiles';
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* WordPress dependencies
|
|
16
|
-
*/
|
|
17
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
18
|
-
import { BlockCaption, RichText, store as blockEditorStore } from '@wordpress/block-editor';
|
|
19
|
-
import { useState, useEffect } from '@wordpress/element';
|
|
20
|
-
import { mediaUploadSync } from '@wordpress/react-native-bridge';
|
|
21
|
-
import { useSelect } from '@wordpress/data';
|
|
22
|
-
import { alignmentHelpers } from '@wordpress/components';
|
|
23
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
25
|
-
const TILE_SPACING = 15;
|
|
26
|
-
|
|
27
|
-
// we must limit displayed columns since readable content max-width is 580px
|
|
28
|
-
const MAX_DISPLAYED_COLUMNS = 4;
|
|
29
|
-
const MAX_DISPLAYED_COLUMNS_NARROW = 2;
|
|
30
|
-
const {
|
|
31
|
-
isFullWidth
|
|
32
|
-
} = alignmentHelpers;
|
|
33
|
-
export const Gallery = props => {
|
|
34
|
-
const [isCaptionSelected, setIsCaptionSelected] = useState(false);
|
|
35
|
-
useEffect(mediaUploadSync, []);
|
|
36
|
-
const isRTL = useSelect(select => {
|
|
37
|
-
return !!select(blockEditorStore).getSettings().isRTL;
|
|
38
|
-
}, []);
|
|
39
|
-
const {
|
|
40
|
-
clientId,
|
|
41
|
-
selectedImage,
|
|
42
|
-
mediaPlaceholder,
|
|
43
|
-
onBlur,
|
|
44
|
-
onMoveBackward,
|
|
45
|
-
onMoveForward,
|
|
46
|
-
onRemoveImage,
|
|
47
|
-
onSelectImage,
|
|
48
|
-
onSetImageAttributes,
|
|
49
|
-
onFocusGalleryCaption,
|
|
50
|
-
attributes,
|
|
51
|
-
isSelected,
|
|
52
|
-
isNarrow,
|
|
53
|
-
onFocus,
|
|
54
|
-
insertBlocksAfter
|
|
55
|
-
} = props;
|
|
56
|
-
const {
|
|
57
|
-
align,
|
|
58
|
-
columns = defaultColumnsNumberV1(attributes),
|
|
59
|
-
imageCrop,
|
|
60
|
-
images
|
|
61
|
-
} = attributes;
|
|
62
|
-
|
|
63
|
-
// limit displayed columns when isNarrow is true (i.e. when viewport width is
|
|
64
|
-
// less than "small", where small = 600)
|
|
65
|
-
const displayedColumns = isNarrow ? Math.min(columns, MAX_DISPLAYED_COLUMNS_NARROW) : Math.min(columns, MAX_DISPLAYED_COLUMNS);
|
|
66
|
-
const selectImage = index => {
|
|
67
|
-
return () => {
|
|
68
|
-
if (isCaptionSelected) {
|
|
69
|
-
setIsCaptionSelected(false);
|
|
70
|
-
}
|
|
71
|
-
// We need to fully invoke the curried function here.
|
|
72
|
-
onSelectImage(index)();
|
|
73
|
-
};
|
|
74
|
-
};
|
|
75
|
-
const focusGalleryCaption = () => {
|
|
76
|
-
if (!isCaptionSelected) {
|
|
77
|
-
setIsCaptionSelected(true);
|
|
78
|
-
}
|
|
79
|
-
onFocusGalleryCaption();
|
|
80
|
-
};
|
|
81
|
-
return /*#__PURE__*/_jsxs(View, {
|
|
82
|
-
style: {
|
|
83
|
-
flex: 1
|
|
84
|
-
},
|
|
85
|
-
children: [/*#__PURE__*/_jsx(Tiles, {
|
|
86
|
-
columns: displayedColumns,
|
|
87
|
-
spacing: TILE_SPACING,
|
|
88
|
-
style: isSelected ? styles.galleryTilesContainerSelected : undefined,
|
|
89
|
-
children: images.map((img, index) => {
|
|
90
|
-
const ariaLabel = sprintf( /* translators: 1: the order number of the image. 2: the total number of images. */
|
|
91
|
-
__('image %1$d of %2$d in gallery'), index + 1, images.length);
|
|
92
|
-
return /*#__PURE__*/_jsx(GalleryImage, {
|
|
93
|
-
url: img.url,
|
|
94
|
-
alt: img.alt,
|
|
95
|
-
id: parseInt(img.id, 10) // make id an integer explicitly
|
|
96
|
-
,
|
|
97
|
-
isCropped: imageCrop,
|
|
98
|
-
isFirstItem: index === 0,
|
|
99
|
-
isLastItem: index + 1 === images.length,
|
|
100
|
-
isSelected: isSelected && selectedImage === index,
|
|
101
|
-
isBlockSelected: isSelected,
|
|
102
|
-
onMoveBackward: onMoveBackward(index),
|
|
103
|
-
onMoveForward: onMoveForward(index),
|
|
104
|
-
onRemove: onRemoveImage(index),
|
|
105
|
-
onSelect: selectImage(index),
|
|
106
|
-
onSelectBlock: onFocus,
|
|
107
|
-
setAttributes: attrs => onSetImageAttributes(index, attrs),
|
|
108
|
-
caption: img.caption,
|
|
109
|
-
"aria-label": ariaLabel,
|
|
110
|
-
isRTL: isRTL
|
|
111
|
-
}, img.id ? `${img.id}-${index}` : img.url);
|
|
112
|
-
})
|
|
113
|
-
}), /*#__PURE__*/_jsx(View, {
|
|
114
|
-
style: isFullWidth(align) && styles.fullWidth,
|
|
115
|
-
children: mediaPlaceholder
|
|
116
|
-
}), /*#__PURE__*/_jsx(BlockCaption, {
|
|
117
|
-
clientId: clientId,
|
|
118
|
-
isSelected: isCaptionSelected,
|
|
119
|
-
accessible: true,
|
|
120
|
-
accessibilityLabelCreator: caption => RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
|
|
121
|
-
'Gallery caption. Empty' : sprintf( /* translators: accessibility text. %s: gallery caption. */
|
|
122
|
-
__('Gallery caption. %s'), caption),
|
|
123
|
-
onFocus: focusGalleryCaption,
|
|
124
|
-
onBlur: onBlur // Always assign onBlur as props.
|
|
125
|
-
,
|
|
126
|
-
insertBlocksAfter: insertBlocksAfter
|
|
127
|
-
})]
|
|
128
|
-
});
|
|
129
|
-
};
|
|
130
|
-
export default Gallery;
|
|
131
|
-
//# sourceMappingURL=gallery.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["View","GalleryImage","defaultColumnsNumberV1","styles","Tiles","__","sprintf","BlockCaption","RichText","store","blockEditorStore","useState","useEffect","mediaUploadSync","useSelect","alignmentHelpers","jsx","_jsx","jsxs","_jsxs","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","Gallery","props","isCaptionSelected","setIsCaptionSelected","isRTL","select","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","style","flex","children","spacing","galleryTilesContainerSelected","undefined","map","img","ariaLabel","length","url","alt","id","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","accessible","accessibilityLabelCreator","isEmpty"],"sources":["@wordpress/block-library/src/gallery/v1/gallery.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport styles from './gallery-styles.scss';\nimport Tiles from './tiles';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockCaption,\n\tRichText,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useState, useEffect } from '@wordpress/element';\nimport { mediaUploadSync } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { alignmentHelpers } from '@wordpress/components';\n\nconst TILE_SPACING = 15;\n\n// we must limit displayed columns since readable content max-width is 580px\nconst MAX_DISPLAYED_COLUMNS = 4;\nconst MAX_DISPLAYED_COLUMNS_NARROW = 2;\n\nconst { isFullWidth } = alignmentHelpers;\n\nexport const Gallery = ( props ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tuseEffect( mediaUploadSync, [] );\n\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst {\n\t\tclientId,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonBlur,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonSetImageAttributes,\n\t\tonFocusGalleryCaption,\n\t\tattributes,\n\t\tisSelected,\n\t\tisNarrow,\n\t\tonFocus,\n\t\tinsertBlocksAfter,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\t// limit displayed columns when isNarrow is true (i.e. when viewport width is\n\t// less than \"small\", where small = 600)\n\tconst displayedColumns = isNarrow\n\t\t? Math.min( columns, MAX_DISPLAYED_COLUMNS_NARROW )\n\t\t: Math.min( columns, MAX_DISPLAYED_COLUMNS );\n\n\tconst selectImage = ( index ) => {\n\t\treturn () => {\n\t\t\tif ( isCaptionSelected ) {\n\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t}\n\t\t\t// We need to fully invoke the curried function here.\n\t\t\tonSelectImage( index )();\n\t\t};\n\t};\n\n\tconst focusGalleryCaption = () => {\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t\tonFocusGalleryCaption();\n\t};\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<Tiles\n\t\t\t\tcolumns={ displayedColumns }\n\t\t\t\tspacing={ TILE_SPACING }\n\t\t\t\tstyle={\n\t\t\t\t\tisSelected\n\t\t\t\t\t\t? styles.galleryTilesContainerSelected\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\tid={ parseInt( img.id, 10 ) } // make id an integer explicitly\n\t\t\t\t\t\t\tisCropped={ imageCrop }\n\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\tisSelected={ isSelected && selectedImage === index }\n\t\t\t\t\t\t\tisBlockSelected={ isSelected }\n\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\tonSelect={ selectImage( index ) }\n\t\t\t\t\t\t\tonSelectBlock={ onFocus }\n\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Tiles>\n\t\t\t<View style={ isFullWidth( align ) && styles.fullWidth }>\n\t\t\t\t{ mediaPlaceholder }\n\t\t\t</View>\n\t\t\t<BlockCaption\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\taccessible\n\t\t\t\taccessibilityLabelCreator={ ( caption ) =>\n\t\t\t\t\tRichText.isEmpty( caption )\n\t\t\t\t\t\t? /* translators: accessibility text. Empty gallery caption. */\n\t\t\t\t\t\t 'Gallery caption. Empty'\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: accessibility text. %s: gallery caption. */\n\t\t\t\t\t\t\t\t__( 'Gallery caption. %s' ),\n\t\t\t\t\t\t\t\tcaption\n\t\t\t\t\t\t )\n\t\t\t\t}\n\t\t\t\tonFocus={ focusGalleryCaption }\n\t\t\t\tonBlur={ onBlur } // Always assign onBlur as props.\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default Gallery;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import clsx from 'clsx';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { RichText, useBlockProps, __experimentalGetElementClassName } from '@wordpress/block-editor';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Internal dependencies
|
|
13
|
-
*/
|
|
14
|
-
import { defaultColumnsNumberV1 } from '../deprecated';
|
|
15
|
-
import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA } from './constants';
|
|
16
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
18
|
-
export default function saveV1({
|
|
19
|
-
attributes
|
|
20
|
-
}) {
|
|
21
|
-
const {
|
|
22
|
-
images,
|
|
23
|
-
columns = defaultColumnsNumberV1(attributes),
|
|
24
|
-
imageCrop,
|
|
25
|
-
caption,
|
|
26
|
-
linkTo
|
|
27
|
-
} = attributes;
|
|
28
|
-
const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
|
|
29
|
-
return /*#__PURE__*/_jsxs("figure", {
|
|
30
|
-
...useBlockProps.save({
|
|
31
|
-
className
|
|
32
|
-
}),
|
|
33
|
-
children: [/*#__PURE__*/_jsx("ul", {
|
|
34
|
-
className: "blocks-gallery-grid",
|
|
35
|
-
children: images.map(image => {
|
|
36
|
-
let href;
|
|
37
|
-
switch (linkTo) {
|
|
38
|
-
case LINK_DESTINATION_MEDIA:
|
|
39
|
-
href = image.fullUrl || image.url;
|
|
40
|
-
break;
|
|
41
|
-
case LINK_DESTINATION_ATTACHMENT:
|
|
42
|
-
href = image.link;
|
|
43
|
-
break;
|
|
44
|
-
}
|
|
45
|
-
const img = /*#__PURE__*/_jsx("img", {
|
|
46
|
-
src: image.url,
|
|
47
|
-
alt: image.alt,
|
|
48
|
-
"data-id": image.id,
|
|
49
|
-
"data-full-url": image.fullUrl,
|
|
50
|
-
"data-link": image.link,
|
|
51
|
-
className: image.id ? `wp-image-${image.id}` : null
|
|
52
|
-
});
|
|
53
|
-
return /*#__PURE__*/_jsx("li", {
|
|
54
|
-
className: "blocks-gallery-item",
|
|
55
|
-
children: /*#__PURE__*/_jsxs("figure", {
|
|
56
|
-
children: [href ? /*#__PURE__*/_jsx("a", {
|
|
57
|
-
href: href,
|
|
58
|
-
children: img
|
|
59
|
-
}) : img, !RichText.isEmpty(image.caption) && /*#__PURE__*/_jsx(RichText.Content, {
|
|
60
|
-
tagName: "figcaption",
|
|
61
|
-
className: clsx('blocks-gallery-item__caption', __experimentalGetElementClassName('caption')),
|
|
62
|
-
value: image.caption
|
|
63
|
-
})]
|
|
64
|
-
})
|
|
65
|
-
}, image.id || image.url);
|
|
66
|
-
})
|
|
67
|
-
}), !RichText.isEmpty(caption) && /*#__PURE__*/_jsx(RichText.Content, {
|
|
68
|
-
tagName: "figcaption",
|
|
69
|
-
className: clsx('blocks-gallery-caption', __experimentalGetElementClassName('caption')),
|
|
70
|
-
value: caption
|
|
71
|
-
})]
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
//# sourceMappingURL=save.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["clsx","RichText","useBlockProps","__experimentalGetElementClassName","defaultColumnsNumberV1","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","jsx","_jsx","jsxs","_jsxs","saveV1","attributes","images","columns","imageCrop","caption","linkTo","className","save","children","map","image","href","fullUrl","url","link","img","src","alt","id","isEmpty","Content","tagName","value"],"sources":["@wordpress/block-library/src/gallery/v1/save.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport default function saveV1( { attributes } ) {\n\tconst {\n\t\timages,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\tcaption,\n\t\tlinkTo,\n\t} = attributes;\n\tconst className = `columns-${ columns } ${ imageCrop ? 'is-cropped' : '' }`;\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( image ) => {\n\t\t\t\t\tlet href;\n\n\t\t\t\t\tswitch ( linkTo ) {\n\t\t\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\t\t\thref = image.fullUrl || image.url;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\t\t\thref = image.link;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst img = (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={ image.url }\n\t\t\t\t\t\t\talt={ image.alt }\n\t\t\t\t\t\t\tdata-id={ image.id }\n\t\t\t\t\t\t\tdata-full-url={ image.fullUrl }\n\t\t\t\t\t\t\tdata-link={ image.link }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\timage.id ? `wp-image-${ image.id }` : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={ image.id || image.url }\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t{ href ? <a href={ href }>{ img }</a> : img }\n\t\t\t\t\t\t\t\t{ ! RichText.isEmpty( image.caption ) && (\n\t\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t\t\t\t\t'blocks-gallery-item__caption',\n\t\t\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t\t\t'caption'\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\tvalue={ image.caption }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</figure>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t'blocks-gallery-caption',\n\t\t\t\t\t\t__experimentalGetElementClassName( 'caption' )\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,QAAQ,EACRC,aAAa,EACbC,iCAAiC,QAC3B,yBAAyB;;AAEhC;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,eAAe;AACtD,SACCC,2BAA2B,EAC3BC,sBAAsB,QAChB,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAErB,eAAe,SAASC,MAAMA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAChD,MAAM;IACLC,MAAM;IACNC,OAAO,GAAGV,sBAAsB,CAAEQ,UAAW,CAAC;IAC9CG,SAAS;IACTC,OAAO;IACPC;EACD,CAAC,GAAGL,UAAU;EACd,MAAMM,SAAS,GAAI,WAAWJ,OAAS,IAAIC,SAAS,GAAG,YAAY,GAAG,EAAI,EAAC;EAE3E,oBACCL,KAAA;IAAA,GAAaR,aAAa,CAACiB,IAAI,CAAE;MAAED;IAAU,CAAE,CAAC;IAAAE,QAAA,gBAC/CZ,IAAA;MAAIU,SAAS,EAAC,qBAAqB;MAAAE,QAAA,EAChCP,MAAM,CAACQ,GAAG,CAAIC,KAAK,IAAM;QAC1B,IAAIC,IAAI;QAER,QAASN,MAAM;UACd,KAAKX,sBAAsB;YAC1BiB,IAAI,GAAGD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,GAAG;YACjC;UACD,KAAKpB,2BAA2B;YAC/BkB,IAAI,GAAGD,KAAK,CAACI,IAAI;YACjB;QACF;QAEA,MAAMC,GAAG,gBACRnB,IAAA;UACCoB,GAAG,EAAGN,KAAK,CAACG,GAAK;UACjBI,GAAG,EAAGP,KAAK,CAACO,GAAK;UACjB,WAAUP,KAAK,CAACQ,EAAI;UACpB,iBAAgBR,KAAK,CAACE,OAAS;UAC/B,aAAYF,KAAK,CAACI,IAAM;UACxBR,SAAS,EACRI,KAAK,CAACQ,EAAE,GAAI,YAAYR,KAAK,CAACQ,EAAI,EAAC,GAAG;QACtC,CACD,CACD;QAED,oBACCtB,IAAA;UAECU,SAAS,EAAC,qBAAqB;UAAAE,QAAA,eAE/BV,KAAA;YAAAU,QAAA,GACGG,IAAI,gBAAGf,IAAA;cAAGe,IAAI,EAAGA,IAAM;cAAAH,QAAA,EAAGO;YAAG,CAAK,CAAC,GAAGA,GAAG,EACzC,CAAE1B,QAAQ,CAAC8B,OAAO,CAAET,KAAK,CAACN,OAAQ,CAAC,iBACpCR,IAAA,CAACP,QAAQ,CAAC+B,OAAO;cAChBC,OAAO,EAAC,YAAY;cACpBf,SAAS,EAAGlB,IAAI,CACf,8BAA8B,EAC9BG,iCAAiC,CAChC,SACD,CACD,CAAG;cACH+B,KAAK,EAAGZ,KAAK,CAACN;YAAS,CACvB,CACD;UAAA,CACM;QAAC,GAjBHM,KAAK,CAACQ,EAAE,IAAIR,KAAK,CAACG,GAkBrB,CAAC;MAEP,CAAE;IAAC,CACA,CAAC,EACH,CAAExB,QAAQ,CAAC8B,OAAO,CAAEf,OAAQ,CAAC,iBAC9BR,IAAA,CAACP,QAAQ,CAAC+B,OAAO;MAChBC,OAAO,EAAC,YAAY;MACpBf,SAAS,EAAGlB,IAAI,CACf,wBAAwB,EACxBG,iCAAiC,CAAE,SAAU,CAC9C,CAAG;MACH+B,KAAK,EAAGlB;IAAS,CACjB,CACD;EAAA,CACM,CAAC;AAEX","ignoreList":[]}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
|
|
2
|
-
const imageProps = Object.fromEntries(Object.entries(image !== null && image !== void 0 ? image : {}).filter(([key]) => ['alt', 'id', 'link', 'caption'].includes(key)));
|
|
3
|
-
imageProps.url = image?.sizes?.[sizeSlug]?.url || image?.media_details?.sizes?.[sizeSlug]?.source_url || image?.url;
|
|
4
|
-
const fullUrl = image?.sizes?.full?.url || image?.media_details?.sizes?.full?.source_url;
|
|
5
|
-
if (fullUrl) {
|
|
6
|
-
imageProps.fullUrl = fullUrl;
|
|
7
|
-
}
|
|
8
|
-
return imageProps;
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=shared.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["pickRelevantMediaFiles","image","sizeSlug","imageProps","Object","fromEntries","entries","filter","key","includes","url","sizes","media_details","source_url","fullUrl","full"],"sources":["@wordpress/block-library/src/gallery/v1/shared.js"],"sourcesContent":["export const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {\n\tconst imageProps = Object.fromEntries(\n\t\tObject.entries( image ?? {} ).filter( ( [ key ] ) =>\n\t\t\t[ 'alt', 'id', 'link', 'caption' ].includes( key )\n\t\t)\n\t);\n\n\timageProps.url =\n\t\timage?.sizes?.[ sizeSlug ]?.url ||\n\t\timage?.media_details?.sizes?.[ sizeSlug ]?.source_url ||\n\t\timage?.url;\n\tconst fullUrl =\n\t\timage?.sizes?.full?.url ||\n\t\timage?.media_details?.sizes?.full?.source_url;\n\tif ( fullUrl ) {\n\t\timageProps.fullUrl = fullUrl;\n\t}\n\treturn imageProps;\n};\n"],"mappings":"AAAA,OAAO,MAAMA,sBAAsB,GAAGA,CAAEC,KAAK,EAAEC,QAAQ,GAAG,OAAO,KAAM;EACtE,MAAMC,UAAU,GAAGC,MAAM,CAACC,WAAW,CACpCD,MAAM,CAACE,OAAO,CAAEL,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAE,CAAC,CAACM,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC9C,CAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAE,CAACC,QAAQ,CAAED,GAAI,CAClD,CACD,CAAC;EAEDL,UAAU,CAACO,GAAG,GACbT,KAAK,EAAEU,KAAK,GAAIT,QAAQ,CAAE,EAAEQ,GAAG,IAC/BT,KAAK,EAAEW,aAAa,EAAED,KAAK,GAAIT,QAAQ,CAAE,EAAEW,UAAU,IACrDZ,KAAK,EAAES,GAAG;EACX,MAAMI,OAAO,GACZb,KAAK,EAAEU,KAAK,EAAEI,IAAI,EAAEL,GAAG,IACvBT,KAAK,EAAEW,aAAa,EAAED,KAAK,EAAEI,IAAI,EAAEF,UAAU;EAC9C,IAAKC,OAAO,EAAG;IACdX,UAAU,CAACW,OAAO,GAAGA,OAAO;EAC7B;EACA,OAAOX,UAAU;AAClB,CAAC","ignoreList":[]}
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* External dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { View, StyleSheet } from 'react-native';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* WordPress dependencies
|
|
8
|
-
*/
|
|
9
|
-
import { Children } from '@wordpress/element';
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Internal dependencies
|
|
13
|
-
*/
|
|
14
|
-
import styles from './tiles-styles.scss';
|
|
15
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
16
|
-
function Tiles(props) {
|
|
17
|
-
const {
|
|
18
|
-
columns,
|
|
19
|
-
children,
|
|
20
|
-
spacing = 10,
|
|
21
|
-
style
|
|
22
|
-
} = props;
|
|
23
|
-
const {
|
|
24
|
-
compose
|
|
25
|
-
} = StyleSheet;
|
|
26
|
-
const tileCount = Children.count(children);
|
|
27
|
-
const lastTile = tileCount - 1;
|
|
28
|
-
const lastRow = Math.floor(lastTile / columns);
|
|
29
|
-
const wrappedChildren = Children.map(children, (child, index) => {
|
|
30
|
-
/**
|
|
31
|
-
* Since we don't have `calc()`, we must calculate our spacings here in
|
|
32
|
-
* order to preserve even spacing between tiles and equal width for tiles
|
|
33
|
-
* in a given row.
|
|
34
|
-
*
|
|
35
|
-
* In order to ensure equal sizing of tile contents, we distribute the
|
|
36
|
-
* spacing such that each tile has an equal "share" of the fixed spacing. To
|
|
37
|
-
* keep the tiles properly aligned within their rows, we calculate the left
|
|
38
|
-
* and right paddings based on the tile's relative position within the row.
|
|
39
|
-
*
|
|
40
|
-
* Note: we use padding instead of margins so that the fixed spacing is
|
|
41
|
-
* included within the relative spacing (i.e. width percentage), and
|
|
42
|
-
* wrapping behavior is preserved.
|
|
43
|
-
*
|
|
44
|
-
* - The left most tile in a row must have left padding of zero.
|
|
45
|
-
* - The right most tile in a row must have a right padding of zero.
|
|
46
|
-
*
|
|
47
|
-
* The values of these left and right paddings are interpolated for tiles in
|
|
48
|
-
* between. The right padding is complementary with the left padding of the
|
|
49
|
-
* next tile (i.e. the right padding of [tile n] + the left padding of
|
|
50
|
-
* [tile n + 1] will be equal for all tiles except the last one in a given
|
|
51
|
-
* row).
|
|
52
|
-
*/
|
|
53
|
-
|
|
54
|
-
const row = Math.floor(index / columns);
|
|
55
|
-
const rowLength = row === lastRow ? lastTile % columns + 1 : columns;
|
|
56
|
-
const indexInRow = index % columns;
|
|
57
|
-
return /*#__PURE__*/_jsx(View, {
|
|
58
|
-
style: [styles.tileStyle, {
|
|
59
|
-
width: `${100 / rowLength}%`,
|
|
60
|
-
paddingLeft: spacing * (indexInRow / rowLength),
|
|
61
|
-
paddingRight: spacing * (1 - (indexInRow + 1) / rowLength),
|
|
62
|
-
paddingTop: row === 0 ? 0 : spacing / 2,
|
|
63
|
-
paddingBottom: row === lastRow ? 0 : spacing / 2
|
|
64
|
-
}],
|
|
65
|
-
children: child
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
const containerStyle = compose(styles.containerStyle, style);
|
|
69
|
-
return /*#__PURE__*/_jsx(View, {
|
|
70
|
-
style: containerStyle,
|
|
71
|
-
children: wrappedChildren
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
export default Tiles;
|
|
75
|
-
//# sourceMappingURL=tiles.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["View","StyleSheet","Children","styles","jsx","_jsx","Tiles","props","columns","children","spacing","style","compose","tileCount","count","lastTile","lastRow","Math","floor","wrappedChildren","map","child","index","row","rowLength","indexInRow","tileStyle","width","paddingLeft","paddingRight","paddingTop","paddingBottom","containerStyle"],"sources":["@wordpress/block-library/src/gallery/v1/tiles.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './tiles-styles.scss';\n\nfunction Tiles( props ) {\n\tconst { columns, children, spacing = 10, style } = props;\n\n\tconst { compose } = StyleSheet;\n\n\tconst tileCount = Children.count( children );\n\tconst lastTile = tileCount - 1;\n\tconst lastRow = Math.floor( lastTile / columns );\n\n\tconst wrappedChildren = Children.map( children, ( child, index ) => {\n\t\t/**\n\t\t * Since we don't have `calc()`, we must calculate our spacings here in\n\t\t * order to preserve even spacing between tiles and equal width for tiles\n\t\t * in a given row.\n\t\t *\n\t\t * In order to ensure equal sizing of tile contents, we distribute the\n\t\t * spacing such that each tile has an equal \"share\" of the fixed spacing. To\n\t\t * keep the tiles properly aligned within their rows, we calculate the left\n\t\t * and right paddings based on the tile's relative position within the row.\n\t\t *\n\t\t * Note: we use padding instead of margins so that the fixed spacing is\n\t\t * included within the relative spacing (i.e. width percentage), and\n\t\t * wrapping behavior is preserved.\n\t\t *\n\t\t * - The left most tile in a row must have left padding of zero.\n\t\t * - The right most tile in a row must have a right padding of zero.\n\t\t *\n\t\t * The values of these left and right paddings are interpolated for tiles in\n\t\t * between. The right padding is complementary with the left padding of the\n\t\t * next tile (i.e. the right padding of [tile n] + the left padding of\n\t\t * [tile n + 1] will be equal for all tiles except the last one in a given\n\t\t * row).\n\t\t */\n\n\t\tconst row = Math.floor( index / columns );\n\t\tconst rowLength =\n\t\t\trow === lastRow ? ( lastTile % columns ) + 1 : columns;\n\t\tconst indexInRow = index % columns;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.tileStyle,\n\t\t\t\t\t{\n\t\t\t\t\t\twidth: `${ 100 / rowLength }%`,\n\t\t\t\t\t\tpaddingLeft: spacing * ( indexInRow / rowLength ),\n\t\t\t\t\t\tpaddingRight:\n\t\t\t\t\t\t\tspacing * ( 1 - ( indexInRow + 1 ) / rowLength ),\n\t\t\t\t\t\tpaddingTop: row === 0 ? 0 : spacing / 2,\n\t\t\t\t\t\tpaddingBottom: row === lastRow ? 0 : spacing / 2,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ child }\n\t\t\t</View>\n\t\t);\n\t} );\n\n\tconst containerStyle = compose( styles.containerStyle, style );\n\n\treturn <View style={ containerStyle }>{ wrappedChildren }</View>;\n}\n\nexport default Tiles;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,UAAU,QAAQ,cAAc;;AAE/C;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEzC,SAASC,KAAKA,CAAEC,KAAK,EAAG;EACvB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,OAAO,GAAG,EAAE;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAExD,MAAM;IAAEK;EAAQ,CAAC,GAAGX,UAAU;EAE9B,MAAMY,SAAS,GAAGX,QAAQ,CAACY,KAAK,CAAEL,QAAS,CAAC;EAC5C,MAAMM,QAAQ,GAAGF,SAAS,GAAG,CAAC;EAC9B,MAAMG,OAAO,GAAGC,IAAI,CAACC,KAAK,CAAEH,QAAQ,GAAGP,OAAQ,CAAC;EAEhD,MAAMW,eAAe,GAAGjB,QAAQ,CAACkB,GAAG,CAAEX,QAAQ,EAAE,CAAEY,KAAK,EAAEC,KAAK,KAAM;IACnE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IAEE,MAAMC,GAAG,GAAGN,IAAI,CAACC,KAAK,CAAEI,KAAK,GAAGd,OAAQ,CAAC;IACzC,MAAMgB,SAAS,GACdD,GAAG,KAAKP,OAAO,GAAKD,QAAQ,GAAGP,OAAO,GAAK,CAAC,GAAGA,OAAO;IACvD,MAAMiB,UAAU,GAAGH,KAAK,GAAGd,OAAO;IAElC,oBACCH,IAAA,CAACL,IAAI;MACJW,KAAK,EAAG,CACPR,MAAM,CAACuB,SAAS,EAChB;QACCC,KAAK,EAAG,GAAG,GAAG,GAAGH,SAAW,GAAE;QAC9BI,WAAW,EAAElB,OAAO,IAAKe,UAAU,GAAGD,SAAS,CAAE;QACjDK,YAAY,EACXnB,OAAO,IAAK,CAAC,GAAG,CAAEe,UAAU,GAAG,CAAC,IAAKD,SAAS,CAAE;QACjDM,UAAU,EAAEP,GAAG,KAAK,CAAC,GAAG,CAAC,GAAGb,OAAO,GAAG,CAAC;QACvCqB,aAAa,EAAER,GAAG,KAAKP,OAAO,GAAG,CAAC,GAAGN,OAAO,GAAG;MAChD,CAAC,CACC;MAAAD,QAAA,EAEDY;IAAK,CACF,CAAC;EAET,CAAE,CAAC;EAEH,MAAMW,cAAc,GAAGpB,OAAO,CAAET,MAAM,CAAC6B,cAAc,EAAErB,KAAM,CAAC;EAE9D,oBAAON,IAAA,CAACL,IAAI;IAACW,KAAK,EAAGqB,cAAgB;IAAAvB,QAAA,EAAGU;EAAe,CAAQ,CAAC;AACjE;AAEA,eAAeb,KAAK","ignoreList":[]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
// The following dropdown menu props aim to provide a consistent offset and
|
|
2
|
-
// placement for ToolsPanel menus for block controls to match color popovers.
|
|
3
|
-
export const TOOLSPANEL_DROPDOWNMENU_PROPS = {
|
|
4
|
-
popoverProps: {
|
|
5
|
-
placement: 'left-start',
|
|
6
|
-
offset: 259 // Inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)
|
|
7
|
-
}
|
|
8
|
-
};
|
|
9
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOOLSPANEL_DROPDOWNMENU_PROPS","popoverProps","placement","offset"],"sources":["@wordpress/block-library/src/utils/constants.js"],"sourcesContent":["// The following dropdown menu props aim to provide a consistent offset and\n// placement for ToolsPanel menus for block controls to match color popovers.\nexport const TOOLSPANEL_DROPDOWNMENU_PROPS = {\n\tpopoverProps: {\n\t\tplacement: 'left-start',\n\t\toffset: 259, // Inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)\n\t},\n};\n"],"mappings":"AAAA;AACA;AACA,OAAO,MAAMA,6BAA6B,GAAG;EAC5CC,YAAY,EAAE;IACbC,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,GAAG,CAAE;EACd;AACD,CAAC","ignoreList":[]}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { compose } from '@wordpress/compose';
|
|
5
|
-
import { withNotices } from '@wordpress/components';
|
|
6
|
-
|
|
7
|
-
/**
|
|
8
|
-
* Internal dependencies
|
|
9
|
-
*/
|
|
10
|
-
import EditWithInnerBlocks from './edit';
|
|
11
|
-
import EditWithoutInnerBlocks from './v1/edit';
|
|
12
|
-
import { isGalleryV2Enabled } from './shared';
|
|
13
|
-
|
|
14
|
-
/*
|
|
15
|
-
* Using a wrapper around the logic to load the edit for v1 of Gallery block
|
|
16
|
-
* or the refactored version with InnerBlocks. This is to prevent conditional
|
|
17
|
-
* use of hooks lint errors if adding this logic to the top of the edit component.
|
|
18
|
-
*/
|
|
19
|
-
function GalleryEditWrapper( props ) {
|
|
20
|
-
if ( ! isGalleryV2Enabled() ) {
|
|
21
|
-
return <EditWithoutInnerBlocks { ...props } />;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
return <EditWithInnerBlocks { ...props } />;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export default compose( [ withNotices ] )( GalleryEditWrapper );
|