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

package/build/toolbar/toolbar-group/toolbar-group-container.native.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _compose = require("@wordpress/compose");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const ToolbarGroupContainer = ({
-  passedStyle,
-  children
-}) => {
-  const groupStyles = [(0, _compose.usePreferredColorSchemeStyle)(_style.default.container, _style.default.containerDark), {
-    borderLeftWidth: _reactNative.StyleSheet.hairlineWidth
-  }, passedStyle];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: groupStyles,
-    children: children
-  });
-};
-var _default = exports.default = ToolbarGroupContainer;
-//# sourceMappingURL=toolbar-group-container.native.js.map

package/build/toolbar/toolbar-group/toolbar-group-container.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_compose","_style","_interopRequireDefault","_jsxRuntime","ToolbarGroupContainer","passedStyle","children","groupStyles","usePreferredColorSchemeStyle","styles","container","containerDark","borderLeftWidth","StyleSheet","hairlineWidth","jsx","View","style","_default","exports","default"],"sources":["@wordpress/components/src/toolbar/toolbar-group/toolbar-group-container.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\n\nconst ToolbarGroupContainer = ( { passedStyle, children } ) => {\n\tconst groupStyles = [\n\t\tusePreferredColorSchemeStyle( styles.container, styles.containerDark ),\n\t\t{ borderLeftWidth: StyleSheet.hairlineWidth },\n\t\tpassedStyle,\n\t];\n\n\treturn <View style={ groupStyles }>{ children }</View>;\n};\n\nexport default ToolbarGroupContainer;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAkC,IAAAI,WAAA,GAAAJ,OAAA;AAblC;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAMK,qBAAqB,GAAGA,CAAE;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAM;EAC9D,MAAMC,WAAW,GAAG,CACnB,IAAAC,qCAA4B,EAAEC,cAAM,CAACC,SAAS,EAAED,cAAM,CAACE,aAAc,CAAC,EACtE;IAAEC,eAAe,EAAEC,uBAAU,CAACC;EAAc,CAAC,EAC7CT,WAAW,CACX;EAED,oBAAO,IAAAF,WAAA,CAAAY,GAAA,EAACjB,YAAA,CAAAkB,IAAI;IAACC,KAAK,EAAGV,WAAa;IAAAD,QAAA,EAAGA;EAAQ,CAAQ,CAAC;AACvD,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEahB,qBAAqB","ignoreList":[]}

package/build/toolbar/toolbar-item/index.native.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _warning = _interopRequireDefault(require("@wordpress/warning"));
-/**
- * WordPress dependencies
- */
-
-function ToolbarItem({
-  children,
-  ...props
-}, ref) {
-  if (typeof children !== 'function') {
-    globalThis.SCRIPT_DEBUG === true ? (0, _warning.default)('`ToolbarItem` is a generic headless component that accepts only function children props') : void 0;
-    return null;
-  }
-  return children({
-    ...props,
-    ref
-  });
-}
-var _default = exports.default = (0, _element.forwardRef)(ToolbarItem);
-//# sourceMappingURL=index.native.js.map

package/build/toolbar/toolbar-item/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_element","require","_warning","_interopRequireDefault","ToolbarItem","children","props","ref","globalThis","SCRIPT_DEBUG","warning","_default","exports","default","forwardRef"],"sources":["@wordpress/components/src/toolbar/toolbar-item/index.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport warning from '@wordpress/warning';\n\nfunction ToolbarItem( { children, ...props }, ref ) {\n\tif ( typeof children !== 'function' ) {\n\t\twarning(\n\t\t\t'`ToolbarItem` is a generic headless component that accepts only function children props'\n\t\t);\n\t\treturn null;\n\t}\n\treturn children( { ...props, ref } );\n}\n\nexport default forwardRef( ToolbarItem );\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAJA;AACA;AACA;;AAIA,SAASG,WAAWA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,EAAG;EACnD,IAAK,OAAOF,QAAQ,KAAK,UAAU,EAAG;IACrCG,UAAA,CAAAC,YAAA,gBAAAC,gBAAO,EACN,yFACD,CAAC;IACD,OAAO,IAAI;EACZ;EACA,OAAOL,QAAQ,CAAE;IAAE,GAAGC,KAAK;IAAEC;EAAI,CAAE,CAAC;AACrC;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc,IAAAC,mBAAU,EAAEV,WAAY,CAAC","ignoreList":[]}

package/build/tooltip/index.native.js

