@oxyhq/services 5.16.23 → 5.16.25

package/lib/commonjs/ui/components/TextField.js

@@ -0,0 +1,339 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _TextFieldAffix = _interopRequireDefault(require("./TextField/Adornment/TextFieldAffix"));
+var _TextFieldIcon = _interopRequireDefault(require("./TextField/Adornment/TextFieldIcon"));
+var _TextFieldFlat = _interopRequireDefault(require("./TextField/TextFieldFlat"));
+var _TextFieldOutlined = _interopRequireDefault(require("./TextField/TextFieldOutlined"));
+var _theming = require("./theming");
+var _forwardRef = require("./utils/forwardRef");
+var _roundLayoutSize = require("./utils/roundLayoutSize");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BLUR_ANIMATION_DURATION = 180;
+const FOCUS_ANIMATION_DURATION = 150;
+const DefaultRenderer = props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+  ...props
+});
+
+/**
+ * A component to allow users to input text.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { TextField } from './TextField';
+ *
+ * const MyComponent = () => {
+ *   const [text, setText] = React.useState("");
+ *
+ *   return (
+ *     <TextField
+ *       label="Email"
+ *       value={text}
+ *       onChangeText={text => setText(text)}
+ *     />
+ *   );
+ * };
+ *
+ * export default MyComponent;
+ * ```
+ *
+ * @extends TextInput props https://reactnative.dev/docs/textinput#props
+ */
+const TextField = (0, _forwardRef.forwardRef)(({
+  mode = 'flat',
+  dense = false,
+  disabled = false,
+  error: errorProp = false,
+  multiline = false,
+  editable = true,
+  contentStyle,
+  render = DefaultRenderer,
+  theme: themeOverrides,
+  ...rest
+}, ref) => {
+  const theme = (0, _theming.useInternalTheme)(themeOverrides);
+  const isControlled = rest.value !== undefined;
+  const validInputValue = isControlled ? rest.value : rest.defaultValue;
+  const {
+    current: labeled
+  } = React.useRef(new _reactNative.Animated.Value(validInputValue ? 0 : 1));
+  const {
+    current: error
+  } = React.useRef(new _reactNative.Animated.Value(errorProp ? 1 : 0));
+  const [focused, setFocused] = React.useState(false);
+  const [displayPlaceholder, setDisplayPlaceholder] = React.useState(false);
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(validInputValue);
+  // Use value from props instead of local state when input is controlled
+  const value = isControlled ? rest.value : uncontrolledValue;
+  const [labelTextLayout, setLabelTextLayout] = React.useState({
+    width: 33
+  });
+  const [inputContainerLayout, setInputContainerLayout] = React.useState({
+    width: 65
+  });
+  const [labelLayout, setLabelLayout] = React.useState({
+    measured: false,
+    width: 0,
+    height: 0
+  });
+  const [leftLayout, setLeftLayout] = React.useState({
+    width: null,
+    height: null
+  });
+  const [rightLayout, setRightLayout] = React.useState({
+    width: null,
+    height: null
+  });
+  const timer = React.useRef(undefined);
+  const root = React.useRef(null);
+  const {
+    scale
+  } = theme.animation;
+  React.useImperativeHandle(ref, () => ({
+    focus: () => root.current?.focus(),
+    clear: () => root.current?.clear(),
+    setNativeProps: args => root.current?.setNativeProps(args),
+    isFocused: () => root.current?.isFocused() || false,
+    blur: () => root.current?.blur(),
+    forceFocus: () => root.current?.focus(),
+    setSelection: (start, end) => root.current?.setSelection(start, end)
+  }));
+  React.useEffect(() => {
+    // When the input has an error, we wiggle the label and apply error styles
+    if (errorProp) {
+      // show error
+      _reactNative.Animated.timing(error, {
+        toValue: 1,
+        duration: FOCUS_ANIMATION_DURATION * scale,
+        // To prevent this - https://github.com/callstack/react-native-paper/issues/941
+        useNativeDriver: true
+      }).start();
+    } else {
+      // hide error
+      {
+        _reactNative.Animated.timing(error, {
+          toValue: 0,
+          duration: BLUR_ANIMATION_DURATION * scale,
+          // To prevent this - https://github.com/callstack/react-native-paper/issues/941
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  }, [errorProp, scale, error]);
+  React.useEffect(() => {
+    // Show placeholder text only if the input is focused, or there's no label
+    // We don't show placeholder if there's a label because the label acts as placeholder
+    // When focused, the label moves up, so we can show a placeholder
+    if (focused || !rest.label) {
+      // If the user wants to use the contextMenu, when changing the placeholder, the contextMenu is closed
+      // This is a workaround to mitigate this behavior in scenarios where the placeholder is not specified.
+      if (rest.placeholder) {
+        // Display placeholder in a delay to offset the label animation
+        // If we show it immediately, they'll overlap and look ugly
+        timer.current = setTimeout(() => setDisplayPlaceholder(true), 50);
+      }
+    } else {
+      // hidePlaceholder
+      setDisplayPlaceholder(false);
+    }
+    return () => {
+      if (timer.current) {
+        clearTimeout(timer.current);
+      }
+    };
+  }, [focused, rest.label, rest.placeholder]);
+  React.useEffect(() => {
+    labeled.stopAnimation();
+    // The label should be minimized if the text input is focused, or has text
+    // In minimized mode, the label moves up and becomes small
+    // workaround for animated regression for react native > 0.61
+    // https://github.com/callstack/react-native-paper/pull/1440
+    if (value || focused) {
+      // minimize label
+      _reactNative.Animated.timing(labeled, {
+        toValue: 0,
+        duration: BLUR_ANIMATION_DURATION * scale,
+        // To prevent this - https://github.com/callstack/react-native-paper/issues/941
+        useNativeDriver: true
+      }).start();
+    } else {
+      // restore label
+      _reactNative.Animated.timing(labeled, {
+        toValue: 1,
+        duration: FOCUS_ANIMATION_DURATION * scale,
+        // To prevent this - https://github.com/callstack/react-native-paper/issues/941
+        useNativeDriver: true
+      }).start();
+    }
+  }, [focused, value, labeled, scale]);
+  const onLeftAffixLayoutChange = React.useCallback(event => {
+    const height = (0, _roundLayoutSize.roundLayoutSize)(event.nativeEvent.layout.height);
+    const width = (0, _roundLayoutSize.roundLayoutSize)(event.nativeEvent.layout.width);
+    if (width !== leftLayout.width || height !== leftLayout.height) {
+      setLeftLayout({
+        width,
+        height
+      });
+    }
+  }, [leftLayout.height, leftLayout.width]);
+  const onRightAffixLayoutChange = React.useCallback(event => {
+    const width = (0, _roundLayoutSize.roundLayoutSize)(event.nativeEvent.layout.width);
+    const height = (0, _roundLayoutSize.roundLayoutSize)(event.nativeEvent.layout.height);
+    if (width !== rightLayout.width || height !== rightLayout.height) {
+      setRightLayout({
+        width,
+        height
+      });
+    }
+  }, [rightLayout.height, rightLayout.width]);
+  const handleFocus = args => {
+    if (disabled || !editable) {
+      return;
+    }
+    setFocused(true);
+    rest.onFocus?.(args);
+  };
+  const handleBlur = args => {
+    if (!editable) {
+      return;
+    }
+    setFocused(false);
+    rest.onBlur?.(args);
+  };
+  const handleChangeText = value => {
+    if (!editable || disabled) {
+      return;
+    }
+    if (!isControlled) {
+      // Keep track of value in local state when input is not controlled
+      setUncontrolledValue(value);
+    }
+    rest.onChangeText?.(value);
+  };
+  const handleLayoutAnimatedText = React.useCallback(e => {
+    const width = (0, _roundLayoutSize.roundLayoutSize)(e.nativeEvent.layout.width);
+    const height = (0, _roundLayoutSize.roundLayoutSize)(e.nativeEvent.layout.height);
+    if (width !== labelLayout.width || height !== labelLayout.height) {
+      setLabelLayout({
+        width,
+        height,
+        measured: true
+      });
+    }
+  }, [labelLayout.height, labelLayout.width]);
+  const handleLabelTextLayout = React.useCallback(({
+    nativeEvent
+  }) => {
+    setLabelTextLayout({
+      width: nativeEvent.lines.reduce((acc, line) => acc + Math.ceil(line.width), 0)
+    });
+  }, []);
+  const handleInputContainerLayout = React.useCallback(({
+    nativeEvent: {
+      layout
+    }
+  }) => {
+    setInputContainerLayout({
+      width: layout.width
+    });
+  }, []);
+  const forceFocus = React.useCallback(() => root.current?.focus(), []);
+  const {
+    maxFontSizeMultiplier = 1.5
+  } = rest;
+  const scaledLabel = !!(value || focused);
+  if (mode === 'outlined') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFieldOutlined.default, {
+      dense: dense,
+      disabled: disabled,
+      error: errorProp,
+      multiline: multiline,
+      editable: editable,
+      render: render,
+      ...rest,
+      theme: theme,
+      value: value,
+      parentState: {
+        labeled,
+        error,
+        focused,
+        displayPlaceholder,
+        value,
+        labelTextLayout,
+        labelLayout,
+        leftLayout,
+        rightLayout,
+        inputContainerLayout
+      },
+      innerRef: ref => {
+        root.current = ref;
+      },
+      onFocus: handleFocus,
+      forceFocus: forceFocus,
+      onBlur: handleBlur,
+      onChangeText: handleChangeText,
+      onLayoutAnimatedText: handleLayoutAnimatedText,
+      onInputLayout: handleInputContainerLayout,
+      onLabelTextLayout: handleLabelTextLayout,
+      onLeftAffixLayoutChange: onLeftAffixLayoutChange,
+      onRightAffixLayoutChange: onRightAffixLayoutChange,
+      maxFontSizeMultiplier: maxFontSizeMultiplier,
+      contentStyle: contentStyle,
+      scaledLabel: scaledLabel
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFieldFlat.default, {
+    dense: dense,
+    disabled: disabled,
+    error: errorProp,
+    multiline: multiline,
+    editable: editable,
+    render: render,
+    ...rest,
+    theme: theme,
+    value: value,
+    parentState: {
+      labeled,
+      error,
+      focused,
+      displayPlaceholder,
+      value,
+      labelTextLayout,
+      labelLayout,
+      leftLayout,
+      rightLayout,
+      inputContainerLayout
+    },
+    innerRef: ref => {
+      root.current = ref;
+    },
+    onFocus: handleFocus,
+    forceFocus: forceFocus,
+    onBlur: handleBlur,
+    onInputLayout: handleInputContainerLayout,
+    onChangeText: handleChangeText,
+    onLayoutAnimatedText: handleLayoutAnimatedText,
+    onLabelTextLayout: handleLabelTextLayout,
+    onLeftAffixLayoutChange: onLeftAffixLayoutChange,
+    onRightAffixLayoutChange: onRightAffixLayoutChange,
+    maxFontSizeMultiplier: maxFontSizeMultiplier,
+    contentStyle: contentStyle,
+    scaledLabel: scaledLabel
+  });
+});
+// @component ./TextField/Adornment/TextFieldIcon.tsx
+TextField.Icon = _TextFieldIcon.default;
+
+// @component ./TextField/Adornment/TextFieldAffix.tsx
+// @ts-ignore Types of property 'theme' are incompatible.
+TextField.Affix = _TextFieldAffix.default;
+var _default = exports.default = TextField;
+//# sourceMappingURL=TextField.js.map

package/lib/commonjs/ui/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_TextFieldAffix","_interopRequireDefault","_TextFieldIcon","_TextFieldFlat","_TextFieldOutlined","_theming","_forwardRef","_roundLayoutSize","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BLUR_ANIMATION_DURATION","FOCUS_ANIMATION_DURATION","DefaultRenderer","props","jsx","TextInput","TextField","forwardRef","mode","dense","disabled","error","errorProp","multiline","editable","contentStyle","render","theme","themeOverrides","rest","ref","useInternalTheme","isControlled","value","undefined","validInputValue","defaultValue","current","labeled","useRef","Animated","Value","focused","setFocused","useState","displayPlaceholder","setDisplayPlaceholder","uncontrolledValue","setUncontrolledValue","labelTextLayout","setLabelTextLayout","width","inputContainerLayout","setInputContainerLayout","labelLayout","setLabelLayout","measured","height","leftLayout","setLeftLayout","rightLayout","setRightLayout","timer","root","scale","animation","useImperativeHandle","focus","clear","setNativeProps","args","isFocused","blur","forceFocus","setSelection","start","end","useEffect","timing","toValue","duration","useNativeDriver","label","placeholder","setTimeout","clearTimeout","stopAnimation","onLeftAffixLayoutChange","useCallback","event","roundLayoutSize","nativeEvent","layout","onRightAffixLayoutChange","handleFocus","onFocus","handleBlur","onBlur","handleChangeText","onChangeText","handleLayoutAnimatedText","handleLabelTextLayout","lines","reduce","acc","line","Math","ceil","handleInputContainerLayout","maxFontSizeMultiplier","scaledLabel","parentState","innerRef","onLayoutAnimatedText","onInputLayout","onLabelTextLayout","Icon","TextFieldIcon","Affix","TextFieldAffix","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/components/TextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/TouchableRipple/Pressable.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Pressable = void 0;
+var _reactNative = require("react-native");
+// This component is added to support type-safe hover and focus states on web
+// https://necolas.github.io/react-native-web/docs/pressable/
+
+const Pressable = exports.Pressable = _reactNative.Pressable;
+//# sourceMappingURL=Pressable.js.map

package/lib/commonjs/ui/components/TouchableRipple/Pressable.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","Pressable","exports","PressableNative"],"sourceRoot":"../../../../../src","sources":["ui/components/TouchableRipple/Pressable.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;;AA2BO,MAAMC,SAEZ,GAAAC,OAAA,CAAAD,SAAA,GAAGE,sBAAsB","ignoreList":[]}

package/lib/commonjs/ui/components/TouchableRipple/TouchableRipple.js

@@ -0,0 +1,258 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Pressable = require("./Pressable");
+var _utils = require("./utils");
+var _theming = require("../theming");
+var _forwardRef = require("../utils/forwardRef");
+var _hasTouchHandler = _interopRequireDefault(require("../utils/hasTouchHandler"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// Settings context not needed - removed dependency
+const SettingsContext = /*#__PURE__*/React.createContext({
+  rippleEffectEnabled: true
+});
+
+// Color manipulation utilities (simplified without color package)
+const hexToRgb = hex => {
+  const r = parseInt(hex.slice(1, 3), 16);
+  const g = parseInt(hex.slice(3, 5), 16);
+  const b = parseInt(hex.slice(5, 7), 16);
+  return [r, g, b];
+};
+const fadeColor = (color, alpha) => {
+  const [r, g, b] = hexToRgb(color);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+};
+const colorUtil = hex => ({
+  fade: alpha => ({
+    rgb: () => ({
+      string: () => fadeColor(hex, alpha)
+    })
+  }),
+  rgb: () => ({
+    string: () => hex
+  })
+});
+/**
+ * A wrapper for views that should respond to touches.
+ * Provides a material "ink ripple" interaction effect for supported platforms (>= Android Lollipop).
+ * On unsupported platforms, it falls back to a highlight effect.
+ *
+ * ## Usage
+ * ```js
+ * import * as React from 'react';
+ * import { View } from 'react-native';
+ * import { Text, TouchableRipple } from 'react-native-paper';
+ *
+ * const MyComponent = () => (
+ *   <TouchableRipple
+ *     onPress={() => console.log('Pressed')}
+ *     rippleColor="rgba(0, 0, 0, .32)"
+ *   >
+ *     <Text>Press anywhere</Text>
+ *   </TouchableRipple>
+ * );
+ *
+ * export default MyComponent;
+ * ```
+ *
+ * @extends Pressable props https://reactnative.dev/docs/Pressable#props
+ */
+const TouchableRipple = ({
+  style,
+  background: _background,
+  borderless = false,
+  disabled: disabledProp,
+  rippleColor,
+  underlayColor: _underlayColor,
+  children,
+  theme: themeOverrides,
+  ...rest
+}, ref) => {
+  const theme = (0, _theming.useInternalTheme)(themeOverrides);
+  const {
+    calculatedRippleColor
+  } = (0, _utils.getTouchableRippleColors)({
+    theme,
+    rippleColor
+  });
+  const hoverColor = colorUtil(typeof calculatedRippleColor === 'string' ? calculatedRippleColor : '#000000').fade(0.5).rgb().string();
+  const {
+    rippleEffectEnabled
+  } = React.useContext(SettingsContext);
+  const {
+    onPress,
+    onLongPress,
+    onPressIn,
+    onPressOut
+  } = rest;
+  const handlePressIn = React.useCallback(e => {
+    onPressIn?.(e);
+    if (rippleEffectEnabled) {
+      const {
+        centered
+      } = rest;
+      const button = e.currentTarget;
+      const style = window.getComputedStyle(button);
+      const dimensions = button.getBoundingClientRect();
+      let touchX;
+      let touchY;
+      const {
+        changedTouches,
+        touches
+      } = e.nativeEvent;
+      const touch = touches?.[0] ?? changedTouches?.[0];
+
+      // If centered or it was pressed using keyboard - enter or space
+      if (centered || !touch) {
+        touchX = dimensions.width / 2;
+        touchY = dimensions.height / 2;
+      } else {
+        touchX = touch.locationX ?? e.pageX;
+        touchY = touch.locationY ?? e.pageY;
+      }
+
+      // Get the size of the button to determine how big the ripple should be
+      const size = centered ?
+      // If ripple is always centered, we don't need to make it too big
+      Math.min(dimensions.width, dimensions.height) * 1.5 :
+      // Otherwise make it twice as big so clicking on one end spreads ripple to other
+      Math.max(dimensions.width, dimensions.height) * 2;
+
+      // Create a container for our ripple effect so we don't need to change the parent's style
+      const container = document.createElement('span');
+      container.setAttribute('data-paper-ripple', '');
+      Object.assign(container.style, {
+        position: 'absolute',
+        pointerEvents: 'none',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        borderTopLeftRadius: style.borderTopLeftRadius,
+        borderTopRightRadius: style.borderTopRightRadius,
+        borderBottomRightRadius: style.borderBottomRightRadius,
+        borderBottomLeftRadius: style.borderBottomLeftRadius,
+        overflow: centered ? 'visible' : 'hidden'
+      });
+
+      // Create span to show the ripple effect
+      const ripple = document.createElement('span');
+      Object.assign(ripple.style, {
+        position: 'absolute',
+        pointerEvents: 'none',
+        backgroundColor: calculatedRippleColor,
+        borderRadius: '50%',
+        /* Transition configuration */
+        transitionProperty: 'transform opacity',
+        transitionDuration: `${Math.min(size * 1.5, 350)}ms`,
+        transitionTimingFunction: 'linear',
+        transformOrigin: 'center',
+        /* We'll animate these properties */
+        transform: 'translate3d(-50%, -50%, 0) scale3d(0.1, 0.1, 0.1)',
+        opacity: '0.5',
+        // Position the ripple where cursor was
+        left: `${touchX}px`,
+        top: `${touchY}px`,
+        width: `${size}px`,
+        height: `${size}px`
+      });
+
+      // Finally, append it to DOM
+      container.appendChild(ripple);
+      button.appendChild(container);
+
+      // rAF runs in the same frame as the event handler
+      // Use double rAF to ensure the transition class is added in next frame
+      // This will make sure that the transition animation is triggered
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          Object.assign(ripple.style, {
+            transform: 'translate3d(-50%, -50%, 0) scale3d(1, 1, 1)',
+            opacity: '1'
+          });
+        });
+      });
+    }
+  }, [onPressIn, rest, rippleEffectEnabled, calculatedRippleColor]);
+  const handlePressOut = React.useCallback(e => {
+    onPressOut?.(e);
+    if (rippleEffectEnabled) {
+      const containers = e.currentTarget.querySelectorAll('[data-paper-ripple]');
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          containers.forEach(container => {
+            const ripple = container.firstChild;
+            Object.assign(ripple.style, {
+              transitionDuration: '250ms',
+              opacity: 0
+            });
+
+            // Finally remove the span after the transition
+            setTimeout(() => {
+              const {
+                parentNode
+              } = container;
+              if (parentNode) {
+                parentNode.removeChild(container);
+              }
+            }, 500);
+          });
+        });
+      });
+    }
+  }, [onPressOut, rippleEffectEnabled]);
+  const hasPassedTouchHandler = (0, _hasTouchHandler.default)({
+    onPress,
+    onLongPress,
+    onPressIn,
+    onPressOut
+  });
+  const disabled = disabledProp || !hasPassedTouchHandler;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pressable.Pressable, {
+    ...rest,
+    ref: ref,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    disabled: disabled,
+    style: state => [styles.touchable, borderless && styles.borderless,
+    // focused state is not ready yet: https://github.com/necolas/react-native-web/issues/1849
+    // state.focused && { backgroundColor: ___ },
+    state.hovered && {
+      backgroundColor: hoverColor
+    }, disabled && styles.disabled, typeof style === 'function' ? style(state) : style],
+    children: state => React.Children.only(typeof children === 'function' ? children(state) : children)
+  });
+};
+
+/**
+ * Whether ripple effect is supported.
+ */
+TouchableRipple.supported = true;
+const styles = _reactNative.StyleSheet.create({
+  touchable: {
+    position: 'relative',
+    ...(_reactNative.Platform.OS === 'web' && {
+      cursor: 'pointer',
+      transition: '150ms background-color'
+    })
+  },
+  disabled: {
+    ...(_reactNative.Platform.OS === 'web' && {
+      cursor: 'auto'
+    })
+  },
+  borderless: {
+    overflow: 'hidden'
+  }
+});
+const Component = (0, _forwardRef.forwardRef)(TouchableRipple);
+var _default = exports.default = Component;
+//# sourceMappingURL=TouchableRipple.js.map

