react-native-system-ui 0.0.7 → 1.0.0

package/dist/cjs/components/tag/Tag.js

@@ -26,10 +26,12 @@ function _reactNativeSystemIcon() {
   return data;
 }
 var _utils = require("../../utils");
+var _validate = require("../../utils/validate");
+var _useDirection = require("../config-provider/useDirection");
 var _tokens = require("./tokens");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const Tag = props => {
+const TagImpl = props => {
   const {
     tokensOverride,
     children,
@@ -50,45 +52,46 @@ const Tag = props => {
     ...rest
   } = props;
   const tokens = (0, _tokens.useTagTokens)(tokensOverride);
+  const dir = (0, _useDirection.useDirection)();
   const type = typeProp ?? tokens.defaults.type;
   const size = sizeProp ?? tokens.defaults.size;
   const plain = plainProp ?? tokens.defaults.plain;
   const round = roundProp ?? tokens.defaults.round;
   const mark = markProp ?? tokens.defaults.mark;
   const show = showProp ?? tokens.defaults.show;
-  if (!show) {
-    return null;
-  }
+  if (!show) return null;
   const tone = tokens.colors.toneMap[type] ?? tokens.colors.toneMap.default;
   const sizeTokens = tokens.sizing.sizes[size];
   const backgroundColor = plain ? tokens.colors.plainBackground : color ?? tone.background;
   const resolvedTextColor = textColor ?? (plain ? color ?? tone.background : tone.text);
   const borderColor = plain ? color ?? tone.background : 'transparent';
-  const borderWidth = plain ? tokens.borders.width : 0;
   const borderRadius = round ? tokens.radii.round : sizeTokens.borderRadius;
-  const containerStyle = [tokens.layout.container, {
-    backgroundColor,
-    paddingHorizontal: sizeTokens.paddingHorizontal,
-    paddingVertical: sizeTokens.paddingVertical,
-    borderRadius,
-    borderWidth,
-    borderColor
-  }, mark ? {
+  const markRadii = mark ? dir === 'rtl' ? {
+    borderTopRightRadius: tokens.radii.markLeading,
+    borderBottomRightRadius: tokens.radii.markLeading,
+    borderTopLeftRadius: tokens.radii.round,
+    borderBottomLeftRadius: tokens.radii.round
+  } : {
     borderTopLeftRadius: tokens.radii.markLeading,
     borderBottomLeftRadius: tokens.radii.markLeading,
     borderTopRightRadius: tokens.radii.round,
     borderBottomRightRadius: tokens.radii.round
-  } : null, style];
-  const label = children == null || children === false ? null : (0, _utils.isText)(children) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: [{
-      color: resolvedTextColor,
-      fontSize: sizeTokens.fontSize,
-      lineHeight: sizeTokens.lineHeight,
-      fontFamily: tokens.typography.fontFamily,
-      fontWeight: tokens.typography.fontWeight
-    }, textStyle]
-  }, children) : children;
-  const close = !closeable ? null : /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
+  } : null;
+  const resolvedRadius = mark ? tokens.radii.round : borderRadius;
+  const containerStyle = [tokens.layout.container, {
+    backgroundColor,
+    paddingHorizontal: sizeTokens.paddingHorizontal,
+    paddingVertical: sizeTokens.paddingVertical,
+    borderRadius
+  }, markRadii, style];
+  const label = !(0, _validate.isRenderable)(children) ? null : (0, _utils.renderTextOrNode)(children, [{
+    color: resolvedTextColor,
+    fontSize: sizeTokens.fontSize,
+    lineHeight: sizeTokens.lineHeight,
+    fontFamily: tokens.typography.fontFamily,
+    fontWeight: tokens.typography.fontWeight
+  }, textStyle].filter(Boolean));
+  const close = closeable && /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
     accessibilityRole: "button",
     hitSlop: tokens.spacing.closeHitSlop,
     style: [tokens.layout.close, {
@@ -102,20 +105,26 @@ const Tag = props => {
     color: resolvedTextColor,
     size: tokens.sizing.closeIconSize
   }));
-  const content = /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, label, close);
-  if (onPress) {
-    return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
-      accessibilityRole: "button",
-      onPress: onPress,
-      style: ({
-        pressed
-      }) => [containerStyle, pressed && {
-        opacity: tokens.defaults.pressedOpacity
-      }]
-    }, rest), content);
-  }
+  const hairlineOverlay = plain ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: (0, _utils.createHairlineView)({
+      position: 'all',
+      color: borderColor,
+      borderRadius: resolvedRadius
+    })
+  }) : null;
+  const content = /*#__PURE__*/_react().default.createElement(_react().default.Fragment, null, label, close, hairlineOverlay);
+  if (onPress) return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: ({
+      pressed
+    }) => [containerStyle, pressed && {
+      opacity: tokens.defaults.pressedOpacity
+    }]
+  }, rest), content);
   return /*#__PURE__*/_react().default.createElement(_reactNative().View, _extends({
     style: containerStyle
   }, rest), content);
 };