@@ -1,263 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _slotFill = require("../slot-fill");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const RIGHT_ALIGN_ARROW_OFFSET = 16;
-const TOOLTIP_VERTICAL_OFFSET = 2;
-const TooltipContext = (0, _element.createContext)({
-  onHandleScreenTouch: () => {}
-});
-const {
-  Fill,
-  Slot
-} = (0, _slotFill.createSlotFill)('Tooltip');
-const useKeyboardVisibility = () => {
-  const [keyboardVisible, setKeyboardVisible] = (0, _element.useState)(false);
-  const previousKeyboardVisible = (0, _compose.usePrevious)(keyboardVisible);
-  (0, _element.useEffect)(() => {
-    const showListener = _reactNative.Keyboard.addListener('keyboardDidShow', () => {
-      if (previousKeyboardVisible !== true) {
-        setKeyboardVisible(true);
-      }
-    });
-    const keyboardHideEvent = _reactNative.Platform.select({
-      android: 'keyboardDidHide',
-      ios: 'keyboardWillHide'
-    });
-    const hideListener = _reactNative.Keyboard.addListener(keyboardHideEvent, () => {
-      if (previousKeyboardVisible !== false) {
-        setKeyboardVisible(false);
-      }
-    });
-    return () => {
-      showListener.remove();
-      hideListener.remove();
-    };
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, []);
-  return keyboardVisible;
-};
-const Tooltip = ({
-  children,
-  position = 'top',
-  text,
-  visible: initialVisible = false
-}) => {
-  const referenceElementRef = (0, _element.useRef)(null);
-  const animationValue = (0, _element.useRef)(new _reactNative.Animated.Value(0)).current;
-  const [, horizontalPosition = 'center'] = position.split(' ');
-  const [visible, setVisible] = (0, _element.useState)(initialVisible);
-  const [animating, setAnimating] = (0, _element.useState)(false);
-  const hidden = !visible && !animating;
-  const previousVisible = (0, _compose.usePrevious)(visible);
-  const [referenceLayout, setReferenceLayout] = (0, _element.useState)({
-    height: 0,
-    width: 0,
-    x: 0,
-    y: 0
-  });
-  const [tooltipLayout, setTooltipLayout] = (0, _element.useState)({
-    height: 0,
-    width: 0
-  });
-  const {
-    onHandleScreenTouch
-  } = (0, _element.useContext)(TooltipContext);
-  const keyboardVisible = useKeyboardVisibility();
-
-  // Register callback to dismiss the tooltip whenever the screen is touched.
-  (0, _element.useEffect)(() => {
-    if (visible) {
-      onHandleScreenTouch(() => {
-        setAnimating(true);
-        setVisible(false);
-      });
-    }
-    return () => onHandleScreenTouch(null);
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, [visible]);
-
-  // Manage visibility animation.
-  (0, _element.useEffect)(() => {
-    if (
-    // Initial render and visibility enabled, animate show.
-    typeof previousVisible === 'undefined' && visible ||
-    // Previously visible, animate hide
-    previousVisible && previousVisible !== visible) {
-      setAnimating(true);
-      startAnimation();
-    }
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, [visible]);
-
-  // Manage tooltip visibility and position in relation to keyboard.
-  (0, _element.useEffect)(() => {
-    if (!visible) {
-      return;
-    }
-
-    // Update tooltip position if keyboard is visible.
-    if (keyboardVisible) {
-      getReferenceElementPosition();
-    }
-
-    // Hide tooltip if keyboard hides
-    if (typeof previousVisible !== 'undefined' && !keyboardVisible) {
-      setAnimating(true);
-      setVisible(false);
-    }
-    // See https://github.com/WordPress/gutenberg/pull/41166
-  }, [visible, keyboardVisible]);
-
-  // Manage tooltip position during keyboard frame changes.
-  (0, _element.useEffect)(() => {
-    const frameListener = _reactNative.Keyboard.addListener('keyboardWillChangeFrame', () => {
-      if (visible) {
-        getReferenceElementPosition();
-      }
-    });
-    return () => {
-      frameListener.remove();
-    };
-  }, [visible]);
-  const startAnimation = () => {
-    _reactNative.Animated.timing(animationValue, {
-      toValue: visible ? 1 : 0,
-      duration: visible ? 300 : 150,
-      useNativeDriver: true,
-      delay: visible ? 500 : 0,
-      easing: _reactNative.Easing.out(_reactNative.Easing.quad)
-    }).start(() => {
-      setAnimating(false);
-    });
-  };
-  const tooltipStyles = [_style.default.tooltip, {
-    left: referenceLayout.x + Math.floor(referenceLayout.width / 2) - (horizontalPosition === 'right' ? RIGHT_ALIGN_ARROW_OFFSET : Math.floor(tooltipLayout.width / 2)),
-    top: referenceLayout.y - tooltipLayout.height - TOOLTIP_VERTICAL_OFFSET
-  }];
-  const tooltipBoxStyles = [_style.default.tooltip__box, horizontalPosition === 'right' && _style.default['tooltip--rightAlign'], {
-    elevation: 2,
-    opacity: animationValue,
-    shadowColor: _style.default.tooltip__shadow?.color,
-    shadowOffset: {
-      height: 2,
-      width: 0
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 2,
-    transform: [{
-      translateY: animationValue.interpolate({
-        inputRange: [0, 1],
-        outputRange: [visible ? 4 : -8, -8]
-      })
-    }]
-  }];
-  const arrowStyles = [_style.default.tooltip__arrow, horizontalPosition === 'right' && _style.default['tooltip__arrow--rightAlign']];
-  const getReferenceElementPosition = () => {
-    // rAF allows render to complete before calculating layout
-    // eslint-disable-next-line no-undef
-    requestAnimationFrame(() => {
-      if (!referenceElementRef.current) {
-        return;
-      }
-      referenceElementRef.current.measure((_x, _y, width, height, pageX, pageY) => {
-        setReferenceLayout({
-          height,
-          width,
-          x: pageX,
-          y: pageY
-        });
-      });
-    });
-  };
-  const getTooltipLayout = ({
-    nativeEvent
-  }) => {
-    const {
-      height,
-      width
-    } = nativeEvent.layout;
-    setTooltipLayout({
-      height,
-      width
-    });
-  };
-  if (hidden) {
-    return children;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [(0, _element.cloneElement)(children, {
-      ref: referenceElementRef,
-      onLayout: getReferenceElementPosition
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Fill, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        onLayout: getTooltipLayout,
-        style: tooltipStyles,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-          style: tooltipBoxStyles,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: _style.default.tooltip__text,
-            children: text
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: arrowStyles
-          })]
-        })
-      })
-    })]
-  });
-};
-const TooltipSlot = ({
-  children,
-  ...rest
-}) => {
-  const [handleScreenTouch, setHandleScreenTouch] = (0, _element.useState)(null);
-  const onHandleScreenTouch = callback => {
-    // Must use function to set state below as `callback` is a function itself.
-    setHandleScreenTouch(() => callback);
-  };
-  const handleTouchStart = () => {
-    handleScreenTouch();
-    setHandleScreenTouch(null);
-  };
-  // Memoize context value to avoid unnecessary rerenders of the Provider's children
-  // See https://github.com/WordPress/gutenberg/pull/41166
-  const value = (0, _element.useMemo)(() => ({
-    onHandleScreenTouch
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipContext.Provider, {
-    value: value,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      onTouchStart: typeof handleScreenTouch === 'function' ? handleTouchStart : undefined,
-      pointerEvents: "box-none",
-      style: _reactNative.StyleSheet.absoluteFill,
-      testID: "tooltip-overlay",
-      children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(Slot, {
-        ...rest
-      })]
-    })
-  });
-};
-Tooltip.Slot = TooltipSlot;
-var _default = exports.default = Tooltip;
-//# sourceMappingURL=index.native.js.map

