@wordpress/block-library 9.1.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 +21 -17
- 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/button/index.js +1 -0
- package/build/button/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 +33 -19
- 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/lock-unlock.js +1 -1
- package/build/lock-unlock.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/quote/edit.js +1 -0
- package/build/quote/edit.js.map +1 -1
- package/build/site-tagline/index.js +1 -0
- package/build/site-tagline/index.js.map +1 -1
- package/build/site-title/index.js +1 -0
- package/build/site-title/index.js.map +1 -1
- package/build/social-link/edit.js +9 -3
- 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/table-of-contents/index.js +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/caption.js +2 -1
- package/build/utils/caption.js.map +1 -1
- package/build/utils/hooks.js +12 -0
- package/build/utils/hooks.js.map +1 -1
- package/build/verse/index.js +1 -0
- package/build/verse/index.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/button/index.js +1 -0
- package/build-module/button/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 +28 -14
- 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/lock-unlock.js +1 -1
- package/build-module/lock-unlock.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/quote/edit.js +1 -0
- package/build-module/quote/edit.js.map +1 -1
- package/build-module/site-tagline/index.js +1 -0
- package/build-module/site-tagline/index.js.map +1 -1
- package/build-module/site-title/index.js +1 -0
- package/build-module/site-title/index.js.map +1 -1
- package/build-module/social-link/edit.js +9 -3
- 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/table-of-contents/index.js +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/caption.js +2 -1
- package/build-module/utils/caption.js.map +1 -1
- package/build-module/utils/hooks.js +11 -0
- package/build-module/utils/hooks.js.map +1 -1
- package/build-module/verse/index.js +1 -0
- package/build-module/verse/index.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/audio/style-rtl.css +1 -1
- package/build-style/audio/style.css +1 -1
- package/build-style/audio/theme-rtl.css +2 -2
- package/build-style/audio/theme.css +2 -2
- package/build-style/common-rtl.css +1 -3
- package/build-style/common.css +1 -3
- package/build-style/editor-rtl.css +3 -12
- package/build-style/editor.css +3 -12
- package/build-style/embed/style-rtl.css +1 -1
- package/build-style/embed/style.css +1 -1
- package/build-style/embed/theme-rtl.css +2 -2
- package/build-style/embed/theme.css +2 -2
- package/build-style/image/editor-rtl.css +0 -12
- package/build-style/image/editor.css +0 -12
- package/build-style/image/style-rtl.css +7 -1
- package/build-style/image/style.css +7 -1
- package/build-style/media-text/style-rtl.css +4 -0
- package/build-style/media-text/style.css +4 -0
- package/build-style/navigation/style-rtl.css +1 -0
- package/build-style/navigation/style.css +1 -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/reset-rtl.css +1 -5
- package/build-style/reset.css +1 -5
- package/build-style/search/style-rtl.css +1 -2
- package/build-style/search/style.css +1 -2
- 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 +119 -110
- package/build-style/style.css +119 -110
- package/build-style/table/theme-rtl.css +2 -2
- package/build-style/table/theme.css +2 -2
- package/build-style/theme-rtl.css +8 -8
- package/build-style/theme.css +8 -8
- package/build-style/video/style-rtl.css +1 -1
- package/build-style/video/style.css +1 -1
- package/build-style/video/theme-rtl.css +2 -2
- package/build-style/video/theme.css +2 -2
- package/package.json +35 -35
- package/src/audio/block.json +4 -0
- package/src/audio/edit.js +19 -7
- package/src/audio/style.scss +1 -1
- package/src/audio/theme.scss +1 -1
- package/src/audio/transforms.js +1 -1
- package/src/block/block.json +5 -1
- package/src/block/edit.js +0 -1
- package/src/button/block.json +1 -0
- package/src/button/index.php +14 -1
- package/src/embed/embed-preview.js +4 -6
- package/src/embed/style.scss +1 -1
- package/src/embed/theme.scss +1 -1
- 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/editor.scss +0 -13
- package/src/image/image.js +45 -16
- package/src/image/index.php +26 -5
- package/src/image/style.scss +11 -1
- 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/lock-unlock.js +1 -1
- package/src/loginout/block.json +3 -0
- package/src/media-text/edit.js +3 -2
- package/src/media-text/index.php +68 -18
- package/src/media-text/style.scss +4 -0
- package/src/navigation/index.php +5 -3
- package/src/navigation/style.scss +1 -0
- 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/paragraph/test/__snapshots__/edit.native.js.snap +30 -0
- package/src/paragraph/test/edit.native.js +99 -0
- 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 +9 -3
- 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/quote/edit.js +1 -0
- package/src/reset.scss +11 -12
- package/src/site-tagline/block.json +1 -0
- package/src/site-title/block.json +1 -0
- package/src/social-link/edit.js +9 -3
- package/src/social-links/style.scss +2 -2
- package/src/table/edit.js +11 -24
- package/src/table/theme.scss +1 -1
- package/src/table-of-contents/block.json +1 -1
- package/src/template-part/edit/title-modal.js +1 -1
- package/src/template-part/index.php +1 -1
- package/src/utils/caption.js +5 -1
- package/src/utils/hooks.js +14 -1
- package/src/verse/block.json +1 -0
- package/src/video/block.json +4 -0
- package/src/video/edit.js +23 -8
- package/src/video/style.scss +1 -1
- package/src/video/theme.scss +1 -1
- 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 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_reactNativeBridge","_element","_components","_i18n","_blockEditor","_url","_compose","_icons","_galleryButton","_interopRequireDefault","_galleryImageStyle","_jsxRuntime","compose","StyleSheet","separatorStyle","style","separator","borderRightWidth","hairlineWidth","buttonStyle","button","aspectRatio","ICON_SIZE_ARROW","GalleryImage","Component","constructor","arguments","onSelectImage","bind","onSelectCaption","onMediaPressed","onCaptionChange","onSelectMedia","updateMediaProgress","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","renderContent","state","captionSelected","isUploadInProgress","didUploadFail","setState","props","isSelected","onSelect","id","url","requestImageUploadCancelDialog","getProtocol","requestImageFailedRetryDialog","requestImageFullscreenPreview","isBlockSelected","onSelectBlock","media","setAttributes","caption","componentDidUpdate","prevProps","image","source_url","alt","alt_text","payload","mediaServerId","mediaUrl","params","isFirstItem","isLastItem","onRemove","onMoveForward","onMoveBackward","ariaLabel","isCropped","getStylesFromColorScheme","isRTL","isUploadFailed","retryMessage","resizeMode","captionPlaceholderStyle","captionPlaceholder","captionPlaceholderDark","shouldShowCaptionEditable","shouldShowCaptionExpanded","captionContainerStyle","captionExpandedContainer","captionContainer","captionStyle","captionExpanded","mediaPickerOptions","destructiveButton","label","__","onPress","separated","value","jsxs","Fragment","children","jsx","Image","height","onSelectMediaUploadOption","retryIcon","warning","View","toolbarContainer","toolbar","moverButtonContainer","default","icon","arrowRight","arrowLeft","iconSize","onClick","undefined","accessibilityLabel","disabled","ScrollView","nestedScrollEnabled","keyboardShouldPersistTaps","bounces","Caption","inlineToolbar","onChange","onFocus","placeholder","placeholderTextColor","color","render","containerStyle","galleryImageContainer","galleryImageContainerDark","TouchableWithoutFeedback","accessible","accessibilityLabelImageContainer","accessibilityRole","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset","sprintf","_default","exports","withPreferredColorScheme"],"sources":["@wordpress/block-library/src/gallery/v1/gallery-image.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tStyleSheet,\n\tView,\n\tScrollView,\n\tTouchableWithoutFeedback,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Component } from '@wordpress/element';\nimport { Image } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Caption, MediaUploadProgress } from '@wordpress/block-editor';\nimport { getProtocol } from '@wordpress/url';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { arrowLeft, arrowRight, warning } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Button from './gallery-button';\nimport style from './gallery-image-style.scss';\n\nconst { compose } = StyleSheet;\n\nconst separatorStyle = compose( style.separator, {\n\tborderRightWidth: StyleSheet.hairlineWidth,\n} );\nconst buttonStyle = compose( style.button, { aspectRatio: 1 } );\nconst ICON_SIZE_ARROW = 15;\n\nclass GalleryImage extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\n\t\tthis.onSelectImage = this.onSelectImage.bind( this );\n\t\tthis.onSelectCaption = this.onSelectCaption.bind( this );\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\t\tthis.onCaptionChange = this.onCaptionChange.bind( this );\n\t\tthis.onSelectMedia = this.onSelectMedia.bind( this );\n\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.renderContent = this.renderContent.bind( this );\n\n\t\tthis.state = {\n\t\t\tcaptionSelected: false,\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t};\n\t}\n\n\tonSelectCaption() {\n\t\tif ( ! this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: true,\n\t\t\t} );\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\t}\n\n\tonMediaPressed() {\n\t\tconst { id, url, isSelected } = this.props;\n\t\tconst { captionSelected, isUploadInProgress, didUploadFail } =\n\t\t\tthis.state;\n\n\t\tthis.onSelectImage();\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if (\n\t\t\tdidUploadFail ||\n\t\t\t( id && getProtocol( url ) === 'file:' )\n\t\t) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isSelected && ! captionSelected ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t}\n\n\tonSelectImage() {\n\t\tif ( ! this.props.isBlockSelected ) {\n\t\t\tthis.props.onSelectBlock();\n\t\t}\n\n\t\tif ( ! this.props.isSelected ) {\n\t\t\tthis.props.onSelect();\n\t\t}\n\n\t\tif ( this.state.captionSelected ) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tonSelectMedia( media ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( media );\n\t}\n\n\tonCaptionChange( caption ) {\n\t\tconst { setAttributes } = this.props;\n\t\tsetAttributes( { caption } );\n\t}\n\n\tcomponentDidUpdate( prevProps ) {\n\t\tconst { isSelected, image, url } = this.props;\n\t\tif ( image && ! url ) {\n\t\t\tthis.props.setAttributes( {\n\t\t\t\turl: image.source_url,\n\t\t\t\talt: image.alt_text,\n\t\t\t} );\n\t\t}\n\n\t\t// Unselect the caption so when the user selects other image and comeback\n\t\t// the caption is not immediately selected.\n\t\tif (\n\t\t\tthis.state.captionSelected &&\n\t\t\t! isSelected &&\n\t\t\tprevProps.isSelected\n\t\t) {\n\t\t\tthis.setState( {\n\t\t\t\tcaptionSelected: false,\n\t\t\t} );\n\t\t}\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: false,\n\t\t} );\n\n\t\tthis.props.setAttributes( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( {\n\t\t\tisUploadInProgress: false,\n\t\t\tdidUploadFail: true,\n\t\t} );\n\t}\n\n\trenderContent( params ) {\n\t\tconst {\n\t\t\turl,\n\t\t\tisFirstItem,\n\t\t\tisLastItem,\n\t\t\tisSelected,\n\t\t\tcaption,\n\t\t\tonRemove,\n\t\t\tonMoveForward,\n\t\t\tonMoveBackward,\n\t\t\t'aria-label': ariaLabel,\n\t\t\tisCropped,\n\t\t\tgetStylesFromColorScheme,\n\t\t\tisRTL,\n\t\t} = this.props;\n\n\t\tconst { isUploadInProgress, captionSelected } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst resizeMode = isCropped ? 'cover' : 'contain';\n\n\t\tconst captionPlaceholderStyle = getStylesFromColorScheme(\n\t\t\tstyle.captionPlaceholder,\n\t\t\tstyle.captionPlaceholderDark\n\t\t);\n\n\t\tconst shouldShowCaptionEditable = ! isUploadFailed && isSelected;\n\t\tconst shouldShowCaptionExpanded =\n\t\t\t! isUploadFailed && ! isSelected && !! caption;\n\n\t\tconst captionContainerStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpandedContainer\n\t\t\t: style.captionContainer;\n\n\t\tconst captionStyle = shouldShowCaptionExpanded\n\t\t\t? style.captionExpanded\n\t\t\t: style.caption;\n\n\t\tconst mediaPickerOptions = [\n\t\t\t{\n\t\t\t\tdestructiveButton: true,\n\t\t\t\tid: 'removeImage',\n\t\t\t\tlabel: __( 'Remove' ),\n\t\t\t\tonPress: onRemove,\n\t\t\t\tseparated: true,\n\t\t\t\tvalue: 'removeImage',\n\t\t\t},\n\t\t];\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Image\n\t\t\t\t\talt={ ariaLabel }\n\t\t\t\t\theight={ style.image.height }\n\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\tmediaPickerOptions={ mediaPickerOptions }\n\t\t\t\t\tonSelectMediaUploadOption={ this.onSelectMedia }\n\t\t\t\t\tresizeMode={ resizeMode }\n\t\t\t\t\turl={ url }\n\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\tretryIcon={ warning }\n\t\t\t\t/>\n\n\t\t\t\t{ ! isUploadInProgress && isSelected && (\n\t\t\t\t\t<View style={ style.toolbarContainer }>\n\t\t\t\t\t\t<View style={ style.toolbar }>\n\t\t\t\t\t\t\t<View style={ style.moverButtonContainer }>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowRight : arrowLeft }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisFirstItem ? undefined : onMoveBackward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Backward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isFirstItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<View style={ separatorStyle } />\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tstyle={ buttonStyle }\n\t\t\t\t\t\t\t\t\ticon={ isRTL ? arrowLeft : arrowRight }\n\t\t\t\t\t\t\t\t\ticonSize={ ICON_SIZE_ARROW }\n\t\t\t\t\t\t\t\t\tonClick={\n\t\t\t\t\t\t\t\t\t\tisLastItem ? undefined : onMoveForward\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\taccessibilityLabel={ __(\n\t\t\t\t\t\t\t\t\t\t'Move Image Forward'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\taria-disabled={ isLastItem }\n\t\t\t\t\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ ! isUploadInProgress &&\n\t\t\t\t\t( shouldShowCaptionEditable ||\n\t\t\t\t\t\tshouldShowCaptionExpanded ) && (\n\t\t\t\t\t\t<View style={ captionContainerStyle }>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\tnestedScrollEnabled\n\t\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"handled\"\n\t\t\t\t\t\t\t\tbounces={ false }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Caption\n\t\t\t\t\t\t\t\t\tinlineToolbar\n\t\t\t\t\t\t\t\t\tisSelected={ isSelected && captionSelected }\n\t\t\t\t\t\t\t\t\tonChange={ this.onCaptionChange }\n\t\t\t\t\t\t\t\t\tonFocus={ this.onSelectCaption }\n\t\t\t\t\t\t\t\t\tplaceholder={\n\t\t\t\t\t\t\t\t\t\tisSelected ? __( 'Add caption' ) : null\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tplaceholderTextColor={\n\t\t\t\t\t\t\t\t\t\tcaptionPlaceholderStyle.color\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tstyle={ captionStyle }\n\t\t\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ScrollView>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { id, onRemove, getStylesFromColorScheme, isSelected } =\n\t\t\tthis.props;\n\n\t\tconst containerStyle = getStylesFromColorScheme(\n\t\t\tstyle.galleryImageContainer,\n\t\t\tstyle.galleryImageContainerDark\n\t\t);\n\n\t\treturn (\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\taccessible={ ! isSelected } // We need only child views to be accessible after the selection.\n\t\t\t\taccessibilityLabel={ this.accessibilityLabelImageContainer() } // if we don't set this explicitly it reads system provided accessibilityLabels of all child components and those include pretty technical words which don't make sense\n\t\t\t\taccessibilityRole=\"imagebutton\" // this makes VoiceOver to read a description of image provided by system on iOS and lets user know this is a button which conveys the message of tappablity\n\t\t\t>\n\t\t\t\t<View style={ containerStyle }>\n\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\tmediaId={ id }\n\t\t\t\t\t\tonUpdateMediaProgress={ this.updateMediaProgress }\n\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonMediaUploadStateReset={ onRemove }\n\t\t\t\t\t\trenderContent={ this.renderContent }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t);\n\t}\n\n\taccessibilityLabelImageContainer() {\n\t\tconst { caption, 'aria-label': ariaLabel } = this.props;\n\n\t\treturn ! caption\n\t\t\t? ariaLabel\n\t\t\t: ariaLabel +\n\t\t\t\t\t'. ' +\n\t\t\t\t\tsprintf(\n\t\t\t\t\t\t/* translators: accessibility text. %s: image caption. */\n\t\t\t\t\t\t__( 'Image caption. %s' ),\n\t\t\t\t\t\tcaption\n\t\t\t\t\t);\n\t}\n}\n\nexport default withPreferredColorScheme( GalleryImage );\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = exports.Gallery = void 0;
|
|
8
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
-
var _blockEditor = require("@wordpress/block-editor");
|
|
10
|
-
var _components = require("@wordpress/components");
|
|
11
|
-
var _i18n = require("@wordpress/i18n");
|
|
12
|
-
var _blocks = require("@wordpress/blocks");
|
|
13
|
-
var _galleryImage = _interopRequireDefault(require("./gallery-image"));
|
|
14
|
-
var _deprecated = require("../deprecated");
|
|
15
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
-
/**
|
|
17
|
-
* External dependencies
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* WordPress dependencies
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Internal dependencies
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
const Gallery = props => {
|
|
29
|
-
const {
|
|
30
|
-
attributes,
|
|
31
|
-
isSelected,
|
|
32
|
-
setAttributes,
|
|
33
|
-
selectedImage,
|
|
34
|
-
mediaPlaceholder,
|
|
35
|
-
onMoveBackward,
|
|
36
|
-
onMoveForward,
|
|
37
|
-
onRemoveImage,
|
|
38
|
-
onSelectImage,
|
|
39
|
-
onDeselectImage,
|
|
40
|
-
onSetImageAttributes,
|
|
41
|
-
insertBlocksAfter,
|
|
42
|
-
blockProps
|
|
43
|
-
} = props;
|
|
44
|
-
const {
|
|
45
|
-
align,
|
|
46
|
-
columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
|
|
47
|
-
caption,
|
|
48
|
-
imageCrop,
|
|
49
|
-
images
|
|
50
|
-
} = attributes;
|
|
51
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
|
|
52
|
-
...blockProps,
|
|
53
|
-
className: (0, _clsx.default)(blockProps.className, {
|
|
54
|
-
[`align${align}`]: align,
|
|
55
|
-
[`columns-${columns}`]: columns,
|
|
56
|
-
'is-cropped': imageCrop
|
|
57
|
-
}),
|
|
58
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
59
|
-
className: "blocks-gallery-grid",
|
|
60
|
-
children: images.map((img, index) => {
|
|
61
|
-
const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
|
|
62
|
-
(0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
|
|
63
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
64
|
-
className: "blocks-gallery-item",
|
|
65
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryImage.default, {
|
|
66
|
-
url: img.url,
|
|
67
|
-
alt: img.alt,
|
|
68
|
-
id: img.id,
|
|
69
|
-
isFirstItem: index === 0,
|
|
70
|
-
isLastItem: index + 1 === images.length,
|
|
71
|
-
isSelected: isSelected && selectedImage === index,
|
|
72
|
-
onMoveBackward: onMoveBackward(index),
|
|
73
|
-
onMoveForward: onMoveForward(index),
|
|
74
|
-
onRemove: onRemoveImage(index),
|
|
75
|
-
onSelect: onSelectImage(index),
|
|
76
|
-
onDeselect: onDeselectImage(index),
|
|
77
|
-
setAttributes: attrs => onSetImageAttributes(index, attrs),
|
|
78
|
-
caption: img.caption,
|
|
79
|
-
"aria-label": ariaLabel,
|
|
80
|
-
sizeSlug: attributes.sizeSlug
|
|
81
|
-
})
|
|
82
|
-
}, img.id ? `${img.id}-${index}` : img.url);
|
|
83
|
-
})
|
|
84
|
-
}), mediaPlaceholder, /*#__PURE__*/(0, _jsxRuntime.jsx)(RichTextVisibilityHelper, {
|
|
85
|
-
isHidden: !isSelected && _blockEditor.RichText.isEmpty(caption),
|
|
86
|
-
tagName: "figcaption",
|
|
87
|
-
className: (0, _clsx.default)('blocks-gallery-caption', (0, _blockEditor.__experimentalGetElementClassName)('caption')),
|
|
88
|
-
"aria-label": (0, _i18n.__)('Gallery caption text'),
|
|
89
|
-
placeholder: (0, _i18n.__)('Write gallery caption…'),
|
|
90
|
-
value: caption,
|
|
91
|
-
onChange: value => setAttributes({
|
|
92
|
-
caption: value
|
|
93
|
-
}),
|
|
94
|
-
inlineToolbar: true,
|
|
95
|
-
__unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
|
|
96
|
-
})]
|
|
97
|
-
});
|
|
98
|
-
};
|
|
99
|
-
exports.Gallery = Gallery;
|
|
100
|
-
function RichTextVisibilityHelper({
|
|
101
|
-
isHidden,
|
|
102
|
-
...richTextProps
|
|
103
|
-
}) {
|
|
104
|
-
return isHidden ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
|
|
105
|
-
as: _blockEditor.RichText,
|
|
106
|
-
...richTextProps
|
|
107
|
-
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText, {
|
|
108
|
-
...richTextProps
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
var _default = exports.default = Gallery;
|
|
112
|
-
//# sourceMappingURL=gallery.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_components","_i18n","_blocks","_galleryImage","_deprecated","_jsxRuntime","Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","defaultColumnsNumberV1","caption","imageCrop","images","jsxs","className","clsx","children","jsx","map","img","index","ariaLabel","sprintf","__","length","default","url","alt","id","isFirstItem","isLastItem","onRemove","onSelect","onDeselect","attrs","sizeSlug","RichTextVisibilityHelper","isHidden","RichText","isEmpty","tagName","__experimentalGetElementClassName","placeholder","value","onChange","inlineToolbar","__unstableOnSplitAtEnd","createBlock","getDefaultBlockName","exports","richTextProps","VisuallyHidden","as","_default"],"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,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = exports.Gallery = void 0;
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _galleryImage = _interopRequireDefault(require("./gallery-image"));
|
|
10
|
-
var _deprecated = require("../deprecated");
|
|
11
|
-
var _galleryStyles = _interopRequireDefault(require("./gallery-styles.scss"));
|
|
12
|
-
var _tiles = _interopRequireDefault(require("./tiles"));
|
|
13
|
-
var _i18n = require("@wordpress/i18n");
|
|
14
|
-
var _blockEditor = require("@wordpress/block-editor");
|
|
15
|
-
var _element = require("@wordpress/element");
|
|
16
|
-
var _reactNativeBridge = require("@wordpress/react-native-bridge");
|
|
17
|
-
var _data = require("@wordpress/data");
|
|
18
|
-
var _components = require("@wordpress/components");
|
|
19
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
-
/**
|
|
21
|
-
* External dependencies
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
/**
|
|
25
|
-
* Internal dependencies
|
|
26
|
-
*/
|
|
27
|
-
|
|
28
|
-
/**
|
|
29
|
-
* WordPress dependencies
|
|
30
|
-
*/
|
|
31
|
-
|
|
32
|
-
const TILE_SPACING = 15;
|
|
33
|
-
|
|
34
|
-
// we must limit displayed columns since readable content max-width is 580px
|
|
35
|
-
const MAX_DISPLAYED_COLUMNS = 4;
|
|
36
|
-
const MAX_DISPLAYED_COLUMNS_NARROW = 2;
|
|
37
|
-
const {
|
|
38
|
-
isFullWidth
|
|
39
|
-
} = _components.alignmentHelpers;
|
|
40
|
-
const Gallery = props => {
|
|
41
|
-
const [isCaptionSelected, setIsCaptionSelected] = (0, _element.useState)(false);
|
|
42
|
-
(0, _element.useEffect)(_reactNativeBridge.mediaUploadSync, []);
|
|
43
|
-
const isRTL = (0, _data.useSelect)(select => {
|
|
44
|
-
return !!select(_blockEditor.store).getSettings().isRTL;
|
|
45
|
-
}, []);
|
|
46
|
-
const {
|
|
47
|
-
clientId,
|
|
48
|
-
selectedImage,
|
|
49
|
-
mediaPlaceholder,
|
|
50
|
-
onBlur,
|
|
51
|
-
onMoveBackward,
|
|
52
|
-
onMoveForward,
|
|
53
|
-
onRemoveImage,
|
|
54
|
-
onSelectImage,
|
|
55
|
-
onSetImageAttributes,
|
|
56
|
-
onFocusGalleryCaption,
|
|
57
|
-
attributes,
|
|
58
|
-
isSelected,
|
|
59
|
-
isNarrow,
|
|
60
|
-
onFocus,
|
|
61
|
-
insertBlocksAfter
|
|
62
|
-
} = props;
|
|
63
|
-
const {
|
|
64
|
-
align,
|
|
65
|
-
columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
|
|
66
|
-
imageCrop,
|
|
67
|
-
images
|
|
68
|
-
} = attributes;
|
|
69
|
-
|
|
70
|
-
// limit displayed columns when isNarrow is true (i.e. when viewport width is
|
|
71
|
-
// less than "small", where small = 600)
|
|
72
|
-
const displayedColumns = isNarrow ? Math.min(columns, MAX_DISPLAYED_COLUMNS_NARROW) : Math.min(columns, MAX_DISPLAYED_COLUMNS);
|
|
73
|
-
const selectImage = index => {
|
|
74
|
-
return () => {
|
|
75
|
-
if (isCaptionSelected) {
|
|
76
|
-
setIsCaptionSelected(false);
|
|
77
|
-
}
|
|
78
|
-
// We need to fully invoke the curried function here.
|
|
79
|
-
onSelectImage(index)();
|
|
80
|
-
};
|
|
81
|
-
};
|
|
82
|
-
const focusGalleryCaption = () => {
|
|
83
|
-
if (!isCaptionSelected) {
|
|
84
|
-
setIsCaptionSelected(true);
|
|
85
|
-
}
|
|
86
|
-
onFocusGalleryCaption();
|
|
87
|
-
};
|
|
88
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
89
|
-
style: {
|
|
90
|
-
flex: 1
|
|
91
|
-
},
|
|
92
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tiles.default, {
|
|
93
|
-
columns: displayedColumns,
|
|
94
|
-
spacing: TILE_SPACING,
|
|
95
|
-
style: isSelected ? _galleryStyles.default.galleryTilesContainerSelected : undefined,
|
|
96
|
-
children: images.map((img, index) => {
|
|
97
|
-
const ariaLabel = (0, _i18n.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
|
|
98
|
-
(0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
|
|
99
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_galleryImage.default, {
|
|
100
|
-
url: img.url,
|
|
101
|
-
alt: img.alt,
|
|
102
|
-
id: parseInt(img.id, 10) // make id an integer explicitly
|
|
103
|
-
,
|
|
104
|
-
isCropped: imageCrop,
|
|
105
|
-
isFirstItem: index === 0,
|
|
106
|
-
isLastItem: index + 1 === images.length,
|
|
107
|
-
isSelected: isSelected && selectedImage === index,
|
|
108
|
-
isBlockSelected: isSelected,
|
|
109
|
-
onMoveBackward: onMoveBackward(index),
|
|
110
|
-
onMoveForward: onMoveForward(index),
|
|
111
|
-
onRemove: onRemoveImage(index),
|
|
112
|
-
onSelect: selectImage(index),
|
|
113
|
-
onSelectBlock: onFocus,
|
|
114
|
-
setAttributes: attrs => onSetImageAttributes(index, attrs),
|
|
115
|
-
caption: img.caption,
|
|
116
|
-
"aria-label": ariaLabel,
|
|
117
|
-
isRTL: isRTL
|
|
118
|
-
}, img.id ? `${img.id}-${index}` : img.url);
|
|
119
|
-
})
|
|
120
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
121
|
-
style: isFullWidth(align) && _galleryStyles.default.fullWidth,
|
|
122
|
-
children: mediaPlaceholder
|
|
123
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockCaption, {
|
|
124
|
-
clientId: clientId,
|
|
125
|
-
isSelected: isCaptionSelected,
|
|
126
|
-
accessible: true,
|
|
127
|
-
accessibilityLabelCreator: caption => _blockEditor.RichText.isEmpty(caption) ? /* translators: accessibility text. Empty gallery caption. */
|
|
128
|
-
'Gallery caption. Empty' : (0, _i18n.sprintf)( /* translators: accessibility text. %s: gallery caption. */
|
|
129
|
-
(0, _i18n.__)('Gallery caption. %s'), caption),
|
|
130
|
-
onFocus: focusGalleryCaption,
|
|
131
|
-
onBlur: onBlur // Always assign onBlur as props.
|
|
132
|
-
,
|
|
133
|
-
insertBlocksAfter: insertBlocksAfter
|
|
134
|
-
})]
|
|
135
|
-
});
|
|
136
|
-
};
|
|
137
|
-
exports.Gallery = Gallery;
|
|
138
|
-
var _default = exports.default = Gallery;
|
|
139
|
-
//# sourceMappingURL=gallery.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_galleryImage","_interopRequireDefault","_deprecated","_galleryStyles","_tiles","_i18n","_blockEditor","_element","_reactNativeBridge","_data","_components","_jsxRuntime","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","alignmentHelpers","Gallery","props","isCaptionSelected","setIsCaptionSelected","useState","useEffect","mediaUploadSync","isRTL","useSelect","select","blockEditorStore","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","defaultColumnsNumberV1","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","jsxs","View","style","flex","children","jsx","default","spacing","styles","galleryTilesContainerSelected","undefined","map","img","ariaLabel","sprintf","__","length","url","alt","id","parseInt","isCropped","isFirstItem","isLastItem","isBlockSelected","onRemove","onSelect","onSelectBlock","setAttributes","attrs","caption","fullWidth","BlockCaption","accessible","accessibilityLabelCreator","RichText","isEmpty","exports","_default"],"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":[]}
|
package/build/gallery/v1/save.js
DELETED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = saveV1;
|
|
8
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
9
|
-
var _blockEditor = require("@wordpress/block-editor");
|
|
10
|
-
var _deprecated = require("../deprecated");
|
|
11
|
-
var _constants = require("./constants");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
/**
|
|
14
|
-
* External dependencies
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
/**
|
|
18
|
-
* WordPress dependencies
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Internal dependencies
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
function saveV1({
|
|
26
|
-
attributes
|
|
27
|
-
}) {
|
|
28
|
-
const {
|
|
29
|
-
images,
|
|
30
|
-
columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
|
|
31
|
-
imageCrop,
|
|
32
|
-
caption,
|
|
33
|
-
linkTo
|
|
34
|
-
} = attributes;
|
|
35
|
-
const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
|
|
36
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
|
|
37
|
-
..._blockEditor.useBlockProps.save({
|
|
38
|
-
className
|
|
39
|
-
}),
|
|
40
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
|
|
41
|
-
className: "blocks-gallery-grid",
|
|
42
|
-
children: images.map(image => {
|
|
43
|
-
let href;
|
|
44
|
-
switch (linkTo) {
|
|
45
|
-
case _constants.LINK_DESTINATION_MEDIA:
|
|
46
|
-
href = image.fullUrl || image.url;
|
|
47
|
-
break;
|
|
48
|
-
case _constants.LINK_DESTINATION_ATTACHMENT:
|
|
49
|
-
href = image.link;
|
|
50
|
-
break;
|
|
51
|
-
}
|
|
52
|
-
const img = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
|
|
53
|
-
src: image.url,
|
|
54
|
-
alt: image.alt,
|
|
55
|
-
"data-id": image.id,
|
|
56
|
-
"data-full-url": image.fullUrl,
|
|
57
|
-
"data-link": image.link,
|
|
58
|
-
className: image.id ? `wp-image-${image.id}` : null
|
|
59
|
-
});
|
|
60
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
61
|
-
className: "blocks-gallery-item",
|
|
62
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("figure", {
|
|
63
|
-
children: [href ? /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
|
|
64
|
-
href: href,
|
|
65
|
-
children: img
|
|
66
|
-
}) : img, !_blockEditor.RichText.isEmpty(image.caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
|
|
67
|
-
tagName: "figcaption",
|
|
68
|
-
className: (0, _clsx.default)('blocks-gallery-item__caption', (0, _blockEditor.__experimentalGetElementClassName)('caption')),
|
|
69
|
-
value: image.caption
|
|
70
|
-
})]
|
|
71
|
-
})
|
|
72
|
-
}, image.id || image.url);
|
|
73
|
-
})
|
|
74
|
-
}), !_blockEditor.RichText.isEmpty(caption) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.RichText.Content, {
|
|
75
|
-
tagName: "figcaption",
|
|
76
|
-
className: (0, _clsx.default)('blocks-gallery-caption', (0, _blockEditor.__experimentalGetElementClassName)('caption')),
|
|
77
|
-
value: caption
|
|
78
|
-
})]
|
|
79
|
-
});
|
|
80
|
-
}
|
|
81
|
-
//# sourceMappingURL=save.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_clsx","_interopRequireDefault","require","_blockEditor","_deprecated","_constants","_jsxRuntime","saveV1","attributes","images","columns","defaultColumnsNumberV1","imageCrop","caption","linkTo","className","jsxs","useBlockProps","save","children","jsx","map","image","href","LINK_DESTINATION_MEDIA","fullUrl","url","LINK_DESTINATION_ATTACHMENT","link","img","src","alt","id","RichText","isEmpty","Content","tagName","clsx","__experimentalGetElementClassName","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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAGqB,IAAAI,WAAA,GAAAJ,OAAA;AArBrB;AACA;AACA;;AAGA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASK,MAAMA,CAAE;EAAEC;AAAW,CAAC,EAAG;EAChD,MAAM;IACLC,MAAM;IACNC,OAAO,GAAG,IAAAC,kCAAsB,EAAEH,UAAW,CAAC;IAC9CI,SAAS;IACTC,OAAO;IACPC;EACD,CAAC,GAAGN,UAAU;EACd,MAAMO,SAAS,GAAI,WAAWL,OAAS,IAAIE,SAAS,GAAG,YAAY,GAAG,EAAI,EAAC;EAE3E,oBACC,IAAAN,WAAA,CAAAU,IAAA;IAAA,GAAaC,0BAAa,CAACC,IAAI,CAAE;MAAEH;IAAU,CAAE,CAAC;IAAAI,QAAA,gBAC/C,IAAAb,WAAA,CAAAc,GAAA;MAAIL,SAAS,EAAC,qBAAqB;MAAAI,QAAA,EAChCV,MAAM,CAACY,GAAG,CAAIC,KAAK,IAAM;QAC1B,IAAIC,IAAI;QAER,QAAST,MAAM;UACd,KAAKU,iCAAsB;YAC1BD,IAAI,GAAGD,KAAK,CAACG,OAAO,IAAIH,KAAK,CAACI,GAAG;YACjC;UACD,KAAKC,sCAA2B;YAC/BJ,IAAI,GAAGD,KAAK,CAACM,IAAI;YACjB;QACF;QAEA,MAAMC,GAAG,gBACR,IAAAvB,WAAA,CAAAc,GAAA;UACCU,GAAG,EAAGR,KAAK,CAACI,GAAK;UACjBK,GAAG,EAAGT,KAAK,CAACS,GAAK;UACjB,WAAUT,KAAK,CAACU,EAAI;UACpB,iBAAgBV,KAAK,CAACG,OAAS;UAC/B,aAAYH,KAAK,CAACM,IAAM;UACxBb,SAAS,EACRO,KAAK,CAACU,EAAE,GAAI,YAAYV,KAAK,CAACU,EAAI,EAAC,GAAG;QACtC,CACD,CACD;QAED,oBACC,IAAA1B,WAAA,CAAAc,GAAA;UAECL,SAAS,EAAC,qBAAqB;UAAAI,QAAA,eAE/B,IAAAb,WAAA,CAAAU,IAAA;YAAAG,QAAA,GACGI,IAAI,gBAAG,IAAAjB,WAAA,CAAAc,GAAA;cAAGG,IAAI,EAAGA,IAAM;cAAAJ,QAAA,EAAGU;YAAG,CAAK,CAAC,GAAGA,GAAG,EACzC,CAAEI,qBAAQ,CAACC,OAAO,CAAEZ,KAAK,CAACT,OAAQ,CAAC,iBACpC,IAAAP,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAA8B,QAAQ,CAACE,OAAO;cAChBC,OAAO,EAAC,YAAY;cACpBrB,SAAS,EAAG,IAAAsB,aAAI,EACf,8BAA8B,EAC9B,IAAAC,8CAAiC,EAChC,SACD,CACD,CAAG;cACHC,KAAK,EAAGjB,KAAK,CAACT;YAAS,CACvB,CACD;UAAA,CACM;QAAC,GAjBHS,KAAK,CAACU,EAAE,IAAIV,KAAK,CAACI,GAkBrB,CAAC;MAEP,CAAE;IAAC,CACA,CAAC,EACH,CAAEO,qBAAQ,CAACC,OAAO,CAAErB,OAAQ,CAAC,iBAC9B,IAAAP,WAAA,CAAAc,GAAA,EAACjB,YAAA,CAAA8B,QAAQ,CAACE,OAAO;MAChBC,OAAO,EAAC,YAAY;MACpBrB,SAAS,EAAG,IAAAsB,aAAI,EACf,wBAAwB,EACxB,IAAAC,8CAAiC,EAAE,SAAU,CAC9C,CAAG;MACHC,KAAK,EAAG1B;IAAS,CACjB,CACD;EAAA,CACM,CAAC;AAEX","ignoreList":[]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.pickRelevantMediaFiles = void 0;
|
|
7
|
-
const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
|
|
8
|
-
const imageProps = Object.fromEntries(Object.entries(image !== null && image !== void 0 ? image : {}).filter(([key]) => ['alt', 'id', 'link', 'caption'].includes(key)));
|
|
9
|
-
imageProps.url = image?.sizes?.[sizeSlug]?.url || image?.media_details?.sizes?.[sizeSlug]?.source_url || image?.url;
|
|
10
|
-
const fullUrl = image?.sizes?.full?.url || image?.media_details?.sizes?.full?.source_url;
|
|
11
|
-
if (fullUrl) {
|
|
12
|
-
imageProps.fullUrl = fullUrl;
|
|
13
|
-
}
|
|
14
|
-
return imageProps;
|
|
15
|
-
};
|
|
16
|
-
exports.pickRelevantMediaFiles = pickRelevantMediaFiles;
|
|
17
|
-
//# 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","exports"],"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":";;;;;;AAAO,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;AAACa,OAAA,CAAAhB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports.default = void 0;
|
|
8
|
-
var _reactNative = require("react-native");
|
|
9
|
-
var _element = require("@wordpress/element");
|
|
10
|
-
var _tilesStyles = _interopRequireDefault(require("./tiles-styles.scss"));
|
|
11
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
/**
|
|
13
|
-
* External dependencies
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* WordPress dependencies
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
/**
|
|
21
|
-
* Internal dependencies
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
function Tiles(props) {
|
|
25
|
-
const {
|
|
26
|
-
columns,
|
|
27
|
-
children,
|
|
28
|
-
spacing = 10,
|
|
29
|
-
style
|
|
30
|
-
} = props;
|
|
31
|
-
const {
|
|
32
|
-
compose
|
|
33
|
-
} = _reactNative.StyleSheet;
|
|
34
|
-
const tileCount = _element.Children.count(children);
|
|
35
|
-
const lastTile = tileCount - 1;
|
|
36
|
-
const lastRow = Math.floor(lastTile / columns);
|
|
37
|
-
const wrappedChildren = _element.Children.map(children, (child, index) => {
|
|
38
|
-
/**
|
|
39
|
-
* Since we don't have `calc()`, we must calculate our spacings here in
|
|
40
|
-
* order to preserve even spacing between tiles and equal width for tiles
|
|
41
|
-
* in a given row.
|
|
42
|
-
*
|
|
43
|
-
* In order to ensure equal sizing of tile contents, we distribute the
|
|
44
|
-
* spacing such that each tile has an equal "share" of the fixed spacing. To
|
|
45
|
-
* keep the tiles properly aligned within their rows, we calculate the left
|
|
46
|
-
* and right paddings based on the tile's relative position within the row.
|
|
47
|
-
*
|
|
48
|
-
* Note: we use padding instead of margins so that the fixed spacing is
|
|
49
|
-
* included within the relative spacing (i.e. width percentage), and
|
|
50
|
-
* wrapping behavior is preserved.
|
|
51
|
-
*
|
|
52
|
-
* - The left most tile in a row must have left padding of zero.
|
|
53
|
-
* - The right most tile in a row must have a right padding of zero.
|
|
54
|
-
*
|
|
55
|
-
* The values of these left and right paddings are interpolated for tiles in
|
|
56
|
-
* between. The right padding is complementary with the left padding of the
|
|
57
|
-
* next tile (i.e. the right padding of [tile n] + the left padding of
|
|
58
|
-
* [tile n + 1] will be equal for all tiles except the last one in a given
|
|
59
|
-
* row).
|
|
60
|
-
*/
|
|
61
|
-
|
|
62
|
-
const row = Math.floor(index / columns);
|
|
63
|
-
const rowLength = row === lastRow ? lastTile % columns + 1 : columns;
|
|
64
|
-
const indexInRow = index % columns;
|
|
65
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
66
|
-
style: [_tilesStyles.default.tileStyle, {
|
|
67
|
-
width: `${100 / rowLength}%`,
|
|
68
|
-
paddingLeft: spacing * (indexInRow / rowLength),
|
|
69
|
-
paddingRight: spacing * (1 - (indexInRow + 1) / rowLength),
|
|
70
|
-
paddingTop: row === 0 ? 0 : spacing / 2,
|
|
71
|
-
paddingBottom: row === lastRow ? 0 : spacing / 2
|
|
72
|
-
}],
|
|
73
|
-
children: child
|
|
74
|
-
});
|
|
75
|
-
});
|
|
76
|
-
const containerStyle = compose(_tilesStyles.default.containerStyle, style);
|
|
77
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
78
|
-
style: containerStyle,
|
|
79
|
-
children: wrappedChildren
|
|
80
|
-
});
|
|
81
|
-
}
|
|
82
|
-
var _default = exports.default = Tiles;
|
|
83
|
-
//# sourceMappingURL=tiles.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_element","_tilesStyles","_interopRequireDefault","_jsxRuntime","Tiles","props","columns","children","spacing","style","compose","StyleSheet","tileCount","Children","count","lastTile","lastRow","Math","floor","wrappedChildren","map","child","index","row","rowLength","indexInRow","jsx","View","styles","tileStyle","width","paddingLeft","paddingRight","paddingTop","paddingBottom","containerStyle","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,WAAA,GAAAJ,OAAA;AAbzC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASK,KAAKA,CAAEC,KAAK,EAAG;EACvB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,OAAO,GAAG,EAAE;IAAEC;EAAM,CAAC,GAAGJ,KAAK;EAExD,MAAM;IAAEK;EAAQ,CAAC,GAAGC,uBAAU;EAE9B,MAAMC,SAAS,GAAGC,iBAAQ,CAACC,KAAK,CAAEP,QAAS,CAAC;EAC5C,MAAMQ,QAAQ,GAAGH,SAAS,GAAG,CAAC;EAC9B,MAAMI,OAAO,GAAGC,IAAI,CAACC,KAAK,CAAEH,QAAQ,GAAGT,OAAQ,CAAC;EAEhD,MAAMa,eAAe,GAAGN,iBAAQ,CAACO,GAAG,CAAEb,QAAQ,EAAE,CAAEc,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,GAAGhB,OAAQ,CAAC;IACzC,MAAMkB,SAAS,GACdD,GAAG,KAAKP,OAAO,GAAKD,QAAQ,GAAGT,OAAO,GAAK,CAAC,GAAGA,OAAO;IACvD,MAAMmB,UAAU,GAAGH,KAAK,GAAGhB,OAAO;IAElC,oBACC,IAAAH,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;MACJlB,KAAK,EAAG,CACPmB,oBAAM,CAACC,SAAS,EAChB;QACCC,KAAK,EAAG,GAAG,GAAG,GAAGN,SAAW,GAAE;QAC9BO,WAAW,EAAEvB,OAAO,IAAKiB,UAAU,GAAGD,SAAS,CAAE;QACjDQ,YAAY,EACXxB,OAAO,IAAK,CAAC,GAAG,CAAEiB,UAAU,GAAG,CAAC,IAAKD,SAAS,CAAE;QACjDS,UAAU,EAAEV,GAAG,KAAK,CAAC,GAAG,CAAC,GAAGf,OAAO,GAAG,CAAC;QACvC0B,aAAa,EAAEX,GAAG,KAAKP,OAAO,GAAG,CAAC,GAAGR,OAAO,GAAG;MAChD,CAAC,CACC;MAAAD,QAAA,EAEDc;IAAK,CACF,CAAC;EAET,CAAE,CAAC;EAEH,MAAMc,cAAc,GAAGzB,OAAO,CAAEkB,oBAAM,CAACO,cAAc,EAAE1B,KAAM,CAAC;EAE9D,oBAAO,IAAAN,WAAA,CAAAuB,GAAA,EAAC5B,YAAA,CAAA6B,IAAI;IAAClB,KAAK,EAAG0B,cAAgB;IAAA5B,QAAA,EAAGY;EAAe,CAAQ,CAAC;AACjE;AAAC,IAAAiB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEclC,KAAK","ignoreList":[]}
|
package/build/utils/constants.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.TOOLSPANEL_DROPDOWNMENU_PROPS = void 0;
|
|
7
|
-
// The following dropdown menu props aim to provide a consistent offset and
|
|
8
|
-
// placement for ToolsPanel menus for block controls to match color popovers.
|
|
9
|
-
const TOOLSPANEL_DROPDOWNMENU_PROPS = exports.TOOLSPANEL_DROPDOWNMENU_PROPS = {
|
|
10
|
-
popoverProps: {
|
|
11
|
-
placement: 'left-start',
|
|
12
|
-
offset: 259 // Inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["TOOLSPANEL_DROPDOWNMENU_PROPS","exports","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;AACO,MAAMA,6BAA6B,GAAAC,OAAA,CAAAD,6BAAA,GAAG;EAC5CE,YAAY,EAAE;IACbC,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,GAAG,CAAE;EACd;AACD,CAAC","ignoreList":[]}
|
|
@@ -1,31 +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
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
20
|
-
function GalleryEditWrapper(props) {
|
|
21
|
-
if (!isGalleryV2Enabled()) {
|
|
22
|
-
return /*#__PURE__*/_jsx(EditWithoutInnerBlocks, {
|
|
23
|
-
...props
|
|
24
|
-
});
|
|
25
|
-
}
|
|
26
|
-
return /*#__PURE__*/_jsx(EditWithInnerBlocks, {
|
|
27
|
-
...props
|
|
28
|
-
});
|
|
29
|
-
}
|
|
30
|
-
export default compose([withNotices])(GalleryEditWrapper);
|
|
31
|
-
//# sourceMappingURL=edit-wrapper.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["compose","withNotices","EditWithInnerBlocks","EditWithoutInnerBlocks","isGalleryV2Enabled","jsx","_jsx","GalleryEditWrapper","props"],"sources":["@wordpress/block-library/src/gallery/edit-wrapper.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { compose } from '@wordpress/compose';\nimport { withNotices } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport EditWithInnerBlocks from './edit';\nimport EditWithoutInnerBlocks from './v1/edit';\nimport { isGalleryV2Enabled } from './shared';\n\n/*\n * Using a wrapper around the logic to load the edit for v1 of Gallery block\n * or the refactored version with InnerBlocks. This is to prevent conditional\n * use of hooks lint errors if adding this logic to the top of the edit component.\n */\nfunction GalleryEditWrapper( props ) {\n\tif ( ! isGalleryV2Enabled() ) {\n\t\treturn <EditWithoutInnerBlocks { ...props } />;\n\t}\n\n\treturn <EditWithInnerBlocks { ...props } />;\n}\n\nexport default compose( [ withNotices ] )( GalleryEditWrapper );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,WAAW,QAAQ,uBAAuB;;AAEnD;AACA;AACA;AACA,OAAOC,mBAAmB,MAAM,QAAQ;AACxC,OAAOC,sBAAsB,MAAM,WAAW;AAC9C,SAASC,kBAAkB,QAAQ,UAAU;;AAE7C;AACA;AACA;AACA;AACA;AAJA,SAAAC,GAAA,IAAAC,IAAA;AAKA,SAASC,kBAAkBA,CAAEC,KAAK,EAAG;EACpC,IAAK,CAAEJ,kBAAkB,CAAC,CAAC,EAAG;IAC7B,oBAAOE,IAAA,CAACH,sBAAsB;MAAA,GAAMK;IAAK,CAAI,CAAC;EAC/C;EAEA,oBAAOF,IAAA,CAACJ,mBAAmB;IAAA,GAAMM;EAAK,CAAI,CAAC;AAC5C;AAEA,eAAeR,OAAO,CAAE,CAAEC,WAAW,CAAG,CAAC,CAAEM,kBAAmB,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","LINK_DESTINATION_ATTACHMENT"],"sources":["@wordpress/block-library/src/gallery/v1/constants.js"],"sourcesContent":["export const LINK_DESTINATION_NONE = 'none';\nexport const LINK_DESTINATION_MEDIA = 'file';\nexport const LINK_DESTINATION_ATTACHMENT = 'post';\n"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,GAAG,MAAM;AAC3C,OAAO,MAAMC,sBAAsB,GAAG,MAAM;AAC5C,OAAO,MAAMC,2BAA2B,GAAG,MAAM","ignoreList":[]}
|