-exports.Tag = Tag;
+const Tag = exports.Tag = /*#__PURE__*/_react().default.memo(TagImpl);
+Tag.displayName = 'Tag';

package/dist/cjs/components/toast/Toast.js

@@ -30,12 +30,16 @@ function _reactNativeSystemIcon() {
   return data;
 }
 var _validate = require("../../utils/validate");
+var _utils = require("../../utils");
 var _platform = require("../../platform");
+var _animation = require("../../hooks/animation");
+var _useLocale = require("../config-provider/useLocale");
 var _tokens = require("./tokens");
 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); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ToastContent = props => {
+const RT = () => true;
+const ToastContentImpl = props => {
   const {
     visible,
     message,
@@ -60,25 +64,35 @@ const ToastContent = props => {
     onOpened,
     onClosed
   } = props;
+  const locale = (0, _useLocale.useLocale)();
   const tokens = (0, _tokens.useToastTokens)(tokensOverride);
+  const reducedMotion = (0, _animation.useReducedMotion)();
   const {
     colors
   } = tokens;
   const {
     height: windowHeight
   } = (0, _reactNative().useWindowDimensions)();
-  const durationMs = (0, _validate.isFiniteNumber)(duration) ? Math.max(0, duration) : 0;
+  const resolvedDuration = (0, _validate.isFiniteNumber)(duration) ? Math.max(0, duration) : 0;
   const [mounted, setMounted] = (0, _react().useState)(visible);
-  const animated = (0, _react().useRef)(new (_reactNative().Animated.Value)(visible ? 1 : 0)).current;
+  const animatedValue = (0, _react().useRef)(new (_reactNative().Animated.Value)(visible ? 1 : 0)).current;
   const animationRef = (0, _react().useRef)(null);
   const animationIdRef = (0, _react().useRef)(0);
+  const onCloseRef = (0, _react().useRef)(onClose);
+  onCloseRef.current = onClose;
+  const onOpenRef = (0, _react().useRef)(onOpen);
+  onOpenRef.current = onOpen;
+  const onOpenedRef = (0, _react().useRef)(onOpened);
+  onOpenedRef.current = onOpened;
+  const onClosedRef = (0, _react().useRef)(onClosed);
+  onClosedRef.current = onClosed;
   const {
     zIndex: stackZIndex
   } = (0, _hooks.useOverlayStack)({
     visible: mounted,
     type: 'toast'
   });
-  const prevVisibleRef = (0, _react().useRef)(visible);
+  const previousVisibleRef = (0, _react().useRef)(visible);
   const closingRef = (0, _react().useRef)(false);
   const positionOffset = windowHeight > 0 ? Math.round(windowHeight * tokens.positionOffsetRatio) : tokens.positionOffsetMin;
   const needsSafeAreaTop = safeAreaInsetTopProp !== undefined ? safeAreaInsetTopProp : position === 'top';
@@ -96,21 +110,21 @@ const ToastContent = props => {
     animationIdRef.current += 1;
     const animationId = animationIdRef.current;
     animationRef.current?.stop();
-    const durationValue = tokens.animationDuration;
+    const d = reducedMotion ? 0 : tokens.animationDuration;
     if (visible) {
       setMounted(true);
-      animationRef.current = _reactNative().Animated.timing(animated, {
+      animationRef.current = _reactNative().Animated.timing(animatedValue, {
         toValue: 1,
-        duration: durationValue,
+        duration: d,
         easing: _reactNative().Easing.out(_reactNative().Easing.cubic),
         useNativeDriver: _platform.nativeDriverEnabled,
         isInteraction: false
       });
       animationRef.current.start();
     } else {
-      animationRef.current = _reactNative().Animated.timing(animated, {
+      animationRef.current = _reactNative().Animated.timing(animatedValue, {
         toValue: 0,
-        duration: durationValue,
+        duration: d,
         easing: _reactNative().Easing.out(_reactNative().Easing.cubic),
         useNativeDriver: _platform.nativeDriverEnabled,
         isInteraction: false
@@ -122,63 +136,55 @@ const ToastContent = props => {
         setMounted(false);
       });
     }
-  }, [animated, tokens.animationDuration, visible]);
+  }, [animatedValue, reducedMotion, tokens.animationDuration, visible]);
   (0, _react().useEffect)(() => () => {
     animationRef.current?.stop();
   }, []);
   (0, _react().useEffect)(() => {
-    let timer = null;
-    if (visible) {
-      if (durationMs > 0) {
-        timer = setTimeout(() => {
-          onClose?.();
-        }, durationMs);
-      }
-    }
-    return () => {
-      if (timer) clearTimeout(timer);
-    };
-  }, [durationMs, onClose, visible]);
+    if (!visible || resolvedDuration <= 0) return;
+    const timeout = setTimeout(() => {
+      onCloseRef.current?.();
+    }, resolvedDuration);
+    return () => clearTimeout(timeout);
+  }, [resolvedDuration, visible]);
   (0, _react().useEffect)(() => {
-    if (!visible) return;
-    if (!(0, _validate.isText)(message)) return;
+    if (!visible || !(0, _validate.isText)(message)) return;
     const text = String(message);
-    if (!text) return;
-    _reactNative().AccessibilityInfo.announceForAccessibility?.(text);
+    if (text) _reactNative().AccessibilityInfo.announceForAccessibility?.(text);
   }, [message, visible]);
+  const resolvedAnimDuration = reducedMotion ? 0 : tokens.animationDuration;
   (0, _react().useEffect)(() => {
-    let openedTimer = null;
+    let openedTimeout = null;
     if (visible) {
       closingRef.current = false;
-      if (!prevVisibleRef.current) {
-        onOpen?.();
-        if (onOpened) {
-          openedTimer = setTimeout(onOpened, tokens.animationDuration);
+      if (!previousVisibleRef.current) {
+        onOpenRef.current?.();
+        if (onOpenedRef.current) {
+          const callback = onOpenedRef.current;
+          openedTimeout = setTimeout(callback, resolvedAnimDuration);
         }
       }
-    } else if (prevVisibleRef.current) {
+    } else if (previousVisibleRef.current) {
       closingRef.current = true;
     }
-    prevVisibleRef.current = visible;
+    previousVisibleRef.current = visible;
     return () => {
-      if (openedTimer) clearTimeout(openedTimer);
+      if (openedTimeout) clearTimeout(openedTimeout);
     };
-  }, [onOpen, onOpened, tokens.animationDuration, visible]);
+  }, [resolvedAnimDuration, visible]);
   (0, _react().useEffect)(() => {
     if (!mounted && closingRef.current) {
       closingRef.current = false;
-      onClosed?.();
+      onClosedRef.current?.();
     }
-  }, [mounted, onClosed]);
-  const handleClose = (0, _react().useCallback)(() => {
-    onClose?.();
-  }, [onClose]);
-  const toastPress = (0, _hooks.useAriaPress)({
+  }, [mounted]);
+  const handleClose = (0, _react().useRef)(() => onCloseRef.current?.()).current;
+  const pressProps = (0, _hooks.useAriaPress)({
     disabled: !closeOnClick,
     onPress: handleClose,
     extraProps: {
       accessibilityRole: closeOnClick ? 'button' : 'alert',
-      accessibilityHint: closeOnClick ? '双击关闭提示' : undefined,
+      accessibilityHint: closeOnClick ? locale?.vanToast?.closeHint ?? 'Double-tap to dismiss' : undefined,
       accessibilityLiveRegion: 'assertive'
     }
   });
@@ -207,8 +213,16 @@ const ToastContent = props => {
         return null;
     }
   }, [colors.text, icon, iconSize, loadingIndicator, tokens.iconSize, type]);
-  const isTextToast = type === 'info' && !iconNode;
-  const boxStyle = (0, _react().useMemo)(() => isTextToast ? {
+  const iconWrapperStyle = (0, _react().useMemo)(() => ({
+    marginBottom: tokens.gap
+  }), [tokens.gap]);
+  const messageStyle = (0, _react().useMemo)(() => ({
+    color: colors.text,
+    fontSize: tokens.fontSize,
+    lineHeight: tokens.lineHeight
+  }), [colors.text, tokens.fontSize, tokens.lineHeight]);
+  const isTextOnly = type === 'info' && !iconNode;
+  const baseStyle = (0, _react().useMemo)(() => isTextOnly ? {
     minWidth: tokens.textMinWidth,
     minHeight: 0,
     paddingVertical: tokens.textPaddingVertical,
@@ -217,86 +231,72 @@ const ToastContent = props => {
     minWidth: tokens.defaultWidth,
     minHeight: tokens.defaultMinHeight,
     padding: tokens.defaultPadding
-  }, [isTextToast, tokens.defaultMinHeight, tokens.defaultPadding, tokens.defaultWidth, tokens.textMinWidth, tokens.textPaddingHorizontal, tokens.textPaddingVertical]);
+  }, [isTextOnly, tokens.defaultMinHeight, tokens.defaultPadding, tokens.defaultWidth, tokens.textMinWidth, tokens.textPaddingHorizontal, tokens.textPaddingVertical]);
   const toastStyle = (0, _react().useMemo)(() => ({
     borderRadius: tokens.radius,
-    opacity: closeOnClick && toastPress.states.pressed ? tokens.pressedOpacity : animated,
+    opacity: closeOnClick && pressProps.states.pressed ? tokens.pressedOpacity : animatedValue,
     backgroundColor: tokens.colors.variants[type],
     maxWidth: tokens.maxWidth,
-    ...boxStyle
-  }), [animated, boxStyle, closeOnClick, toastPress.states.pressed, tokens.colors.variants, tokens.maxWidth, tokens.pressedOpacity, tokens.radius, type]);
+    ...baseStyle
+  }), [animatedValue, baseStyle, closeOnClick, pressProps.states.pressed, tokens.colors.variants, tokens.maxWidth, tokens.pressedOpacity, tokens.radius, type]);
   if (!mounted) return null;