package/build/tooltip/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_element","_compose","_slotFill","_style","_interopRequireDefault","_jsxRuntime","RIGHT_ALIGN_ARROW_OFFSET","TOOLTIP_VERTICAL_OFFSET","TooltipContext","createContext","onHandleScreenTouch","Fill","Slot","createSlotFill","useKeyboardVisibility","keyboardVisible","setKeyboardVisible","useState","previousKeyboardVisible","usePrevious","useEffect","showListener","Keyboard","addListener","keyboardHideEvent","Platform","select","android","ios","hideListener","remove","Tooltip","children","position","text","visible","initialVisible","referenceElementRef","useRef","animationValue","Animated","Value","current","horizontalPosition","split","setVisible","animating","setAnimating","hidden","previousVisible","referenceLayout","setReferenceLayout","height","width","x","y","tooltipLayout","setTooltipLayout","useContext","startAnimation","getReferenceElementPosition","frameListener","timing","toValue","duration","useNativeDriver","delay","easing","Easing","out","quad","start","tooltipStyles","styles","tooltip","left","Math","floor","top","tooltipBoxStyles","tooltip__box","elevation","opacity","shadowColor","tooltip__shadow","color","shadowOffset","shadowOpacity","shadowRadius","transform","translateY","interpolate","inputRange","outputRange","arrowStyles","tooltip__arrow","requestAnimationFrame","measure","_x","_y","pageX","pageY","getTooltipLayout","nativeEvent","layout","jsxs","Fragment","cloneElement","ref","onLayout","jsx","View","style","Text","tooltip__text","TooltipSlot","rest","handleScreenTouch","setHandleScreenTouch","callback","handleTouchStart","value","useMemo","Provider","onTouchStart","undefined","pointerEvents","StyleSheet","absoluteFill","testID","_default","exports","default"],"sources":["@wordpress/components/src/tooltip/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tAnimated,\n\tEasing,\n\tKeyboard,\n\tPlatform,\n\tStyleSheet,\n\tText,\n\tView,\n} from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcloneElement,\n\tcreateContext,\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from '@wordpress/element';\nimport { usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { createSlotFill } from '../slot-fill';\nimport styles from './style.scss';\n\nconst RIGHT_ALIGN_ARROW_OFFSET = 16;\nconst TOOLTIP_VERTICAL_OFFSET = 2;\n\nconst TooltipContext = createContext( {\n\tonHandleScreenTouch: () => {},\n} );\nconst { Fill, Slot } = createSlotFill( 'Tooltip' );\n\nconst useKeyboardVisibility = () => {\n\tconst [ keyboardVisible, setKeyboardVisible ] = useState( false );\n\tconst previousKeyboardVisible = usePrevious( keyboardVisible );\n\n\tuseEffect( () => {\n\t\tconst showListener = Keyboard.addListener( 'keyboardDidShow', () => {\n\t\t\tif ( previousKeyboardVisible !== true ) {\n\t\t\t\tsetKeyboardVisible( true );\n\t\t\t}\n\t\t} );\n\t\tconst keyboardHideEvent = Platform.select( {\n\t\t\tandroid: 'keyboardDidHide',\n\t\t\tios: 'keyboardWillHide',\n\t\t} );\n\t\tconst hideListener = Keyboard.addListener( keyboardHideEvent, () => {\n\t\t\tif ( previousKeyboardVisible !== false ) {\n\t\t\t\tsetKeyboardVisible( false );\n\t\t\t}\n\t\t} );\n\t\treturn () => {\n\t\t\tshowListener.remove();\n\t\t\thideListener.remove();\n\t\t};\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [] );\n\n\treturn keyboardVisible;\n};\n\nconst Tooltip = ( {\n\tchildren,\n\tposition = 'top',\n\ttext,\n\tvisible: initialVisible = false,\n} ) => {\n\tconst referenceElementRef = useRef( null );\n\tconst animationValue = useRef( new Animated.Value( 0 ) ).current;\n\tconst [ , horizontalPosition = 'center' ] = position.split( ' ' );\n\tconst [ visible, setVisible ] = useState( initialVisible );\n\tconst [ animating, setAnimating ] = useState( false );\n\tconst hidden = ! visible && ! animating;\n\tconst previousVisible = usePrevious( visible );\n\tconst [ referenceLayout, setReferenceLayout ] = useState( {\n\t\theight: 0,\n\t\twidth: 0,\n\t\tx: 0,\n\t\ty: 0,\n\t} );\n\tconst [ tooltipLayout, setTooltipLayout ] = useState( {\n\t\theight: 0,\n\t\twidth: 0,\n\t} );\n\tconst { onHandleScreenTouch } = useContext( TooltipContext );\n\tconst keyboardVisible = useKeyboardVisibility();\n\n\t// Register callback to dismiss the tooltip whenever the screen is touched.\n\tuseEffect( () => {\n\t\tif ( visible ) {\n\t\t\tonHandleScreenTouch( () => {\n\t\t\t\tsetAnimating( true );\n\t\t\t\tsetVisible( false );\n\t\t\t} );\n\t\t}\n\t\treturn () => onHandleScreenTouch( null );\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [ visible ] );\n\n\t// Manage visibility animation.\n\tuseEffect( () => {\n\t\tif (\n\t\t\t// Initial render and visibility enabled, animate show.\n\t\t\t( typeof previousVisible === 'undefined' && visible ) ||\n\t\t\t// Previously visible, animate hide\n\t\t\t( previousVisible && previousVisible !== visible )\n\t\t) {\n\t\t\tsetAnimating( true );\n\t\t\tstartAnimation();\n\t\t}\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [ visible ] );\n\n\t// Manage tooltip visibility and position in relation to keyboard.\n\tuseEffect( () => {\n\t\tif ( ! visible ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update tooltip position if keyboard is visible.\n\t\tif ( keyboardVisible ) {\n\t\t\tgetReferenceElementPosition();\n\t\t}\n\n\t\t// Hide tooltip if keyboard hides\n\t\tif ( typeof previousVisible !== 'undefined' && ! keyboardVisible ) {\n\t\t\tsetAnimating( true );\n\t\t\tsetVisible( false );\n\t\t}\n\t\t// See https://github.com/WordPress/gutenberg/pull/41166\n\t}, [ visible, keyboardVisible ] );\n\n\t// Manage tooltip position during keyboard frame changes.\n\tuseEffect( () => {\n\t\tconst frameListener = Keyboard.addListener(\n\t\t\t'keyboardWillChangeFrame',\n\t\t\t() => {\n\t\t\t\tif ( visible ) {\n\t\t\t\t\tgetReferenceElementPosition();\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tframeListener.remove();\n\t\t};\n\t}, [ visible ] );\n\n\tconst startAnimation = () => {\n\t\tAnimated.timing( animationValue, {\n\t\t\ttoValue: visible ? 1 : 0,\n\t\t\tduration: visible ? 300 : 150,\n\t\t\tuseNativeDriver: true,\n\t\t\tdelay: visible ? 500 : 0,\n\t\t\teasing: Easing.out( Easing.quad ),\n\t\t} ).start( () => {\n\t\t\tsetAnimating( false );\n\t\t} );\n\t};\n\n\tconst tooltipStyles = [\n\t\tstyles.tooltip,\n\t\t{\n\t\t\tleft:\n\t\t\t\treferenceLayout.x +\n\t\t\t\tMath.floor( referenceLayout.width / 2 ) -\n\t\t\t\t( horizontalPosition === 'right'\n\t\t\t\t\t? RIGHT_ALIGN_ARROW_OFFSET\n\t\t\t\t\t: Math.floor( tooltipLayout.width / 2 ) ),\n\t\t\ttop:\n\t\t\t\treferenceLayout.y -\n\t\t\t\ttooltipLayout.height -\n\t\t\t\tTOOLTIP_VERTICAL_OFFSET,\n\t\t},\n\t];\n\tconst tooltipBoxStyles = [\n\t\tstyles.tooltip__box,\n\t\thorizontalPosition === 'right' && styles[ 'tooltip--rightAlign' ],\n\t\t{\n\t\t\televation: 2,\n\t\t\topacity: animationValue,\n\t\t\tshadowColor: styles.tooltip__shadow?.color,\n\t\t\tshadowOffset: { height: 2, width: 0 },\n\t\t\tshadowOpacity: 0.25,\n\t\t\tshadowRadius: 2,\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: [ visible ? 4 : -8, -8 ],\n\t\t\t\t\t} ),\n\t\t\t\t},\n\t\t\t],\n\t\t},\n\t];\n\tconst arrowStyles = [\n\t\tstyles.tooltip__arrow,\n\t\thorizontalPosition === 'right' &&\n\t\t\tstyles[ 'tooltip__arrow--rightAlign' ],\n\t];\n\n\tconst getReferenceElementPosition = () => {\n\t\t// rAF allows render to complete before calculating layout\n\t\t// eslint-disable-next-line no-undef\n\t\trequestAnimationFrame( () => {\n\t\t\tif ( ! referenceElementRef.current ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treferenceElementRef.current.measure(\n\t\t\t\t( _x, _y, width, height, pageX, pageY ) => {\n\t\t\t\t\tsetReferenceLayout( {\n\t\t\t\t\t\theight,\n\t\t\t\t\t\twidth,\n\t\t\t\t\t\tx: pageX,\n\t\t\t\t\t\ty: pageY,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t);\n\t\t} );\n\t};\n\tconst getTooltipLayout = ( { nativeEvent } ) => {\n\t\tconst { height, width } = nativeEvent.layout;\n\t\tsetTooltipLayout( { height, width } );\n\t};\n\n\tif ( hidden ) {\n\t\treturn children;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ cloneElement( children, {\n\t\t\t\tref: referenceElementRef,\n\t\t\t\tonLayout: getReferenceElementPosition,\n\t\t\t} ) }\n\t\t\t<Fill>\n\t\t\t\t<View onLayout={ getTooltipLayout } style={ tooltipStyles }>\n\t\t\t\t\t<Animated.View style={ tooltipBoxStyles }>\n\t\t\t\t\t\t<Text style={ styles.tooltip__text }>{ text }</Text>\n\t\t\t\t\t\t<View style={ arrowStyles } />\n\t\t\t\t\t</Animated.View>\n\t\t\t\t</View>\n\t\t\t</Fill>\n\t\t</>\n\t);\n};\n\nconst TooltipSlot = ( { children, ...rest } ) => {\n\tconst [ handleScreenTouch, setHandleScreenTouch ] = useState( null );\n\tconst onHandleScreenTouch = ( callback ) => {\n\t\t// Must use function to set state below as `callback` is a function itself.\n\t\tsetHandleScreenTouch( () => callback );\n\t};\n\tconst handleTouchStart = () => {\n\t\thandleScreenTouch();\n\t\tsetHandleScreenTouch( null );\n\t};\n\t// Memoize context value to avoid unnecessary rerenders of the Provider's children\n\t// See https://github.com/WordPress/gutenberg/pull/41166\n\tconst value = useMemo( () => ( { onHandleScreenTouch } ) );\n\n\treturn (\n\t\t<TooltipContext.Provider value={ value }>\n\t\t\t<View\n\t\t\t\tonTouchStart={\n\t\t\t\t\ttypeof handleScreenTouch === 'function'\n\t\t\t\t\t\t? handleTouchStart\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ StyleSheet.absoluteFill }\n\t\t\t\ttestID=\"tooltip-overlay\"\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t\t<Slot { ...rest } />\n\t\t\t</View>\n\t\t</TooltipContext.Provider>\n\t);\n};\n\nTooltip.Slot = TooltipSlot;\n\nexport default Tooltip;\n"],"mappings":"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","ignoreList":[]}

package/build/unit-control/index.native.js

@@ -1,165 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-Object.defineProperty(exports, "useCustomUnits", {
-  enumerable: true,
-  get: function () {
-    return _utils.useCustomUnits;
-  }
-});
-var _reactNative = require("react-native");
-var _rangeCell = _interopRequireDefault(require("../mobile/bottom-sheet/range-cell"));
-var _stepperCell = _interopRequireDefault(require("../mobile/bottom-sheet/stepper-cell"));
-var _picker = _interopRequireDefault(require("../mobile/picker"));
-var _style = _interopRequireDefault(require("./style.scss"));
-var _utils = require("./utils");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _i18n = require("@wordpress/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-function UnitControl({
-  currentInput,
-  label,
-  value,
-  onChange,
-  onUnitChange,
-  initialPosition,
-  min,
-  max,
-  separatorType,
-  units = _utils.CSS_UNITS,
-  unit,
-  getStylesFromColorScheme,
-  ...props
-}) {
-  const pickerRef = (0, _element.useRef)();
-  const anchorNodeRef = (0, _element.useRef)();
-  const onPickerPresent = (0, _element.useCallback)(() => {
-    if (pickerRef?.current) {
-      pickerRef.current.presentPicker();
-    }
-    // It would be great if the deps could be addressed in the context of
-    // https://github.com/WordPress/gutenberg/pull/39218
-  }, [pickerRef?.current]);
-  const currentInputValue = currentInput === null ? value : currentInput;
-  const initialControlValue = isFinite(currentInputValue) ? currentInputValue : initialPosition;
-  const unitButtonTextStyle = getStylesFromColorScheme(_style.default.unitButtonText, _style.default.unitButtonTextDark);
-
-  /* translators: accessibility text. Inform about current unit value. %s: Current unit value. */
-  const accessibilityLabel = (0, _i18n.sprintf)((0, _i18n.__)('Current unit is %s'), unit);
-  const accessibilityHint = _reactNative.Platform.OS === 'ios' ? (0, _i18n.__)('Double tap to open Action Sheet with available options') : (0, _i18n.__)('Double tap to open Bottom Sheet with available options');
-  const renderUnitButton = (0, _element.useMemo)(() => {
-    const unitButton = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: _style.default.unitButton,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: unitButtonTextStyle,
-        children: unit
-      })
-    });
-    if ((0, _utils.hasUnits)(units) && units?.length > 1) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
-        onPress: onPickerPresent,
-        accessibilityLabel: accessibilityLabel,
-        accessibilityRole: "button",
-        accessibilityHint: accessibilityHint,
-        children: unitButton
-      });
-    }
-    return unitButton;
-  }, [onPickerPresent, accessibilityLabel, accessibilityHint, unitButtonTextStyle, unit, units]);
-  const getAnchor = (0, _element.useCallback)(() => anchorNodeRef?.current ? (0, _reactNative.findNodeHandle)(anchorNodeRef?.current) : undefined,
-  // It would be great if the deps could be addressed in the context of
-  // https://github.com/WordPress/gutenberg/pull/39218
-  [anchorNodeRef?.current]);
-  const getDecimal = step => {
-    // Return the decimal offset based on the step size.
-    // if step size is 0.1 we expect the offset to be 1.
-    // for example 12 + 0.1 we would expect the see 12.1 (not 12.10 or 12 );
-    // steps are defined in the CSS_UNITS and they vary from unit to unit.
-    const stepToString = step;
-    const splitStep = stepToString.toString().split('.');
-    return splitStep[1] ? splitStep[1].length : 0;
-  };
-  const renderUnitPicker = (0, _element.useCallback)(() => {
-    // Keeping for legacy reasons, although `false` should not be a valid
-    // value for the `units` prop anymore.
-    if (units === false) {
-      return null;
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _style.default.unitMenu,
-      ref: anchorNodeRef,
-      children: [renderUnitButton, (0, _utils.hasUnits)(units) && units?.length > 1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_picker.default, {
-        ref: pickerRef,
-        options: units,
-        onChange: onUnitChange,
-        hideCancelButton: true,
-        leftAlign: true,
-        getAnchor: getAnchor
-      }) : null]
-    });
-  }, [pickerRef, units, onUnitChange, getAnchor, renderUnitButton]);
-  let step = props.step;
-
-  /*
-   * If no step prop has been passed, lookup the active unit and
-   * try to get step from `units`, or default to a value of `1`
-   */
-  if (!step && units) {
-    var _activeUnit$step;
-    const activeUnit = units.find(option => option.value === unit);
-    step = (_activeUnit$step = activeUnit?.step) !== null && _activeUnit$step !== void 0 ? _activeUnit$step : 1;
-  }
-  const decimalNum = getDecimal(step);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: unit !== '%' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_stepperCell.default, {
-      label: label,
-      max: max,
-      min: min,
-      onChange: onChange,
-      separatorType: separatorType,
-      value: value,
-      step: step,
-      defaultValue: initialControlValue,
-      shouldDisplayTextInput: true,
-      decimalNum: decimalNum,
-      openUnitPicker: onPickerPresent,
-      unitLabel: (0, _utils.getAccessibleLabelForUnit)(unit),
-      ...props,
-      children: renderUnitPicker()
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_rangeCell.default, {
-      label: label,
-      onChange: onChange,
-      minimumValue: min,
-      maximumValue: max,
-      value: value,
-      step: step,
-      unit: unit,
-      defaultValue: initialControlValue,
-      separatorType: separatorType,
-      decimalNum: decimalNum,
-      openUnitPicker: onPickerPresent,
-      unitLabel: (0, _utils.getAccessibleLabelForUnit)(unit),
-      ...props,
-      children: renderUnitPicker()
-    })
-  });
-}
-var _default = exports.default = (0, _element.memo)((0, _compose.withPreferredColorScheme)(UnitControl));
-//# sourceMappingURL=index.native.js.map

