@reown/appkit-ui-react-native 0.0.0-chore-solflare-20250730210452 → 0.0.0-chore-spring-effect-20250909214820
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/assets/svg/Reown.js +47 -0
- package/lib/commonjs/assets/svg/Reown.js.map +1 -0
- package/lib/commonjs/components/wui-card/index.js +1 -3
- package/lib/commonjs/components/wui-card/index.js.map +1 -1
- package/lib/commonjs/components/wui-card/styles.js +1 -1
- package/lib/commonjs/components/wui-card/styles.js.map +1 -1
- package/lib/commonjs/components/wui-icon/index.js +2 -0
- package/lib/commonjs/components/wui-icon/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/index.js +32 -35
- package/lib/commonjs/components/wui-modal/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/styles.js +7 -9
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
- package/lib/commonjs/components/wui-shimmer/index.js +92 -32
- package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
- package/lib/commonjs/composites/wui-account-button/index.js +2 -2
- package/lib/commonjs/composites/wui-account-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-button/index.js +5 -5
- package/lib/commonjs/composites/wui-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-card-select/index.js +46 -44
- package/lib/commonjs/composites/wui-card-select/index.js.map +1 -1
- package/lib/commonjs/composites/wui-card-select-loader/index.js +7 -3
- package/lib/commonjs/composites/wui-card-select-loader/index.js.map +1 -1
- package/lib/commonjs/composites/wui-chip/index.js +5 -5
- package/lib/commonjs/composites/wui-chip/index.js.map +1 -1
- package/lib/commonjs/composites/wui-email-input/index.js +3 -3
- package/lib/commonjs/composites/wui-email-input/index.js.map +1 -1
- package/lib/commonjs/composites/wui-input-text/index.js +2 -2
- package/lib/commonjs/composites/wui-input-text/index.js.map +1 -1
- package/lib/commonjs/composites/wui-link/index.js +4 -4
- package/lib/commonjs/composites/wui-link/index.js.map +1 -1
- package/lib/commonjs/composites/wui-list-transaction/index.js +2 -2
- package/lib/commonjs/composites/wui-list-transaction/index.js.map +1 -1
- package/lib/commonjs/composites/wui-logo-select/index.js +1 -1
- package/lib/commonjs/composites/wui-logo-select/index.js.map +1 -1
- package/lib/commonjs/composites/wui-otp/index.js +1 -1
- package/lib/commonjs/composites/wui-otp/index.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/index.js +7 -25
- package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/styles.js +0 -3
- package/lib/commonjs/composites/wui-qr-code/styles.js.map +1 -1
- package/lib/commonjs/composites/wui-search-bar/index.js +2 -2
- package/lib/commonjs/composites/wui-search-bar/index.js.map +1 -1
- package/lib/commonjs/composites/wui-tabs/index.js +2 -2
- package/lib/commonjs/composites/wui-tabs/index.js.map +1 -1
- package/lib/commonjs/composites/wui-toggle/index.js +2 -2
- package/lib/commonjs/composites/wui-toggle/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +5 -5
- package/lib/commonjs/composites/wui-token-button/index.js.map +1 -1
- package/lib/commonjs/composites/wui-transaction-visual/index.js +3 -3
- package/lib/commonjs/composites/wui-transaction-visual/index.js.map +1 -1
- package/lib/commonjs/composites/wui-wallet-image/index.js +2 -2
- package/lib/commonjs/composites/wui-wallet-image/index.js.map +1 -1
- package/lib/commonjs/hooks/useCustomDimensions.js +42 -0
- package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -0
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/layout/wui-flex/index.js +3 -0
- package/lib/commonjs/layout/wui-flex/index.js.map +1 -1
- package/lib/commonjs/utils/QRCodeUtil.js +2 -2
- package/lib/commonjs/utils/QRCodeUtil.js.map +1 -1
- package/lib/commonjs/utils/UiUtil.js +1 -1
- package/lib/commonjs/utils/UiUtil.js.map +1 -1
- package/lib/module/assets/svg/Reown.js +42 -0
- package/lib/module/assets/svg/Reown.js.map +1 -0
- package/lib/module/components/wui-card/index.js +2 -4
- package/lib/module/components/wui-card/index.js.map +1 -1
- package/lib/module/components/wui-card/styles.js +1 -1
- package/lib/module/components/wui-card/styles.js.map +1 -1
- package/lib/module/components/wui-icon/index.js +2 -0
- package/lib/module/components/wui-icon/index.js.map +1 -1
- package/lib/module/components/wui-modal/index.js +34 -37
- package/lib/module/components/wui-modal/index.js.map +1 -1
- package/lib/module/components/wui-modal/styles.js +7 -9
- package/lib/module/components/wui-modal/styles.js.map +1 -1
- package/lib/module/components/wui-shimmer/index.js +93 -32
- package/lib/module/components/wui-shimmer/index.js.map +1 -1
- package/lib/module/composites/wui-account-button/index.js +2 -2
- package/lib/module/composites/wui-account-button/index.js.map +1 -1
- package/lib/module/composites/wui-button/index.js +5 -5
- package/lib/module/composites/wui-button/index.js.map +1 -1
- package/lib/module/composites/wui-card-select/index.js +47 -45
- package/lib/module/composites/wui-card-select/index.js.map +1 -1
- package/lib/module/composites/wui-card-select-loader/index.js +5 -1
- package/lib/module/composites/wui-card-select-loader/index.js.map +1 -1
- package/lib/module/composites/wui-chip/index.js +5 -5
- package/lib/module/composites/wui-chip/index.js.map +1 -1
- package/lib/module/composites/wui-email-input/index.js +3 -3
- package/lib/module/composites/wui-email-input/index.js.map +1 -1
- package/lib/module/composites/wui-input-text/index.js +2 -2
- package/lib/module/composites/wui-input-text/index.js.map +1 -1
- package/lib/module/composites/wui-link/index.js +4 -4
- package/lib/module/composites/wui-link/index.js.map +1 -1
- package/lib/module/composites/wui-list-transaction/index.js +2 -2
- package/lib/module/composites/wui-list-transaction/index.js.map +1 -1
- package/lib/module/composites/wui-logo-select/index.js +1 -1
- package/lib/module/composites/wui-logo-select/index.js.map +1 -1
- package/lib/module/composites/wui-otp/index.js +1 -1
- package/lib/module/composites/wui-otp/index.js.map +1 -1
- package/lib/module/composites/wui-qr-code/index.js +7 -25
- package/lib/module/composites/wui-qr-code/index.js.map +1 -1
- package/lib/module/composites/wui-qr-code/styles.js +0 -3
- package/lib/module/composites/wui-qr-code/styles.js.map +1 -1
- package/lib/module/composites/wui-search-bar/index.js +2 -2
- package/lib/module/composites/wui-search-bar/index.js.map +1 -1
- package/lib/module/composites/wui-tabs/index.js +2 -2
- package/lib/module/composites/wui-tabs/index.js.map +1 -1
- package/lib/module/composites/wui-toggle/index.js +2 -2
- package/lib/module/composites/wui-toggle/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +5 -5
- package/lib/module/composites/wui-token-button/index.js.map +1 -1
- package/lib/module/composites/wui-transaction-visual/index.js +3 -3
- package/lib/module/composites/wui-transaction-visual/index.js.map +1 -1
- package/lib/module/composites/wui-wallet-image/index.js +2 -2
- package/lib/module/composites/wui-wallet-image/index.js.map +1 -1
- package/lib/module/hooks/useCustomDimensions.js +39 -0
- package/lib/module/hooks/useCustomDimensions.js.map +1 -0
- package/lib/module/index.js +10 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/layout/wui-flex/index.js +3 -0
- package/lib/module/layout/wui-flex/index.js.map +1 -1
- package/lib/module/utils/QRCodeUtil.js +3 -3
- package/lib/module/utils/QRCodeUtil.js.map +1 -1
- package/lib/module/utils/UiUtil.js +1 -1
- package/lib/module/utils/UiUtil.js.map +1 -1
- package/lib/typescript/assets/svg/Reown.d.ts +4 -0
- package/lib/typescript/assets/svg/Reown.d.ts.map +1 -0
- package/lib/typescript/components/wui-card/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-icon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-modal/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-modal/styles.d.ts +7 -9
- package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
- package/lib/typescript/components/wui-shimmer/index.d.ts +11 -3
- package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-card-select/index.d.ts +2 -2
- package/lib/typescript/composites/wui-card-select/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-card-select-loader/index.d.ts +3 -1
- package/lib/typescript/composites/wui-card-select-loader/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
- package/lib/typescript/composites/wui-qr-code/styles.d.ts +0 -3
- package/lib/typescript/composites/wui-qr-code/styles.d.ts.map +1 -1
- package/lib/typescript/composites/wui-token-button/index.d.ts.map +1 -1
- package/lib/typescript/hooks/useCustomDimensions.d.ts +13 -0
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +6 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/layout/wui-flex/index.d.ts +3 -0
- package/lib/typescript/layout/wui-flex/index.d.ts.map +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts +1 -1
- package/lib/typescript/utils/TypesUtil.d.ts.map +1 -1
- package/lib/typescript/utils/UiUtil.d.ts +1 -1
- package/lib/typescript/utils/UiUtil.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/assets/svg/Reown.tsx +40 -0
- package/src/components/wui-card/index.tsx +3 -5
- package/src/components/wui-card/styles.ts +1 -1
- package/src/components/wui-icon/index.tsx +2 -0
- package/src/components/wui-modal/index.tsx +32 -38
- package/src/components/wui-modal/styles.ts +7 -9
- package/src/components/wui-shimmer/index.tsx +105 -39
- package/src/composites/wui-account-button/index.tsx +2 -2
- package/src/composites/wui-button/index.tsx +5 -5
- package/src/composites/wui-card-select/index.tsx +48 -48
- package/src/composites/wui-card-select-loader/index.tsx +5 -1
- package/src/composites/wui-chip/index.tsx +5 -5
- package/src/composites/wui-email-input/index.tsx +3 -3
- package/src/composites/wui-input-text/index.tsx +1 -1
- package/src/composites/wui-link/index.tsx +4 -4
- package/src/composites/wui-list-transaction/index.tsx +2 -2
- package/src/composites/wui-logo-select/index.tsx +1 -1
- package/src/composites/wui-otp/index.tsx +1 -1
- package/src/composites/wui-qr-code/index.tsx +6 -18
- package/src/composites/wui-qr-code/styles.ts +0 -3
- package/src/composites/wui-search-bar/index.tsx +2 -2
- package/src/composites/wui-tabs/index.tsx +2 -2
- package/src/composites/wui-toggle/index.tsx +2 -2
- package/src/composites/wui-token-button/index.tsx +5 -3
- package/src/composites/wui-transaction-visual/index.tsx +4 -4
- package/src/composites/wui-wallet-image/index.tsx +2 -2
- package/src/hooks/useCustomDimensions.ts +41 -0
- package/src/index.ts +7 -0
- package/src/layout/wui-flex/index.tsx +6 -0
- package/src/utils/QRCodeUtil.tsx +3 -3
- package/src/utils/TypesUtil.ts +1 -0
- package/src/utils/UiUtil.ts +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["AllWalletsSvg","AppleSvg","ArrowBottomSvg","ArrowBottomCircleSvg","ArrowLeftSvg","ArrowRightSvg","ArrowTopSvg","BrowserSvg","CardSvg","CheckmarkSvg","ChevronBottomSvg","ChevronLeftSvg","ChevronRightSvg","ChevronRightSmallSvg","ChevronTopSvg","ClockSvg","CloseSvg","CompassSvg","CoinPlaceholderSvg","CopySvg","CopySmallSvg","CursorSvg","CurrencyDollarSvg","DesktopSvg","DisconnectSvg","DiscordSvg","EtherscanSvg","ExtensionSvg","ExternalLinkSvg","FacebookSvg","FarcasterSvg","FarcasterSquareSvg","FiltersSvg","GithubSvg","GoogleSvg","HelpCircleSvg","InfoCircleSvg","MailSvg","MobileSvg","MoreSvg","NetworkPlaceholderSvg","NftPlaceholderSvg","OffSvg","PaperplaneSvg","QrCodeSvg","RecycleHorizontalSvg","RefreshSvg","SearchSvg","SettingsSvg","SwapHorizontalSvg","SwapVerticalSvg","TelegramSvg","TwitchSvg","VerifySvg","WalletConnectSvg","WalletConnectLightBrownSvg","WalletSvg","WalletSmallSvg","WarningCircleSvg","WalletPlaceholderSvg","XSvg","useTheme","IconSize","jsx","_jsx","svgOptions","allWallets","apple","arrowBottom","arrowBottomCircle","arrowLeft","arrowRight","arrowTop","browser","card","checkmark","chevronBottom","chevronLeft","chevronRight","chevronRightSmall","chevronTop","clock","close","compass","coinPlaceholder","copy","copySmall","cursor","currencyDollar","desktop","disconnect","discord","email","etherscan","extension","externalLink","facebook","farcaster","farcasterSquare","filters","github","google","helpCircle","infoCircle","mobile","more","networkPlaceholder","nftPlaceholder","off","paperplane","qrCode","recycleHorizontal","refresh","search","settings","swapHorizontal","swapVertical","telegram","twitch","verify","wallet","walletSmall","warningCircle","walletConnect","walletConnectLightBrown","walletPlaceholder","x","Icon","name","width","height","color","size","style","rest","Theme","Component","fill"],"sourceRoot":"../../../../src","sources":["components/wui-icon/index.tsx"],"mappings":";;AAGA;AACA,OAAOA,aAAa,MAAM,6BAA6B;AACvD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,QAAQ,MAAM,wBAAwB;AAC7C,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,YAAY,MAAM,4BAA4B;AACrD,OAAOC,kBAAkB,MAAM,kCAAkC;AACjE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,OAAO,MAAM,uBAAuB;AAC3C,OAAOC,qBAAqB,MAAM,qCAAqC;AACvE,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,MAAM,MAAM,sBAAsB;AACzC,OAAOC,aAAa,MAAM,6BAA6B;AACvD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,UAAU,MAAM,0BAA0B;AACjD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,iBAAiB,MAAM,iCAAiC;AAC/D,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,gBAAgB,IAAIC,0BAA0B,QAAQ,gCAAgC;AAC7F,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,gBAAgB,MAAM,gCAAgC;AAC7D,OAAOC,oBAAoB,MAAM,oCAAoC;AACrE,OAAOC,IAAI,MAAM,oBAAoB;AACrC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,QAAQ,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,MAAMC,UAA8D,GAAG;EACrEC,UAAU,
|
|
1
|
+
{"version":3,"names":["AllWalletsSvg","AppleSvg","ArrowBottomSvg","ArrowBottomCircleSvg","ArrowLeftSvg","ArrowRightSvg","ArrowTopSvg","BrowserSvg","CardSvg","CheckmarkSvg","ChevronBottomSvg","ChevronLeftSvg","ChevronRightSvg","ChevronRightSmallSvg","ChevronTopSvg","ClockSvg","CloseSvg","CompassSvg","CoinPlaceholderSvg","CopySvg","CopySmallSvg","CursorSvg","CurrencyDollarSvg","DesktopSvg","DisconnectSvg","DiscordSvg","EtherscanSvg","ExtensionSvg","ExternalLinkSvg","FacebookSvg","FarcasterSvg","FarcasterSquareSvg","FiltersSvg","GithubSvg","GoogleSvg","HelpCircleSvg","InfoCircleSvg","MailSvg","MobileSvg","MoreSvg","NetworkPlaceholderSvg","NftPlaceholderSvg","OffSvg","PaperplaneSvg","QrCodeSvg","RecycleHorizontalSvg","RefreshSvg","ReownSvg","SearchSvg","SettingsSvg","SwapHorizontalSvg","SwapVerticalSvg","TelegramSvg","TwitchSvg","VerifySvg","WalletConnectSvg","WalletConnectLightBrownSvg","WalletSvg","WalletSmallSvg","WarningCircleSvg","WalletPlaceholderSvg","XSvg","useTheme","IconSize","jsx","_jsx","svgOptions","allWallets","apple","arrowBottom","arrowBottomCircle","arrowLeft","arrowRight","arrowTop","browser","card","checkmark","chevronBottom","chevronLeft","chevronRight","chevronRightSmall","chevronTop","clock","close","compass","coinPlaceholder","copy","copySmall","cursor","currencyDollar","desktop","disconnect","discord","email","etherscan","extension","externalLink","facebook","farcaster","farcasterSquare","filters","github","google","helpCircle","infoCircle","mobile","more","networkPlaceholder","nftPlaceholder","off","paperplane","qrCode","recycleHorizontal","refresh","reown","search","settings","swapHorizontal","swapVertical","telegram","twitch","verify","wallet","walletSmall","warningCircle","walletConnect","walletConnectLightBrown","walletPlaceholder","x","Icon","name","width","height","color","size","style","rest","Theme","Component","fill"],"sourceRoot":"../../../../src","sources":["components/wui-icon/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { useEffect, useRef, useState } from 'react';
|
|
4
|
-
import { useWindowDimensions, Modal as RNModal,
|
|
4
|
+
import { useWindowDimensions, Modal as RNModal, Animated, Pressable, View } from 'react-native';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import styles from './styles';
|
|
7
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
8
9
|
export function Modal({
|
|
9
10
|
visible,
|
|
10
11
|
onBackdropPress,
|
|
@@ -12,10 +13,10 @@ export function Modal({
|
|
|
12
13
|
testID,
|
|
13
14
|
children
|
|
14
15
|
}) {
|
|
15
|
-
const Theme = useTheme();
|
|
16
16
|
const {
|
|
17
17
|
height
|
|
18
18
|
} = useWindowDimensions();
|
|
19
|
+
const Theme = useTheme();
|
|
19
20
|
const backdropOpacity = useRef(new Animated.Value(0)).current;
|
|
20
21
|
const translateY = useRef(new Animated.Value(height)).current;
|
|
21
22
|
const [showBackdrop, setShowBackdrop] = useState(false);
|
|
@@ -25,7 +26,7 @@ export function Modal({
|
|
|
25
26
|
const {
|
|
26
27
|
height: measuredHeight
|
|
27
28
|
} = event.nativeEvent.layout;
|
|
28
|
-
setContentHeight(measuredHeight);
|
|
29
|
+
setContentHeight(measuredHeight > height ? height : measuredHeight);
|
|
29
30
|
};
|
|
30
31
|
|
|
31
32
|
// Handle modal visibility
|
|
@@ -70,19 +71,17 @@ export function Modal({
|
|
|
70
71
|
|
|
71
72
|
modalAnimation = Animated.spring(translateY, {
|
|
72
73
|
toValue: targetY,
|
|
73
|
-
damping:
|
|
74
|
-
stiffness:
|
|
74
|
+
damping: 50,
|
|
75
|
+
stiffness: 300,
|
|
75
76
|
mass: 1,
|
|
76
77
|
useNativeDriver: true
|
|
77
78
|
});
|
|
78
79
|
modalAnimation.start();
|
|
79
80
|
} else if (!visible && modalVisible) {
|
|
80
|
-
// Hide modal to the bottom of the screen
|
|
81
|
-
modalAnimation = Animated.
|
|
81
|
+
// Hide modal to the bottom of the screen. Not using spring as it blocks the UI for a bit when closed
|
|
82
|
+
modalAnimation = Animated.timing(translateY, {
|
|
82
83
|
toValue: height,
|
|
83
|
-
|
|
84
|
-
stiffness: 260,
|
|
85
|
-
mass: 1,
|
|
84
|
+
duration: 150,
|
|
86
85
|
useNativeDriver: true
|
|
87
86
|
});
|
|
88
87
|
modalAnimation.start(() => {
|
|
@@ -101,33 +100,31 @@ export function Modal({
|
|
|
101
100
|
backdropOpacity.setValue(0);
|
|
102
101
|
}
|
|
103
102
|
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
104
|
-
return /*#__PURE__*/_jsxs(
|
|
105
|
-
|
|
106
|
-
|
|
103
|
+
return /*#__PURE__*/_jsxs(RNModal, {
|
|
104
|
+
visible: modalVisible,
|
|
105
|
+
transparent: true,
|
|
106
|
+
animationType: "none",
|
|
107
|
+
statusBarTranslucent: true,
|
|
108
|
+
onRequestClose: onRequestClose,
|
|
109
|
+
testID: testID,
|
|
110
|
+
children: [showBackdrop ? /*#__PURE__*/_jsx(AnimatedPressable, {
|
|
111
|
+
style: [styles.backdrop, {
|
|
107
112
|
opacity: backdropOpacity
|
|
108
|
-
}]
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
children: [
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
transform: [{
|
|
124
|
-
translateY
|
|
125
|
-
}]
|
|
126
|
-
}],
|
|
127
|
-
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
128
|
-
onLayout: onContentLayout,
|
|
129
|
-
children: children
|
|
130
|
-
})
|
|
113
|
+
}],
|
|
114
|
+
onPress: onBackdropPress
|
|
115
|
+
}) : null, /*#__PURE__*/_jsxs(Animated.View, {
|
|
116
|
+
style: [styles.modal, {
|
|
117
|
+
transform: [{
|
|
118
|
+
translateY
|
|
119
|
+
}]
|
|
120
|
+
}],
|
|
121
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
122
|
+
onLayout: onContentLayout,
|
|
123
|
+
children: children
|
|
124
|
+
}), /*#__PURE__*/_jsx(View, {
|
|
125
|
+
style: [styles.bottomBackground, {
|
|
126
|
+
backgroundColor: Theme['bg-100']
|
|
127
|
+
}]
|
|
131
128
|
})]
|
|
132
129
|
})]
|
|
133
130
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","
|
|
1
|
+
{"version":3,"names":["useEffect","useRef","useState","useWindowDimensions","Modal","RNModal","Animated","Pressable","View","useTheme","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","visible","onBackdropPress","onRequestClose","testID","children","height","Theme","backdropOpacity","Value","current","translateY","showBackdrop","setShowBackdrop","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","transparent","animationType","statusBarTranslucent","style","backdrop","opacity","onPress","modal","transform","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,18 +3,13 @@
|
|
|
3
3
|
import { StyleSheet } from 'react-native';
|
|
4
4
|
import { BorderRadius } from '../../utils/ThemeUtil';
|
|
5
5
|
export default StyleSheet.create({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
top: 0,
|
|
9
|
-
left: 0,
|
|
10
|
-
right: 0,
|
|
11
|
-
bottom: 0,
|
|
6
|
+
backdrop: {
|
|
7
|
+
flexGrow: 1,
|
|
12
8
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
13
9
|
},
|
|
14
|
-
innerBackdropTouchable: {
|
|
15
|
-
flexGrow: 1
|
|
16
|
-
},
|
|
17
10
|
modal: {
|
|
11
|
+
backgroundColor: 'transparent',
|
|
12
|
+
borderWidth: 0,
|
|
18
13
|
borderTopLeftRadius: BorderRadius.l,
|
|
19
14
|
borderTopRightRadius: BorderRadius.l,
|
|
20
15
|
position: 'absolute',
|
|
@@ -22,6 +17,9 @@ export default StyleSheet.create({
|
|
|
22
17
|
left: 0,
|
|
23
18
|
right: 0,
|
|
24
19
|
bottom: 0
|
|
20
|
+
},
|
|
21
|
+
bottomBackground: {
|
|
22
|
+
flexGrow: 1
|
|
25
23
|
}
|
|
26
24
|
});
|
|
27
25
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","BorderRadius","create","
|
|
1
|
+
{"version":3,"names":["StyleSheet","BorderRadius","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,YAAY,QAAQ,uBAAuB;AAEpD,eAAeD,UAAU,CAACE,MAAM,CAAC;EAC/BC,QAAQ,EAAE;IACRC,QAAQ,EAAE,CAAC;IACXC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAE,aAAa;IAC9BE,WAAW,EAAE,CAAC;IACdC,mBAAmB,EAAEP,YAAY,CAACQ,CAAC;IACnCC,oBAAoB,EAAET,YAAY,CAACQ,CAAC;IACpCE,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBZ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,49 +1,110 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
3
|
+
import { Animated, StyleSheet, View } from 'react-native';
|
|
4
|
+
import { memo, useEffect, useRef, useState } from 'react';
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
-
|
|
8
|
-
export const Shimmer = ({
|
|
7
|
+
function Shimmer_({
|
|
9
8
|
width = 200,
|
|
10
9
|
height = 200,
|
|
11
10
|
duration = 1000,
|
|
12
11
|
borderRadius = 0,
|
|
13
12
|
backgroundColor,
|
|
14
13
|
foregroundColor,
|
|
14
|
+
highlightWidthRatio = 0.3,
|
|
15
|
+
highlightOpacity = 0.5,
|
|
16
|
+
angle = 20,
|
|
15
17
|
style
|
|
16
|
-
})
|
|
17
|
-
const animatedValue = new Animated.Value(0);
|
|
18
|
+
}) {
|
|
18
19
|
const Theme = useTheme();
|
|
19
|
-
const
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
const [measuredWidth, setMeasuredWidth] = useState(null);
|
|
21
|
+
const [measuredHeight, setMeasuredHeight] = useState(null);
|
|
22
|
+
const translateRef = useRef(new Animated.Value(0));
|
|
23
|
+
const loopRef = useRef(null);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (!measuredWidth) {
|
|
26
|
+
return undefined;
|
|
27
|
+
}
|
|
28
|
+
const translateX = translateRef.current;
|
|
29
|
+
translateX.setValue(0);
|
|
30
|
+
const timing = Animated.timing(translateX, {
|
|
31
|
+
toValue: 1,
|
|
32
|
+
duration,
|
|
33
|
+
useNativeDriver: true
|
|
34
|
+
});
|
|
35
|
+
const loop = Animated.loop(timing);
|
|
36
|
+
loopRef.current = loop;
|
|
37
|
+
loop.start();
|
|
38
|
+
return () => {
|
|
39
|
+
loop.stop();
|
|
40
|
+
if (loopRef.current === loop) {
|
|
41
|
+
loopRef.current = null;
|
|
42
|
+
}
|
|
43
|
+
translateX.stopAnimation(() => {
|
|
44
|
+
translateX.setValue(0);
|
|
45
|
+
});
|
|
46
|
+
};
|
|
47
|
+
}, [duration, measuredWidth]);
|
|
48
|
+
const baseColor = backgroundColor ?? Theme['bg-200'];
|
|
49
|
+
const highlightColor = foregroundColor ?? Theme['bg-300'];
|
|
50
|
+
const onLayout = event => {
|
|
51
|
+
const {
|
|
52
|
+
width: w,
|
|
53
|
+
height: h
|
|
54
|
+
} = event.nativeEvent.layout;
|
|
55
|
+
// Update measurements whenever they change to adapt to dynamic layout/orientation
|
|
56
|
+
if (measuredWidth == null || Math.abs(w - measuredWidth) > 0.5) {
|
|
57
|
+
setMeasuredWidth(w);
|
|
58
|
+
}
|
|
59
|
+
if (measuredHeight == null || Math.abs(h - measuredHeight) > 0.5) {
|
|
60
|
+
setMeasuredHeight(h);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
// Compute animated translateX only if we have width
|
|
65
|
+
let animatedTranslateX = 0;
|
|
66
|
+
let bandWidth = 0;
|
|
67
|
+
if (measuredWidth) {
|
|
68
|
+
bandWidth = Math.max(8, measuredWidth * highlightWidthRatio);
|
|
69
|
+
const travel = measuredWidth + bandWidth * 2;
|
|
70
|
+
animatedTranslateX = translateRef.current.interpolate({
|
|
71
|
+
inputRange: [0, 1],
|
|
72
|
+
outputRange: [-bandWidth, travel - bandWidth]
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
const containerStyle = {
|
|
24
76
|
width,
|
|
25
77
|
height,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
78
|
+
borderRadius,
|
|
79
|
+
overflow: 'hidden',
|
|
80
|
+
borderWidth: StyleSheet.hairlineWidth,
|
|
81
|
+
borderColor: Theme['bg-300'],
|
|
82
|
+
backgroundColor: baseColor
|
|
83
|
+
};
|
|
84
|
+
const bandStyle = {
|
|
85
|
+
position: 'absolute',
|
|
86
|
+
top: measuredHeight ? -measuredHeight * 0.25 : 0,
|
|
87
|
+
bottom: measuredHeight ? -measuredHeight * 0.25 : 0,
|
|
88
|
+
width: bandWidth,
|
|
89
|
+
backgroundColor: highlightColor,
|
|
90
|
+
opacity: highlightOpacity
|
|
30
91
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
children: /*#__PURE__*/_jsx(AnimatedRect, {
|
|
45
|
-
...animatedProps
|
|
46
|
-
})
|
|
92
|
+
return /*#__PURE__*/_jsx(View, {
|
|
93
|
+
onLayout: onLayout,
|
|
94
|
+
style: [containerStyle, style],
|
|
95
|
+
children: measuredWidth && measuredHeight ? /*#__PURE__*/_jsx(Animated.View, {
|
|
96
|
+
pointerEvents: "none",
|
|
97
|
+
style: [bandStyle, {
|
|
98
|
+
transform: [{
|
|
99
|
+
translateX: animatedTranslateX
|
|
100
|
+
}, {
|
|
101
|
+
rotate: `${angle}deg`
|
|
102
|
+
}]
|
|
103
|
+
}]
|
|
104
|
+
}) : null
|
|
47
105
|
});
|
|
48
|
-
}
|
|
106
|
+
}
|
|
107
|
+
export const Shimmer = /*#__PURE__*/memo(Shimmer_, () => {
|
|
108
|
+
return true;
|
|
109
|
+
});
|
|
49
110
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Animated","StyleSheet","View","memo","useEffect","useRef","useState","useTheme","jsx","_jsx","Shimmer_","width","height","duration","borderRadius","backgroundColor","foregroundColor","highlightWidthRatio","highlightOpacity","angle","style","Theme","measuredWidth","setMeasuredWidth","measuredHeight","setMeasuredHeight","translateRef","Value","loopRef","undefined","translateX","current","setValue","timing","toValue","useNativeDriver","loop","start","stop","stopAnimation","baseColor","highlightColor","onLayout","event","w","h","nativeEvent","layout","Math","abs","animatedTranslateX","bandWidth","max","travel","interpolate","inputRange","outputRange","containerStyle","overflow","borderWidth","hairlineWidth","borderColor","bandStyle","position","top","bottom","opacity","children","pointerEvents","transform","rotate","Shimmer"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -91,12 +91,12 @@ export function AccountButton({
|
|
|
91
91
|
size: 20,
|
|
92
92
|
borderWidth: 2,
|
|
93
93
|
style: [styles.image, !avatarSrc && styles.avatarPlaceholder]
|
|
94
|
-
}), address
|
|
94
|
+
}), address ? /*#__PURE__*/_jsx(Text, {
|
|
95
95
|
variant: "paragraph-500",
|
|
96
96
|
color: "fg-200",
|
|
97
97
|
style: styles.address,
|
|
98
98
|
children: formattedAddress
|
|
99
|
-
})]
|
|
99
|
+
}) : null]
|
|
100
100
|
})]
|
|
101
101
|
});
|
|
102
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Animated","Pressable","View","Image","Text","useAnimatedValue","useTheme","UiUtil","Avatar","IconBox","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","AccountButton","networkSrc","imageHeaders","avatarSrc","address","profileName","balance","onPress","disabled","style","testID","Theme","animatedValue","setStartValue","setEndValue","balanceTemplate","network","source","headers","image","borderColor","icon","size","iconColor","background","border","networkContainer","children","variant","color","formattedAddress","getTruncateString","string","charsStart","charsEnd","truncate","onPressIn","onPressOut","container","backgroundColor","addressContainer","imageSrc","borderWidth","avatarPlaceholder"],"sourceRoot":"../../../../src","sources":["composites/wui-account-button/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["Animated","Pressable","View","Image","Text","useAnimatedValue","useTheme","UiUtil","Avatar","IconBox","styles","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","AccountButton","networkSrc","imageHeaders","avatarSrc","address","profileName","balance","onPress","disabled","style","testID","Theme","animatedValue","setStartValue","setEndValue","balanceTemplate","network","source","headers","image","borderColor","icon","size","iconColor","background","border","networkContainer","children","variant","color","formattedAddress","getTruncateString","string","charsStart","charsEnd","truncate","onPressIn","onPressOut","container","backgroundColor","addressContainer","imageSrc","borderWidth","avatarPlaceholder"],"sourceRoot":"../../../../src","sources":["composites/wui-account-button/index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,EAAEC,SAAS,EAAEC,IAAI,QAAwC,cAAc;AACxF,SAASC,KAAK,QAAQ,4BAA4B;AAClD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB,MAAM,8BAA8B;AAC3D,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,MAAM,QAAQ,eAAe;AACtC,SAASC,OAAO,QAAQ,iBAAiB;AACzC,OAAOC,MAAM,MAAM,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9B,MAAMC,iBAAiB,GAAGf,QAAQ,CAACgB,uBAAuB,CAACf,SAAS,CAAC;AAerE,OAAO,SAASgB,aAAaA,CAAC;EAC5BC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,KAAK;EACLC;AACkB,CAAC,EAAE;EACrB,MAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;EACxB,MAAM;IAAEuB,aAAa;IAAEC,aAAa;IAAEC;EAAY,CAAC,GAAG1B,gBAAgB,CACpEuB,KAAK,CAAC,gBAAgB,CAAC,EACvBA,KAAK,CAAC,gBAAgB,CACxB,CAAC;EAED,SAASI,eAAeA,CAAA,EAAG;IACzB,IAAIT,OAAO,EAAE;MACX,MAAMU,OAAO,GAAGf,UAAU,gBACxBN,IAAA,CAACT,KAAK;QACJ+B,MAAM,EAAEhB,UAAW;QACnBiB,OAAO,EAAEhB,YAAa;QACtBO,KAAK,EAAE,CAAChB,MAAM,CAAC0B,KAAK,EAAE;UAAEC,WAAW,EAAET,KAAK,CAAC,gBAAgB;QAAE,CAAC;MAAE,CACjE,CAAC,gBAEFhB,IAAA,CAACH,OAAO;QACN6B,IAAI,EAAC,oBAAoB;QACzBC,IAAI,EAAC,IAAI;QACTC,SAAS,EAAC,QAAQ;QAClBC,UAAU;QACVC,MAAM;QACNhB,KAAK,EAAE;UAAEW,WAAW,EAAET,KAAK,CAAC,gBAAgB;QAAE;MAAE,CACjD,CACF;MAED,oBACEd,KAAA,CAACZ,IAAI;QAACwB,KAAK,EAAEhB,MAAM,CAACiC,gBAAiB;QAAAC,QAAA,GAClCX,OAAO,eACRrB,IAAA,CAACR,IAAI;UAACyC,OAAO,EAAC,eAAe;UAACC,KAAK,EAAC,QAAQ;UAACpB,KAAK,EAAEhB,MAAM,CAACa,OAAQ;UAAAqB,QAAA,EAChErB;QAAO,CACJ,CAAC;MAAA,CACH,CAAC;IAEX;IAEA,OAAO,IAAI;EACb;EAEA,MAAMwB,gBAAgB,GAAGzB,WAAW,GAChCf,MAAM,CAACyC,iBAAiB,CAAC;IACvBC,MAAM,EAAE3B,WAAW;IACnB4B,UAAU,EAAE,EAAE;IACdC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE;EACZ,CAAC,CAAC,GACF7C,MAAM,CAACyC,iBAAiB,CAAC;IACvBC,MAAM,EAAE5B,OAAO,IAAI,EAAE;IACrB6B,UAAU,EAAE,CAAC;IACbC,QAAQ,EAAE,CAAC;IACXC,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEN,oBACEtC,KAAA,CAACC,iBAAiB;IAChBS,OAAO,EAAEA,OAAQ;IACjB6B,SAAS,EAAEtB,WAAY;IACvBuB,UAAU,EAAExB,aAAc;IAC1BL,QAAQ,EAAEA,QAAS;IACnBE,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLhB,MAAM,CAAC6C,SAAS,EAChB;MAAEC,eAAe,EAAE3B,aAAa;MAAEQ,WAAW,EAAET,KAAK,CAAC,gBAAgB;IAAE,CAAC,EACxEF,KAAK,CACL;IAAAkB,QAAA,GAEDZ,eAAe,CAAC,CAAC,eAClBlB,KAAA,CAACZ,IAAI;MACHwB,KAAK,EAAE,CACLhB,MAAM,CAAC+C,gBAAgB,EACvB;QAAED,eAAe,EAAE5B,KAAK,CAAC,gBAAgB,CAAC;QAAES,WAAW,EAAET,KAAK,CAAC,gBAAgB;MAAE,CAAC,CAClF;MAAAgB,QAAA,gBAEFhC,IAAA,CAACJ,MAAM;QACLkD,QAAQ,EAAEtC,SAAU;QACpBC,OAAO,EAAEA,OAAQ;QACjBkB,IAAI,EAAE,EAAG;QACToB,WAAW,EAAE,CAAE;QACfjC,KAAK,EAAE,CAAChB,MAAM,CAAC0B,KAAK,EAAE,CAAChB,SAAS,IAAIV,MAAM,CAACkD,iBAAiB;MAAE,CAC/D,CAAC,EACDvC,OAAO,gBACNT,IAAA,CAACR,IAAI;QAACyC,OAAO,EAAC,eAAe;QAACC,KAAK,EAAC,QAAQ;QAACpB,KAAK,EAAEhB,MAAM,CAACW,OAAQ;QAAAuB,QAAA,EAChEG;MAAgB,CACb,CAAC,GACL,IAAI;IAAA,CACJ,CAAC;EAAA,CACU,CAAC;AAExB","ignoreList":[]}
|
|
@@ -68,24 +68,24 @@ export function Button({
|
|
|
68
68
|
flexDirection: "row",
|
|
69
69
|
alignItems: "center",
|
|
70
70
|
justifyContent: "center",
|
|
71
|
-
children: [iconLeft
|
|
71
|
+
children: [iconLeft ? /*#__PURE__*/_jsx(Icon, {
|
|
72
72
|
color: iconColor,
|
|
73
73
|
name: iconLeft,
|
|
74
74
|
size: iconSize,
|
|
75
75
|
style: [styles.iconLeft, iconStyle]
|
|
76
|
-
}), loading
|
|
76
|
+
}) : null, loading ? /*#__PURE__*/_jsx(LoadingSpinner, {
|
|
77
77
|
color: iconColor,
|
|
78
78
|
size: "md"
|
|
79
|
-
}), !loading && (typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
79
|
+
}) : null, !loading && (typeof children === 'string' ? /*#__PURE__*/_jsx(Text, {
|
|
80
80
|
variant: size === 'md' ? 'paragraph-600' : 'small-600',
|
|
81
81
|
style: [styles.text, themedTextStyle],
|
|
82
82
|
children: children
|
|
83
|
-
}) : children), iconRight
|
|
83
|
+
}) : children), iconRight ? /*#__PURE__*/_jsx(Icon, {
|
|
84
84
|
color: iconColor,
|
|
85
85
|
name: iconRight,
|
|
86
86
|
size: iconSize,
|
|
87
87
|
style: [styles.iconRight, iconStyle]
|
|
88
|
-
})]
|
|
88
|
+
}) : null]
|
|
89
89
|
})
|
|
90
90
|
});
|
|
91
91
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","Animated","Pressable","Text","Icon","LoadingSpinner","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","getIconColor","FlexView","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","testID","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["useRef","Animated","Pressable","Text","Icon","LoadingSpinner","useTheme","styles","getThemedButtonStyle","getThemedTextStyle","getIconColor","FlexView","jsx","_jsx","jsxs","_jsxs","AnimatedPressable","createAnimatedComponent","Button","children","size","variant","disabled","onPress","style","iconLeft","iconRight","iconStyle","loading","testID","rest","Theme","themedTextStyle","colorAnimation","Value","iconSize","iconColor","themedNormalStyle","themedPressedStyle","onPressIn","timing","current","toValue","useNativeDriver","duration","start","onPressOut","backgroundColor","interpolate","inputRange","outputRange","borderColor","button","flexDirection","alignItems","justifyContent","color","name","text"],"sourceRoot":"../../../../src","sources":["composites/wui-button/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { memo } from 'react';
|
|
3
|
+
import { memo, useMemo } from 'react';
|
|
4
4
|
import { Animated, Pressable, View } from 'react-native';
|
|
5
5
|
import { Text } from '../../components/wui-text';
|
|
6
6
|
import { IconBox } from '../wui-icon-box';
|
|
@@ -10,11 +10,12 @@ import { NetworkImage } from '../wui-network-image';
|
|
|
10
10
|
import { WalletImage } from '../wui-wallet-image';
|
|
11
11
|
import styles, { getBackgroundColor, ITEM_HEIGHT, ITEM_WIDTH } from './styles';
|
|
12
12
|
import { UiUtil } from '../../utils/UiUtil';
|
|
13
|
+
import { FlexView } from '../../layout/wui-flex';
|
|
13
14
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
15
|
const AnimatedPressable = Animated.createAnimatedComponent(Pressable);
|
|
15
16
|
export const CardSelectHeight = ITEM_HEIGHT;
|
|
16
17
|
export const CardSelectWidth = ITEM_WIDTH;
|
|
17
|
-
function
|
|
18
|
+
function CardSelect_({
|
|
18
19
|
name,
|
|
19
20
|
type = 'wallet',
|
|
20
21
|
imageSrc,
|
|
@@ -37,56 +38,57 @@ function _CardSelect({
|
|
|
37
38
|
disabled,
|
|
38
39
|
pressed: true
|
|
39
40
|
});
|
|
41
|
+
const Image = useMemo(() => type === 'wallet' ? WalletImage : NetworkImage, [type]);
|
|
40
42
|
const {
|
|
41
43
|
animatedValue,
|
|
42
44
|
setStartValue,
|
|
43
45
|
setEndValue
|
|
44
46
|
} = useAnimatedValue(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
|
|
45
47
|
const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
}),
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
})
|
|
48
|
+
return /*#__PURE__*/_jsx(FlexView, {
|
|
49
|
+
style: style,
|
|
50
|
+
alignItems: "center",
|
|
51
|
+
justifyContent: "center",
|
|
52
|
+
children: /*#__PURE__*/_jsxs(AnimatedPressable, {
|
|
53
|
+
onPress: onPress,
|
|
54
|
+
onPressIn: setEndValue,
|
|
55
|
+
onPressOut: setStartValue,
|
|
56
|
+
disabled: disabled,
|
|
57
|
+
style: [styles.container, {
|
|
58
|
+
backgroundColor: animatedValue
|
|
59
|
+
}],
|
|
60
|
+
testID: testID,
|
|
61
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
62
|
+
children: [/*#__PURE__*/_jsx(Image, {
|
|
63
|
+
imageSrc: imageSrc,
|
|
64
|
+
imageHeaders: imageHeaders,
|
|
65
|
+
size: "md",
|
|
66
|
+
style: disabled ? styles.disabledImage : null,
|
|
67
|
+
selected: selected,
|
|
68
|
+
disabled: disabled
|
|
69
|
+
}), installed ? /*#__PURE__*/_jsx(IconBox, {
|
|
70
|
+
icon: "checkmark",
|
|
71
|
+
iconSize: "xs",
|
|
72
|
+
iconColor: 'success-100',
|
|
73
|
+
border: true,
|
|
74
|
+
borderSize: 6,
|
|
75
|
+
borderColor: "bg-150",
|
|
76
|
+
background: true,
|
|
77
|
+
backgroundColor: "icon-box-bg-success-100",
|
|
78
|
+
size: "sm",
|
|
79
|
+
style: styles.installedBox
|
|
80
|
+
}) : null]
|
|
81
|
+
}), /*#__PURE__*/_jsx(Text, {
|
|
82
|
+
variant: "tiny-500",
|
|
83
|
+
color: textColor,
|
|
84
|
+
style: styles.text,
|
|
85
|
+
numberOfLines: 1,
|
|
86
|
+
children: UiUtil.getWalletName(name)
|
|
87
|
+
})]
|
|
88
|
+
})
|
|
87
89
|
});
|
|
88
90
|
}
|
|
89
|
-
export const CardSelect = /*#__PURE__*/memo(
|
|
90
|
-
return prevProps.name === nextProps.name;
|
|
91
|
+
export const CardSelect = /*#__PURE__*/memo(CardSelect_, (prevProps, nextProps) => {
|
|
92
|
+
return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc && prevProps.selected === nextProps.selected;
|
|
91
93
|
});
|
|
92
94
|
//# sourceMappingURL=index.js.map
|