-  const hasMessage = message !== undefined && message !== null && message !== false && message !== '';
+  const hasMessage = (0, _validate.isRenderable)(message) && (typeof message !== 'string' || message !== '');
   return /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [styles.backdrop, {
+    style: [S.b, {
       backgroundColor: tokens.colors.transparent
     }, positionStyle, stackZIndex ? {
       zIndex: stackZIndex
     } : undefined],
     pointerEvents: forbidClick || overlay || closeOnClick ? 'auto' : 'none'
-  }, overlay || forbidClick ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
+  }, (overlay || forbidClick) && /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
     testID: "rv-toast-overlay",
-    style: [styles.overlay, {
+    style: [S.o, {
       backgroundColor: tokens.colors.transparent
     }, overlay && {
       backgroundColor: colors.backdrop
     }, overlayStyle],
     pointerEvents: "auto",
     onPress: overlay && closeOnClickOverlay ? handleClose : undefined,
-    onStartShouldSetResponder: () => true,
-    onMoveShouldSetResponder: () => true
-  }) : null, needsSafeAreaTop && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+    onStartShouldSetResponder: RT,
+    onMoveShouldSetResponder: RT
+  }), needsSafeAreaTop && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
     edge: "top",
     pointerEvents: "none"
   }), /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, _extends({
     disabled: !closeOnClick
-  }, toastPress.interactionProps), /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
-    style: [styles.toast, toastStyle, style]
-  }, iconNode ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      marginBottom: tokens.gap
-    }
-  }, iconNode) : null, hasMessage ? (0, _validate.isText)(message) ? /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: [styles.message, {
-      color: colors.text,
-      fontSize: tokens.fontSize,
-      lineHeight: tokens.lineHeight
-    }, textStyle]
-  }, message) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: {
-      alignItems: 'center'
-    }
-  }, message) : null)), needsSafeAreaBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
+  }, pressProps.interactionProps), /*#__PURE__*/_react().default.createElement(_reactNative().Animated.View, {
+    renderToHardwareTextureAndroid: true,
+    shouldRasterizeIOS: true,
+    style: [S.t, toastStyle, style]
+  }, iconNode && /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: iconWrapperStyle
+  }, iconNode), hasMessage && ((0, _validate.isText)(message) ? (0, _utils.renderTextOrNode)(message, [S.m, messageStyle, textStyle]) : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: S.mw
+  }, message)))), needsSafeAreaBottom && /*#__PURE__*/_react().default.createElement(_safeAreaView.SafeAreaView, {
     edge: "bottom",
     pointerEvents: "none"
   }));
 };
