@wordpress/block-library 9.32.0 → 9.33.1-next.ff1cebbba.0

package/build-module/cover/edit.native.js

@@ -1,488 +0,0 @@
-/**
- * External dependencies
- */
-import { View, TouchableWithoutFeedback, InteractionManager, AccessibilityInfo, Text, Platform } from 'react-native';
-import Video from 'react-native-video';
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { requestImageFailedRetryDialog, requestImageUploadCancelDialog, requestImageFullscreenPreview, mediaUploadSync } from '@wordpress/react-native-bridge';
-import { __ } from '@wordpress/i18n';
-import { Icon, Image, ImageEditingButton, IMAGE_DEFAULT_FOCAL_POINT, ToolbarButton, Gradient, ColorPalette, ColorPicker, BottomSheetConsumer, useConvertUnitToMobile } from '@wordpress/components';
-import { BlockControls, InnerBlocks, InspectorControls, MEDIA_TYPE_IMAGE, MediaPlaceholder, MediaUpload, MediaUploadProgress, getColorObjectByColorValue, getColorObjectByAttributeValues, getGradientValueBySlug, store as blockEditorStore, useGlobalStyles, useMobileGlobalStylesColors } from '@wordpress/block-editor';
-import { compose, withPreferredColorScheme } from '@wordpress/compose';
-import { useDispatch, withSelect, withDispatch } from '@wordpress/data';
-import { useEffect, useState, useRef, useCallback, useMemo } from '@wordpress/element';
-import { cover as icon, replace, image, cautionFilled } from '@wordpress/icons';
-import { getProtocol } from '@wordpress/url';
-// eslint-disable-next-line no-restricted-imports
-import { store as editPostStore } from '@wordpress/edit-post';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import { attributesFromMedia, ALLOWED_MEDIA_TYPES, IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE, COVER_DEFAULT_HEIGHT } from './shared';
-import Controls from './controls';
-import useCoverIsDark from './use-cover-is-dark';
-
-/**
- * Constants
- */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const INNER_BLOCKS_TEMPLATE = [['core/paragraph', {
-  align: 'center',
-  placeholder: __('Write title…')
-}]];
-function useIsScreenReaderEnabled() {
-  const [isScreenReaderEnabled, setIsScreenReaderEnabled] = useState(false);
-  useEffect(() => {
-    let mounted = true;
-    const changeListener = AccessibilityInfo.addEventListener('screenReaderChanged', enabled => setIsScreenReaderEnabled(enabled));
-    AccessibilityInfo.isScreenReaderEnabled().then(screenReaderEnabled => {
-      if (mounted && screenReaderEnabled) {
-        setIsScreenReaderEnabled(screenReaderEnabled);
-      }
-    });
-    return () => {
-      mounted = false;
-      changeListener.remove();
-    };
-  }, []);
-  return isScreenReaderEnabled;
-}
-const Cover = ({
-  attributes,
-  getStylesFromColorScheme,
-  isParentSelected,
-  onFocus,
-  setAttributes,
-  openGeneralSidebar,
-  closeSettingsBottomSheet,
-  isSelected,
-  selectBlock,
-  blockWidth,
-  hasInnerBlocks
-}) => {
-  const {
-    backgroundType,
-    dimRatio,
-    focalPoint,
-    minHeight,
-    url,
-    id,
-    style,
-    customOverlayColor,
-    minHeightUnit = 'px',
-    allowedBlocks,
-    templateLock,
-    customGradient,
-    gradient,
-    overlayColor,
-    isDark
-  } = attributes;
-  const isScreenReaderEnabled = useIsScreenReaderEnabled();
-  useEffect(() => {
-    // Sync with local media store.
-    mediaUploadSync();
-  }, []);
-  const globalStyles = useGlobalStyles();
-  const convertedMinHeight = useConvertUnitToMobile(minHeight || COVER_DEFAULT_HEIGHT, minHeightUnit, globalStyles);
-  const isImage = backgroundType === MEDIA_TYPE_IMAGE;
-  const THEME_COLORS_COUNT = 4;
-  const colorsDefault = useMobileGlobalStylesColors();
-  const coverDefaultPalette = useMemo(() => {
-    return {
-      colors: colorsDefault.slice(0, THEME_COLORS_COUNT)
-    };
-  }, [colorsDefault]);
-  const gradients = useMobileGlobalStylesColors('gradients');
-  const gradientValue = customGradient || getGradientValueBySlug(gradients, gradient);
-  const overlayColorValue = getColorObjectByAttributeValues(colorsDefault, overlayColor);
-  const hasBackground = !!(url || style && style.color && style.color.background || attributes.overlayColor || overlayColorValue.color || customOverlayColor || gradientValue);
-  const hasOnlyColorBackground = !url && (hasBackground || hasInnerBlocks);
-  const [isCustomColorPickerShowing, setCustomColorPickerShowing] = useState(false);
-  const openMediaOptionsRef = useRef();
-
-  // Initialize uploading flag to false, awaiting sync.
-  const [isUploadInProgress, setIsUploadInProgress] = useState(false);
-
-  // Initialize upload failure flag to true if url is local.
-  const [didUploadFail, setDidUploadFail] = useState(id && getProtocol(url) === 'file:');
-
-  // Don't show failure if upload is in progress.
-  const shouldShowFailure = didUploadFail && !isUploadInProgress;
-  const onSelectMedia = media => {
-    setDidUploadFail(false);
-    const mediaAttributes = attributesFromMedia(media);
-    setAttributes({
-      ...mediaAttributes,
-      focalPoint: undefined,
-      useFeaturedImage: undefined,
-      dimRatio: dimRatio === 100 ? 50 : dimRatio,
-      isDark: undefined
-    });
-  };
-  const onUpdateMediaProgress = useCallback(payload => {
-    const {
-      mediaUrl,
-      state
-    } = payload;
-    setIsUploadInProgress(true);
-    if (isUploadInProgress && isImage && mediaUrl && !state) {
-      setAttributes({
-        url: mediaUrl
-      });
-    }
-  }, [isImage, isUploadInProgress, setAttributes]);
-  const onMediaPressed = () => {
-    if (isUploadInProgress) {
-      requestImageUploadCancelDialog(id);
-    } else if (shouldShowFailure) {
-      requestImageFailedRetryDialog(id);
-    } else if (isImage && url) {
-      requestImageFullscreenPreview(url);
-    }
-  };
-  const [isVideoLoading, setIsVideoLoading] = useState(true);
-  const onVideoLoadStart = () => {
-    setIsVideoLoading(true);
-  };
-  const onVideoLoad = () => {
-    setIsVideoLoading(false);
-  };
-  const onClearMedia = useCallback(() => {
-    setAttributes({
-      focalPoint: undefined,
-      hasParallax: undefined,
-      id: undefined,
-      url: undefined
-    });
-    closeSettingsBottomSheet();
-  }, [closeSettingsBottomSheet]);
-  const onAddMediaButtonPress = useCallback(() => {
-    if (openMediaOptionsRef?.current) {
-      openMediaOptionsRef.current();
-    }
-  }, []);
-  function setColor(color) {
-    var _colorValue$slug, _ref;
-    const colorValue = getColorObjectByColorValue(colorsDefault, color);
-    setAttributes({
-      // Clear all related attributes (only one should be set).
-      overlayColor: (_colorValue$slug = colorValue?.slug) !== null && _colorValue$slug !== void 0 ? _colorValue$slug : undefined,
-      customOverlayColor: (_ref = !colorValue?.slug && color) !== null && _ref !== void 0 ? _ref : undefined,
-      gradient: undefined,
-      customGradient: undefined
-    });
-  }
-  function openColorPicker() {
-    selectBlock();
-    setCustomColorPickerShowing(true);
-    openGeneralSidebar();
-  }
-  const {
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const isCoverDark = useCoverIsDark(isDark, url, dimRatio, overlayColorValue?.color);
-  useEffect(() => {
-    // This side-effect should not create an undo level.
-    __unstableMarkNextChangeAsNotPersistent();
-    // Used to set a default color for its InnerBlocks
-    // since there's no system to inherit styles yet
-    // the RichText component will check if there are
-    // parent styles for the current block. If there are,
-    // it will use that color instead.
-    setAttributes({
-      isDark: isCoverDark,
-      childrenStyles: isCoverDark ? styles.defaultColor : styles.defaultColorLightMode
-    });
-
-    // Ensure that "is-light" is removed from "className" attribute if cover background is dark.
-    if (isCoverDark && attributes.className?.includes('is-light')) {
-      const className = clsx(attributes.className, {
-        'is-light': false
-      });
-      setAttributes({
-        className: className !== '' ? className : undefined
-      });
-    }
-  }, [isCoverDark]);
-  const backgroundColor = getStylesFromColorScheme(styles.backgroundSolid, styles.backgroundSolidDark);
-  const overlayStyles = [styles.overlay, url && {
-    opacity: dimRatio / 100
-  }, !gradientValue && {
-    backgroundColor: customOverlayColor || overlayColorValue?.color || style?.color?.background || styles.overlay?.color
-  },
-  // While we don't support theme colors we add a default bg color.
-  !overlayColorValue.color && !url ? backgroundColor : {}, isImage && isParentSelected && !isUploadInProgress && !didUploadFail && styles.overlaySelected];
-  const placeholderIconStyle = getStylesFromColorScheme(styles.icon, styles.iconDark);
-  const placeholderIcon = /*#__PURE__*/_jsx(Icon, {
-    icon: icon,
-    ...placeholderIconStyle
-  });
-  const toolbarControls = open => /*#__PURE__*/_jsx(BlockControls, {
-    group: "other",
-    children: /*#__PURE__*/_jsx(ToolbarButton, {
-      title: __('Edit cover media'),
-      icon: replace,
-      onClick: open
-    })
-  });
-  const accessibilityHint = Platform.OS === 'ios' ? __('Double tap to open Action Sheet to add image or video') : __('Double tap to open Bottom Sheet to add image or video');
-  const addMediaButton = () => /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-    accessibilityHint: accessibilityHint,
-    accessibilityLabel: __('Add image or video'),
-    accessibilityRole: "button",
-    onPress: onAddMediaButtonPress,
-    children: /*#__PURE__*/_jsx(View, {
-      style: styles.selectImageContainer,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.selectImage,
-        children: /*#__PURE__*/_jsx(Icon, {
-          size: 16,
-          icon: image,
-          ...styles.selectImageIcon
-        })
-      })
-    })
-  });
-  const onBottomSheetClosed = useCallback(() => {
-    InteractionManager.runAfterInteractions(() => {
-      setCustomColorPickerShowing(false);
-    });
-  }, []);
-  const selectedColorText = getStylesFromColorScheme(styles.selectedColorText, styles.selectedColorTextDark);
-  const bottomLabelText = customOverlayColor ? /*#__PURE__*/_jsx(Text, {
-    style: selectedColorText,
-    children: customOverlayColor.toUpperCase()
-  }) : __('Select a color');
-  const colorPickerControls = /*#__PURE__*/_jsx(InspectorControls, {
-    children: /*#__PURE__*/_jsx(BottomSheetConsumer, {
-      children: ({
-        shouldEnableBottomSheetScroll,
-        shouldEnableBottomSheetMaxHeight,
-        onHandleClosingBottomSheet,
-        onHandleHardwareButtonPress,
-        isBottomSheetContentScrolling
-      }) => /*#__PURE__*/_jsx(ColorPicker, {
-        shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-        shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-        setColor: setColor,
-        onNavigationBack: closeSettingsBottomSheet,
-        onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-        onHandleHardwareButtonPress: onHandleHardwareButtonPress,
-        onBottomSheetClosed: onBottomSheetClosed,
-        isBottomSheetContentScrolling: isBottomSheetContentScrolling,
-        bottomLabelText: bottomLabelText
-      })
-    })
-  });
-  const renderContent = getMediaOptions => /*#__PURE__*/_jsxs(_Fragment, {
-    children: [renderBackground(getMediaOptions), isParentSelected && hasOnlyColorBackground && addMediaButton()]
-  });
-  const renderBackground = getMediaOptions => /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-    accessible: !isParentSelected,
-    onPress: onMediaPressed,
-    disabled: !isParentSelected,
-    children: /*#__PURE__*/_jsxs(View, {
-      style: [styles.background, backgroundColor],
-      children: [getMediaOptions(), isParentSelected && backgroundType === VIDEO_BACKGROUND_TYPE && toolbarControls(openMediaOptionsRef.current), /*#__PURE__*/_jsx(MediaUploadProgress, {
-        mediaId: id,
-        onUpdateMediaProgress: onUpdateMediaProgress,
-        onFinishMediaUploadWithSuccess: ({
-          mediaServerId,
-          mediaUrl
-        }) => {
-          setIsUploadInProgress(false);
-          setDidUploadFail(false);
-          setAttributes({
-            id: mediaServerId,
-            url: mediaUrl,
-            backgroundType
-          });
-        },
-        onFinishMediaUploadWithFailure: () => {
-          setIsUploadInProgress(false);
-          setDidUploadFail(true);
-        },
-        onMediaUploadStateReset: () => {
-          setIsUploadInProgress(false);
-          setDidUploadFail(false);
-          setAttributes({
-            id: undefined,
-            url: undefined
-          });
-        }
-      }), IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/_jsx(View, {
-        style: styles.imageContainer,
-        children: /*#__PURE__*/_jsx(Image, {
-          editButton: false,
-          focalPoint: focalPoint || IMAGE_DEFAULT_FOCAL_POINT,
-          isSelected: isParentSelected,
-          isUploadFailed: didUploadFail,
-          isUploadInProgress: isUploadInProgress,
-          onSelectMediaUploadOption: onSelectMedia,
-          openMediaOptions: openMediaOptionsRef.current,
-          url: url,
-          width: styles.image?.width
-        })
-      }), VIDEO_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/_jsx(Video, {
-        muted: true,
-        disableFocus: true,
-        repeat: true,
-        resizeMode: "cover",
-        source: {
-          uri: url
-        },
-        onLoad: onVideoLoad,
-        onLoadStart: onVideoLoadStart,
-        style: [styles.background,
-        // Hide Video component since it has black background while loading the source.
-        {
-          opacity: isVideoLoading ? 0 : 1
-        }]
-      })]
-    })
-  });
-  if (!hasBackground && !hasInnerBlocks || isCustomColorPickerShowing) {
-    return /*#__PURE__*/_jsxs(View, {
-      children: [isCustomColorPickerShowing && colorPickerControls, /*#__PURE__*/_jsx(MediaPlaceholder, {
-        height: styles.mediaPlaceholderEmptyStateContainer?.height,
-        backgroundColor: customOverlayColor,
-        hideContent: customOverlayColor !== '' && customOverlayColor !== undefined,
-        icon: placeholderIcon,
-        labels: {
-          title: __('Cover')
-        },
-        onSelect: onSelectMedia,
-        allowedTypes: ALLOWED_MEDIA_TYPES,
-        onFocus: onFocus,
-        children: /*#__PURE__*/_jsx(View, {
-          style: styles.colorPaletteWrapper,
-          pointerEvents: isScreenReaderEnabled ? 'none' : 'auto',
-          children: /*#__PURE__*/_jsx(BottomSheetConsumer, {
-            children: ({
-              shouldEnableBottomSheetScroll
-            }) => /*#__PURE__*/_jsx(ColorPalette, {
-              enableCustomColor: true,
-              customColorIndicatorStyles: styles.paletteColorIndicator,
-              customIndicatorWrapperStyles: styles.paletteCustomIndicatorWrapper,
-              setColor: setColor,
-              onCustomPress: openColorPicker,
-              defaultSettings: coverDefaultPalette,
-              shouldShowCustomLabel: false,
-              shouldShowCustomVerticalSeparator: false,
-              shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll
-            })
-          })
-        })
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.backgroundContainer,
-    children: [isSelected && /*#__PURE__*/_jsx(InspectorControls, {
-      children: /*#__PURE__*/_jsx(Controls, {
-        attributes: attributes,
-        didUploadFail: didUploadFail,
-        hasOnlyColorBackground: hasOnlyColorBackground,
-        isUploadInProgress: isUploadInProgress,
-        onClearMedia: onClearMedia,
-        onSelectMedia: onSelectMedia,
-        setAttributes: setAttributes
-      })
-    }), /*#__PURE__*/_jsx(View, {
-      pointerEvents: "box-none",
-      style: [styles.content, {
-        minHeight: convertedMinHeight
-      }],
-      children: /*#__PURE__*/_jsx(InnerBlocks, {
-        allowedBlocks: allowedBlocks,
-        template: INNER_BLOCKS_TEMPLATE,
-        templateLock: templateLock,
-        templateInsertUpdatesSelection: true,
-        blockWidth: blockWidth
-      })
-    }), /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      style: styles.overlayContainer,
-      children: /*#__PURE__*/_jsx(View, {
-        style: overlayStyles,
-        children: gradientValue && /*#__PURE__*/_jsx(Gradient, {
-          gradientValue: gradientValue,
-          style: styles.background
-        })
-      })
-    }), /*#__PURE__*/_jsx(MediaUpload, {
-      allowedTypes: ALLOWED_MEDIA_TYPES,
-      isReplacingMedia: !hasOnlyColorBackground,
-      onSelect: onSelectMedia,
-      render: ({
-        open,
-        getMediaOptions
-      }) => {
-        openMediaOptionsRef.current = open;
-        return renderContent(getMediaOptions);
-      }
-    }), isImage && url && openMediaOptionsRef.current && isParentSelected && !isUploadInProgress && !didUploadFail && /*#__PURE__*/_jsx(View, {
-      style: styles.imageEditButton,
-      children: /*#__PURE__*/_jsx(ImageEditingButton, {
-        onSelectMediaUploadOption: onSelectMedia,
-        openMediaOptions: openMediaOptionsRef.current,
-        pickerOptions: [{
-          destructiveButton: true,
-          id: 'clearMedia',
-          label: __('Clear Media'),
-          onPress: onClearMedia,
-          separated: true,
-          value: 'clearMedia'
-        }],
-        url: url
-      })
-    }), shouldShowFailure && /*#__PURE__*/_jsx(View, {
-      pointerEvents: "none",
-      style: styles.uploadFailedContainer,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.uploadFailed,
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: cautionFilled,
-          ...styles.uploadFailedIcon
-        })
-      })
-    })]
-  });
-};
-export default compose([withSelect((select, {
-  clientId
-}) => {
-  const {
-    getSelectedBlockClientId,
-    getBlock
-  } = select(blockEditorStore);
-  const selectedBlockClientId = getSelectedBlockClientId();
-  const hasInnerBlocks = getBlock(clientId)?.innerBlocks.length > 0;
-  return {
-    isParentSelected: selectedBlockClientId === clientId,
-    hasInnerBlocks
-  };
-}), withDispatch((dispatch, {
-  clientId
-}) => {
-  const {
-    openGeneralSidebar
-  } = dispatch(editPostStore);
-  const {
-    selectBlock
-  } = dispatch(blockEditorStore);
-  return {
-    openGeneralSidebar: () => openGeneralSidebar('edit-post/block'),
-    closeSettingsBottomSheet() {
-      dispatch(editPostStore).closeGeneralSidebar();
-    },
-    selectBlock: () => selectBlock(clientId)
-  };
-}), withPreferredColorScheme])(Cover);
-//# sourceMappingURL=edit.native.js.map

