@wordpress/components 27.5.0 → 28.0.0

package/build-module/mobile/audio-player/index.native.js

@@ -1,155 +0,0 @@
-import { createElement } from "react";
-/**
- * External dependencies
- */
-import { Text, TouchableWithoutFeedback, Linking, Alert, Platform } from 'react-native';
-import { default as VideoPlayer } from 'react-native-video';
-
-/**
- * WordPress dependencies
- */
-import { View } from '@wordpress/primitives';
-import { Icon, useEditorColorScheme } from '@wordpress/components';
-import { withPreferredColorScheme } from '@wordpress/compose';
-import { __ } from '@wordpress/i18n';
-import { audio, warning } from '@wordpress/icons';
-import { requestImageFailedRetryDialog, requestImageUploadCancelDialog } from '@wordpress/react-native-bridge';
-import { getProtocol } from '@wordpress/url';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import styles from './styles.scss';
-import { parseAudioUrl } from './audio-url-parser.native';
-const isIOS = Platform.OS === 'ios';
-function Player({
-  isUploadInProgress,
-  isUploadFailed,
-  attributes,
-  isSelected
-}) {
-  const {
-    id,
-    src
-  } = attributes;
-  const [paused, setPaused] = useState(true);
-  const onPressListen = () => {
-    if (src) {
-      if (isIOS && this.player) {
-        this.player.presentFullscreenPlayer();
-        return;
-      }
-      Linking.canOpenURL(src).then(supported => {
-        if (!supported) {
-          Alert.alert(__('Problem opening the audio'), __('No application can handle this request.'));
-        } else {
-          return Linking.openURL(src);
-        }
-      }).catch(() => {
-        Alert.alert(__('Problem opening the audio'), __('An unknown error occurred. Please try again.'));
-      });
-    }
-  };
-  const containerStyle = useEditorColorScheme(styles.container, styles.containerDark);
-  const iconStyle = useEditorColorScheme(styles.icon, styles.iconDark);
-  const iconDisabledStyle = useEditorColorScheme(styles.iconDisabled, styles.iconDisabledDark);
-  const isDisabled = isUploadFailed || isUploadInProgress;
-  const finalIconStyle = {
-    ...iconStyle,
-    ...(isDisabled && iconDisabledStyle)
-  };
-  const iconContainerStyle = useEditorColorScheme(styles.iconContainer, styles.iconContainerDark);
-  const titleContainerStyle = {
-    ...styles.titleContainer,
-    ...(isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid)
-  };
-  const titleStyle = useEditorColorScheme(styles.title, styles.titleDark);
-  const uploadFailedStyle = useEditorColorScheme(styles.uploadFailed, styles.uploadFailedDark);
-  const subtitleStyle = useEditorColorScheme(styles.subtitle, styles.subtitleDark);
-  const finalSubtitleStyle = {
-    ...subtitleStyle,
-    ...(isUploadFailed && uploadFailedStyle)
-  };
-  const buttonBackgroundStyle = useEditorColorScheme(styles.buttonBackground, styles.buttonBackgroundDark);
-  let title = '';
-  let extension = '';
-  if (src) {
-    const result = parseAudioUrl(src);
-    extension = result.extension;
-    title = result.title;
-  }
-  const getSubtitleValue = () => {
-    if (isUploadInProgress) {
-      return __('Uploading…');
-    }
-    if (isUploadFailed) {
-      return __('Failed to insert audio file. Please tap for options.');
-    }
-    return extension +
-    // translators: displays audio file extension. e.g. MP3 audio file
-    __('audio file');
-  };
-  function onAudioUploadCancelDialog() {
-    if (isUploadInProgress) {
-      requestImageUploadCancelDialog(id);
-    } else if (id && getProtocol(src) === 'file:') {
-      requestImageFailedRetryDialog(id);
-    }
-  }
-  return createElement(TouchableWithoutFeedback, {
-    accessible: !isSelected,
-    disabled: !isSelected,
-    onPress: onAudioUploadCancelDialog
-  }, createElement(View, {
-    style: containerStyle
-  }, createElement(View, {
-    style: iconContainerStyle
-  }, createElement(Icon, {
-    icon: audio,
-    style: finalIconStyle,
-    size: 24
-  })), createElement(View, {
-    style: titleContainerStyle
-  }, createElement(Text, {
-    style: titleStyle
-  }, title), createElement(View, {
-    style: styles.subtitleContainer
-  }, isUploadFailed && createElement(Icon, {
-    icon: warning,
-    style: {
-      ...styles.errorIcon,
-      ...uploadFailedStyle
-    },
-    size: 16
-  }), createElement(Text, {
-    style: finalSubtitleStyle
-  }, getSubtitleValue()))), !isDisabled && createElement(TouchableWithoutFeedback, {
-    accessibilityLabel: __('Audio Player'),
-    accessibilityRole: 'button',
-    accessibilityHint: __('Double tap to listen the audio file'),
-    onPress: onPressListen
-  }, createElement(View, {
-    style: buttonBackgroundStyle
-  }, createElement(Text, {
-    style: styles.buttonText
-  }, __('OPEN')))), isIOS && createElement(VideoPlayer, {
-    source: {
-      uri: src
-    },
-    paused: paused,
-    ref: ref => {
-      this.player = ref;
-    },
-    controls: false,
-    ignoreSilentSwitch: 'ignore',
-    onFullscreenPlayerWillPresent: () => {
-      setPaused(false);
-    },
-    onFullscreenPlayerDidDismiss: () => {
-      setPaused(true);
-    }
-  })));
-}
-export default withPreferredColorScheme(Player);
-//# sourceMappingURL=index.native.js.map

