@metamask/design-system-react-native 0.23.0 → 0.24.0

package/dist/components/Toast/ToastView.mjs

@@ -1,155 +0,0 @@
-function $importDefault(module) {
-    if (module?.__esModule) {
-        return module.default;
-    }
-    return module;
-}
-// Third party dependencies.
-import { useTailwind } from "@metamask/design-system-twrnc-preset";
-import $React, { forwardRef, isValidElement, useImperativeHandle, useMemo, useRef, useState } from "react";
-const React = $importDefault($React);
-import { Dimensions, View } from "react-native/index.js";
-import Animated, { cancelAnimation, runOnJS, useAnimatedStyle, useSharedValue, withDelay, withTiming } from "react-native-reanimated";
-import { useSafeAreaInsets } from "react-native-safe-area-context";
-// External dependencies.
-import { AvatarAccount, AvatarAccountSize } from "../AvatarAccount/index.mjs";
-import { AvatarFavicon, AvatarFaviconSize } from "../AvatarFavicon/index.mjs";
-import { AvatarIcon, AvatarIconSize } from "../AvatarIcon/index.mjs";
-import { AvatarNetwork, AvatarNetworkSize } from "../AvatarNetwork/index.mjs";
-import { Button, ButtonVariant } from "../Button/index.mjs";
-import { ButtonIcon } from "../ButtonIcon/index.mjs";
-import { Text, TextVariant, TextColor, FontWeight } from "../Text/index.mjs";
-// Internal dependencies.
-import { TOAST_VISIBILITY_DURATION, TOAST_ANIMATION_DURATION, TOAST_BOTTOM_PADDING } from "./Toast.constants.mjs";
-import { ToastVariant } from "./Toast.types.mjs";
-const screenHeight = Dimensions.get('window').height;
-export const ToastView = forwardRef(({ twClassName, labelsContainerProps, ...props }, ref) => {
-    const tw = useTailwind();
-    const [toastOptions, setToastOptions] = useState(undefined);
-    const replacementTimerRef = useRef(null);
-    const { bottom: bottomNotchSpacing } = useSafeAreaInsets();
-    const translateYProgress = useSharedValue(screenHeight);
-    const bottomOffset = toastOptions?.bottomOffset ?? 0;
-    const animatedStyle = useAnimatedStyle(() => ({
-        transform: [{ translateY: translateYProgress.value - bottomOffset }],
-    }));
-    const baseStyle = useMemo(() => [
-        tw.style('absolute left-4 right-4 bottom-0 bg-background-section border border-border-muted rounded-xl p-3 flex-row items-center', twClassName),
-        animatedStyle,
-    ], [tw, animatedStyle, twClassName]);
-    const resetState = () => setToastOptions(undefined);
-    const showToast = (options) => {
-        let timeoutDuration = 0;
-        if (toastOptions) {
-            cancelAnimation(translateYProgress);
-            timeoutDuration = 100;
-            // Clear existing toast state to prevent animation conflicts when showing rapid successive toasts
-            setToastOptions(undefined);
-        }
-        if (replacementTimerRef.current !== null) {
-            clearTimeout(replacementTimerRef.current);
-        }
-        replacementTimerRef.current = setTimeout(() => {
-            replacementTimerRef.current = null;
-            setToastOptions(options);
-        }, timeoutDuration);
-    };
-    const closeToast = () => {
-        if (replacementTimerRef.current !== null) {
-            clearTimeout(replacementTimerRef.current);
-            replacementTimerRef.current = null;
-        }
-        translateYProgress.value = withTiming(screenHeight, { duration: TOAST_ANIMATION_DURATION }, () => {
-            runOnJS(resetState)();
-        });
-    };
-    useImperativeHandle(ref, () => ({
-        showToast,
-        closeToast,
-    }));
-    const onAnimatedViewLayout = (e) => {
-        /* istanbul ignore next - guard only; layout fires when toastOptions is set */
-        if (toastOptions) {
-            const { height } = e.nativeEvent.layout;
-            const translateYToValue = -(TOAST_BOTTOM_PADDING + bottomNotchSpacing);
-            translateYProgress.value = height;
-            if (toastOptions.hasNoTimeout) {
-                translateYProgress.value = withTiming(translateYToValue, {
-                    duration: TOAST_ANIMATION_DURATION,
-                });
-            }
-            else {
-                translateYProgress.value = withTiming(translateYToValue, { duration: TOAST_ANIMATION_DURATION }, () => {
-                    translateYProgress.value = withDelay(TOAST_VISIBILITY_DURATION, withTiming(height, { duration: TOAST_ANIMATION_DURATION }, runOnJS(resetState)));
-                });
-            }
-        }
-    };
-    const renderLabel = (labelOptions) => (<Text variant={TextVariant.BodyMd}>
-        {labelOptions.map(({ label, isBold }, index) => (<Text key={`toast-label-${index}`} variant={TextVariant.BodyMd} fontWeight={isBold ? FontWeight.Bold : undefined} color={TextColor.TextDefault}>
-            {label}
-          </Text>))}
-      </Text>);
-    const renderDescription = (descriptionOptions) => descriptionOptions && (<Text variant={TextVariant.BodySm} color={TextColor.TextAlternative} style={tw.style('mt-1')}>
-          {descriptionOptions.description}
-        </Text>);
-    const renderActionButton = (linkButtonOptions) => linkButtonOptions && (<Button variant={ButtonVariant.Secondary} onPress={linkButtonOptions.onPress} style={tw.style('mt-2')}>
-          {linkButtonOptions.label}
-        </Button>);
-    const renderCloseButton = (closeButtonOptions) => {
-        if (closeButtonOptions && 'iconName' in closeButtonOptions) {
-            const iconOptions = closeButtonOptions;
-            return (<ButtonIcon iconName={iconOptions.iconName} onPress={(e) => iconOptions.onPress?.(e)} size={iconOptions.size} isDisabled={iconOptions.isDisabled} twClassName={iconOptions.twClassName} style={iconOptions.style} iconProps={iconOptions.iconProps}/>);
-        }
-        return (<Button variant={ButtonVariant.Primary} onPress={(e) => closeButtonOptions?.onPress?.(e)} startIconName={closeButtonOptions?.startIconName} endIconName={closeButtonOptions?.endIconName} style={closeButtonOptions?.style}>
-          {closeButtonOptions?.children}
-        </Button>);
-    };
-    const renderAvatar = () => {
-        switch (toastOptions?.variant) {
-            case ToastVariant.Plain:
-                return null;
-            case ToastVariant.Account: {
-                const { accountAddress, accountAvatarType } = toastOptions;
-                return (<AvatarAccount address={accountAddress} variant={accountAvatarType} size={AvatarAccountSize.Md} style={tw.style('mr-4')}/>);
-            }
-            case ToastVariant.Network: {
-                const { networkImageSource, networkName } = toastOptions;
-                return (<AvatarNetwork name={networkName} src={networkImageSource} size={AvatarNetworkSize.Md} style={tw.style('mr-4')}/>);
-            }
-            case ToastVariant.App: {
-                const { appIconSource } = toastOptions;
-                return (<AvatarFavicon src={appIconSource} size={AvatarFaviconSize.Md} style={tw.style('mr-4')}/>);
-            }
-            case ToastVariant.Icon: {
-                const { iconName, severity } = toastOptions;
-                return (<AvatarIcon iconName={iconName} severity={severity} size={AvatarIconSize.Md} style={tw.style('mr-4')}/>);
-            }
-            /* istanbul ignore next - all variants handled above */
-            default:
-                return null;
-        }
-    };
-    const renderToastContent = (options) => {
-        const { labelOptions, descriptionOptions, linkButtonOptions, closeButtonOptions, startAccessory, } = options;
-        const isStartAccessoryValid = startAccessory !== null &&
-            startAccessory !== undefined &&
-            isValidElement(startAccessory);
-        return (<>
-          {isStartAccessoryValid ? startAccessory : renderAvatar()}
-          <View style={tw.style('flex-1 justify-center')} {...labelsContainerProps}>
-            {renderLabel(labelOptions)}
-            {renderDescription(descriptionOptions)}
-            {renderActionButton(linkButtonOptions)}
-          </View>
-          {closeButtonOptions ? renderCloseButton(closeButtonOptions) : null}
-        </>);
-    };
-    if (!toastOptions) {
-        return null;
-    }
-    return (<Animated.View onLayout={onAnimatedViewLayout} style={baseStyle} {...props}>
-        {renderToastContent(toastOptions)}
-      </Animated.View>);
-});
-//# sourceMappingURL=ToastView.mjs.map