package/build-module/cover/edit.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","TouchableWithoutFeedback","InteractionManager","AccessibilityInfo","Text","Platform","Video","clsx","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","mediaUploadSync","__","Icon","Image","ImageEditingButton","IMAGE_DEFAULT_FOCAL_POINT","ToolbarButton","Gradient","ColorPalette","ColorPicker","BottomSheetConsumer","useConvertUnitToMobile","BlockControls","InnerBlocks","InspectorControls","MEDIA_TYPE_IMAGE","MediaPlaceholder","MediaUpload","MediaUploadProgress","getColorObjectByColorValue","getColorObjectByAttributeValues","getGradientValueBySlug","store","blockEditorStore","useGlobalStyles","useMobileGlobalStylesColors","compose","withPreferredColorScheme","useDispatch","withSelect","withDispatch","useEffect","useState","useRef","useCallback","useMemo","cover","icon","replace","image","cautionFilled","getProtocol","editPostStore","styles","attributesFromMedia","ALLOWED_MEDIA_TYPES","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_DEFAULT_HEIGHT","Controls","useCoverIsDark","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","INNER_BLOCKS_TEMPLATE","align","placeholder","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","mounted","changeListener","addEventListener","enabled","then","screenReaderEnabled","remove","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isDark","globalStyles","convertedMinHeight","isImage","THEME_COLORS_COUNT","colorsDefault","coverDefaultPalette","colors","slice","gradients","gradientValue","overlayColorValue","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","shouldShowFailure","onSelectMedia","media","mediaAttributes","undefined","useFeaturedImage","onUpdateMediaProgress","payload","mediaUrl","state","onMediaPressed","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","hasParallax","onAddMediaButtonPress","current","setColor","_colorValue$slug","_ref","colorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","isCoverDark","childrenStyles","defaultColor","defaultColorLightMode","className","includes","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","iconDark","placeholderIcon","toolbarControls","open","group","children","title","onClick","accessibilityHint","OS","addMediaButton","accessibilityLabel","accessibilityRole","onPress","selectImageContainer","selectImage","size","selectImageIcon","onBottomSheetClosed","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","toUpperCase","colorPickerControls","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","onNavigationBack","renderContent","getMediaOptions","renderBackground","accessible","disabled","mediaId","onFinishMediaUploadWithSuccess","mediaServerId","onFinishMediaUploadWithFailure","onMediaUploadStateReset","imageContainer","editButton","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","onSelect","allowedTypes","colorPaletteWrapper","pointerEvents","enableCustomColor","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","template","templateInsertUpdatesSelection","overlayContainer","isReplacingMedia","render","imageEditButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","uploadFailedIcon","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","dispatch","closeGeneralSidebar"],"sources":["@wordpress/block-library/src/cover/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tText,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tstore as blockEditorStore,\n\tuseGlobalStyles,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { cover as icon, replace, image, cautionFilled } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\nimport useCoverIsDark from './use-cover-is-dark';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t\tisDark,\n\t} = attributes;\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tuseEffect( () => {\n\t\t// Sync with local media store.\n\t\tmediaUploadSync();\n\t}, [] );\n\n\tconst globalStyles = useGlobalStyles();\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit,\n\t\tglobalStyles\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useMobileGlobalStylesColors();\n\tconst coverDefaultPalette = useMemo( () => {\n\t\treturn {\n\t\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t\t};\n\t}, [ colorsDefault ] );\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [ isCustomColorPickerShowing, setCustomColorPickerShowing ] =\n\t\tuseState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Initialize uploading flag to false, awaiting sync.\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// Initialize upload failure flag to true if url is local.\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// Don't show failure if upload is in progress.\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\n\t\tconst mediaAttributes = attributesFromMedia( media );\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\tfocalPoint: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tisDark: undefined,\n\t\t} );\n\t};\n\n\tconst onUpdateMediaProgress = useCallback(\n\t\t( payload ) => {\n\t\t\tconst { mediaUrl, state } = payload;\n\n\t\t\tsetIsUploadInProgress( true );\n\n\t\t\tif ( isUploadInProgress && isImage && mediaUrl && ! state ) {\n\t\t\t\tsetAttributes( {\n\t\t\t\t\turl: mediaUrl,\n\t\t\t\t} );\n\t\t\t}\n\t\t},\n\t\t[ isImage, isUploadInProgress, setAttributes ]\n\t);\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tconst onAddMediaButtonPress = useCallback( () => {\n\t\tif ( openMediaOptionsRef?.current ) {\n\t\t\topenMediaOptionsRef.current();\n\t\t}\n\t}, [] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// Clear all related attributes (only one should be set).\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst isCoverDark = useCoverIsDark(\n\t\tisDark,\n\t\turl,\n\t\tdimRatio,\n\t\toverlayColorValue?.color\n\t);\n\n\tuseEffect( () => {\n\t\t// This side-effect should not create an undo level.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t// Used to set a default color for its InnerBlocks\n\t\t// since there's no system to inherit styles yet\n\t\t// the RichText component will check if there are\n\t\t// parent styles for the current block. If there are,\n\t\t// it will use that color instead.\n\t\tsetAttributes( {\n\t\t\tisDark: isCoverDark,\n\t\t\tchildrenStyles: isCoverDark\n\t\t\t\t? styles.defaultColor\n\t\t\t\t: styles.defaultColorLightMode,\n\t\t} );\n\n\t\t// Ensure that \"is-light\" is removed from \"className\" attribute if cover background is dark.\n\t\tif ( isCoverDark && attributes.className?.includes( 'is-light' ) ) {\n\t\t\tconst className = clsx( attributes.className, {\n\t\t\t\t'is-light': false,\n\t\t\t} );\n\t\t\tsetAttributes( {\n\t\t\t\tclassName: className !== '' ? className : undefined,\n\t\t\t} );\n\t\t}\n\t}, [ isCoverDark ] );\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color.\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ onAddMediaButtonPress }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst selectedColorText = getStylesFromColorScheme(\n\t\tstyles.selectedColorText,\n\t\tstyles.selectedColorTextDark\n\t);\n\n\tconst bottomLabelText = customOverlayColor ? (\n\t\t<Text style={ selectedColorText }>\n\t\t\t{ customOverlayColor.toUpperCase() }\n\t\t</Text>\n\t) : (\n\t\t__( 'Select a color' )\n\t);\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ bottomLabelText }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ onUpdateMediaProgress }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode=\"cover\"\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source.\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tenableCustomColor\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\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) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={ cautionFilled }\n\t\t\t\t\t\t\t{ ...styles.uploadFailedIcon }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"],"mappings":"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","ignoreList":[]}

package/build-module/cover/focal-point-settings-button.native.js

@@ -1,49 +0,0 @@
-/**
- * External dependencies
- */
-import { useNavigation } from '@react-navigation/native';
-import { View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { Icon, BottomSheet } from '@wordpress/components';
-import { blockSettingsScreens } from '@wordpress/block-editor';
-import { chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import { jsx as _jsx } from "react/jsx-runtime";
-function FocalPointSettingsButton({
-  disabled,
-  focalPoint,
-  onFocalPointChange,
-  url
-}) {
-  const navigation = useNavigation();
-  return /*#__PURE__*/_jsx(BottomSheet.Cell, {
-    customActionButton: true,
-    disabled: disabled,
-    labelStyle: disabled && styles.dimmedActionButton,
-    leftAlign: true,
-    label: __('Edit focal point'),
-    onPress: () => {
-      navigation.navigate(blockSettingsScreens.focalPoint, {
-        focalPoint,
-        onFocalPointChange,
-        url
-      });
-    },
-    children: /*#__PURE__*/_jsx(View, {
-      style: disabled && styles.dimmedActionButton,
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: chevronRight
-      })
-    })
-  });
-}
-export default FocalPointSettingsButton;
-//# sourceMappingURL=focal-point-settings-button.native.js.map

package/build-module/cover/focal-point-settings-button.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useNavigation","View","__","Icon","BottomSheet","blockSettingsScreens","chevronRight","styles","jsx","_jsx","FocalPointSettingsButton","disabled","focalPoint","onFocalPointChange","url","navigation","Cell","customActionButton","labelStyle","dimmedActionButton","leftAlign","label","onPress","navigate","children","style","icon"],"sources":["@wordpress/block-library/src/cover/focal-point-settings-button.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Icon, BottomSheet } from '@wordpress/components';\nimport { blockSettingsScreens } from '@wordpress/block-editor';\nimport { chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nfunction FocalPointSettingsButton( {\n\tdisabled,\n\tfocalPoint,\n\tonFocalPointChange,\n\turl,\n} ) {\n\tconst navigation = useNavigation();\n\treturn (\n\t\t<BottomSheet.Cell\n\t\t\tcustomActionButton\n\t\t\tdisabled={ disabled }\n\t\t\tlabelStyle={ disabled && styles.dimmedActionButton }\n\t\t\tleftAlign\n\t\t\tlabel={ __( 'Edit focal point' ) }\n\t\t\tonPress={ () => {\n\t\t\t\tnavigation.navigate( blockSettingsScreens.focalPoint, {\n\t\t\t\t\tfocalPoint,\n\t\t\t\t\tonFocalPointChange,\n\t\t\t\t\turl,\n\t\t\t\t} );\n\t\t\t} }\n\t\t>\n\t\t\t{ /*\n\t\t\t * Wrapper View element used around Icon as workaround for SVG opacity\n\t\t\t * issue: https://github.com/react-native-svg/react-native-svg/issues/1345\n\t\t\t */ }\n\t\t\t<View style={ disabled && styles.dimmedActionButton }>\n\t\t\t\t<Icon icon={ chevronRight } />\n\t\t\t</View>\n\t\t</BottomSheet.Cell>\n\t);\n}\n\nexport default FocalPointSettingsButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,0BAA0B;AACxD,SAASC,IAAI,QAAQ,cAAc;;AAEnC;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,IAAI,EAAEC,WAAW,QAAQ,uBAAuB;AACzD,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,YAAY,QAAQ,kBAAkB;;AAE/C;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAElC,SAASC,wBAAwBA,CAAE;EAClCC,QAAQ;EACRC,UAAU;EACVC,kBAAkB;EAClBC;AACD,CAAC,EAAG;EACH,MAAMC,UAAU,GAAGf,aAAa,CAAC,CAAC;EAClC,oBACCS,IAAA,CAACL,WAAW,CAACY,IAAI;IAChBC,kBAAkB;IAClBN,QAAQ,EAAGA,QAAU;IACrBO,UAAU,EAAGP,QAAQ,IAAIJ,MAAM,CAACY,kBAAoB;IACpDC,SAAS;IACTC,KAAK,EAAGnB,EAAE,CAAE,kBAAmB,CAAG;IAClCoB,OAAO,EAAGA,CAAA,KAAM;MACfP,UAAU,CAACQ,QAAQ,CAAElB,oBAAoB,CAACO,UAAU,EAAE;QACrDA,UAAU;QACVC,kBAAkB;QAClBC;MACD,CAAE,CAAC;IACJ,CAAG;IAAAU,QAAA,eAMHf,IAAA,CAACR,IAAI;MAACwB,KAAK,EAAGd,QAAQ,IAAIJ,MAAM,CAACY,kBAAoB;MAAAK,QAAA,eACpDf,IAAA,CAACN,IAAI;QAACuB,IAAI,EAAGpB;MAAc,CAAE;IAAC,CACzB;EAAC,CACU,CAAC;AAErB;AAEA,eAAeI,wBAAwB","ignoreList":[]}