@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build-module/focal-point-picker/index.native.js

@@ -1,256 +0,0 @@
-/**
- * External dependencies
- */
-import { Animated, PanResponder, StyleSheet, View } from 'react-native';
-import Video from 'react-native-video';
-
-/**
- * WordPress dependencies
- */
-import { requestFocalPointPickerTooltipShown, setFocalPointPickerTooltipShown } from '@wordpress/react-native-bridge';
-import { __ } from '@wordpress/i18n';
-import { useRef, useState, useMemo, useEffect } from '@wordpress/element';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import FocalPoint from './focal-point';
-import Tooltip from './tooltip';
-import styles from './style.scss';
-import { isVideoType } from './utils';
-import { clamp } from '../utils/math';
-import Image from '../mobile/image';
-import UnitControl from '../unit-control';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const MIN_POSITION_VALUE = 0;
-const MAX_POSITION_VALUE = 100;
-const FOCAL_POINT_UNITS = [{
-  default: 50,
-  label: '%',
-  value: '%'
-}];
-function FocalPointPicker(props) {
-  const {
-    focalPoint,
-    onChange,
-    shouldEnableBottomSheetScroll,
-    url
-  } = props;
-  const isVideo = isVideoType(url);
-  const [containerSize, setContainerSize] = useState(null);
-  const [sliderKey, setSliderKey] = useState(0);
-  const [displayPlaceholder, setDisplayPlaceholder] = useState(true);
-  const [videoNaturalSize, setVideoNaturalSize] = useState(null);
-  const [tooltipVisible, setTooltipVisible] = useState(false);
-  const locationPageOffsetX = useRef();
-  const locationPageOffsetY = useRef();
-  const videoRef = useRef(null);
-  useEffect(() => {
-    requestFocalPointPickerTooltipShown(tooltipShown => {
-      if (!tooltipShown) {
-        setTooltipVisible(true);
-        setFocalPointPickerTooltipShown(true);
-      }
-    });
-  }, []);
-
-  // Animated coordinates for drag handle.
-  const pan = useRef(new Animated.ValueXY()).current;
-
-  /**
-   * Set drag handle position anytime focal point coordinates change.
-   * E.g. initial render, dragging range sliders.
-   */
-  useEffect(() => {
-    if (containerSize) {
-      pan.setValue({
-        x: focalPoint.x * containerSize.width,
-        y: focalPoint.y * containerSize.height
-      });
-    }
-  }, [focalPoint, containerSize, pan]);
-
-  // Pan responder to manage drag handle interactivity.
-  const panResponder = useMemo(() => PanResponder.create({
-    onStartShouldSetPanResponder: () => true,
-    onStartShouldSetPanResponderCapture: () => true,
-    onMoveShouldSetPanResponder: () => true,
-    onMoveShouldSetPanResponderCapture: () => true,
-    onPanResponderGrant: event => {
-      shouldEnableBottomSheetScroll(false);
-      const {
-        locationX: x,
-        locationY: y,
-        pageX,
-        pageY
-      } = event.nativeEvent;
-      locationPageOffsetX.current = pageX - x;
-      locationPageOffsetY.current = pageY - y;
-      pan.setValue({
-        x,
-        y
-      }); // Set cursor to tap location.
-      pan.extractOffset(); // Set offset to current value.
-    },
-    // Move cursor to match delta drag.
-    onPanResponderMove: Animated.event([null, {
-      dx: pan.x,
-      dy: pan.y
-    }], {
-      useNativeDriver: false
-    }),
-    onPanResponderRelease: event => {
-      shouldEnableBottomSheetScroll(true);
-      pan.flattenOffset(); // Flatten offset into value.
-      const {
-        pageX,
-        pageY
-      } = event.nativeEvent;
-      // Ideally, x and y below are merely locationX and locationY from the
-      // nativeEvent. However, we are required to compute these relative
-      // coordinates to workaround a bug affecting Android's PanResponder.
-      // Specifically, dragging the handle outside the bounds of the image
-      // results in inaccurate locationX and locationY coordinates to be
-      // reported. https://github.com/facebook/react-native/issues/15290#issuecomment-435494944
-      const x = pageX - locationPageOffsetX.current;
-      const y = pageY - locationPageOffsetY.current;
-      onChange({
-        x: clamp(x / containerSize?.width, 0, 1).toFixed(2),
-        y: clamp(y / containerSize?.height, 0, 1).toFixed(2)
-      });
-      // Slider (child of RangeCell) is uncontrolled, so we must increment a
-      // key to re-mount and sync the pan gesture values to the sliders
-      // https://github.com/callstack/react-native-slider/tree/v3.0.3#value
-      setSliderKey(prevState => prevState + 1);
-    }
-  }), [containerSize, pan, onChange, shouldEnableBottomSheetScroll]);
-  const mediaBackground = usePreferredColorSchemeStyle(styles.mediaBackground, styles.mediaBackgroundDark);
-  const imagePreviewStyles = [displayPlaceholder && styles.mediaPlaceholder, styles.image];
-  const videoPreviewStyles = [{
-    aspectRatio: videoNaturalSize && videoNaturalSize.width / videoNaturalSize.height,
-    // Hide Video component since it has black background while loading the source
-    opacity: displayPlaceholder ? 0 : 1
-  }, styles.video, displayPlaceholder && styles.mediaPlaceholder];
-  const focalPointGroupStyles = [styles.focalPointGroup, {
-    transform: [{
-      translateX: pan.x.interpolate({
-        inputRange: [0, containerSize?.width || 0],
-        outputRange: [0, containerSize?.width || 0],
-        extrapolate: 'clamp'
-      })
-    }, {
-      translateY: pan.y.interpolate({
-        inputRange: [0, containerSize?.height || 0],
-        outputRange: [0, containerSize?.height || 0],
-        extrapolate: 'clamp'
-      })
-    }]
-  }];
-  const FOCAL_POINT_SIZE = 50;
-  const focalPointStyles = StyleSheet.flatten([styles.focalPoint, {
-    height: FOCAL_POINT_SIZE,
-    marginLeft: -(FOCAL_POINT_SIZE / 2),
-    marginTop: -(FOCAL_POINT_SIZE / 2),
-    width: FOCAL_POINT_SIZE
-  }]);
-  const onTooltipPress = () => setTooltipVisible(false);
-  const onMediaLayout = event => {
-    const {
-      height,
-      width
-    } = event.nativeEvent.layout;
-    if (width !== 0 && height !== 0 && (containerSize?.width !== width || containerSize?.height !== height)) {
-      setContainerSize({
-        width,
-        height
-      });
-    }
-  };
-  const onImageDataLoad = () => setDisplayPlaceholder(false);
-  const onVideoLoad = event => {
-    const {
-      height,
-      width
-    } = event.naturalSize;
-    setVideoNaturalSize({
-      height,
-      width
-    });
-    setDisplayPlaceholder(false);
-    // Avoid invisible, paused video on Android, presumably related to
-    // https://github.com/react-native-video/react-native-video/issues/1979
-    videoRef?.current.seek(0);
-  };
-  const onXCoordinateChange = x => onChange({
-    x: (x / 100).toFixed(2)
-  });
-  const onYCoordinateChange = y => onChange({
-    y: (y / 100).toFixed(2)
-  });
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.container,
-    children: /*#__PURE__*/_jsxs(Tooltip, {
-      onPress: onTooltipPress,
-      visible: tooltipVisible,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: [styles.media, mediaBackground],
-        children: /*#__PURE__*/_jsxs(View, {
-          ...panResponder.panHandlers,
-          onLayout: onMediaLayout,
-          style: styles.mediaContainer,
-          children: [!isVideo && /*#__PURE__*/_jsx(Image, {
-            editButton: false,
-            highlightSelected: false,
-            isSelected: !displayPlaceholder,
-            height: "100%",
-            url: url,
-            style: imagePreviewStyles,
-            onImageDataLoad: onImageDataLoad
-          }), isVideo && /*#__PURE__*/_jsx(Video, {
-            muted: true,
-            paused: true,
-            disableFocus: true,
-            onLoad: onVideoLoad,
-            ref: videoRef,
-            resizeMode: "contain",
-            source: {
-              uri: url
-            },
-            style: videoPreviewStyles
-          }), !displayPlaceholder && /*#__PURE__*/_jsxs(Animated.View, {
-            pointerEvents: "none",
-            style: focalPointGroupStyles,
-            children: [/*#__PURE__*/_jsx(Tooltip.Label, {
-              text: __('Drag to adjust focal point'),
-              yOffset: -(FOCAL_POINT_SIZE / 2)
-            }), /*#__PURE__*/_jsx(FocalPoint, {
-              height: focalPointStyles.height,
-              style: focalPointStyles,
-              testID: "focal-point-picker-handle",
-              width: focalPointStyles.width
-            })]
-          })]
-        })
-      }), /*#__PURE__*/_jsx(UnitControl, {
-        label: __('X-Axis Position'),
-        max: MAX_POSITION_VALUE,
-        min: MIN_POSITION_VALUE,
-        onChange: onXCoordinateChange,
-        unit: "%",
-        units: FOCAL_POINT_UNITS,
-        value: Math.round(focalPoint.x * 100)
-      }, `xAxis-${sliderKey}`), /*#__PURE__*/_jsx(UnitControl, {
-        label: __('Y-Axis Position'),
-        max: MAX_POSITION_VALUE,
-        min: MIN_POSITION_VALUE,
-        onChange: onYCoordinateChange,
-        unit: "%",
-        units: FOCAL_POINT_UNITS,
-        value: Math.round(focalPoint.y * 100)
-      }, `yAxis-${sliderKey}`)]
-    })
-  });
-}
-export default FocalPointPicker;
-//# sourceMappingURL=index.native.js.map