package/dist/components/Toast/ToastView.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastView.mjs","sourceRoot":"","sources":["../../../src/components/Toast/ToastView.tsx"],"names":[],"mappings":"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","sourcesContent":["// Third party dependencies.\nimport { useTailwind } from '@metamask/design-system-twrnc-preset';\nimport React, {\n  forwardRef,\n  isValidElement,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Dimensions, View } from 'react-native';\nimport type { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  runOnJS,\n  useAnimatedStyle,\n  useSharedValue,\n  withDelay,\n  withTiming,\n} from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\n// External dependencies.\nimport { AvatarAccount, AvatarAccountSize } from '../AvatarAccount';\nimport { AvatarFavicon, AvatarFaviconSize } from '../AvatarFavicon';\nimport { AvatarIcon, AvatarIconSize } from '../AvatarIcon';\nimport { AvatarNetwork, AvatarNetworkSize } from '../AvatarNetwork';\nimport { Button, ButtonVariant } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text, TextVariant, TextColor, FontWeight } from '../Text';\n\n// Internal dependencies.\nimport {\n  TOAST_VISIBILITY_DURATION,\n  TOAST_ANIMATION_DURATION,\n  TOAST_BOTTOM_PADDING,\n} from './Toast.constants';\nimport type {\n  ToastCloseButtonIconOptions,\n  ToastCloseButtonOptions,\n  ToastDescriptionOptions,\n  ToastLabelOptions,\n  ToastLinkButtonOptions,\n  ToastOptions,\n  ToastProps,\n  ToastRef,\n} from './Toast.types';\nimport { ToastVariant } from './Toast.types';\n\nconst screenHeight = Dimensions.get('window').height;\n\nexport const ToastView = forwardRef<ToastRef, ToastProps>(\n  ({ twClassName, labelsContainerProps, ...props }, ref) => {\n    const tw = useTailwind();\n    const [toastOptions, setToastOptions] = useState<ToastOptions | undefined>(\n      undefined,\n    );\n    const replacementTimerRef = useRef<ReturnType<typeof setTimeout> | null>(\n      null,\n    );\n    const { bottom: bottomNotchSpacing } = useSafeAreaInsets();\n    const translateYProgress = useSharedValue(screenHeight);\n    const bottomOffset = toastOptions?.bottomOffset ?? 0;\n    const animatedStyle = useAnimatedStyle(() => ({\n      transform: [{ translateY: translateYProgress.value - bottomOffset }],\n    }));\n    const baseStyle: StyleProp<ViewStyle> = useMemo(\n      () => [\n        tw.style(\n          'absolute left-4 right-4 bottom-0 bg-background-section border border-border-muted rounded-xl p-3 flex-row items-center',\n          twClassName,\n        ),\n        animatedStyle,\n      ],\n      [tw, animatedStyle, twClassName],\n    );\n\n    const resetState = () => setToastOptions(undefined);\n\n    const showToast = (options: ToastOptions) => {\n      let timeoutDuration = 0;\n      if (toastOptions) {\n        cancelAnimation(translateYProgress);\n        timeoutDuration = 100;\n        // Clear existing toast state to prevent animation conflicts when showing rapid successive toasts\n        setToastOptions(undefined);\n      }\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n      }\n      replacementTimerRef.current = setTimeout(() => {\n        replacementTimerRef.current = null;\n        setToastOptions(options);\n      }, timeoutDuration);\n    };\n\n    const closeToast = () => {\n      if (replacementTimerRef.current !== null) {\n        clearTimeout(replacementTimerRef.current);\n        replacementTimerRef.current = null;\n      }\n      translateYProgress.value = withTiming(\n        screenHeight,\n        { duration: TOAST_ANIMATION_DURATION },\n        () => {\n          runOnJS(resetState)();\n        },\n      );\n    };\n\n    useImperativeHandle(ref, () => ({\n      showToast,\n      closeToast,\n    }));\n\n    const onAnimatedViewLayout = (e: LayoutChangeEvent) => {\n      /* istanbul ignore next - guard only; layout fires when toastOptions is set */\n      if (toastOptions) {\n        const { height } = e.nativeEvent.layout;\n        const translateYToValue = -(TOAST_BOTTOM_PADDING + bottomNotchSpacing);\n\n        translateYProgress.value = height;\n\n        if (toastOptions.hasNoTimeout) {\n          translateYProgress.value = withTiming(translateYToValue, {\n            duration: TOAST_ANIMATION_DURATION,\n          });\n        } else {\n          translateYProgress.value = withTiming(\n            translateYToValue,\n            { duration: TOAST_ANIMATION_DURATION },\n            () => {\n              translateYProgress.value = withDelay(\n                TOAST_VISIBILITY_DURATION,\n                withTiming(\n                  height,\n                  { duration: TOAST_ANIMATION_DURATION },\n                  runOnJS(resetState),\n                ),\n              );\n            },\n          );\n        }\n      }\n    };\n\n    const renderLabel = (labelOptions: ToastLabelOptions) => (\n      <Text variant={TextVariant.BodyMd}>\n        {labelOptions.map(({ label, isBold }, index) => (\n          <Text\n            key={`toast-label-${index}`}\n            variant={TextVariant.BodyMd}\n            fontWeight={isBold ? FontWeight.Bold : undefined}\n            color={TextColor.TextDefault}\n          >\n            {label}\n          </Text>\n        ))}\n      </Text>\n    );\n\n    const renderDescription = (descriptionOptions?: ToastDescriptionOptions) =>\n      descriptionOptions && (\n        <Text\n          variant={TextVariant.BodySm}\n          color={TextColor.TextAlternative}\n          style={tw.style('mt-1')}\n        >\n          {descriptionOptions.description}\n        </Text>\n      );\n\n    const renderActionButton = (linkButtonOptions?: ToastLinkButtonOptions) =>\n      linkButtonOptions && (\n        <Button\n          variant={ButtonVariant.Secondary}\n          onPress={linkButtonOptions.onPress}\n          style={tw.style('mt-2')}\n        >\n          {linkButtonOptions.label}\n        </Button>\n      );\n\n    const renderCloseButton = (\n      closeButtonOptions?: ToastCloseButtonOptions,\n    ) => {\n      if (closeButtonOptions && 'iconName' in closeButtonOptions) {\n        const iconOptions = closeButtonOptions as ToastCloseButtonIconOptions;\n        return (\n          <ButtonIcon\n            iconName={iconOptions.iconName}\n            onPress={(e) => iconOptions.onPress?.(e)}\n            size={iconOptions.size}\n            isDisabled={iconOptions.isDisabled}\n            twClassName={iconOptions.twClassName}\n            style={iconOptions.style}\n            iconProps={iconOptions.iconProps}\n          />\n        );\n      }\n      return (\n        <Button\n          variant={ButtonVariant.Primary}\n          onPress={(e) => closeButtonOptions?.onPress?.(e)}\n          startIconName={closeButtonOptions?.startIconName}\n          endIconName={closeButtonOptions?.endIconName}\n          style={closeButtonOptions?.style}\n        >\n          {closeButtonOptions?.children}\n        </Button>\n      );\n    };\n\n    const renderAvatar = () => {\n      switch (toastOptions?.variant) {\n        case ToastVariant.Plain:\n          return null;\n        case ToastVariant.Account: {\n          const { accountAddress, accountAvatarType } = toastOptions;\n          return (\n            <AvatarAccount\n              address={accountAddress}\n              variant={accountAvatarType}\n              size={AvatarAccountSize.Md}\n              style={tw.style('mr-4')}\n            />\n          );\n        }\n        case ToastVariant.Network: {\n          const { networkImageSource, networkName } = toastOptions;\n          return (\n            <AvatarNetwork\n              name={networkName}\n              src={networkImageSource}\n              size={AvatarNetworkSize.Md}\n              style={tw.style('mr-4')}\n            />\n          );\n        }\n        case ToastVariant.App: {\n          const { appIconSource } = toastOptions;\n          return (\n            <AvatarFavicon\n              src={appIconSource}\n              size={AvatarFaviconSize.Md}\n              style={tw.style('mr-4')}\n            />\n          );\n        }\n        case ToastVariant.Icon: {\n          const { iconName, severity } = toastOptions;\n          return (\n            <AvatarIcon\n              iconName={iconName}\n              severity={severity}\n              size={AvatarIconSize.Md}\n              style={tw.style('mr-4')}\n            />\n          );\n        }\n        /* istanbul ignore next - all variants handled above */\n        default:\n          return null;\n      }\n    };\n\n    const renderToastContent = (options: ToastOptions) => {\n      const {\n        labelOptions,\n        descriptionOptions,\n        linkButtonOptions,\n        closeButtonOptions,\n        startAccessory,\n      } = options;\n\n      const isStartAccessoryValid =\n        startAccessory !== null &&\n        startAccessory !== undefined &&\n        isValidElement(startAccessory);\n\n      return (\n        <>\n          {isStartAccessoryValid ? startAccessory : renderAvatar()}\n          <View\n            style={tw.style('flex-1 justify-center')}\n            {...labelsContainerProps}\n          >\n            {renderLabel(labelOptions)}\n            {renderDescription(descriptionOptions)}\n            {renderActionButton(linkButtonOptions)}\n          </View>\n          {closeButtonOptions ? renderCloseButton(closeButtonOptions) : null}\n        </>\n      );\n    };\n\n    if (!toastOptions) {\n      return null;\n    }\n\n    return (\n      <Animated.View\n        onLayout={onAnimatedViewLayout}\n        style={baseStyle}\n        {...props}\n      >\n        {renderToastContent(toastOptions)}\n      </Animated.View>\n    );\n  },\n);\n"]}