@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/autocomplete/autocompleter-ui.native.js

@@ -1,146 +0,0 @@
-/**
- * External dependencies
- */
-import { View, Animated, StyleSheet, Text, TouchableOpacity, ScrollView } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { useLayoutEffect, useEffect, useRef, useState, useCallback } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import BackgroundView from './background-view';
-import getDefaultUseItems from './get-default-use-items';
-import styles from './style.scss';
-import Icon from '../icon';
-import { __unstableAutocompletionItemsFill as AutocompletionItemsFill } from '../mobile/autocompletion-items';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  compose: stylesCompose
-} = StyleSheet;
-export function getAutoCompleterUI(autocompleter) {
-  const useItems = autocompleter.useItems ? autocompleter.useItems : getDefaultUseItems(autocompleter);
-  function AutocompleterUI({
-    filterValue,
-    selectedIndex,
-    onChangeOptions,
-    onSelect,
-    value,
-    reset
-  }) {
-    const [items] = useItems(filterValue);
-    const filteredItems = items.filter(item => !item.isDisabled);
-    const scrollViewRef = useRef();
-    const animationValue = useRef(new Animated.Value(0)).current;
-    const [isVisible, setIsVisible] = useState(false);
-    const {
-      text
-    } = value;
-    useEffect(() => {
-      if (!isVisible && text.length > 0) {
-        setIsVisible(true);
-      }
-    }, [isVisible, text]);
-    useLayoutEffect(() => {
-      onChangeOptions(items);
-      scrollViewRef.current?.scrollTo({
-        x: 0,
-        animated: false
-      });
-      if (isVisible && text.length > 0) {
-        startAnimation(true);
-      } else if (isVisible && text.length === 0) {
-        startAnimation(false);
-      }
-      // We want to avoid introducing unexpected side effects.
-      // See https://github.com/WordPress/gutenberg/pull/41820
-    }, [items, isVisible, text]);
-    const activeItemStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__item-active'], styles['components-autocomplete__item-active-dark']);
-    const iconStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__icon'], styles['components-autocomplete__icon-active-dark']);
-    const activeIconStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__icon-active '], styles['components-autocomplete__icon-active-dark']);
-    const textStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__text'], styles['components-autocomplete__text-dark']);
-    const activeTextStyles = usePreferredColorSchemeStyle(styles['components-autocomplete__text-active'], styles['components-autocomplete__text-active-dark']);
-    const startAnimation = useCallback(show => {
-      Animated.timing(animationValue, {
-        toValue: show ? 1 : 0,
-        duration: show ? 200 : 100,
-        useNativeDriver: true
-      }).start(({
-        finished
-      }) => {
-        if (finished && !show && isVisible) {
-          setIsVisible(false);
-          reset();
-        }
-      });
-    },
-    // We want to avoid introducing unexpected side effects.
-    // See https://github.com/WordPress/gutenberg/pull/41820
-    [isVisible]);
-    const contentStyles = {
-      transform: [{
-        translateY: animationValue.interpolate({
-          inputRange: [0, 1],
-          outputRange: [styles['components-autocomplete'].height, 0]
-        })
-      }]
-    };
-    if (!filteredItems.length > 0 || !isVisible) {
-      return null;
-    }
-    return /*#__PURE__*/_jsx(AutocompletionItemsFill, {
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles['components-autocomplete'],
-        children: /*#__PURE__*/_jsx(Animated.View, {
-          style: contentStyles,
-          children: /*#__PURE__*/_jsx(BackgroundView, {
-            children: /*#__PURE__*/_jsx(ScrollView, {
-              testID: "autocompleter",
-              ref: scrollViewRef,
-              horizontal: true,
-              contentContainerStyle: styles['components-autocomplete__content'],
-              showsHorizontalScrollIndicator: false,
-              keyboardShouldPersistTaps: "always",
-              accessibilityLabel:
-              // translators: Slash inserter autocomplete results
-              __('Slash inserter results'),
-              children: filteredItems.map((option, index) => {
-                const isActive = index === selectedIndex;
-                const itemStyle = stylesCompose(styles['components-autocomplete__item'], isActive && activeItemStyles);
-                const textStyle = stylesCompose(textStyles, isActive && activeTextStyles);
-                const iconStyle = stylesCompose(iconStyles, isActive && activeIconStyles);
-                const iconSource = option?.value?.icon?.src || option?.value?.icon;
-                return /*#__PURE__*/_jsxs(TouchableOpacity, {
-                  activeOpacity: 0.5,
-                  style: itemStyle,
-                  onPress: () => onSelect(option),
-                  accessibilityLabel: sprintf(
-                  // translators: %s: Block name e.g. "Image block"
-                  __('%s block'), option?.value?.title),
-                  children: [/*#__PURE__*/_jsx(View, {
-                    style: styles['components-autocomplete__icon'],
-                    children: /*#__PURE__*/_jsx(Icon, {
-                      icon: iconSource,
-                      size: 24,
-                      style: iconStyle
-                    })
-                  }), /*#__PURE__*/_jsx(Text, {
-                    style: textStyle,
-                    children: option?.value?.title
-                  })]
-                }, index);
-              })
-            })
-          })
-        })
-      })
-    });
-  }
-  return AutocompleterUI;
-}
-export default getAutoCompleterUI;
-//# sourceMappingURL=autocompleter-ui.native.js.map