package/build-module/focal-point-picker/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Animated","PanResponder","StyleSheet","View","Video","requestFocalPointPickerTooltipShown","setFocalPointPickerTooltipShown","__","useRef","useState","useMemo","useEffect","usePreferredColorSchemeStyle","FocalPoint","Tooltip","styles","isVideoType","clamp","Image","UnitControl","jsx","_jsx","jsxs","_jsxs","MIN_POSITION_VALUE","MAX_POSITION_VALUE","FOCAL_POINT_UNITS","default","label","value","FocalPointPicker","props","focalPoint","onChange","shouldEnableBottomSheetScroll","url","isVideo","containerSize","setContainerSize","sliderKey","setSliderKey","displayPlaceholder","setDisplayPlaceholder","videoNaturalSize","setVideoNaturalSize","tooltipVisible","setTooltipVisible","locationPageOffsetX","locationPageOffsetY","videoRef","tooltipShown","pan","ValueXY","current","setValue","x","width","y","height","panResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderGrant","event","locationX","locationY","pageX","pageY","nativeEvent","extractOffset","onPanResponderMove","dx","dy","useNativeDriver","onPanResponderRelease","flattenOffset","toFixed","prevState","mediaBackground","mediaBackgroundDark","imagePreviewStyles","mediaPlaceholder","image","videoPreviewStyles","aspectRatio","opacity","video","focalPointGroupStyles","focalPointGroup","transform","translateX","interpolate","inputRange","outputRange","extrapolate","translateY","FOCAL_POINT_SIZE","focalPointStyles","flatten","marginLeft","marginTop","onTooltipPress","onMediaLayout","layout","onImageDataLoad","onVideoLoad","naturalSize","seek","onXCoordinateChange","onYCoordinateChange","style","container","children","onPress","visible","media","panHandlers","onLayout","mediaContainer","editButton","highlightSelected","isSelected","muted","paused","disableFocus","onLoad","ref","resizeMode","source","uri","pointerEvents","Label","text","yOffset","testID","max","min","unit","units","Math","round"],"sources":["@wordpress/components/src/focal-point-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, PanResponder, StyleSheet, View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestFocalPointPickerTooltipShown,\n\tsetFocalPointPickerTooltipShown,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport { useRef, useState, useMemo, useEffect } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport FocalPoint from './focal-point';\nimport Tooltip from './tooltip';\nimport styles from './style.scss';\nimport { isVideoType } from './utils';\nimport { clamp } from '../utils/math';\nimport Image from '../mobile/image';\nimport UnitControl from '../unit-control';\n\nconst MIN_POSITION_VALUE = 0;\nconst MAX_POSITION_VALUE = 100;\nconst FOCAL_POINT_UNITS = [ { default: 50, label: '%', value: '%' } ];\n\nfunction FocalPointPicker( props ) {\n\tconst { focalPoint, onChange, shouldEnableBottomSheetScroll, url } = props;\n\n\tconst isVideo = isVideoType( url );\n\n\tconst [ containerSize, setContainerSize ] = useState( null );\n\tconst [ sliderKey, setSliderKey ] = useState( 0 );\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst [ tooltipVisible, setTooltipVisible ] = useState( false );\n\n\tconst locationPageOffsetX = useRef();\n\tconst locationPageOffsetY = useRef();\n\tconst videoRef = useRef( null );\n\n\tuseEffect( () => {\n\t\trequestFocalPointPickerTooltipShown( ( tooltipShown ) => {\n\t\t\tif ( ! tooltipShown ) {\n\t\t\t\tsetTooltipVisible( true );\n\t\t\t\tsetFocalPointPickerTooltipShown( true );\n\t\t\t}\n\t\t} );\n\t}, [] );\n\n\t// Animated coordinates for drag handle.\n\tconst pan = useRef( new Animated.ValueXY() ).current;\n\n\t/**\n\t * Set drag handle position anytime focal point coordinates change.\n\t * E.g. initial render, dragging range sliders.\n\t */\n\tuseEffect( () => {\n\t\tif ( containerSize ) {\n\t\t\tpan.setValue( {\n\t\t\t\tx: focalPoint.x * containerSize.width,\n\t\t\t\ty: focalPoint.y * containerSize.height,\n\t\t\t} );\n\t\t}\n\t}, [ focalPoint, containerSize, pan ] );\n\n\t// Pan responder to manage drag handle interactivity.\n\tconst panResponder = useMemo(\n\t\t() =>\n\t\t\tPanResponder.create( {\n\t\t\t\tonStartShouldSetPanResponder: () => true,\n\t\t\t\tonStartShouldSetPanResponderCapture: () => true,\n\t\t\t\tonMoveShouldSetPanResponder: () => true,\n\t\t\t\tonMoveShouldSetPanResponderCapture: () => true,\n\n\t\t\t\tonPanResponderGrant: ( event ) => {\n\t\t\t\t\tshouldEnableBottomSheetScroll( false );\n\t\t\t\t\tconst {\n\t\t\t\t\t\tlocationX: x,\n\t\t\t\t\t\tlocationY: y,\n\t\t\t\t\t\tpageX,\n\t\t\t\t\t\tpageY,\n\t\t\t\t\t} = event.nativeEvent;\n\t\t\t\t\tlocationPageOffsetX.current = pageX - x;\n\t\t\t\t\tlocationPageOffsetY.current = pageY - y;\n\t\t\t\t\tpan.setValue( { x, y } ); // Set cursor to tap location.\n\t\t\t\t\tpan.extractOffset(); // Set offset to current value.\n\t\t\t\t},\n\t\t\t\t// Move cursor to match delta drag.\n\t\t\t\tonPanResponderMove: Animated.event(\n\t\t\t\t\t[ null, { dx: pan.x, dy: pan.y } ],\n\t\t\t\t\t{ useNativeDriver: false }\n\t\t\t\t),\n\t\t\t\tonPanResponderRelease: ( event ) => {\n\t\t\t\t\tshouldEnableBottomSheetScroll( true );\n\t\t\t\t\tpan.flattenOffset(); // Flatten offset into value.\n\t\t\t\t\tconst { pageX, pageY } = event.nativeEvent;\n\t\t\t\t\t// Ideally, x and y below are merely locationX and locationY from the\n\t\t\t\t\t// nativeEvent. However, we are required to compute these relative\n\t\t\t\t\t// coordinates to workaround a bug affecting Android's PanResponder.\n\t\t\t\t\t// Specifically, dragging the handle outside the bounds of the image\n\t\t\t\t\t// results in inaccurate locationX and locationY coordinates to be\n\t\t\t\t\t// reported. https://github.com/facebook/react-native/issues/15290#issuecomment-435494944\n\t\t\t\t\tconst x = pageX - locationPageOffsetX.current;\n\t\t\t\t\tconst y = pageY - locationPageOffsetY.current;\n\t\t\t\t\tonChange( {\n\t\t\t\t\t\tx: clamp( x / containerSize?.width, 0, 1 ).toFixed( 2 ),\n\t\t\t\t\t\ty: clamp( y / containerSize?.height, 0, 1 ).toFixed(\n\t\t\t\t\t\t\t2\n\t\t\t\t\t\t),\n\t\t\t\t\t} );\n\t\t\t\t\t// Slider (child of RangeCell) is uncontrolled, so we must increment a\n\t\t\t\t\t// key to re-mount and sync the pan gesture values to the sliders\n\t\t\t\t\t// https://github.com/callstack/react-native-slider/tree/v3.0.3#value\n\t\t\t\t\tsetSliderKey( ( prevState ) => prevState + 1 );\n\t\t\t\t},\n\t\t\t} ),\n\t\t[ containerSize, pan, onChange, shouldEnableBottomSheetScroll ]\n\t);\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.mediaPlaceholder,\n\t\tstyles.image,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.mediaPlaceholder,\n\t];\n\tconst focalPointGroupStyles = [\n\t\tstyles.focalPointGroup,\n\t\t{\n\t\t\ttransform: [\n\t\t\t\t{\n\t\t\t\t\ttranslateX: pan.x.interpolate( {\n\t\t\t\t\t\tinputRange: [ 0, containerSize?.width || 0 ],\n\t\t\t\t\t\toutputRange: [ 0, containerSize?.width || 0 ],\n\t\t\t\t\t\textrapolate: 'clamp',\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\ttranslateY: pan.y.interpolate( {\n\t\t\t\t\t\tinputRange: [ 0, containerSize?.height || 0 ],\n\t\t\t\t\t\toutputRange: [ 0, containerSize?.height || 0 ],\n\t\t\t\t\t\textrapolate: 'clamp',\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t];\n\tconst FOCAL_POINT_SIZE = 50;\n\tconst focalPointStyles = StyleSheet.flatten( [\n\t\tstyles.focalPoint,\n\t\t{\n\t\t\theight: FOCAL_POINT_SIZE,\n\t\t\tmarginLeft: -( FOCAL_POINT_SIZE / 2 ),\n\t\t\tmarginTop: -( FOCAL_POINT_SIZE / 2 ),\n\t\t\twidth: FOCAL_POINT_SIZE,\n\t\t},\n\t] );\n\n\tconst onTooltipPress = () => setTooltipVisible( false );\n\tconst onMediaLayout = ( event ) => {\n\t\tconst { height, width } = event.nativeEvent.layout;\n\n\t\tif (\n\t\t\twidth !== 0 &&\n\t\t\theight !== 0 &&\n\t\t\t( containerSize?.width !== width ||\n\t\t\t\tcontainerSize?.height !== height )\n\t\t) {\n\t\t\tsetContainerSize( { width, height } );\n\t\t}\n\t};\n\tconst onImageDataLoad = () => setDisplayPlaceholder( false );\n\tconst onVideoLoad = ( event ) => {\n\t\tconst { height, width } = event.naturalSize;\n\t\tsetVideoNaturalSize( { height, width } );\n\t\tsetDisplayPlaceholder( false );\n\t\t// Avoid invisible, paused video on Android, presumably related to\n\t\t// https://github.com/react-native-video/react-native-video/issues/1979\n\t\tvideoRef?.current.seek( 0 );\n\t};\n\tconst onXCoordinateChange = ( x ) =>\n\t\tonChange( { x: ( x / 100 ).toFixed( 2 ) } );\n\tconst onYCoordinateChange = ( y ) =>\n\t\tonChange( { y: ( y / 100 ).toFixed( 2 ) } );\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t<Tooltip onPress={ onTooltipPress } visible={ tooltipVisible }>\n\t\t\t\t<View style={ [ styles.media, mediaBackground ] }>\n\t\t\t\t\t<View\n\t\t\t\t\t\t{ ...panResponder.panHandlers }\n\t\t\t\t\t\tonLayout={ onMediaLayout }\n\t\t\t\t\t\tstyle={ styles.mediaContainer }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ! isVideo && (\n\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\tonImageDataLoad={ onImageDataLoad }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isVideo && (\n\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\tresizeMode=\"contain\"\n\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! displayPlaceholder && (\n\t\t\t\t\t\t\t<Animated.View\n\t\t\t\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\t\t\t\tstyle={ focalPointGroupStyles }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Tooltip.Label\n\t\t\t\t\t\t\t\t\ttext={ __( 'Drag to adjust focal point' ) }\n\t\t\t\t\t\t\t\t\tyOffset={ -( FOCAL_POINT_SIZE / 2 ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<FocalPoint\n\t\t\t\t\t\t\t\t\theight={ focalPointStyles.height }\n\t\t\t\t\t\t\t\t\tstyle={ focalPointStyles }\n\t\t\t\t\t\t\t\t\ttestID=\"focal-point-picker-handle\"\n\t\t\t\t\t\t\t\t\twidth={ focalPointStyles.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</Animated.View>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t<UnitControl\n\t\t\t\t\tkey={ `xAxis-${ sliderKey }` }\n\t\t\t\t\tlabel={ __( 'X-Axis Position' ) }\n\t\t\t\t\tmax={ MAX_POSITION_VALUE }\n\t\t\t\t\tmin={ MIN_POSITION_VALUE }\n\t\t\t\t\tonChange={ onXCoordinateChange }\n\t\t\t\t\tunit=\"%\"\n\t\t\t\t\tunits={ FOCAL_POINT_UNITS }\n\t\t\t\t\tvalue={ Math.round( focalPoint.x * 100 ) }\n\t\t\t\t/>\n\t\t\t\t<UnitControl\n\t\t\t\t\tkey={ `yAxis-${ sliderKey }` }\n\t\t\t\t\tlabel={ __( 'Y-Axis Position' ) }\n\t\t\t\t\tmax={ MAX_POSITION_VALUE }\n\t\t\t\t\tmin={ MIN_POSITION_VALUE }\n\t\t\t\t\tonChange={ onYCoordinateChange }\n\t\t\t\t\tunit=\"%\"\n\t\t\t\t\tunits={ FOCAL_POINT_UNITS }\n\t\t\t\t\tvalue={ Math.round( focalPoint.y * 100 ) }\n\t\t\t\t/>\n\t\t\t</Tooltip>\n\t\t</View>\n\t);\n}\n\nexport default FocalPointPicker;\n"],"mappings":"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","ignoreList":[]}

package/build-module/focal-point-picker/tooltip/index.native.js

@@ -1,130 +0,0 @@
-/**
- * External dependencies
- */
-import { Animated, Easing, PanResponder, Text, View } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { createContext, useEffect, useRef, useState, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const TooltipContext = createContext();
-function Tooltip({
-  children,
-  onPress,
-  style,
-  visible
-}) {
-  const panResponder = useRef(PanResponder.create({
-    /**
-     * To allow dimissing the tooltip on press while also avoiding blocking
-     * interactivity within the child context, we place this `onPress` side
-     * effect within the `onStartShouldSetPanResponderCapture` callback.
-     *
-     * This is a bit unorthodox, but may be the simplest approach to achieving
-     * this outcome. This is effectively a gesture responder that never
-     * becomes the controlling responder. https://bit.ly/2J3ugKF
-     */
-    onStartShouldSetPanResponderCapture: () => {
-      if (onPress) {
-        onPress();
-      }
-      return false;
-    }
-  })).current;
-  return /*#__PURE__*/_jsx(TooltipContext.Provider, {
-    value: visible,
-    children: /*#__PURE__*/_jsx(View, {
-      ...(visible ? panResponder.panHandlers : {}),
-      style: style,
-      children: children
-    })
-  });
-}
-function Label({
-  align = 'center',
-  text,
-  xOffset = 0,
-  yOffset = 0
-}) {
-  const animationValue = useRef(new Animated.Value(0)).current;
-  const [dimensions, setDimensions] = useState(null);
-  const visible = useContext(TooltipContext);
-  if (typeof visible === 'undefined') {
-    throw new Error('Tooltip.Label cannot be rendered outside of the Tooltip component');
-  }
-  useEffect(() => {
-    const startAnimation = () => {
-      Animated.timing(animationValue, {
-        toValue: visible ? 1 : 0,
-        duration: visible ? 300 : 150,
-        useNativeDriver: true,
-        delay: visible ? 500 : 0,
-        easing: Easing.out(Easing.quad)
-      }).start();
-    };
-    startAnimation();
-  }, [animationValue, visible]);
-
-  // Transforms rely upon onLayout to enable custom offsets additions.
-  let tooltipTransforms;
-  if (dimensions) {
-    tooltipTransforms = [{
-      translateX: (align === 'center' ? -dimensions.width / 2 : 0) + xOffset
-    }, {
-      translateY: -dimensions.height + yOffset
-    }];
-  }
-  const tooltipStyles = [styles.tooltip, {
-    shadowColor: styles.tooltipShadow?.color,
-    shadowOffset: {
-      width: 0,
-      height: 2
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 2,
-    elevation: 2,
-    transform: tooltipTransforms
-  }, align === 'left' && styles.tooltipLeftAlign];
-  const arrowStyles = [styles.arrow, align === 'left' && styles.arrowLeftAlign];
-  return /*#__PURE__*/_jsx(Animated.View, {
-    style: {
-      opacity: animationValue,
-      transform: [{
-        translateY: animationValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [visible ? 4 : -8, -8]
-        })
-      }]
-    },
-    children: /*#__PURE__*/_jsxs(View, {
-      onLayout: ({
-        nativeEvent
-      }) => {
-        const {
-          height,
-          width
-        } = nativeEvent.layout;
-        setDimensions({
-          height,
-          width
-        });
-      },
-      style: tooltipStyles,
-      children: [/*#__PURE__*/_jsx(Text, {
-        style: styles.text,
-        children: text
-      }), /*#__PURE__*/_jsx(View, {
-        style: arrowStyles
-      })]
-    })
-  });
-}
-Tooltip.Label = Label;
-export default Tooltip;
-//# sourceMappingURL=index.native.js.map

package/build-module/focal-point-picker/tooltip/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Animated","Easing","PanResponder","Text","View","createContext","useEffect","useRef","useState","useContext","styles","jsx","_jsx","jsxs","_jsxs","TooltipContext","Tooltip","children","onPress","style","visible","panResponder","create","onStartShouldSetPanResponderCapture","current","Provider","value","panHandlers","Label","align","text","xOffset","yOffset","animationValue","Value","dimensions","setDimensions","Error","startAnimation","timing","toValue","duration","useNativeDriver","delay","easing","out","quad","start","tooltipTransforms","translateX","width","translateY","height","tooltipStyles","tooltip","shadowColor","tooltipShadow","color","shadowOffset","shadowOpacity","shadowRadius","elevation","transform","tooltipLeftAlign","arrowStyles","arrow","arrowLeftAlign","opacity","interpolate","inputRange","outputRange","onLayout","nativeEvent","layout"],"sources":["@wordpress/components/src/focal-point-picker/tooltip/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Animated, Easing, PanResponder, Text, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n\tuseContext,\n} from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst TooltipContext = createContext();\n\nfunction Tooltip( { children, onPress, style, visible } ) {\n\tconst panResponder = useRef(\n\t\tPanResponder.create( {\n\t\t\t/**\n\t\t\t * To allow dimissing the tooltip on press while also avoiding blocking\n\t\t\t * interactivity within the child context, we place this `onPress` side\n\t\t\t * effect within the `onStartShouldSetPanResponderCapture` callback.\n\t\t\t *\n\t\t\t * This is a bit unorthodox, but may be the simplest approach to achieving\n\t\t\t * this outcome. This is effectively a gesture responder that never\n\t\t\t * becomes the controlling responder. https://bit.ly/2J3ugKF\n\t\t\t */\n\t\t\tonStartShouldSetPanResponderCapture: () => {\n\t\t\t\tif ( onPress ) {\n\t\t\t\t\tonPress();\n\t\t\t\t}\n\t\t\t\treturn false;\n\t\t\t},\n\t\t} )\n\t).current;\n\n\treturn (\n\t\t<TooltipContext.Provider value={ visible }>\n\t\t\t<View\n\t\t\t\t{ ...( visible ? panResponder.panHandlers : {} ) }\n\t\t\t\tstyle={ style }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</View>\n\t\t</TooltipContext.Provider>\n\t);\n}\n\nfunction Label( { align = 'center', text, xOffset = 0, yOffset = 0 } ) {\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst [ dimensions, setDimensions ] = useState( null );\n\tconst visible = useContext( TooltipContext );\n\n\tif ( typeof visible === 'undefined' ) {\n\t\tthrow new Error(\n\t\t\t'Tooltip.Label cannot be rendered outside of the Tooltip component'\n\t\t);\n\t}\n\n\tuseEffect( () => {\n\t\tconst startAnimation = () => {\n\t\t\tAnimated.timing( animationValue, {\n\t\t\t\ttoValue: visible ? 1 : 0,\n\t\t\t\tduration: visible ? 300 : 150,\n\t\t\t\tuseNativeDriver: true,\n\t\t\t\tdelay: visible ? 500 : 0,\n\t\t\t\teasing: Easing.out( Easing.quad ),\n\t\t\t} ).start();\n\t\t};\n\t\tstartAnimation();\n\t}, [ animationValue, visible ] );\n\n\t// Transforms rely upon onLayout to enable custom offsets additions.\n\tlet tooltipTransforms;\n\tif ( dimensions ) {\n\t\ttooltipTransforms = [\n\t\t\t{\n\t\t\t\ttranslateX:\n\t\t\t\t\t( align === 'center' ? -dimensions.width / 2 : 0 ) +\n\t\t\t\t\txOffset,\n\t\t\t},\n\t\t\t{ translateY: -dimensions.height + yOffset },\n\t\t];\n\t}\n\n\tconst tooltipStyles = [\n\t\tstyles.tooltip,\n\t\t{\n\t\t\tshadowColor: styles.tooltipShadow?.color,\n\t\t\tshadowOffset: {\n\t\t\t\twidth: 0,\n\t\t\t\theight: 2,\n\t\t\t},\n\t\t\tshadowOpacity: 0.25,\n\t\t\tshadowRadius: 2,\n\t\t\televation: 2,\n\t\t\ttransform: tooltipTransforms,\n\t\t},\n\t\talign === 'left' && styles.tooltipLeftAlign,\n\t];\n\tconst arrowStyles = [\n\t\tstyles.arrow,\n\t\talign === 'left' && styles.arrowLeftAlign,\n\t];\n\n\treturn (\n\t\t<Animated.View\n\t\t\tstyle={ {\n\t\t\t\topacity: animationValue,\n\t\t\t\ttransform: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\t\toutputRange: [ visible ? 4 : -8, -8 ],\n\t\t\t\t\t\t} ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} }\n\t\t>\n\t\t\t<View\n\t\t\t\tonLayout={ ( { nativeEvent } ) => {\n\t\t\t\t\tconst { height, width } = nativeEvent.layout;\n\t\t\t\t\tsetDimensions( { height, width } );\n\t\t\t\t} }\n\t\t\t\tstyle={ tooltipStyles }\n\t\t\t>\n\t\t\t\t<Text style={ styles.text }>{ text }</Text>\n\t\t\t\t<View style={ arrowStyles } />\n\t\t\t</View>\n\t\t</Animated.View>\n\t);\n}\n\nTooltip.Label = Label;\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/build-module/font-size-picker/index.native.js

@@ -1,152 +0,0 @@
-/**
- * External dependencies
- */
-import { View, useWindowDimensions } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { useNavigation } from '@react-navigation/native';
-import { useState } from '@wordpress/element';
-import { Icon, chevronRight, check } from '@wordpress/icons';
-import { __, _x, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { default as getPxFromCssUnit } from '../mobile/utils/get-px-from-css-unit';
-import { default as UnitControl, useCustomUnits } from '../unit-control';
-import styles from './style.scss';
-import BottomSheet from '../mobile/bottom-sheet';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const DEFAULT_FONT_SIZE = 16;
-function FontSizePicker({
-  fontSizes = [],
-  disableCustomFontSizes = false,
-  onChange,
-  value: selectedValue
-}) {
-  var _fontSizes$find;
-  const [showSubSheet, setShowSubSheet] = useState(false);
-  const navigation = useNavigation();
-  const {
-    height,
-    width
-  } = useWindowDimensions();
-  const cssUnitOptions = {
-    height,
-    width,
-    fontSize: DEFAULT_FONT_SIZE
-  };
-  // We need to always convert to px units because the selected value
-  // could be coming from the web where it could be stored as a different unit.
-  const selectedPxValue = getPxFromCssUnit(selectedValue, cssUnitOptions);
-  const onChangeValue = value => {
-    return () => {
-      goBack();
-      onChange(value);
-    };
-  };
-  const selectedOption = (_fontSizes$find = fontSizes.find(option => option.sizePx === selectedPxValue)) !== null && _fontSizes$find !== void 0 ? _fontSizes$find : {
-    name: 'Custom'
-  };
-  const goBack = () => {
-    setShowSubSheet(false);
-    navigation.goBack();
-  };
-  const openSubSheet = () => {
-    navigation.navigate(BottomSheet.SubSheet.screenName);
-    setShowSubSheet(true);
-  };
-  const label = __('Font Size');
-  const units = useCustomUnits({
-    availableUnits: ['px', 'em', 'rem', 'vw', 'vh']
-  });
-  const accessibilityLabel = sprintf(
-  // translators: %s: Font size name e.g. Small
-  __('Font Size, %s'), selectedOption.name);
-  return /*#__PURE__*/_jsx(BottomSheet.SubSheet, {
-    navigationButton: /*#__PURE__*/_jsx(BottomSheet.Cell, {
-      label: label,
-      separatorType: "none",
-      value: selectedValue ? sprintf(
-      // translators: 1: Select control font size name e.g. Small. 2: Select control font size e.g. 12px
-      _x('%1$s (%2$s)', 'font size'), selectedOption.name, selectedPxValue) : __('Default'),
-      onPress: openSubSheet,
-      accessibilityRole: "button",
-      accessibilityLabel: accessibilityLabel,
-      accessibilityHint: sprintf(
-      // translators: %s: Select control button label e.g. "Button width"
-      __('Navigates to select %s'), selectedOption.name),
-      children: /*#__PURE__*/_jsx(Icon, {
-        icon: chevronRight
-      })
-    }),
-    showSheet: showSubSheet,
-    children: /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsxs(BottomSheet.NavBar, {
-        children: [/*#__PURE__*/_jsx(BottomSheet.NavBar.BackButton, {
-          onPress: goBack
-        }), /*#__PURE__*/_jsx(BottomSheet.NavBar.Heading, {
-          children: label
-        })]
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles['components-font-size-picker'],
-        children: [/*#__PURE__*/_jsx(BottomSheet.Cell, {
-          customActionButton: true,
-          separatorType: "none",
-          label: __('Default'),
-          onPress: onChangeValue(undefined),
-          leftAlign: true,
-          accessibilityRole: "button",
-          accessibilityLabel: __('Selected: Default'),
-          accessibilityHint: __('Double tap to select default font size'),
-          children: /*#__PURE__*/_jsx(View, {
-            children: selectedValue === undefined && /*#__PURE__*/_jsx(Icon, {
-              icon: check
-            })
-          })
-        }, "default"), fontSizes.map((item, index) => {
-          // Only display a choice that we can currently select.
-          if (!parseFloat(item.sizePx)) {
-            return null;
-          }
-          return /*#__PURE__*/_jsx(BottomSheet.Cell, {
-            customActionButton: true,
-            separatorType: "none",
-            label: item.name,
-            subLabel: item.sizePx,
-            onPress: onChangeValue(item.sizePx),
-            leftAlign: true,
-            accessibilityRole: "button",
-            accessibilityLabel: item.sizePx === selectedValue ? sprintf(
-            // translators: %s: The selected option.
-            __('Selected: %s'), item.name) : item.name,
-            accessibilityHint: __('Double tap to select font size'),
-            children: /*#__PURE__*/_jsx(View, {
-              children: item.sizePx === selectedPxValue && /*#__PURE__*/_jsx(Icon, {
-                icon: check
-              })
-            })
-          }, index);
-        }), !disableCustomFontSizes && /*#__PURE__*/_jsx(UnitControl, {
-          label: __('Custom'),
-          min: 0,
-          max: 200,
-          step: 1,
-          value: selectedValue,
-          onChange: nextSize => {
-            if (0 === parseFloat(nextSize) || !nextSize) {
-              onChange(undefined);
-            } else {
-              onChange(nextSize);
-            }
-          },
-          units: units
-        })]
-      })]
-    })
-  });
-}
-export default FontSizePicker;
-//# sourceMappingURL=index.native.js.map