package/lib/commonjs/ui/components/TouchableRipple/TouchableRipple.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_Pressable","_utils","_theming","_forwardRef","_hasTouchHandler","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SettingsContext","createContext","rippleEffectEnabled","hexToRgb","hex","parseInt","slice","g","b","fadeColor","color","alpha","colorUtil","fade","rgb","string","TouchableRipple","style","background","_background","borderless","disabled","disabledProp","rippleColor","underlayColor","_underlayColor","children","theme","themeOverrides","rest","ref","useInternalTheme","calculatedRippleColor","getTouchableRippleColors","hoverColor","useContext","onPress","onLongPress","onPressIn","onPressOut","handlePressIn","useCallback","centered","button","currentTarget","window","getComputedStyle","dimensions","getBoundingClientRect","touchX","touchY","changedTouches","touches","nativeEvent","touch","width","height","locationX","pageX","locationY","pageY","size","Math","min","max","container","document","createElement","setAttribute","assign","position","pointerEvents","top","left","right","bottom","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","overflow","ripple","backgroundColor","borderRadius","transitionProperty","transitionDuration","transitionTimingFunction","transformOrigin","transform","opacity","appendChild","requestAnimationFrame","handlePressOut","containers","querySelectorAll","forEach","firstChild","setTimeout","parentNode","removeChild","hasPassedTouchHandler","hasTouchHandler","jsx","Pressable","state","styles","touchable","hovered","Children","only","supported","StyleSheet","create","Platform","OS","cursor","transition","Component","forwardRef","_default","exports"],"sourceRoot":"../../../../../src","sources":["ui/components/TouchableRipple/TouchableRipple.tsx"],"mappings":"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","ignoreList":[]}