package/build/unit-control/index.native.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_rangeCell","_interopRequireDefault","_stepperCell","_picker","_style","_utils","_element","_compose","_i18n","_jsxRuntime","UnitControl","currentInput","label","value","onChange","onUnitChange","initialPosition","min","max","separatorType","units","CSS_UNITS","unit","getStylesFromColorScheme","props","pickerRef","useRef","anchorNodeRef","onPickerPresent","useCallback","current","presentPicker","currentInputValue","initialControlValue","isFinite","unitButtonTextStyle","styles","unitButtonText","unitButtonTextDark","accessibilityLabel","sprintf","__","accessibilityHint","Platform","OS","renderUnitButton","useMemo","unitButton","jsx","View","style","children","Text","hasUnits","length","TouchableWithoutFeedback","onPress","accessibilityRole","getAnchor","findNodeHandle","undefined","getDecimal","step","stepToString","splitStep","toString","split","renderUnitPicker","jsxs","unitMenu","ref","default","options","hideCancelButton","leftAlign","_activeUnit$step","activeUnit","find","option","decimalNum","Fragment","defaultValue","shouldDisplayTextInput","openUnitPicker","unitLabel","getAccessibleLabelForUnit","minimumValue","maximumValue","_default","exports","memo","withPreferredColorScheme"],"sources":["@wordpress/components/src/unit-control/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tText,\n\tView,\n\tTouchableWithoutFeedback,\n\tPlatform,\n\tfindNodeHandle,\n} from 'react-native';\n\n/**\n * Internal dependencies\n */\nimport RangeCell from '../mobile/bottom-sheet/range-cell';\nimport StepperCell from '../mobile/bottom-sheet/stepper-cell';\nimport Picker from '../mobile/picker';\nimport styles from './style.scss';\nimport { CSS_UNITS, hasUnits, getAccessibleLabelForUnit } from './utils';\n\n/**\n * WordPress dependencies\n */\nimport { useRef, useCallback, useMemo, memo } from '@wordpress/element';\nimport { withPreferredColorScheme } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\n\nfunction UnitControl( {\n\tcurrentInput,\n\tlabel,\n\tvalue,\n\tonChange,\n\tonUnitChange,\n\tinitialPosition,\n\tmin,\n\tmax,\n\tseparatorType,\n\tunits = CSS_UNITS,\n\tunit,\n\tgetStylesFromColorScheme,\n\t...props\n} ) {\n\tconst pickerRef = useRef();\n\tconst anchorNodeRef = useRef();\n\n\tconst onPickerPresent = useCallback( () => {\n\t\tif ( pickerRef?.current ) {\n\t\t\tpickerRef.current.presentPicker();\n\t\t}\n\t\t// It would be great if the deps could be addressed in the context of\n\t\t// https://github.com/WordPress/gutenberg/pull/39218\n\t}, [ pickerRef?.current ] );\n\n\tconst currentInputValue = currentInput === null ? value : currentInput;\n\tconst initialControlValue = isFinite( currentInputValue )\n\t\t? currentInputValue\n\t\t: initialPosition;\n\n\tconst unitButtonTextStyle = getStylesFromColorScheme(\n\t\tstyles.unitButtonText,\n\t\tstyles.unitButtonTextDark\n\t);\n\n\t/* translators: accessibility text. Inform about current unit value. %s: Current unit value. */\n\tconst accessibilityLabel = sprintf( __( 'Current unit is %s' ), unit );\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet with available options' )\n\t\t\t: __( 'Double tap to open Bottom Sheet with available options' );\n\n\tconst renderUnitButton = useMemo( () => {\n\t\tconst unitButton = (\n\t\t\t<View style={ styles.unitButton }>\n\t\t\t\t<Text style={ unitButtonTextStyle }>{ unit }</Text>\n\t\t\t</View>\n\t\t);\n\n\t\tif ( hasUnits( units ) && units?.length > 1 ) {\n\t\t\treturn (\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\tonPress={ onPickerPresent }\n\t\t\t\t\taccessibilityLabel={ accessibilityLabel }\n\t\t\t\t\taccessibilityRole=\"button\"\n\t\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t\t>\n\t\t\t\t\t{ unitButton }\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t);\n\t\t}\n\n\t\treturn unitButton;\n\t}, [\n\t\tonPickerPresent,\n\t\taccessibilityLabel,\n\t\taccessibilityHint,\n\t\tunitButtonTextStyle,\n\t\tunit,\n\t\tunits,\n\t] );\n\n\tconst getAnchor = useCallback(\n\t\t() =>\n\t\t\tanchorNodeRef?.current\n\t\t\t\t? findNodeHandle( anchorNodeRef?.current )\n\t\t\t\t: undefined,\n\t\t// It would be great if the deps could be addressed in the context of\n\t\t// https://github.com/WordPress/gutenberg/pull/39218\n\t\t[ anchorNodeRef?.current ]\n\t);\n\n\tconst getDecimal = ( step ) => {\n\t\t// Return the decimal offset based on the step size.\n\t\t// if step size is 0.1 we expect the offset to be 1.\n\t\t// for example 12 + 0.1 we would expect the see 12.1 (not 12.10 or 12 );\n\t\t// steps are defined in the CSS_UNITS and they vary from unit to unit.\n\t\tconst stepToString = step;\n\t\tconst splitStep = stepToString.toString().split( '.' );\n\t\treturn splitStep[ 1 ] ? splitStep[ 1 ].length : 0;\n\t};\n\n\tconst renderUnitPicker = useCallback( () => {\n\t\t// Keeping for legacy reasons, although `false` should not be a valid\n\t\t// value for the `units` prop anymore.\n\t\tif ( units === false ) {\n\t\t\treturn null;\n\t\t}\n\t\treturn (\n\t\t\t<View style={ styles.unitMenu } ref={ anchorNodeRef }>\n\t\t\t\t{ renderUnitButton }\n\t\t\t\t{ hasUnits( units ) && units?.length > 1 ? (\n\t\t\t\t\t<Picker\n\t\t\t\t\t\tref={ pickerRef }\n\t\t\t\t\t\toptions={ units }\n\t\t\t\t\t\tonChange={ onUnitChange }\n\t\t\t\t\t\thideCancelButton\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tgetAnchor={ getAnchor }\n\t\t\t\t\t/>\n\t\t\t\t) : null }\n\t\t\t</View>\n\t\t);\n\t}, [ pickerRef, units, onUnitChange, getAnchor, renderUnitButton ] );\n\n\tlet step = props.step;\n\n\t/*\n\t * If no step prop has been passed, lookup the active unit and\n\t * try to get step from `units`, or default to a value of `1`\n\t */\n\tif ( ! step && units ) {\n\t\tconst activeUnit = units.find( ( option ) => option.value === unit );\n\t\tstep = activeUnit?.step ?? 1;\n\t}\n\n\tconst decimalNum = getDecimal( step );\n\n\treturn (\n\t\t<>\n\t\t\t{ unit !== '%' ? (\n\t\t\t\t<StepperCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tmax={ max }\n\t\t\t\t\tmin={ min }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tshouldDisplayTextInput\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ getAccessibleLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</StepperCell>\n\t\t\t) : (\n\t\t\t\t<RangeCell\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\tminimumValue={ min }\n\t\t\t\t\tmaximumValue={ max }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tstep={ step }\n\t\t\t\t\tunit={ unit }\n\t\t\t\t\tdefaultValue={ initialControlValue }\n\t\t\t\t\tseparatorType={ separatorType }\n\t\t\t\t\tdecimalNum={ decimalNum }\n\t\t\t\t\topenUnitPicker={ onPickerPresent }\n\t\t\t\t\tunitLabel={ getAccessibleLabelForUnit( unit ) }\n\t\t\t\t\t{ ...props }\n\t\t\t\t>\n\t\t\t\t\t{ renderUnitPicker() }\n\t\t\t\t</RangeCell>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport { useCustomUnits } from './utils';\nexport default memo( withPreferredColorScheme( UnitControl ) );\n"],"mappings":"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","ignoreList":[]}