package/build-module/autocomplete/autocompleter-ui.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","Animated","StyleSheet","Text","TouchableOpacity","ScrollView","useLayoutEffect","useEffect","useRef","useState","useCallback","__","sprintf","usePreferredColorSchemeStyle","BackgroundView","getDefaultUseItems","styles","Icon","__unstableAutocompletionItemsFill","AutocompletionItemsFill","jsx","_jsx","jsxs","_jsxs","compose","stylesCompose","getAutoCompleterUI","autocompleter","useItems","AutocompleterUI","filterValue","selectedIndex","onChangeOptions","onSelect","value","reset","items","filteredItems","filter","item","isDisabled","scrollViewRef","animationValue","Value","current","isVisible","setIsVisible","text","length","scrollTo","x","animated","startAnimation","activeItemStyles","iconStyles","activeIconStyles","textStyles","activeTextStyles","show","timing","toValue","duration","useNativeDriver","start","finished","contentStyles","transform","translateY","interpolate","inputRange","outputRange","height","children","style","testID","ref","horizontal","contentContainerStyle","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","accessibilityLabel","map","option","index","isActive","itemStyle","textStyle","iconStyle","iconSource","icon","src","activeOpacity","onPress","title","size"],"sources":["@wordpress/components/src/autocomplete/autocompleter-ui.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tAnimated,\n\tStyleSheet,\n\tText,\n\tTouchableOpacity,\n\tScrollView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseLayoutEffect,\n\tuseEffect,\n\tuseRef,\n\tuseState,\n\tuseCallback,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport BackgroundView from './background-view';\nimport getDefaultUseItems from './get-default-use-items';\nimport styles from './style.scss';\nimport Icon from '../icon';\nimport { __unstableAutocompletionItemsFill as AutocompletionItemsFill } from '../mobile/autocompletion-items';\n\nconst { compose: stylesCompose } = StyleSheet;\n\nexport function getAutoCompleterUI( autocompleter ) {\n\tconst useItems = autocompleter.useItems\n\t\t? autocompleter.useItems\n\t\t: getDefaultUseItems( autocompleter );\n\n\tfunction AutocompleterUI( {\n\t\tfilterValue,\n\t\tselectedIndex,\n\t\tonChangeOptions,\n\t\tonSelect,\n\t\tvalue,\n\t\treset,\n\t} ) {\n\t\tconst [ items ] = useItems( filterValue );\n\t\tconst filteredItems = items.filter( ( item ) => ! item.isDisabled );\n\t\tconst scrollViewRef = useRef();\n\t\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\t\tconst [ isVisible, setIsVisible ] = useState( false );\n\t\tconst { text } = value;\n\n\t\tuseEffect( () => {\n\t\t\tif ( ! isVisible && text.length > 0 ) {\n\t\t\t\tsetIsVisible( true );\n\t\t\t}\n\t\t}, [ isVisible, text ] );\n\n\t\tuseLayoutEffect( () => {\n\t\t\tonChangeOptions( items );\n\t\t\tscrollViewRef.current?.scrollTo( { x: 0, animated: false } );\n\n\t\t\tif ( isVisible && text.length > 0 ) {\n\t\t\t\tstartAnimation( true );\n\t\t\t} else if ( isVisible && text.length === 0 ) {\n\t\t\t\tstartAnimation( false );\n\t\t\t}\n\t\t\t// We want to avoid introducing unexpected side effects.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/41820\n\t\t}, [ items, isVisible, text ] );\n\n\t\tconst activeItemStyles = usePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-autocomplete__item-active' ],\n\t\t\tstyles[ 'components-autocomplete__item-active-dark' ]\n\t\t);\n\n\t\tconst iconStyles = usePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-autocomplete__icon' ],\n\t\t\tstyles[ 'components-autocomplete__icon-active-dark' ]\n\t\t);\n\n\t\tconst activeIconStyles = usePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-autocomplete__icon-active ' ],\n\t\t\tstyles[ 'components-autocomplete__icon-active-dark' ]\n\t\t);\n\n\t\tconst textStyles = usePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-autocomplete__text' ],\n\t\t\tstyles[ 'components-autocomplete__text-dark' ]\n\t\t);\n\n\t\tconst activeTextStyles = usePreferredColorSchemeStyle(\n\t\t\tstyles[ 'components-autocomplete__text-active' ],\n\t\t\tstyles[ 'components-autocomplete__text-active-dark' ]\n\t\t);\n\n\t\tconst startAnimation = useCallback(\n\t\t\t( show ) => {\n\t\t\t\tAnimated.timing( animationValue, {\n\t\t\t\t\ttoValue: show ? 1 : 0,\n\t\t\t\t\tduration: show ? 200 : 100,\n\t\t\t\t\tuseNativeDriver: true,\n\t\t\t\t} ).start( ( { finished } ) => {\n\t\t\t\t\tif ( finished && ! show && isVisible ) {\n\t\t\t\t\t\tsetIsVisible( false );\n\t\t\t\t\t\treset();\n\t\t\t\t\t}\n\t\t\t\t} );\n\t\t\t},\n\t\t\t// We want to avoid introducing unexpected side effects.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/41820\n\t\t\t[ isVisible ]\n\t\t);\n\n\t\tconst contentStyles = {\n\t\t\ttransform: [\n\t\t\t\t{\n\t\t\t\t\ttranslateY: animationValue.interpolate( {\n\t\t\t\t\t\tinputRange: [ 0, 1 ],\n\t\t\t\t\t\toutputRange: [\n\t\t\t\t\t\t\tstyles[ 'components-autocomplete' ].height,\n\t\t\t\t\t\t\t0,\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\n\t\tif ( ! filteredItems.length > 0 || ! isVisible ) {\n\t\t\treturn null;\n\t\t}\n\n\t\treturn (\n\t\t\t<AutocompletionItemsFill>\n\t\t\t\t<View style={ styles[ 'components-autocomplete' ] }>\n\t\t\t\t\t<Animated.View style={ contentStyles }>\n\t\t\t\t\t\t<BackgroundView>\n\t\t\t\t\t\t\t<ScrollView\n\t\t\t\t\t\t\t\ttestID=\"autocompleter\"\n\t\t\t\t\t\t\t\tref={ scrollViewRef }\n\t\t\t\t\t\t\t\thorizontal\n\t\t\t\t\t\t\t\tcontentContainerStyle={\n\t\t\t\t\t\t\t\t\tstyles[ 'components-autocomplete__content' ]\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\t\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\t\t\t\t\taccessibilityLabel={\n\t\t\t\t\t\t\t\t\t// translators: Slash inserter autocomplete results\n\t\t\t\t\t\t\t\t\t__( 'Slash inserter results' )\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{ filteredItems.map( ( option, index ) => {\n\t\t\t\t\t\t\t\t\tconst isActive = index === selectedIndex;\n\t\t\t\t\t\t\t\t\tconst itemStyle = stylesCompose(\n\t\t\t\t\t\t\t\t\t\tstyles[\n\t\t\t\t\t\t\t\t\t\t\t'components-autocomplete__item'\n\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\tisActive && activeItemStyles\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconst textStyle = stylesCompose(\n\t\t\t\t\t\t\t\t\t\ttextStyles,\n\t\t\t\t\t\t\t\t\t\tisActive && activeTextStyles\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconst iconStyle = stylesCompose(\n\t\t\t\t\t\t\t\t\t\ticonStyles,\n\t\t\t\t\t\t\t\t\t\tisActive && activeIconStyles\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tconst iconSource =\n\t\t\t\t\t\t\t\t\t\toption?.value?.icon?.src ||\n\t\t\t\t\t\t\t\t\t\toption?.value?.icon;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<TouchableOpacity\n\t\t\t\t\t\t\t\t\t\t\tactiveOpacity={ 0.5 }\n\t\t\t\t\t\t\t\t\t\t\tstyle={ itemStyle }\n\t\t\t\t\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\t\t\t\t\tonPress={ () => onSelect( option ) }\n\t\t\t\t\t\t\t\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t\t// translators: %s: Block name e.g. \"Image block\"\n\t\t\t\t\t\t\t\t\t\t\t\t__( '%s block' ),\n\t\t\t\t\t\t\t\t\t\t\t\toption?.value?.title\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<View\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'components-autocomplete__icon'\n\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ iconSource }\n\t\t\t\t\t\t\t\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={ iconStyle }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t\t\t<Text style={ textStyle }>\n\t\t\t\t\t\t\t\t\t\t\t\t{ option?.value?.title }\n\t\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t\t</TouchableOpacity>\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</ScrollView>\n\t\t\t\t\t\t</BackgroundView>\n\t\t\t\t\t</Animated.View>\n\t\t\t\t</View>\n\t\t\t</AutocompletionItemsFill>\n\t\t);\n\t}\n\n\treturn AutocompleterUI;\n}\n\nexport default getAutoCompleterUI;\n"],"mappings":"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","ignoreList":[]}

package/build-module/base-control/index.native.js

@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import { Text, View } from 'react-native';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function BaseControl({
-  label,
-  help,
-  children
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    accessible: true,
-    accessibilityLabel: label,
-    children: [label && /*#__PURE__*/_jsx(Text, {
-      children: label
-    }), children, help && /*#__PURE__*/_jsx(Text, {
-      children: help
-    })]
-  });
-}
-//# sourceMappingURL=index.native.js.map

package/build-module/base-control/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Text","View","jsx","_jsx","jsxs","_jsxs","BaseControl","label","help","children","accessible","accessibilityLabel"],"sources":["@wordpress/components/src/base-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Text, View } from 'react-native';\n\nexport default function BaseControl( { label, help, children } ) {\n\treturn (\n\t\t<View accessible accessibilityLabel={ label }>\n\t\t\t{ label && <Text>{ label }</Text> }\n\t\t\t{ children }\n\t\t\t{ help && <Text>{ help }</Text> }\n\t\t</View>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,eAAe,SAASC,WAAWA,CAAE;EAAEC,KAAK;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EAChE,oBACCJ,KAAA,CAACJ,IAAI;IAACS,UAAU;IAACC,kBAAkB,EAAGJ,KAAO;IAAAE,QAAA,GAC1CF,KAAK,iBAAIJ,IAAA,CAACH,IAAI;MAAAS,QAAA,EAAGF;IAAK,CAAQ,CAAC,EAC/BE,QAAQ,EACRD,IAAI,iBAAIL,IAAA,CAACH,IAAI;MAAAS,QAAA,EAAGD;IAAI,CAAQ,CAAC;EAAA,CAC1B,CAAC;AAET","ignoreList":[]}

package/build-module/button/index.native.js

@@ -1,189 +0,0 @@
-/**
- * External dependencies
- */
-import { StyleSheet, TouchableOpacity, Text, View, Platform } from 'react-native';
-import { LongPressGestureHandler, State } from 'react-native-gesture-handler';
-
-/**
- * WordPress dependencies
- */
-import { Children, cloneElement, useCallback } from '@wordpress/element';
-import { usePreferredColorScheme, usePreferredColorSchemeStyle } from '@wordpress/compose';
-
-/**
- * Internal dependencies
- */
-import Tooltip from '../tooltip';
-import Icon from '../icon';
-import style from './style.scss';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isAndroid = Platform.OS === 'android';
-const marginBottom = isAndroid ? -0.5 : 0;
-const marginLeft = -3;
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    padding: 3,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  buttonInactive: {
-    flex: 1,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  fixedRatio: {
-    aspectRatio: 1
-  },
-  buttonActive: {
-    flex: 1,
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
-    borderRadius: 6
-  },
-  subscriptInactive: {
-    color: '#7b9ab1',
-    // $toolbar-button.
-    fontWeight: 'bold',
-    fontSize: 13,
-    alignSelf: 'flex-end',
-    marginLeft,
-    marginBottom
-  },
-  subscriptInactiveDark: {
-    color: '#a7aaad' // $gray_20.
-  },
-  subscriptActive: {
-    color: 'white',
-    fontWeight: 'bold',
-    fontSize: 13,
-    alignSelf: 'flex-end',
-    marginLeft,
-    marginBottom
-  }
-});
-export function Button(props) {
-  const {
-    children,
-    onClick,
-    onLongPress,
-    disabled,
-    hint,
-    fixedRatio = true,
-    isPressed,
-    'aria-disabled': ariaDisabled,
-    'data-subscript': subscript,
-    testID,
-    icon,
-    iconSize,
-    showTooltip,
-    label,
-    shortcut,
-    tooltipPosition,
-    isActiveStyle,
-    customContainerStyles,
-    hitSlop
-  } = props;
-  const preferredColorScheme = usePreferredColorScheme();
-  const isDisabled = ariaDisabled || disabled;
-  const containerStyle = [styles.container, customContainerStyles && {
-    ...customContainerStyles
-  }];
-  const buttonActiveColorStyles = usePreferredColorSchemeStyle(style['components-button-light--active'], style['components-button-dark--active']);
-  const buttonViewStyle = {
-    opacity: isDisabled ? 0.3 : 1,
-    ...(fixedRatio && styles.fixedRatio),
-    ...(isPressed ? styles.buttonActive : styles.buttonInactive),
-    ...(isPressed ? buttonActiveColorStyles : {}),
-    ...(isPressed && isActiveStyle?.borderRadius && {
-      borderRadius: isActiveStyle.borderRadius
-    }),
-    ...(isActiveStyle?.backgroundColor && {
-      backgroundColor: isActiveStyle.backgroundColor
-    })
-  };
-  const states = [];
-  if (isPressed) {
-    states.push('selected');
-  }
-  if (isDisabled) {
-    states.push('disabled');
-  }
-  const subscriptInactive = usePreferredColorSchemeStyle(styles.subscriptInactive, styles.subscriptInactiveDark);
-  const newChildren = Children.map(children, child => {
-    return child ? cloneElement(child, {
-      colorScheme: preferredColorScheme,
-      isPressed
-    }) : child;
-  });
-
-  // Should show the tooltip if...
-  const shouldShowTooltip = !isDisabled && (
-  // An explicit tooltip is passed or...
-  showTooltip && label ||
-  // There's a shortcut or...
-  shortcut ||
-  // There's a label and...
-  !!label && (
-  // The children are empty and...
-  !children || Array.isArray(children) && !children.length) &&
-  // The tooltip is not explicitly disabled.
-  false !== showTooltip);
-  const newIcon = icon ? cloneElement(/*#__PURE__*/_jsx(Icon, {
-    icon: icon,
-    size: iconSize
-  }), {
-    isPressed
-  }) : null;
-  const longPressHandler = useCallback(({
-    nativeEvent
-  }) => {
-    if (nativeEvent.state === State.ACTIVE && onLongPress) {
-      onLongPress();
-    }
-  }, [onLongPress]);
-  const element = /*#__PURE__*/_jsx(TouchableOpacity, {
-    activeOpacity: 0.7,
-    accessible: true,
-    accessibilityLabel: label,
-    accessibilityStates: states,
-    accessibilityRole: "button",
-    accessibilityHint: hint,
-    onPress: onClick,
-    style: containerStyle,
-    disabled: isDisabled,
-    testID: testID,
-    hitSlop: hitSlop,
-    children: /*#__PURE__*/_jsx(LongPressGestureHandler, {
-      minDurationMs: 500,
-      maxDist: 150,
-      onHandlerStateChange: longPressHandler,
-      children: /*#__PURE__*/_jsx(View, {
-        style: buttonViewStyle,
-        children: /*#__PURE__*/_jsxs(View, {
-          style: {
-            flexDirection: 'row'
-          },
-          children: [newIcon, newChildren, subscript && /*#__PURE__*/_jsx(Text, {
-            style: isPressed ? styles.subscriptActive : subscriptInactive,
-            children: subscript
-          })]
-        })
-      })
-    })
-  });
-  if (!shouldShowTooltip) {
-    return element;
-  }
-  return /*#__PURE__*/_jsx(Tooltip, {
-    text: label,
-    shortcut: shortcut,
-    position: tooltipPosition,
-    visible: showTooltip === true,
-    children: element
-  });
-}
-export default Button;
-//# sourceMappingURL=index.native.js.map

package/build-module/button/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["StyleSheet","TouchableOpacity","Text","View","Platform","LongPressGestureHandler","State","Children","cloneElement","useCallback","usePreferredColorScheme","usePreferredColorSchemeStyle","Tooltip","Icon","style","jsx","_jsx","jsxs","_jsxs","isAndroid","OS","marginBottom","marginLeft","styles","create","container","flex","padding","justifyContent","alignItems","buttonInactive","flexDirection","fixedRatio","aspectRatio","buttonActive","borderRadius","subscriptInactive","color","fontWeight","fontSize","alignSelf","subscriptInactiveDark","subscriptActive","Button","props","children","onClick","onLongPress","disabled","hint","isPressed","ariaDisabled","subscript","testID","icon","iconSize","showTooltip","label","shortcut","tooltipPosition","isActiveStyle","customContainerStyles","hitSlop","preferredColorScheme","isDisabled","containerStyle","buttonActiveColorStyles","buttonViewStyle","opacity","backgroundColor","states","push","newChildren","map","child","colorScheme","shouldShowTooltip","Array","isArray","length","newIcon","size","longPressHandler","nativeEvent","state","ACTIVE","element","activeOpacity","accessible","accessibilityLabel","accessibilityStates","accessibilityRole","accessibilityHint","onPress","minDurationMs","maxDist","onHandlerStateChange","text","position","visible"],"sources":["@wordpress/components/src/button/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tStyleSheet,\n\tTouchableOpacity,\n\tText,\n\tView,\n\tPlatform,\n} from 'react-native';\nimport { LongPressGestureHandler, State } from 'react-native-gesture-handler';\n\n/**\n * WordPress dependencies\n */\nimport { Children, cloneElement, useCallback } from '@wordpress/element';\nimport {\n\tusePreferredColorScheme,\n\tusePreferredColorSchemeStyle,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Tooltip from '../tooltip';\nimport Icon from '../icon';\nimport style from './style.scss';\n\nconst isAndroid = Platform.OS === 'android';\nconst marginBottom = isAndroid ? -0.5 : 0;\nconst marginLeft = -3;\n\nconst styles = StyleSheet.create( {\n\tcontainer: {\n\t\tflex: 1,\n\t\tpadding: 3,\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t},\n\tbuttonInactive: {\n\t\tflex: 1,\n\t\tflexDirection: 'row',\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t},\n\tfixedRatio: {\n\t\taspectRatio: 1,\n\t},\n\tbuttonActive: {\n\t\tflex: 1,\n\t\tflexDirection: 'row',\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t\tborderRadius: 6,\n\t},\n\tsubscriptInactive: {\n\t\tcolor: '#7b9ab1', // $toolbar-button.\n\t\tfontWeight: 'bold',\n\t\tfontSize: 13,\n\t\talignSelf: 'flex-end',\n\t\tmarginLeft,\n\t\tmarginBottom,\n\t},\n\tsubscriptInactiveDark: {\n\t\tcolor: '#a7aaad', // $gray_20.\n\t},\n\tsubscriptActive: {\n\t\tcolor: 'white',\n\t\tfontWeight: 'bold',\n\t\tfontSize: 13,\n\t\talignSelf: 'flex-end',\n\t\tmarginLeft,\n\t\tmarginBottom,\n\t},\n} );\n\nexport function Button( props ) {\n\tconst {\n\t\tchildren,\n\t\tonClick,\n\t\tonLongPress,\n\t\tdisabled,\n\t\thint,\n\t\tfixedRatio = true,\n\t\tisPressed,\n\t\t'aria-disabled': ariaDisabled,\n\t\t'data-subscript': subscript,\n\t\ttestID,\n\t\ticon,\n\t\ticonSize,\n\t\tshowTooltip,\n\t\tlabel,\n\t\tshortcut,\n\t\ttooltipPosition,\n\t\tisActiveStyle,\n\t\tcustomContainerStyles,\n\t\thitSlop,\n\t} = props;\n\tconst preferredColorScheme = usePreferredColorScheme();\n\n\tconst isDisabled = ariaDisabled || disabled;\n\n\tconst containerStyle = [\n\t\tstyles.container,\n\t\tcustomContainerStyles && { ...customContainerStyles },\n\t];\n\n\tconst buttonActiveColorStyles = usePreferredColorSchemeStyle(\n\t\tstyle[ 'components-button-light--active' ],\n\t\tstyle[ 'components-button-dark--active' ]\n\t);\n\n\tconst buttonViewStyle = {\n\t\topacity: isDisabled ? 0.3 : 1,\n\t\t...( fixedRatio && styles.fixedRatio ),\n\t\t...( isPressed ? styles.buttonActive : styles.buttonInactive ),\n\t\t...( isPressed ? buttonActiveColorStyles : {} ),\n\t\t...( isPressed &&\n\t\t\tisActiveStyle?.borderRadius && {\n\t\t\t\tborderRadius: isActiveStyle.borderRadius,\n\t\t\t} ),\n\t\t...( isActiveStyle?.backgroundColor && {\n\t\t\tbackgroundColor: isActiveStyle.backgroundColor,\n\t\t} ),\n\t};\n\n\tconst states = [];\n\tif ( isPressed ) {\n\t\tstates.push( 'selected' );\n\t}\n\n\tif ( isDisabled ) {\n\t\tstates.push( 'disabled' );\n\t}\n\n\tconst subscriptInactive = usePreferredColorSchemeStyle(\n\t\tstyles.subscriptInactive,\n\t\tstyles.subscriptInactiveDark\n\t);\n\n\tconst newChildren = Children.map( children, ( child ) => {\n\t\treturn child\n\t\t\t? cloneElement( child, {\n\t\t\t\t\tcolorScheme: preferredColorScheme,\n\t\t\t\t\tisPressed,\n\t\t\t  } )\n\t\t\t: child;\n\t} );\n\n\t// Should show the tooltip if...\n\tconst shouldShowTooltip =\n\t\t! isDisabled &&\n\t\t// An explicit tooltip is passed or...\n\t\t( ( showTooltip && label ) ||\n\t\t\t// There's a shortcut or...\n\t\t\tshortcut ||\n\t\t\t// There's a label and...\n\t\t\t( !! label &&\n\t\t\t\t// The children are empty and...\n\t\t\t\t( ! children ||\n\t\t\t\t\t( Array.isArray( children ) && ! children.length ) ) &&\n\t\t\t\t// The tooltip is not explicitly disabled.\n\t\t\t\tfalse !== showTooltip ) );\n\n\tconst newIcon = icon\n\t\t? cloneElement( <Icon icon={ icon } size={ iconSize } />, {\n\t\t\t\tisPressed,\n\t\t  } )\n\t\t: null;\n\n\tconst longPressHandler = useCallback(\n\t\t( { nativeEvent } ) => {\n\t\t\tif ( nativeEvent.state === State.ACTIVE && onLongPress ) {\n\t\t\t\tonLongPress();\n\t\t\t}\n\t\t},\n\t\t[ onLongPress ]\n\t);\n\n\tconst element = (\n\t\t<TouchableOpacity\n\t\t\tactiveOpacity={ 0.7 }\n\t\t\taccessible\n\t\t\taccessibilityLabel={ label }\n\t\t\taccessibilityStates={ states }\n\t\t\taccessibilityRole=\"button\"\n\t\t\taccessibilityHint={ hint }\n\t\t\tonPress={ onClick }\n\t\t\tstyle={ containerStyle }\n\t\t\tdisabled={ isDisabled }\n\t\t\ttestID={ testID }\n\t\t\thitSlop={ hitSlop }\n\t\t>\n\t\t\t<LongPressGestureHandler\n\t\t\t\tminDurationMs={ 500 }\n\t\t\t\tmaxDist={ 150 }\n\t\t\t\tonHandlerStateChange={ longPressHandler }\n\t\t\t>\n\t\t\t\t<View style={ buttonViewStyle }>\n\t\t\t\t\t<View style={ { flexDirection: 'row' } }>\n\t\t\t\t\t\t{ newIcon }\n\t\t\t\t\t\t{ newChildren }\n\t\t\t\t\t\t{ subscript && (\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\tisPressed\n\t\t\t\t\t\t\t\t\t\t? styles.subscriptActive\n\t\t\t\t\t\t\t\t\t\t: subscriptInactive\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{ subscript }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t</LongPressGestureHandler>\n\t\t</TouchableOpacity>\n\t);\n\n\tif ( ! shouldShowTooltip ) {\n\t\treturn element;\n\t}\n\n\treturn (\n\t\t<Tooltip\n\t\t\ttext={ label }\n\t\t\tshortcut={ shortcut }\n\t\t\tposition={ tooltipPosition }\n\t\t\tvisible={ showTooltip === true }\n\t\t>\n\t\t\t{ element }\n\t\t</Tooltip>\n\t);\n}\n\nexport default Button;\n"],"mappings":"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","ignoreList":[]}

package/build-module/color-control/index.native.js

@@ -1,22 +0,0 @@
-/**
- * Internal dependencies
- */
-import ColorCell from '../mobile/bottom-sheet/color-cell';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ColorControl({
-  label,
-  onPress,
-  color,
-  withColorIndicator,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(ColorCell, {
-    label: label,
-    onPress: onPress,
-    color: color,
-    withColorIndicator: withColorIndicator,
-    ...props
-  });
-}
-export default ColorControl;
-//# sourceMappingURL=index.native.js.map

package/build-module/color-control/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ColorCell","jsx","_jsx","ColorControl","label","onPress","color","withColorIndicator","props"],"sources":["@wordpress/components/src/color-control/index.native.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport ColorCell from '../mobile/bottom-sheet/color-cell';\n\nfunction ColorControl( {\n\tlabel,\n\tonPress,\n\tcolor,\n\twithColorIndicator,\n\t...props\n} ) {\n\treturn (\n\t\t<ColorCell\n\t\t\tlabel={ label }\n\t\t\tonPress={ onPress }\n\t\t\tcolor={ color }\n\t\t\twithColorIndicator={ withColorIndicator }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default ColorControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,SAAS,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1D,SAASC,YAAYA,CAAE;EACtBC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLC,kBAAkB;EAClB,GAAGC;AACJ,CAAC,EAAG;EACH,oBACCN,IAAA,CAACF,SAAS;IACTI,KAAK,EAAGA,KAAO;IACfC,OAAO,EAAGA,OAAS;IACnBC,KAAK,EAAGA,KAAO;IACfC,kBAAkB,EAAGA,kBAAoB;IAAA,GACpCC;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeL,YAAY","ignoreList":[]}

package/build-module/color-indicator/index.native.js

@@ -1,79 +0,0 @@
-/**
- * External dependencies
- */
-import { View, Animated } from 'react-native';
-/**
- * WordPress dependencies
- */
-import { Icon, check } from '@wordpress/icons';
-import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-import Gradient from '../mobile/gradient';
-import { colorsUtils } from '../mobile/color-settings/utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function SelectedIcon({
-  opacity
-}) {
-  return /*#__PURE__*/_jsxs(Animated.View, {
-    style: [styles.selected, {
-      opacity
-    }],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.outline, styles.selectedOutline]
-    }), /*#__PURE__*/_jsx(Icon, {
-      icon: check,
-      style: styles.icon,
-      size: 24
-    })]
-  });
-}
-function ColorIndicator({
-  color,
-  isSelected,
-  withCustomPicker,
-  style,
-  opacity
-}) {
-  const {
-    isGradient
-  } = colorsUtils;
-  const outlineStyle = usePreferredColorSchemeStyle(styles.outline, styles.outlineDark);
-  if (isGradient(color)) {
-    return /*#__PURE__*/_jsxs(Gradient, {
-      style: [styles.circleOption, style],
-      gradientValue: color,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: outlineStyle
-      }), isSelected && /*#__PURE__*/_jsx(SelectedIcon, {
-        opacity: opacity
-      })]
-    });
-  } else if (withCustomPicker) {
-    return /*#__PURE__*/_jsxs(View, {
-      style: [styles.circleOption, style],
-      children: [/*#__PURE__*/_jsx(View, {
-        style: outlineStyle
-      }), color.map(gradientValue => {
-        return /*#__PURE__*/_jsx(Gradient, {
-          gradientValue: gradientValue,
-          style: [styles.circleOption, styles.absolute, style]
-        }, gradientValue);
-      }), isSelected && /*#__PURE__*/_jsx(SelectedIcon, {})]
-    });
-  }
-  return /*#__PURE__*/_jsxs(View, {
-    style: [styles.circleOption, style, {
-      backgroundColor: color
-    }],
-    children: [/*#__PURE__*/_jsx(View, {
-      style: outlineStyle
-    }), isSelected && /*#__PURE__*/_jsx(SelectedIcon, {
-      opacity: opacity
-    })]
-  });
-}
-export default ColorIndicator;
-//# sourceMappingURL=index.native.js.map