package/build-module/font-size-picker/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","useWindowDimensions","useNavigation","useState","Icon","chevronRight","check","__","_x","sprintf","default","getPxFromCssUnit","UnitControl","useCustomUnits","styles","BottomSheet","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DEFAULT_FONT_SIZE","FontSizePicker","fontSizes","disableCustomFontSizes","onChange","value","selectedValue","_fontSizes$find","showSubSheet","setShowSubSheet","navigation","height","width","cssUnitOptions","fontSize","selectedPxValue","onChangeValue","goBack","selectedOption","find","option","sizePx","name","openSubSheet","navigate","SubSheet","screenName","label","units","availableUnits","accessibilityLabel","navigationButton","Cell","separatorType","onPress","accessibilityRole","accessibilityHint","children","icon","showSheet","NavBar","BackButton","Heading","style","customActionButton","undefined","leftAlign","map","item","index","parseFloat","subLabel","min","max","step","nextSize"],"sources":["@wordpress/components/src/font-size-picker/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, useWindowDimensions } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useNavigation } from '@react-navigation/native';\nimport { useState } from '@wordpress/element';\nimport { Icon, chevronRight, check } from '@wordpress/icons';\nimport { __, _x, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { default as getPxFromCssUnit } from '../mobile/utils/get-px-from-css-unit';\nimport { default as UnitControl, useCustomUnits } from '../unit-control';\nimport styles from './style.scss';\nimport BottomSheet from '../mobile/bottom-sheet';\n\nconst DEFAULT_FONT_SIZE = 16;\n\nfunction FontSizePicker( {\n\tfontSizes = [],\n\tdisableCustomFontSizes = false,\n\tonChange,\n\tvalue: selectedValue,\n} ) {\n\tconst [ showSubSheet, setShowSubSheet ] = useState( false );\n\tconst navigation = useNavigation();\n\n\tconst { height, width } = useWindowDimensions();\n\tconst cssUnitOptions = { height, width, fontSize: DEFAULT_FONT_SIZE };\n\t// We need to always convert to px units because the selected value\n\t// could be coming from the web where it could be stored as a different unit.\n\tconst selectedPxValue = getPxFromCssUnit( selectedValue, cssUnitOptions );\n\n\tconst onChangeValue = ( value ) => {\n\t\treturn () => {\n\t\t\tgoBack();\n\t\t\tonChange( value );\n\t\t};\n\t};\n\n\tconst selectedOption = fontSizes.find(\n\t\t( option ) => option.sizePx === selectedPxValue\n\t) ?? { name: 'Custom' };\n\n\tconst goBack = () => {\n\t\tsetShowSubSheet( false );\n\t\tnavigation.goBack();\n\t};\n\n\tconst openSubSheet = () => {\n\t\tnavigation.navigate( BottomSheet.SubSheet.screenName );\n\t\tsetShowSubSheet( true );\n\t};\n\tconst label = __( 'Font Size' );\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: [ 'px', 'em', 'rem', 'vw', 'vh' ],\n\t} );\n\n\tconst accessibilityLabel = sprintf(\n\t\t// translators: %s: Font size name e.g. Small\n\t\t__( 'Font Size, %s' ),\n\t\tselectedOption.name\n\t);\n\n\treturn (\n\t\t<BottomSheet.SubSheet\n\t\t\tnavigationButton={\n\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\tvalue={\n\t\t\t\t\t\tselectedValue\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t// translators: 1: Select control font size name e.g. Small. 2: Select control font size e.g. 12px\n\t\t\t\t\t\t\t\t\t_x( '%1$s (%2$s)', 'font size' ),\n\t\t\t\t\t\t\t\t\tselectedOption.name,\n\t\t\t\t\t\t\t\t\tselectedPxValue\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: __( 'Default' )\n\t\t\t\t\t}\n\t\t\t\t\tonPress={ openSubSheet }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\taccessibilityHint={ sprintf(\n\t\t\t\t\t\t// translators: %s: Select control button label e.g. \"Button width\"\n\t\t\t\t\t\t__( 'Navigates to select %s' ),\n\t\t\t\t\t\tselectedOption.name\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<Icon icon={ chevronRight }></Icon>\n\t\t\t\t</BottomSheet.Cell>\n\t\t\t}\n\t\t\tshowSheet={ showSubSheet }\n\t\t>\n\t\t\t<>\n\t\t\t\t<BottomSheet.NavBar>\n\t\t\t\t\t<BottomSheet.NavBar.BackButton onPress={ goBack } />\n\t\t\t\t\t<BottomSheet.NavBar.Heading>\n\t\t\t\t\t\t{ label }\n\t\t\t\t\t</BottomSheet.NavBar.Heading>\n\t\t\t\t</BottomSheet.NavBar>\n\t\t\t\t<View style={ styles[ 'components-font-size-picker' ] }>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\tonPress={ onChangeValue( undefined ) }\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tkey=\"default\"\n\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\taccessibilityLabel={ __( 'Selected: Default' ) }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to select default font size'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t{ selectedValue === undefined && (\n\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t{ fontSizes.map( ( item, index ) => {\n\t\t\t\t\t\t// Only display a choice that we can currently select.\n\t\t\t\t\t\tif ( ! parseFloat( item.sizePx ) ) {\n\t\t\t\t\t\t\treturn null;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\t\t\tcustomActionButton\n\t\t\t\t\t\t\t\tseparatorType=\"none\"\n\t\t\t\t\t\t\t\tlabel={ item.name }\n\t\t\t\t\t\t\t\tsubLabel={ item.sizePx }\n\t\t\t\t\t\t\t\tonPress={ onChangeValue( item.sizePx ) }\n\t\t\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\t\titem.sizePx === selectedValue\n\t\t\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t// translators: %s: The selected option.\n\t\t\t\t\t\t\t\t\t\t\t\t__( 'Selected: %s' ),\n\t\t\t\t\t\t\t\t\t\t\t\titem.name\n\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t: item.name\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t\t\t'Double tap to select font size'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<View>\n\t\t\t\t\t\t\t\t\t{ item.sizePx === selectedPxValue && (\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ check }></Icon>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t\t);\n\t\t\t\t\t} ) }\n\t\t\t\t\t{ ! disableCustomFontSizes && (\n\t\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 200 }\n\t\t\t\t\t\t\tstep={ 1 }\n\t\t\t\t\t\t\tvalue={ selectedValue }\n\t\t\t\t\t\t\tonChange={ ( nextSize ) => {\n\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t0 === parseFloat( nextSize ) ||\n\t\t\t\t\t\t\t\t\t! nextSize\n\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\tonChange( undefined );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonChange( nextSize );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</>\n\t\t</BottomSheet.SubSheet>\n\t);\n}\n\nexport default FontSizePicker;\n"],"mappings":"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","ignoreList":[]}

package/build-module/footer-message-control/index.native.js

@@ -1,18 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { memo } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-import FooterMessageCell from '../mobile/bottom-sheet/footer-message-cell';
-import { jsx as _jsx } from "react/jsx-runtime";
-function FooterMessageControl({
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(FooterMessageCell, {
-    ...props
-  });
-}
-export default memo(FooterMessageControl);
-//# sourceMappingURL=index.native.js.map

package/build-module/footer-message-control/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["memo","FooterMessageCell","jsx","_jsx","FooterMessageControl","props"],"sources":["@wordpress/components/src/footer-message-control/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport FooterMessageCell from '../mobile/bottom-sheet/footer-message-cell';\n\nfunction FooterMessageControl( { ...props } ) {\n\treturn <FooterMessageCell { ...props } />;\n}\n\nexport default memo( FooterMessageControl );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,4CAA4C;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3E,SAASC,oBAAoBA,CAAE;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC7C,oBAAOF,IAAA,CAACF,iBAAiB;IAAA,GAAMI;EAAK,CAAI,CAAC;AAC1C;AAEA,eAAeL,IAAI,CAAEI,oBAAqB,CAAC","ignoreList":[]}