-exports.ToastContent = ToastContent;
-const Toast = props => /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(ToastContent, props));
-exports.Toast = Toast;
-const styles = _reactNative().StyleSheet.create({
-  backdrop: {
+const ToastContent = exports.ToastContent = /*#__PURE__*/_react().default.memo(ToastContentImpl);
+const ToastImpl = props => /*#__PURE__*/_react().default.createElement(_Portal.default, null, /*#__PURE__*/_react().default.createElement(ToastContent, props));
+const Toast = exports.Toast = /*#__PURE__*/_react().default.memo(ToastImpl);
+const S = _reactNative().StyleSheet.create({
+  b: {
     flex: 1,
-    alignItems: 'center',
-    ...(_reactNative().Platform.OS === 'web' ? {
-      position: 'fixed',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0
-    } : {})
+    alignItems: 'center'
   },
-  overlay: {
+  o: {
     ..._reactNative().StyleSheet.absoluteFillObject
   },
-  toast: {
+  t: {
     alignItems: 'center',
     justifyContent: 'center'
   },
-  message: {
+  m: {
     textAlign: 'center'
+  },
+  mw: {
+    alignItems: 'center'
   }
 });
-ToastContent.displayName = 'ToastContent';
-Toast.displayName = 'Toast';
 var _default = exports.default = Toast;

package/dist/cjs/components/toast/imperative.js

@@ -31,28 +31,18 @@ let currentOptions = {
   ...baseOptions
 };
 const typeDefaults = new Map();
-const parseOptions = input => {
-  if (/*#__PURE__*/_react().default.isValidElement(input) || (0, _utils.isText)(input)) {
-    return {
-      message: input
-    };
-  }
-  return input ?? {};
-};
+const parseOptions = input => /*#__PURE__*/_react().default.isValidElement(input) || (0, _utils.isText)(input) ? {
+  message: input
+} : input ?? {};
 const mergeOptions = (input, fallbackType) => {
   const type = input.type ?? fallbackType;
-  const base = {
-    ...currentOptions,
-    ...typeDefaults.get(type)
-  };
   const merged = {
-    ...base,
+    ...currentOptions,
+    ...typeDefaults.get(type),
     ...input,
     type
   };
-  if (merged.duration === undefined || merged.duration === null) {
-    merged.duration = base.duration ?? 2000;
-  }
+  if (merged.duration == null) merged.duration = currentOptions.duration ?? 2000;
   return merged;
 };
 const removeToast = key => {
@@ -62,12 +52,8 @@ const removeToast = key => {
   toastControllers.delete(key);
 };
 const closeToast = key => {
-  const controller = toastControllers.get(key);
-  if (controller) {
-    controller.close();
-  } else {
-    removeToast(key);
-  }
+  const c = toastControllers.get(key);
+  c ? c.close() : removeToast(key);
 };
 const ToastPortal = ({
   id,
@@ -98,9 +84,7 @@ const ToastPortal = ({
 };
 const showToast = (input, fallbackType = 'info') => {
   const opts = mergeOptions(parseOptions(input), fallbackType);
-  if (!allowMultiple) {
-    activeKeys.forEach(key => closeToast(key));
-  }
+  if (!allowMultiple) activeKeys.forEach(key => closeToast(key));
   const key = _Portal.default.add(null);
   toastOptions.set(key, opts);
   _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(ToastPortal, {
@@ -111,17 +95,14 @@ const showToast = (input, fallbackType = 'info') => {
   const config = next => {
     const prev = toastOptions.get(key);
     if (!prev) return;
-    const nextInput = (0, _utils.isFunction)(next) ? next(prev) : next;
-    const parsed = parseOptions(nextInput);
+    const parsed = parseOptions((0, _utils.isFunction)(next) ? next(prev) : next);
     const nextType = parsed.type ?? prev.type ?? fallbackType;
     const merged = {
       ...prev,
       ...parsed,
       type: nextType
     };
-    if ('duration' in parsed && (parsed.duration === undefined || parsed.duration === null)) {
-      merged.duration = typeDefaults.get(nextType)?.duration ?? currentOptions.duration ?? baseOptions.duration ?? 2000;
-    }
+    if ('duration' in parsed && parsed.duration == null) merged.duration = typeDefaults.get(nextType)?.duration ?? currentOptions.duration ?? 2000;
     toastOptions.set(key, merged);
     _Portal.default.update(key, /*#__PURE__*/_react().default.createElement(ToastPortal, {
       id: key,
@@ -147,19 +128,13 @@ const ToastImperative = exports.ToastImperative = {
     allowMultiple = value;
   },
   setDefaultOptions: (typeOrOptions, options) => {
-    if ((0, _utils.isString)(typeOrOptions)) {
-      typeDefaults.set(typeOrOptions, options ?? {});
-    } else {
-      currentOptions = {
-        ...currentOptions,
-        ...typeOrOptions
-      };
-    }
+    if ((0, _utils.isString)(typeOrOptions)) typeDefaults.set(typeOrOptions, options ?? {});else currentOptions = {
+      ...currentOptions,
+      ...typeOrOptions
+    };
   },
   resetDefaultOptions: type => {
-    if (type) {
-      typeDefaults.delete(type);
-    } else {
+    if (type) typeDefaults.delete(type);else {
       currentOptions = {
         ...baseOptions
       };

package/dist/cjs/components/typography/Typography.js

@@ -112,11 +112,9 @@ const TypographyTextBaseInner = /*#__PURE__*/_react().default.forwardRef((props,
     ellipsizeMode: "tail",
     onTextLayout: hasActionText && ellipsisRows && !expanded && !isWeb ? handleTextLayout : undefined
   }, textProps), children);
-  if (!shouldShowAction) {
-    return center ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-      style: tokens.layout.centerWrapper
-    }, textNode) : textNode;
-  }
+  if (!shouldShowAction) return center ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
+    style: tokens.layout.centerWrapper
+  }, textNode) : textNode;
   const actionNode = /*#__PURE__*/_react().default.createElement(_reactNative().View, {
     style: tokens.layout.actionRow
   }, textNode, /*#__PURE__*/_react().default.createElement(_reactNative().Text, {