package/build-module/color-indicator/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["View","Animated","Icon","check","usePreferredColorSchemeStyle","styles","Gradient","colorsUtils","jsx","_jsx","jsxs","_jsxs","SelectedIcon","opacity","style","selected","children","outline","selectedOutline","icon","size","ColorIndicator","color","isSelected","withCustomPicker","isGradient","outlineStyle","outlineDark","circleOption","gradientValue","map","absolute","backgroundColor"],"sources":["@wordpress/components/src/color-indicator/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Animated } from 'react-native';\n/**\n * WordPress dependencies\n */\nimport { Icon, check } from '@wordpress/icons';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport Gradient from '../mobile/gradient';\nimport { colorsUtils } from '../mobile/color-settings/utils';\n\nfunction SelectedIcon( { opacity } ) {\n\treturn (\n\t\t<Animated.View style={ [ styles.selected, { opacity } ] }>\n\t\t\t<View style={ [ styles.outline, styles.selectedOutline ] } />\n\t\t\t<Icon icon={ check } style={ styles.icon } size={ 24 } />\n\t\t</Animated.View>\n\t);\n}\n\nfunction ColorIndicator( {\n\tcolor,\n\tisSelected,\n\twithCustomPicker,\n\tstyle,\n\topacity,\n} ) {\n\tconst { isGradient } = colorsUtils;\n\n\tconst outlineStyle = usePreferredColorSchemeStyle(\n\t\tstyles.outline,\n\t\tstyles.outlineDark\n\t);\n\n\tif ( isGradient( color ) ) {\n\t\treturn (\n\t\t\t<Gradient\n\t\t\t\tstyle={ [ styles.circleOption, style ] }\n\t\t\t\tgradientValue={ color }\n\t\t\t>\n\t\t\t\t<View style={ outlineStyle } />\n\t\t\t\t{ isSelected && <SelectedIcon opacity={ opacity } /> }\n\t\t\t</Gradient>\n\t\t);\n\t} else if ( withCustomPicker ) {\n\t\treturn (\n\t\t\t<View style={ [ styles.circleOption, style ] }>\n\t\t\t\t<View style={ outlineStyle } />\n\t\t\t\t{ color.map( ( gradientValue ) => {\n\t\t\t\t\treturn (\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={ [\n\t\t\t\t\t\t\t\tstyles.circleOption,\n\t\t\t\t\t\t\t\tstyles.absolute,\n\t\t\t\t\t\t\t\tstyle,\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\tkey={ gradientValue }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t\t{ isSelected && <SelectedIcon /> }\n\t\t\t</View>\n\t\t);\n\t}\n\treturn (\n\t\t<View\n\t\t\tstyle={ [ styles.circleOption, style, { backgroundColor: color } ] }\n\t\t>\n\t\t\t<View style={ outlineStyle } />\n\t\t\t{ isSelected && <SelectedIcon opacity={ opacity } /> }\n\t\t</View>\n\t);\n}\nexport default ColorIndicator;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC7C;AACA;AACA;AACA,SAASC,IAAI,EAAEC,KAAK,QAAQ,kBAAkB;AAC9C,SAASC,4BAA4B,QAAQ,oBAAoB;AACjE;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,QAAQ,MAAM,oBAAoB;AACzC,SAASC,WAAW,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACpC,oBACCF,KAAA,CAACV,QAAQ,CAACD,IAAI;IAACc,KAAK,EAAG,CAAET,MAAM,CAACU,QAAQ,EAAE;MAAEF;IAAQ,CAAC,CAAI;IAAAG,QAAA,gBACxDP,IAAA,CAACT,IAAI;MAACc,KAAK,EAAG,CAAET,MAAM,CAACY,OAAO,EAAEZ,MAAM,CAACa,eAAe;IAAI,CAAE,CAAC,eAC7DT,IAAA,CAACP,IAAI;MAACiB,IAAI,EAAGhB,KAAO;MAACW,KAAK,EAAGT,MAAM,CAACc,IAAM;MAACC,IAAI,EAAG;IAAI,CAAE,CAAC;EAAA,CAC3C,CAAC;AAElB;AAEA,SAASC,cAAcA,CAAE;EACxBC,KAAK;EACLC,UAAU;EACVC,gBAAgB;EAChBV,KAAK;EACLD;AACD,CAAC,EAAG;EACH,MAAM;IAAEY;EAAW,CAAC,GAAGlB,WAAW;EAElC,MAAMmB,YAAY,GAAGtB,4BAA4B,CAChDC,MAAM,CAACY,OAAO,EACdZ,MAAM,CAACsB,WACR,CAAC;EAED,IAAKF,UAAU,CAAEH,KAAM,CAAC,EAAG;IAC1B,oBACCX,KAAA,CAACL,QAAQ;MACRQ,KAAK,EAAG,CAAET,MAAM,CAACuB,YAAY,EAAEd,KAAK,CAAI;MACxCe,aAAa,EAAGP,KAAO;MAAAN,QAAA,gBAEvBP,IAAA,CAACT,IAAI;QAACc,KAAK,EAAGY;MAAc,CAAE,CAAC,EAC7BH,UAAU,iBAAId,IAAA,CAACG,YAAY;QAACC,OAAO,EAAGA;MAAS,CAAE,CAAC;IAAA,CAC3C,CAAC;EAEb,CAAC,MAAM,IAAKW,gBAAgB,EAAG;IAC9B,oBACCb,KAAA,CAACX,IAAI;MAACc,KAAK,EAAG,CAAET,MAAM,CAACuB,YAAY,EAAEd,KAAK,CAAI;MAAAE,QAAA,gBAC7CP,IAAA,CAACT,IAAI;QAACc,KAAK,EAAGY;MAAc,CAAE,CAAC,EAC7BJ,KAAK,CAACQ,GAAG,CAAID,aAAa,IAAM;QACjC,oBACCpB,IAAA,CAACH,QAAQ;UACRuB,aAAa,EAAGA,aAAe;UAC/Bf,KAAK,EAAG,CACPT,MAAM,CAACuB,YAAY,EACnBvB,MAAM,CAAC0B,QAAQ,EACfjB,KAAK;QACH,GACGe,aACN,CAAC;MAEJ,CAAE,CAAC,EACDN,UAAU,iBAAId,IAAA,CAACG,YAAY,IAAE,CAAC;IAAA,CAC3B,CAAC;EAET;EACA,oBACCD,KAAA,CAACX,IAAI;IACJc,KAAK,EAAG,CAAET,MAAM,CAACuB,YAAY,EAAEd,KAAK,EAAE;MAAEkB,eAAe,EAAEV;IAAM,CAAC,CAAI;IAAAN,QAAA,gBAEpEP,IAAA,CAACT,IAAI;MAACc,KAAK,EAAGY;IAAc,CAAE,CAAC,EAC7BH,UAAU,iBAAId,IAAA,CAACG,YAAY;MAACC,OAAO,EAAGA;IAAS,CAAE,CAAC;EAAA,CAC/C,CAAC;AAET;AACA,eAAeQ,cAAc","ignoreList":[]}