package/build-module/mobile/audio-player/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Text","TouchableWithoutFeedback","Linking","Alert","Platform","default","VideoPlayer","View","Icon","useEditorColorScheme","withPreferredColorScheme","__","audio","warning","requestImageFailedRetryDialog","requestImageUploadCancelDialog","getProtocol","useState","styles","parseAudioUrl","isIOS","OS","Player","isUploadInProgress","isUploadFailed","attributes","isSelected","id","src","paused","setPaused","onPressListen","player","presentFullscreenPlayer","canOpenURL","then","supported","alert","openURL","catch","containerStyle","container","containerDark","iconStyle","icon","iconDark","iconDisabledStyle","iconDisabled","iconDisabledDark","isDisabled","finalIconStyle","iconContainerStyle","iconContainer","iconContainerDark","titleContainerStyle","titleContainer","titleContainerIOS","titleContainerAndroid","titleStyle","title","titleDark","uploadFailedStyle","uploadFailed","uploadFailedDark","subtitleStyle","subtitle","subtitleDark","finalSubtitleStyle","buttonBackgroundStyle","buttonBackground","buttonBackgroundDark","extension","result","getSubtitleValue","onAudioUploadCancelDialog","createElement","accessible","disabled","onPress","style","size","subtitleContainer","errorIcon","accessibilityLabel","accessibilityRole","accessibilityHint","buttonText","source","uri","ref","controls","ignoreSilentSwitch","onFullscreenPlayerWillPresent","onFullscreenPlayerDidDismiss"],"sources":["@wordpress/components/src/mobile/audio-player/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tTouchableWithoutFeedback,\n\tLinking,\n\tAlert,\n\tPlatform,\n} from 'react-native';\nimport { default as VideoPlayer } from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport { View } from '@wordpress/primitives';\nimport { Icon, useEditorColorScheme } from '@wordpress/components';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { audio, warning } from '@wordpress/icons';\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n} from '@wordpress/react-native-bridge';\nimport { getProtocol } from '@wordpress/url';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './styles.scss';\nimport { parseAudioUrl } from './audio-url-parser.native';\n\nconst isIOS = Platform.OS === 'ios';\n\nfunction Player( {\n\tisUploadInProgress,\n\tisUploadFailed,\n\tattributes,\n\tisSelected,\n} ) {\n\tconst { id, src } = attributes;\n\tconst [ paused, setPaused ] = useState( true );\n\n\tconst onPressListen = () => {\n\t\tif ( src ) {\n\t\t\tif ( isIOS && this.player ) {\n\t\t\t\tthis.player.presentFullscreenPlayer();\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tLinking.canOpenURL( src )\n\t\t\t\t.then( ( supported ) => {\n\t\t\t\t\tif ( ! supported ) {\n\t\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t\t__( 'No application can handle this request.' )\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn Linking.openURL( src );\n\t\t\t\t\t}\n\t\t\t\t} )\n\t\t\t\t.catch( () => {\n\t\t\t\t\tAlert.alert(\n\t\t\t\t\t\t__( 'Problem opening the audio' ),\n\t\t\t\t\t\t__( 'An unknown error occurred. Please try again.' )\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t}\n\t};\n\n\tconst containerStyle = useEditorColorScheme(\n\t\tstyles.container,\n\t\tstyles.containerDark\n\t);\n\n\tconst iconStyle = useEditorColorScheme( styles.icon, styles.iconDark );\n\n\tconst iconDisabledStyle = useEditorColorScheme(\n\t\tstyles.iconDisabled,\n\t\tstyles.iconDisabledDark\n\t);\n\n\tconst isDisabled = isUploadFailed || isUploadInProgress;\n\n\tconst finalIconStyle = {\n\t\t...iconStyle,\n\t\t...( isDisabled && iconDisabledStyle ),\n\t};\n\n\tconst iconContainerStyle = useEditorColorScheme(\n\t\tstyles.iconContainer,\n\t\tstyles.iconContainerDark\n\t);\n\n\tconst titleContainerStyle = {\n\t\t...styles.titleContainer,\n\t\t...( isIOS ? styles.titleContainerIOS : styles.titleContainerAndroid ),\n\t};\n\n\tconst titleStyle = useEditorColorScheme( styles.title, styles.titleDark );\n\n\tconst uploadFailedStyle = useEditorColorScheme(\n\t\tstyles.uploadFailed,\n\t\tstyles.uploadFailedDark\n\t);\n\n\tconst subtitleStyle = useEditorColorScheme(\n\t\tstyles.subtitle,\n\t\tstyles.subtitleDark\n\t);\n\n\tconst finalSubtitleStyle = {\n\t\t...subtitleStyle,\n\t\t...( isUploadFailed && uploadFailedStyle ),\n\t};\n\n\tconst buttonBackgroundStyle = useEditorColorScheme(\n\t\tstyles.buttonBackground,\n\t\tstyles.buttonBackgroundDark\n\t);\n\n\tlet title = '';\n\tlet extension = '';\n\n\tif ( src ) {\n\t\tconst result = parseAudioUrl( src );\n\t\textension = result.extension;\n\t\ttitle = result.title;\n\t}\n\n\tconst getSubtitleValue = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\treturn __( 'Uploading…' );\n\t\t}\n\t\tif ( isUploadFailed ) {\n\t\t\treturn __( 'Failed to insert audio file. Please tap for options.' );\n\t\t}\n\t\treturn (\n\t\t\textension +\n\t\t\t// translators: displays audio file extension. e.g. MP3 audio file\n\t\t\t__( 'audio file' )\n\t\t);\n\t};\n\n\tfunction onAudioUploadCancelDialog() {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( id && getProtocol( src ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t}\n\t}\n\n\treturn (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isSelected }\n\t\t\tdisabled={ ! isSelected }\n\t\t\tonPress={ onAudioUploadCancelDialog }\n\t\t>\n\t\t\t<View style={ containerStyle }>\n\t\t\t\t<View style={ iconContainerStyle }>\n\t\t\t\t\t<Icon icon={ audio } style={ finalIconStyle } size={ 24 } />\n\t\t\t\t</View>\n\t\t\t\t<View style={ titleContainerStyle }>\n\t\t\t\t\t<Text style={ titleStyle }>{ title }</Text>\n\t\t\t\t\t<View style={ styles.subtitleContainer }>\n\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ warning }\n\t\t\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\t\t\t...styles.errorIcon,\n\t\t\t\t\t\t\t\t\t...uploadFailedStyle,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Text style={ finalSubtitleStyle }>\n\t\t\t\t\t\t\t{ getSubtitleValue() }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t\t{ ! isDisabled && (\n\t\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\t\taccessibilityLabel={ __( 'Audio Player' ) }\n\t\t\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\t\t\taccessibilityHint={ __(\n\t\t\t\t\t\t\t'Double tap to listen the audio file'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tonPress={ onPressListen }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ buttonBackgroundStyle }>\n\t\t\t\t\t\t\t<Text style={ styles.buttonText }>\n\t\t\t\t\t\t\t\t{ __( 'OPEN' ) }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t\t) }\n\t\t\t\t{ isIOS && (\n\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\tsource={ { uri: src } }\n\t\t\t\t\t\tpaused={ paused }\n\t\t\t\t\t\tref={ ( ref ) => {\n\t\t\t\t\t\t\tthis.player = ref;\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tcontrols={ false }\n\t\t\t\t\t\tignoreSilentSwitch={ 'ignore' }\n\t\t\t\t\t\tonFullscreenPlayerWillPresent={ () => {\n\t\t\t\t\t\t\tsetPaused( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonFullscreenPlayerDidDismiss={ () => {\n\t\t\t\t\t\t\tsetPaused( true );\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\nexport default withPreferredColorScheme( Player );\n"],"mappings":"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","ignoreList":[]}

package/build-module/mobile/global-styles-context/index.native.js

@@ -1,58 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { BLOCK_STYLE_ATTRIBUTES, getBlockPaddings, getBlockColors, getBlockTypography } from './utils';
-const GlobalStylesContext = createContext({
-  style: {}
-});
-GlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;
-export const getMergedGlobalStyles = (baseGlobalStyles, globalStyle, wrapperPropsStyle, blockAttributes, defaultColors, blockName, fontSizes) => {
-  // Current support for general styles and blocks.
-  const baseGlobalColors = {
-    baseColors: {
-      color: baseGlobalStyles?.color,
-      typography: baseGlobalStyles?.typography,
-      elements: {
-        link: baseGlobalStyles?.elements?.link
-      },
-      blocks: {
-        'core/button': baseGlobalStyles?.blocks?.['core/button']
-      }
-    }
-  };
-  const blockStyleAttributes = Object.fromEntries(Object.entries(blockAttributes !== null && blockAttributes !== void 0 ? blockAttributes : {}).filter(([key]) => BLOCK_STYLE_ATTRIBUTES.includes(key)));
-
-  // This prevents certain wrapper styles from being applied to blocks that
-  // don't support them yet.
-  const wrapperPropsStyleFiltered = Object.fromEntries(Object.entries(wrapperPropsStyle !== null && wrapperPropsStyle !== void 0 ? wrapperPropsStyle : {}).filter(([key]) => BLOCK_STYLE_ATTRIBUTES.includes(key)));
-  const mergedStyle = {
-    ...baseGlobalColors,
-    ...globalStyle,
-    ...wrapperPropsStyleFiltered
-  };
-  const blockColors = getBlockColors(blockStyleAttributes, defaultColors, blockName, baseGlobalStyles);
-  const blockPaddings = getBlockPaddings(mergedStyle, wrapperPropsStyle, blockStyleAttributes, blockColors);
-  const blockTypography = getBlockTypography(blockStyleAttributes, fontSizes, blockName, baseGlobalStyles);
-  return {
-    ...mergedStyle,
-    ...blockPaddings,
-    ...blockColors,
-    ...blockTypography
-  };
-};
-export const useGlobalStyles = () => {
-  const globalStyles = useContext(GlobalStylesContext);
-  return globalStyles;
-};
-export const withGlobalStyles = WrappedComponent => props => createElement(GlobalStylesContext.Consumer, null, globalStyles => createElement(WrappedComponent, {
-  ...props,
-  globalStyles: globalStyles
-}));
-export default GlobalStylesContext;
-//# sourceMappingURL=index.native.js.map

package/build-module/mobile/global-styles-context/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["createContext","useContext","BLOCK_STYLE_ATTRIBUTES","getBlockPaddings","getBlockColors","getBlockTypography","GlobalStylesContext","style","getMergedGlobalStyles","baseGlobalStyles","globalStyle","wrapperPropsStyle","blockAttributes","defaultColors","blockName","fontSizes","baseGlobalColors","baseColors","color","typography","elements","link","blocks","blockStyleAttributes","Object","fromEntries","entries","filter","key","includes","wrapperPropsStyleFiltered","mergedStyle","blockColors","blockPaddings","blockTypography","useGlobalStyles","globalStyles","withGlobalStyles","WrappedComponent","props","createElement","Consumer"],"sources":["@wordpress/components/src/mobile/global-styles-context/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tBLOCK_STYLE_ATTRIBUTES,\n\tgetBlockPaddings,\n\tgetBlockColors,\n\tgetBlockTypography,\n} from './utils';\n\nconst GlobalStylesContext = createContext( { style: {} } );\n\nGlobalStylesContext.BLOCK_STYLE_ATTRIBUTES = BLOCK_STYLE_ATTRIBUTES;\n\nexport const getMergedGlobalStyles = (\n\tbaseGlobalStyles,\n\tglobalStyle,\n\twrapperPropsStyle,\n\tblockAttributes,\n\tdefaultColors,\n\tblockName,\n\tfontSizes\n) => {\n\t// Current support for general styles and blocks.\n\tconst baseGlobalColors = {\n\t\tbaseColors: {\n\t\t\tcolor: baseGlobalStyles?.color,\n\t\t\ttypography: baseGlobalStyles?.typography,\n\t\t\telements: {\n\t\t\t\tlink: baseGlobalStyles?.elements?.link,\n\t\t\t},\n\t\t\tblocks: {\n\t\t\t\t'core/button': baseGlobalStyles?.blocks?.[ 'core/button' ],\n\t\t\t},\n\t\t},\n\t};\n\n\tconst blockStyleAttributes = Object.fromEntries(\n\t\tObject.entries( blockAttributes ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\t// This prevents certain wrapper styles from being applied to blocks that\n\t// don't support them yet.\n\tconst wrapperPropsStyleFiltered = Object.fromEntries(\n\t\tObject.entries( wrapperPropsStyle ?? {} ).filter( ( [ key ] ) =>\n\t\t\tBLOCK_STYLE_ATTRIBUTES.includes( key )\n\t\t)\n\t);\n\n\tconst mergedStyle = {\n\t\t...baseGlobalColors,\n\t\t...globalStyle,\n\t\t...wrapperPropsStyleFiltered,\n\t};\n\tconst blockColors = getBlockColors(\n\t\tblockStyleAttributes,\n\t\tdefaultColors,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\tconst blockPaddings = getBlockPaddings(\n\t\tmergedStyle,\n\t\twrapperPropsStyle,\n\t\tblockStyleAttributes,\n\t\tblockColors\n\t);\n\tconst blockTypography = getBlockTypography(\n\t\tblockStyleAttributes,\n\t\tfontSizes,\n\t\tblockName,\n\t\tbaseGlobalStyles\n\t);\n\n\treturn {\n\t\t...mergedStyle,\n\t\t...blockPaddings,\n\t\t...blockColors,\n\t\t...blockTypography,\n\t};\n};\n\nexport const useGlobalStyles = () => {\n\tconst globalStyles = useContext( GlobalStylesContext );\n\n\treturn globalStyles;\n};\n\nexport const withGlobalStyles = ( WrappedComponent ) => ( props ) => (\n\t<GlobalStylesContext.Consumer>\n\t\t{ ( globalStyles ) => (\n\t\t\t<WrappedComponent { ...props } globalStyles={ globalStyles } />\n\t\t) }\n\t</GlobalStylesContext.Consumer>\n);\n\nexport default GlobalStylesContext;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA,SACCC,sBAAsB,EACtBC,gBAAgB,EAChBC,cAAc,EACdC,kBAAkB,QACZ,SAAS;AAEhB,MAAMC,mBAAmB,GAAGN,aAAa,CAAE;EAAEO,KAAK,EAAE,CAAC;AAAE,CAAE,CAAC;AAE1DD,mBAAmB,CAACJ,sBAAsB,GAAGA,sBAAsB;AAEnE,OAAO,MAAMM,qBAAqB,GAAGA,CACpCC,gBAAgB,EAChBC,WAAW,EACXC,iBAAiB,EACjBC,eAAe,EACfC,aAAa,EACbC,SAAS,EACTC,SAAS,KACL;EACJ;EACA,MAAMC,gBAAgB,GAAG;IACxBC,UAAU,EAAE;MACXC,KAAK,EAAET,gBAAgB,EAAES,KAAK;MAC9BC,UAAU,EAAEV,gBAAgB,EAAEU,UAAU;MACxCC,QAAQ,EAAE;QACTC,IAAI,EAAEZ,gBAAgB,EAAEW,QAAQ,EAAEC;MACnC,CAAC;MACDC,MAAM,EAAE;QACP,aAAa,EAAEb,gBAAgB,EAAEa,MAAM,GAAI,aAAa;MACzD;IACD;EACD,CAAC;EAED,MAAMC,oBAAoB,GAAGC,MAAM,CAACC,WAAW,CAC9CD,MAAM,CAACE,OAAO,CAAEd,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAI,CAAC,CAAE,CAAC,CAACe,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KACxD1B,sBAAsB,CAAC2B,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;;EAED;EACA;EACA,MAAME,yBAAyB,GAAGN,MAAM,CAACC,WAAW,CACnDD,MAAM,CAACE,OAAO,CAAEf,iBAAiB,aAAjBA,iBAAiB,cAAjBA,iBAAiB,GAAI,CAAC,CAAE,CAAC,CAACgB,MAAM,CAAE,CAAE,CAAEC,GAAG,CAAE,KAC1D1B,sBAAsB,CAAC2B,QAAQ,CAAED,GAAI,CACtC,CACD,CAAC;EAED,MAAMG,WAAW,GAAG;IACnB,GAAGf,gBAAgB;IACnB,GAAGN,WAAW;IACd,GAAGoB;EACJ,CAAC;EACD,MAAME,WAAW,GAAG5B,cAAc,CACjCmB,oBAAoB,EACpBV,aAAa,EACbC,SAAS,EACTL,gBACD,CAAC;EACD,MAAMwB,aAAa,GAAG9B,gBAAgB,CACrC4B,WAAW,EACXpB,iBAAiB,EACjBY,oBAAoB,EACpBS,WACD,CAAC;EACD,MAAME,eAAe,GAAG7B,kBAAkB,CACzCkB,oBAAoB,EACpBR,SAAS,EACTD,SAAS,EACTL,gBACD,CAAC;EAED,OAAO;IACN,GAAGsB,WAAW;IACd,GAAGE,aAAa;IAChB,GAAGD,WAAW;IACd,GAAGE;EACJ,CAAC;AACF,CAAC;AAED,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACpC,MAAMC,YAAY,GAAGnC,UAAU,CAAEK,mBAAoB,CAAC;EAEtD,OAAO8B,YAAY;AACpB,CAAC;AAED,OAAO,MAAMC,gBAAgB,GAAKC,gBAAgB,IAAQC,KAAK,IAC9DC,aAAA,CAAClC,mBAAmB,CAACmC,QAAQ,QACxBL,YAAY,IACfI,aAAA,CAACF,gBAAgB;EAAA,GAAMC,KAAK;EAAGH,YAAY,EAAGA;AAAc,CAAE,CAElC,CAC9B;AAED,eAAe9B,mBAAmB","ignoreList":[]}

package/build-module/mobile/global-styles-context/utils.native.js

@@ -1,387 +0,0 @@
-/**
- * External dependencies
- */
-import { camelCase } from 'change-case';
-import { Dimensions } from 'react-native';
-import { colord } from 'colord';
-
-/**
- * WordPress dependencies
- */
-import { useSettings, useMultipleOriginColorsAndGradients, SETTINGS_DEFAULTS } from '@wordpress/block-editor';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import { default as getPxFromCssUnit } from '../utils/get-px-from-css-unit';
-import { useGlobalStyles } from './index.native';
-export const BLOCK_STYLE_ATTRIBUTES = ['textColor', 'backgroundColor', 'style', 'color', 'fontSize'];
-
-// Mapping style properties name to native.
-const BLOCK_STYLE_ATTRIBUTES_MAPPING = {
-  textColor: 'color',
-  text: 'color',
-  background: 'backgroundColor',
-  link: 'linkColor',
-  placeholder: 'placeholderColor'
-};
-const PADDING = 12; // $solid-border-space
-const UNKNOWN_VALUE = 'undefined';
-const DEFAULT_FONT_SIZE = 16;
-export function getBlockPaddings(mergedStyle, wrapperPropsStyle, blockStyleAttributes, blockColors) {
-  const blockPaddings = {};
-  if (!mergedStyle.padding && (wrapperPropsStyle?.backgroundColor || blockStyleAttributes?.backgroundColor || blockColors?.backgroundColor)) {
-    blockPaddings.padding = PADDING;
-    return blockPaddings;
-  }
-
-  // Prevent adding extra paddings to inner blocks without background colors.
-  if (mergedStyle?.padding && !wrapperPropsStyle?.backgroundColor && !blockStyleAttributes?.backgroundColor && !blockColors?.backgroundColor) {
-    blockPaddings.padding = undefined;
-  }
-  return blockPaddings;
-}
-export function getBlockColors(blockStyleAttributes, defaultColors, blockName, baseGlobalStyles) {
-  const blockStyles = {};
-  const customBlockStyles = blockStyleAttributes?.style?.color || {};
-  const blockGlobalStyles = baseGlobalStyles?.blocks?.[blockName];
-
-  // Global styles colors.
-  if (blockGlobalStyles?.color) {
-    Object.entries(blockGlobalStyles.color).forEach(([key, value]) => {
-      const styleKey = BLOCK_STYLE_ATTRIBUTES_MAPPING[key];
-      if (styleKey && value !== UNKNOWN_VALUE) {
-        var _customBlockStyles$ke;
-        const color = (_customBlockStyles$ke = customBlockStyles[key]) !== null && _customBlockStyles$ke !== void 0 ? _customBlockStyles$ke : value;
-        blockStyles[styleKey] = color;
-      }
-    });
-  } else if (baseGlobalStyles?.styles?.color?.text) {
-    blockStyles[BLOCK_STYLE_ATTRIBUTES_MAPPING.text] = baseGlobalStyles?.styles?.color?.text;
-  }
-
-  // Global styles elements.
-  if (blockGlobalStyles?.elements) {
-    const linkColor = blockGlobalStyles.elements?.link?.color?.text;
-    const styleKey = BLOCK_STYLE_ATTRIBUTES_MAPPING.link;
-    if (styleKey && linkColor && linkColor !== UNKNOWN_VALUE) {
-      blockStyles[styleKey] = linkColor;
-    }
-  }
-
-  // Custom colors.
-  Object.entries(blockStyleAttributes).forEach(([key, value]) => {
-    const isCustomColor = value?.startsWith?.('#');
-    let styleKey = key;
-    if (BLOCK_STYLE_ATTRIBUTES_MAPPING[styleKey]) {
-      styleKey = BLOCK_STYLE_ATTRIBUTES_MAPPING[styleKey];
-    }
-    if (!isCustomColor) {
-      const mappedColor = Object.values(defaultColors !== null && defaultColors !== void 0 ? defaultColors : {}).find(({
-        slug
-      }) => slug === value);
-      if (mappedColor) {
-        blockStyles[styleKey] = mappedColor.color;
-      }
-    } else {
-      blockStyles[styleKey] = value;
-    }
-  });
-
-  // Color placeholder.
-  if (blockStyles?.color) {
-    blockStyles[BLOCK_STYLE_ATTRIBUTES_MAPPING.placeholder] = blockStyles.color;
-  }
-  return blockStyles;
-}
-export function getBlockTypography(blockStyleAttributes, fontSizes, blockName, baseGlobalStyles) {
-  const typographyStyles = {};
-  const customBlockStyles = blockStyleAttributes?.style?.typography || {};
-  const blockGlobalStyles = baseGlobalStyles?.blocks?.[blockName];
-  const parsedFontSizes = Object.values(fontSizes !== null && fontSizes !== void 0 ? fontSizes : {});
-
-  // Global styles.
-  if (blockGlobalStyles?.typography) {
-    const fontSize = blockGlobalStyles?.typography?.fontSize;
-    const lineHeight = blockGlobalStyles?.typography?.lineHeight;
-    if (fontSize) {
-      if (parseInt(fontSize, 10)) {
-        typographyStyles.fontSize = fontSize;
-      } else {
-        const mappedFontSize = parsedFontSizes.find(({
-          slug
-        }) => slug === fontSize);
-        if (mappedFontSize) {
-          typographyStyles.fontSize = mappedFontSize?.size;
-        }
-      }
-    }
-    if (lineHeight) {
-      typographyStyles.lineHeight = lineHeight;
-    }
-  }
-  if (blockStyleAttributes?.fontSize && baseGlobalStyles) {
-    const mappedFontSize = parsedFontSizes.find(({
-      slug
-    }) => slug === blockStyleAttributes?.fontSize);
-    if (mappedFontSize) {
-      typographyStyles.fontSize = mappedFontSize?.size;
-    }
-  }
-
-  // Custom styles.
-  if (customBlockStyles?.fontSize) {
-    typographyStyles.fontSize = customBlockStyles?.fontSize;
-  }
-  if (customBlockStyles?.lineHeight) {
-    typographyStyles.lineHeight = customBlockStyles?.lineHeight;
-  }
-  return typographyStyles;
-}
-
-/**
- * Return a value from a certain path of the object.
- * Path is specified as an array of properties, like: [ 'parent', 'child' ].
- *
- * @param {Object} object Input object.
- * @param {Array}  path   Path to the object property.
- * @return {*} Value of the object property at the specified path.
- */
-const getValueFromObjectPath = (object, path) => {
-  let value = object;
-  path.forEach(fieldName => {
-    value = value?.[fieldName];
-  });
-  return value;
-};
-export function parseStylesVariables(styles, mappedValues, customValues) {
-  let stylesBase = styles;
-  const variables = ['preset', 'custom', 'var', 'fontSize'];
-  if (!stylesBase) {
-    return styles;
-  }
-  variables.forEach(variable => {
-    // Examples
-    // var(--wp--preset--color--gray)
-    // var(--wp--custom--body--typography--font-family)
-    // var:preset|color|custom-color-2
-    const regex = new RegExp(`var\\(--wp--${variable}--(.*?)\\)`, 'g');
-    const varRegex = /\"var:preset\|color\|(.*?)\"/gm;
-    const fontSizeRegex = /"fontSize":"(.*?)"/gm;
-    if (variable === 'preset') {
-      stylesBase = stylesBase.replace(regex, (_$1, $2) => {
-        const path = $2.split('--');
-        const mappedPresetValue = mappedValues[path[0]];
-        if (mappedPresetValue && mappedPresetValue.slug) {
-          var _mappedPresetValue$va;
-          const matchedValue = Object.values((_mappedPresetValue$va = mappedPresetValue.values) !== null && _mappedPresetValue$va !== void 0 ? _mappedPresetValue$va : {}).find(({
-            slug
-          }) => slug === path[1]);
-          return matchedValue?.[mappedPresetValue.slug];
-        }
-        return UNKNOWN_VALUE;
-      });
-    }
-    if (variable === 'custom') {
-      const customValuesData = customValues !== null && customValues !== void 0 ? customValues : JSON.parse(stylesBase);
-      stylesBase = stylesBase.replace(regex, (_$1, $2) => {
-        const path = $2.split('--');
-
-        // Supports cases for variables like var(--wp--custom--color--background)
-        if (path[0] === 'color') {
-          const colorKey = path[path.length - 1];
-          if (mappedValues?.color) {
-            const matchedValue = mappedValues.color?.values?.find(({
-              slug
-            }) => slug === colorKey);
-            if (matchedValue) {
-              return `${matchedValue?.color}`;
-            }
-          }
-        }
-        if (path.reduce((prev, curr) => prev && prev[curr], customValuesData)) {
-          return getValueFromObjectPath(customValuesData, path);
-        }
-
-        // Check for camelcase properties.
-        return getValueFromObjectPath(customValuesData, [...path.slice(0, path.length - 1), camelCase(path[path.length - 1])]);
-      });
-    }
-    if (variable === 'var') {
-      stylesBase = stylesBase.replace(varRegex, (_$1, $2) => {
-        if (mappedValues?.color) {
-          const matchedValue = mappedValues.color?.values?.find(({
-            slug
-          }) => slug === $2);
-          return `"${matchedValue?.color}"`;
-        }
-        return UNKNOWN_VALUE;
-      });
-    }
-    if (variable === 'fontSize') {
-      const {
-        width,
-        height
-      } = Dimensions.get('window');
-      stylesBase = stylesBase.replace(fontSizeRegex, (_$1, $2) => {
-        const parsedFontSize = getPxFromCssUnit($2, {
-          width,
-          height,
-          fontSize: DEFAULT_FONT_SIZE
-        }) || `${DEFAULT_FONT_SIZE}px`;
-        return `"fontSize":"${parsedFontSize}"`;
-      });
-    }
-  });
-  return JSON.parse(stylesBase);
-}
-export function getMappedValues(features, palette) {
-  const typography = features?.typography;
-  const colors = [...(palette?.theme || []), ...(palette?.custom || []), ...(palette?.default || [])];
-  const fontSizes = {
-    ...typography?.fontSizes?.theme,
-    ...typography?.fontSizes?.custom
-  };
-  const mappedValues = {
-    color: {
-      values: colors,
-      slug: 'color'
-    },
-    'font-size': {
-      values: fontSizes,
-      slug: 'size'
-    }
-  };
-  return mappedValues;
-}
-
-/**
- * Returns the normalized fontSizes to include the sizePx value for each of the different sizes.
- *
- * @param {Object} fontSizes found in global styles.
- * @return {Object} normalized sizes.
- */
-function normalizeFontSizes(fontSizes) {
-  if (!fontSizes) {
-    return fontSizes;
-  }
-  const dimensions = Dimensions.get('window');
-  const normalizedFontSizes = {};
-  const keysToProcess = [];
-
-  // Check if 'theme' or 'custom' keys exist and add them to keysToProcess array
-  if (fontSizes?.theme) {
-    keysToProcess.push('theme');
-  }
-  if (fontSizes?.custom) {
-    keysToProcess.push('custom');
-  }
-
-  // If neither 'theme' nor 'custom' exist, add 'default' if it exists
-  if (keysToProcess.length === 0 && fontSizes?.default) {
-    keysToProcess.push('default');
-  }
-  keysToProcess.forEach(key => {
-    normalizedFontSizes[key] = fontSizes[key].map(fontSizeObject => {
-      fontSizeObject.sizePx = getPxFromCssUnit(fontSizeObject.size, {
-        width: dimensions.width,
-        height: dimensions.height,
-        fontSize: DEFAULT_FONT_SIZE
-      });
-      return fontSizeObject;
-    });
-  });
-  return normalizedFontSizes;
-}
-export function useMobileGlobalStylesColors(type = 'colors') {
-  const colorGradientSettings = useMultipleOriginColorsAndGradients();
-  const availableThemeColors = colorGradientSettings?.[type]?.reduce((colors, origin) => colors.concat(origin?.[type]), []);
-  // Default editor colors/gradients if it's not a block-based theme.
-  const defaultPaletteSetting = type === 'colors' ? 'color.palette' : 'color.gradients';
-  const [defaultPaletteValue] = useSettings(defaultPaletteSetting);
-  // In edge cases, the default palette might be undefined. To avoid
-  // exceptions across the editor in that case, we explicitly return
-  // the default editor colors.
-  const defaultPalette = defaultPaletteValue !== null && defaultPaletteValue !== void 0 ? defaultPaletteValue : SETTINGS_DEFAULTS.colors;
-  return availableThemeColors.length >= 1 ? availableThemeColors : defaultPalette;
-}
-export function getColorsAndGradients(defaultEditorColors = [], defaultEditorGradients = [], rawFeatures) {
-  const features = rawFeatures ? JSON.parse(rawFeatures) : {};
-  return {
-    __experimentalGlobalStylesBaseStyles: null,
-    __experimentalFeatures: {
-      color: {
-        ...(!features?.color ? {
-          text: true,
-          background: true,
-          palette: {
-            default: defaultEditorColors
-          },
-          gradients: {
-            default: defaultEditorGradients
-          }
-        } : features?.color),
-        defaultPalette: defaultEditorColors?.length > 0,
-        defaultGradients: defaultEditorGradients?.length > 0
-      }
-    }
-  };
-}
-export function getGlobalStyles(rawStyles, rawFeatures) {
-  var _features$color$text, _features$color$backg, _features$color$defau, _features$color$defau2;
-  const features = rawFeatures ? JSON.parse(rawFeatures) : {};
-  const mappedValues = getMappedValues(features, features?.color?.palette);
-  const colors = parseStylesVariables(JSON.stringify(features?.color), mappedValues);
-  const gradients = parseStylesVariables(JSON.stringify(features?.color?.gradients), mappedValues);
-  const customValues = parseStylesVariables(JSON.stringify(features?.custom), mappedValues);
-  const globalStyles = parseStylesVariables(rawStyles, mappedValues, customValues);
-  const fontSizes = normalizeFontSizes(features?.typography?.fontSizes);
-  return {
-    __experimentalFeatures: {
-      color: {
-        palette: colors?.palette,
-        gradients,
-        text: (_features$color$text = features?.color?.text) !== null && _features$color$text !== void 0 ? _features$color$text : true,
-        background: (_features$color$backg = features?.color?.background) !== null && _features$color$backg !== void 0 ? _features$color$backg : true,
-        defaultPalette: (_features$color$defau = features?.color?.defaultPalette) !== null && _features$color$defau !== void 0 ? _features$color$defau : true,
-        defaultGradients: (_features$color$defau2 = features?.color?.defaultGradients) !== null && _features$color$defau2 !== void 0 ? _features$color$defau2 : true
-      },
-      typography: {
-        fontSizes,
-        customLineHeight: features?.custom?.['line-height']
-      },
-      spacing: features?.spacing
-    },
-    __experimentalGlobalStylesBaseStyles: globalStyles
-  };
-}
-
-/**
- * Determine and apply appropriate color scheme based on global styles or device's light/dark mode.
- *
- * The function first attempts to retrieve the editor's background color from global styles.
- * If the detected background color is light, light styles are applied, and dark styles otherwise.
- * If no custom background color is defined, styles are applied using the device's dark/light setting.
- *
- * @param {Object} baseStyle - An object representing the base (light theme) styles for the editor.
- * @param {Object} darkStyle - An object representing the additional styles to apply when the editor is in dark mode.
- *
- * @return {Object} - The combined style object that should be applied to the editor.
- */
-export const useEditorColorScheme = (baseStyle, darkStyle) => {
-  const globalStyles = useGlobalStyles();
-  const deviceColorScheme = usePreferredColorSchemeStyle(baseStyle, darkStyle);
-  const editorColors = globalStyles?.baseColors?.color;
-  const editorBackgroundColor = editorColors?.background;
-  const isBackgroundColorDefined = typeof editorBackgroundColor !== 'undefined' && editorBackgroundColor !== 'undefined';
-  if (isBackgroundColorDefined) {
-    const isEditorBackgroundDark = colord(editorBackgroundColor).isDark();
-    return isEditorBackgroundDark ? {
-      ...baseStyle,
-      ...darkStyle
-    } : baseStyle;
-  }
-  return deviceColorScheme;
-};
-//# sourceMappingURL=utils.native.js.map