@reown/appkit-ui-react-native 2.0.0-alpha.4 → 2.0.0-alpha.5
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/components/wui-card/index.js +1 -3
- package/lib/commonjs/components/wui-card/index.js.map +1 -1
- package/lib/commonjs/components/wui-loading-hexagon/index.js +9 -6
- package/lib/commonjs/components/wui-loading-hexagon/index.js.map +1 -1
- package/lib/commonjs/components/wui-loading-spinner/index.js +7 -5
- package/lib/commonjs/components/wui-loading-spinner/index.js.map +1 -1
- package/lib/commonjs/components/wui-loading-thumbnail/index.js +25 -12
- package/lib/commonjs/components/wui-loading-thumbnail/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/index.js +28 -28
- package/lib/commonjs/components/wui-modal/index.js.map +1 -1
- package/lib/commonjs/components/wui-modal/styles.js +10 -9
- package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
- package/lib/commonjs/components/wui-shimmer/index.js +2 -2
- package/lib/commonjs/components/wui-shimmer/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 +3 -3
- package/lib/commonjs/composites/wui-card-select-loader/index.js.map +1 -1
- package/lib/commonjs/composites/wui-qr-code/index.js +6 -2
- package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
- package/lib/commonjs/composites/wui-token-button/index.js +1 -1
- package/lib/commonjs/context/ThemeContext.js +18 -16
- package/lib/commonjs/context/ThemeContext.js.map +1 -1
- package/lib/commonjs/hooks/useCustomDimensions.js +12 -11
- package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -1
- 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-loading-hexagon/index.js +10 -7
- package/lib/module/components/wui-loading-hexagon/index.js.map +1 -1
- package/lib/module/components/wui-loading-spinner/index.js +8 -6
- package/lib/module/components/wui-loading-spinner/index.js.map +1 -1
- package/lib/module/components/wui-loading-thumbnail/index.js +26 -13
- package/lib/module/components/wui-loading-thumbnail/index.js.map +1 -1
- package/lib/module/components/wui-modal/index.js +30 -30
- package/lib/module/components/wui-modal/index.js.map +1 -1
- package/lib/module/components/wui-modal/styles.js +10 -9
- package/lib/module/components/wui-modal/styles.js.map +1 -1
- package/lib/module/components/wui-shimmer/index.js +2 -2
- package/lib/module/components/wui-shimmer/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 +2 -2
- package/lib/module/composites/wui-card-select-loader/index.js.map +1 -1
- package/lib/module/composites/wui-qr-code/index.js +5 -2
- package/lib/module/composites/wui-qr-code/index.js.map +1 -1
- package/lib/module/composites/wui-token-button/index.js +1 -1
- package/lib/module/context/ThemeContext.js +19 -17
- package/lib/module/context/ThemeContext.js.map +1 -1
- package/lib/module/hooks/useCustomDimensions.js +13 -12
- package/lib/module/hooks/useCustomDimensions.js.map +1 -1
- package/lib/typescript/components/wui-card/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-loading-hexagon/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-loading-spinner/index.d.ts.map +1 -1
- package/lib/typescript/components/wui-loading-thumbnail/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 +9 -9
- package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
- package/lib/typescript/components/wui-shimmer/index.d.ts +2 -2
- 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 +2 -2
- package/lib/typescript/composites/wui-qr-code/index.d.ts +3 -1
- package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
- package/lib/typescript/context/ThemeContext.d.ts.map +1 -1
- package/lib/typescript/hooks/useCustomDimensions.d.ts +1 -2
- package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -1
- package/package.json +5 -4
- package/src/components/wui-card/index.tsx +3 -5
- package/src/components/wui-loading-hexagon/index.tsx +12 -10
- package/src/components/wui-loading-spinner/index.tsx +8 -6
- package/src/components/wui-loading-thumbnail/index.tsx +17 -10
- package/src/components/wui-modal/index.tsx +25 -29
- package/src/components/wui-modal/styles.ts +10 -9
- package/src/components/wui-shimmer/index.tsx +2 -2
- package/src/composites/wui-card-select/index.tsx +48 -48
- package/src/composites/wui-card-select-loader/index.tsx +2 -2
- package/src/composites/wui-qr-code/index.tsx +10 -2
- package/src/composites/wui-token-button/index.tsx +1 -1
- package/src/context/ThemeContext.tsx +17 -15
- package/src/hooks/useCustomDimensions.ts +16 -13
|
@@ -14,9 +14,7 @@ function Card({
|
|
|
14
14
|
style
|
|
15
15
|
}) {
|
|
16
16
|
const Theme = (0, _useTheme.useTheme)();
|
|
17
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.
|
|
18
|
-
behavior: "padding",
|
|
19
|
-
enabled: _reactNative.Platform.OS === 'ios',
|
|
17
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
20
18
|
style: [_styles.default.container, {
|
|
21
19
|
backgroundColor: Theme['bg-100'],
|
|
22
20
|
borderColor: Theme['gray-glass-015']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Card","children","style","Theme","useTheme","jsx","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Card","children","style","Theme","useTheme","jsx","View","styles","container","backgroundColor","borderColor"],"sourceRoot":"../../../../src","sources":["components/wui-card/index.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOvB,SAASG,IAAIA,CAAC;EAAEC,QAAQ;EAAEC;AAAiB,CAAC,EAAE;EACnD,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACd,YAAA,CAAAe,IAAI;IACHJ,KAAK,EAAE,CACLK,eAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEN,KAAK,CAAC,QAAQ,CAAC;MAAEO,WAAW,EAAEP,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -13,6 +13,7 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
13
13
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
14
|
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); }
|
|
15
15
|
const AnimatedUse = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Use);
|
|
16
|
+
const HEXAGON_PATH = 'M17.22 5.295c3.877-2.277 5.737-3.363 7.72-3.726a11.44 11.44 0 0 1 4.12 0c1.983.363 3.844 1.45 7.72 3.726l6.065 3.562c3.876 2.276 5.731 3.372 7.032 4.938a11.896 11.896 0 0 1 2.06 3.63c.683 1.928.688 4.11.688 8.663v7.124c0 4.553-.005 6.735-.688 8.664a11.896 11.896 0 0 1-2.06 3.63c-1.3 1.565-3.156 2.66-7.032 4.937l-6.065 3.563c-3.877 2.276-5.737 3.362-7.72 3.725a11.46 11.46 0 0 1-4.12 0c-1.983-.363-3.844-1.449-7.72-3.726l-6.065-3.562c-3.876-2.276-5.731-3.372-7.032-4.938a11.885 11.885 0 0 1-2.06-3.63c-.682-1.928-.688-4.11-.688-8.663v-7.124c0-4.553.006-6.735.688-8.664a11.885 11.885 0 0 1 2.06-3.63c1.3-1.565 3.156-2.66 7.032-4.937l6.065-3.562Z';
|
|
16
17
|
function LoadingHexagon({
|
|
17
18
|
children,
|
|
18
19
|
paused
|
|
@@ -31,11 +32,13 @@ function LoadingHexagon({
|
|
|
31
32
|
return () => {
|
|
32
33
|
loop.stop();
|
|
33
34
|
};
|
|
34
|
-
}, [
|
|
35
|
-
const spin =
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
35
|
+
}, []);
|
|
36
|
+
const spin = (0, _react.useMemo)(() => {
|
|
37
|
+
return spinValue.current.interpolate({
|
|
38
|
+
inputRange: [0, 1],
|
|
39
|
+
outputRange: [0, -172]
|
|
40
|
+
});
|
|
41
|
+
}, []);
|
|
39
42
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
40
43
|
style: _styles.default.container,
|
|
41
44
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
@@ -46,7 +49,7 @@ function LoadingHexagon({
|
|
|
46
49
|
fill: "none",
|
|
47
50
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
|
|
48
51
|
id: "wui-loader-path",
|
|
49
|
-
d:
|
|
52
|
+
d: HEXAGON_PATH
|
|
50
53
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedUse, {
|
|
51
54
|
stroke: paused ? 'transparent' : Theme['accent-100'],
|
|
52
55
|
strokeDasharray: "54, 118",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedUse","Animated","createAnimatedComponent","Use","LoadingHexagon","children","paused","Theme","useTheme","spinValue","useRef","Value","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","jsxs","View","style","styles","container","width","height","viewBox","loader","fill","jsx","Path","id","d","stroke","strokeDasharray","strokeWidth","strokeDashoffset","xlinkHref","strokeLinejoin","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA8B,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAK,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAE9B,MAAMgB,WAAW,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,mBAAG,CAAC;
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedUse","Animated","createAnimatedComponent","Use","HEXAGON_PATH","LoadingHexagon","children","paused","Theme","useTheme","spinValue","useRef","Value","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","spin","useMemo","interpolate","inputRange","outputRange","jsxs","View","style","styles","container","width","height","viewBox","loader","fill","jsx","Path","id","d","stroke","strokeDasharray","strokeWidth","strokeDashoffset","xlinkHref","strokeLinejoin","strokeLinecap"],"sourceRoot":"../../../../src","sources":["components/wui-loading-hexagon/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -35,11 +35,13 @@ function LoadingSpinner({
|
|
|
35
35
|
return () => {
|
|
36
36
|
loop.stop();
|
|
37
37
|
};
|
|
38
|
-
}, [
|
|
39
|
-
const spin =
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
}, []);
|
|
39
|
+
const spin = (0, _react.useMemo)(() => {
|
|
40
|
+
return spinValue.current.interpolate({
|
|
41
|
+
inputRange: [0, 1],
|
|
42
|
+
outputRange: ['0deg', '360deg']
|
|
43
|
+
});
|
|
44
|
+
}, []);
|
|
43
45
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
44
46
|
style: [_styles.default.container, style],
|
|
45
47
|
testID: testID,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSvg","Animated","createAnimatedComponent","Svg","LoadingSpinner","color","style","size","testID","Theme","useTheme","spinValue","useRef","Value","stroke","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","spin","interpolate","inputRange","outputRange","jsx","View","styles","container","children","width","SpinnerSize","height","viewBox","transform","rotate","Circle","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAA8B,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAO,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAE9B,MAAMgB,WAAW,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,uBAAG,CAAC;AASlD,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAIX,qBAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGT,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzD,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAGf,qBAAQ,CAACgB,MAAM,CAACN,SAAS,CAACO,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEC,mBAAM,CAACC;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAGxB,qBAAQ,CAACwB,IAAI,CAACT,SAAS,CAAC;IACrCS,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedSvg","Animated","createAnimatedComponent","Svg","LoadingSpinner","color","style","size","testID","Theme","useTheme","spinValue","useRef","Value","stroke","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","spin","useMemo","interpolate","inputRange","outputRange","jsx","View","styles","container","children","width","SpinnerSize","height","viewBox","transform","rotate","Circle","cy","cx","strokeWidth","fill","strokeDasharray"],"sourceRoot":"../../../../src","sources":["components/wui-loading-spinner/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAA8B,IAAAQ,WAAA,GAAAR,OAAA;AAAA,SAAAO,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAE9B,MAAMgB,WAAW,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,uBAAG,CAAC;AASlD,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,KAAK;EACLC,IAAI,GAAG,IAAI;EACXC,MAAM,GAAG;AACU,CAAC,EAAE;EACtB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAIX,qBAAQ,CAACY,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,MAAM,GAAGT,KAAK,GAAGI,KAAK,CAACJ,KAAK,CAAC,GAAGI,KAAK,CAAC,YAAY,CAAC;EAEzD,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAGf,qBAAQ,CAACgB,MAAM,CAACN,SAAS,CAACO,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,GAAG;MACbC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEC,mBAAM,CAACC;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAGxB,qBAAQ,CAACwB,IAAI,CAACT,SAAS,CAAC;IACrCS,IAAI,CAACC,KAAK,CAAC,CAAC;IAEZ,OAAO,MAAM;MACXD,IAAI,CAACE,IAAI,CAAC,CAAC;IACb,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IACzB,OAAOlB,SAAS,CAACO,OAAO,CAACY,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ;IAChC,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,IAAApD,WAAA,CAAAqD,GAAA,EAAC5D,YAAA,CAAA6D,IAAI;IAAC5B,KAAK,EAAE,CAAC6B,eAAM,CAACC,SAAS,EAAE9B,KAAK,CAAE;IAACE,MAAM,EAAEA,MAAO;IAAA6B,QAAA,eACrD,IAAAzD,WAAA,CAAAqD,GAAA,EAACjC,WAAW;MACVsC,KAAK,EAAEC,sBAAW,CAAChC,IAAI,CAAE;MACzBiC,MAAM,EAAED,sBAAW,CAAChC,IAAI,CAAE;MAC1BkC,OAAO,EAAC,aAAa;MACrBnC,KAAK,EAAE;QAAEoC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAEf;QAAK,CAAC;MAAE,CAAE;MAAAS,QAAA,eAEzC,IAAAzD,WAAA,CAAAqD,GAAA,EAAC3D,eAAA,CAAAsE,MAAM;QACL1D,CAAC,EAAE,EAAG;QACN2D,EAAE,EAAE,EAAG;QACPC,EAAE,EAAE,EAAG;QACPhC,MAAM,EAAEA,MAAO;QACfiC,WAAW,EAAE,CAAE;QACfC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE;MAAS,CAC3B;IAAC,CACS;EAAC,CACV,CAAC;AAEX","ignoreList":[]}
|
|
@@ -36,19 +36,32 @@ function LoadingThumbnail({
|
|
|
36
36
|
return () => {
|
|
37
37
|
loop.stop();
|
|
38
38
|
};
|
|
39
|
-
}, [
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
style: [_styles.default.container, {
|
|
39
|
+
}, []);
|
|
40
|
+
const {
|
|
41
|
+
sideLength,
|
|
42
|
+
strokeColor,
|
|
43
|
+
containerStyle
|
|
44
|
+
} = (0, _react.useMemo)(() => {
|
|
45
|
+
const _sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
|
|
46
|
+
const _strokeColor = paused ? 'transparent' : Theme['accent-100'];
|
|
47
|
+
const _containerStyle = {
|
|
49
48
|
height: outerContainerSize,
|
|
50
49
|
width: outerContainerSize
|
|
51
|
-
}
|
|
50
|
+
};
|
|
51
|
+
return {
|
|
52
|
+
sideLength: _sideLength,
|
|
53
|
+
strokeColor: _strokeColor,
|
|
54
|
+
containerStyle: _containerStyle
|
|
55
|
+
};
|
|
56
|
+
}, [rectangleSize, borderRadius, paused, Theme, outerContainerSize]);
|
|
57
|
+
const spin = (0, _react.useMemo)(() => {
|
|
58
|
+
return spinValue.current.interpolate({
|
|
59
|
+
inputRange: [0, 1],
|
|
60
|
+
outputRange: [0, -sideLength * 4]
|
|
61
|
+
});
|
|
62
|
+
}, [sideLength]);
|
|
63
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
64
|
+
style: [_styles.default.container, containerStyle],
|
|
52
65
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.default, {
|
|
53
66
|
width: outerContainerSize,
|
|
54
67
|
height: outerContainerSize,
|
|
@@ -56,7 +69,7 @@ function LoadingThumbnail({
|
|
|
56
69
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedRect, {
|
|
57
70
|
height: rectangleSize,
|
|
58
71
|
width: rectangleSize,
|
|
59
|
-
stroke:
|
|
72
|
+
stroke: strokeColor,
|
|
60
73
|
strokeWidth: strokeWidth,
|
|
61
74
|
x: strokeWidth / 2,
|
|
62
75
|
y: strokeWidth / 2,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedRect","Animated","createAnimatedComponent","Rect","LoadingThumbnail","children","paused","borderRadius","BorderRadius","l","Theme","useTheme","spinValue","useRef","Value","strokeWidth","rectangleSize","WalletImageSize","xl","Spacing","outerContainerSize","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","sideLength","Math","PI","spin","interpolate","inputRange","outputRange","jsxs","View","style","styles","container","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_useTheme","_ThemeUtil","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedRect","Animated","createAnimatedComponent","Rect","LoadingThumbnail","children","paused","borderRadius","BorderRadius","l","Theme","useTheme","spinValue","useRef","Value","strokeWidth","rectangleSize","WalletImageSize","xl","Spacing","outerContainerSize","useEffect","animation","timing","current","toValue","duration","useNativeDriver","easing","Easing","linear","loop","start","stop","sideLength","strokeColor","containerStyle","useMemo","_sideLength","Math","PI","_strokeColor","_containerStyle","height","width","spin","interpolate","inputRange","outputRange","jsxs","View","style","styles","container","jsx","loader","stroke","x","y","rx","strokeLinejoin","strokeLinecap","fill","strokeDasharray","strokeDashoffset"],"sourceRoot":"../../../../src","sources":["components/wui-loading-thumbnail/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,6 +10,7 @@ var _useTheme = require("../../hooks/useTheme");
|
|
|
10
10
|
var _styles = _interopRequireDefault(require("./styles"));
|
|
11
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
|
|
13
14
|
function Modal({
|
|
14
15
|
visible,
|
|
15
16
|
onBackdropPress,
|
|
@@ -17,10 +18,10 @@ function Modal({
|
|
|
17
18
|
testID,
|
|
18
19
|
children
|
|
19
20
|
}) {
|
|
20
|
-
const Theme = (0, _useTheme.useTheme)();
|
|
21
21
|
const {
|
|
22
22
|
height
|
|
23
23
|
} = (0, _reactNative.useWindowDimensions)();
|
|
24
|
+
const Theme = (0, _useTheme.useTheme)();
|
|
24
25
|
const backdropOpacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
|
|
25
26
|
const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(height)).current;
|
|
26
27
|
const [showBackdrop, setShowBackdrop] = (0, _react.useState)(false);
|
|
@@ -71,7 +72,7 @@ function Modal({
|
|
|
71
72
|
let modalAnimation;
|
|
72
73
|
if (visible && modalVisible) {
|
|
73
74
|
// Calculate the target position (screen height - card height)
|
|
74
|
-
const targetY = contentHeight > 0 ? height - contentHeight
|
|
75
|
+
const targetY = contentHeight > 0 ? height - contentHeight : height * 0.2; // fallback to 20% from bottom
|
|
75
76
|
|
|
76
77
|
modalAnimation = _reactNative.Animated.spring(translateY, {
|
|
77
78
|
toValue: targetY,
|
|
@@ -104,33 +105,32 @@ function Modal({
|
|
|
104
105
|
backdropOpacity.setValue(0);
|
|
105
106
|
}
|
|
106
107
|
}, [modalVisible, translateY, backdropOpacity, height]);
|
|
107
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
108
|
-
|
|
109
|
-
|
|
108
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
|
|
109
|
+
visible: modalVisible,
|
|
110
|
+
transparent: true,
|
|
111
|
+
animationType: "none",
|
|
112
|
+
statusBarTranslucent: true,
|
|
113
|
+
onRequestClose: onRequestClose,
|
|
114
|
+
testID: testID,
|
|
115
|
+
children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedPressable, {
|
|
116
|
+
style: [_styles.default.backdrop, {
|
|
110
117
|
opacity: backdropOpacity
|
|
111
|
-
}]
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
})
|
|
124
|
-
style: [_styles.default.
|
|
125
|
-
backgroundColor: Theme['bg-100']
|
|
126
|
-
|
|
127
|
-
translateY
|
|
128
|
-
}]
|
|
129
|
-
}],
|
|
130
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
131
|
-
onLayout: onContentLayout,
|
|
132
|
-
children: children
|
|
133
|
-
})
|
|
118
|
+
}],
|
|
119
|
+
onPress: onBackdropPress
|
|
120
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
|
|
121
|
+
onPress: onBackdropPress,
|
|
122
|
+
style: [_styles.default.modal, {
|
|
123
|
+
transform: [{
|
|
124
|
+
translateY
|
|
125
|
+
}]
|
|
126
|
+
}],
|
|
127
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
128
|
+
onLayout: onContentLayout,
|
|
129
|
+
children: children
|
|
130
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
131
|
+
style: [_styles.default.bottomBackground, {
|
|
132
|
+
backgroundColor: Theme['bg-100']
|
|
133
|
+
}]
|
|
134
134
|
})]
|
|
135
135
|
})]
|
|
136
136
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Modal","visible","onBackdropPress","onRequestClose","testID","children","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_useTheme","_styles","_interopRequireDefault","_jsxRuntime","e","__esModule","default","AnimatedPressable","Animated","createAnimatedComponent","Pressable","Modal","visible","onBackdropPress","onRequestClose","testID","children","height","useWindowDimensions","Theme","useTheme","backdropOpacity","useRef","Value","current","translateY","showBackdrop","setShowBackdrop","useState","modalVisible","setModalVisible","contentHeight","setContentHeight","onContentLayout","event","measuredHeight","nativeEvent","layout","useEffect","backdropAnimation","timing","toValue","duration","useNativeDriver","start","stop","modalAnimation","targetY","spring","damping","stiffness","mass","setValue","jsxs","transparent","animationType","statusBarTranslucent","jsx","style","styles","backdrop","opacity","onPress","modal","transform","View","onLayout","bottomBackground","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,18 +7,13 @@ exports.default = void 0;
|
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
8
|
var _ThemeUtil = require("../../utils/ThemeUtil");
|
|
9
9
|
var _default = exports.default = _reactNative.StyleSheet.create({
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
top: 0,
|
|
13
|
-
left: 0,
|
|
14
|
-
right: 0,
|
|
15
|
-
bottom: 0,
|
|
10
|
+
backdrop: {
|
|
11
|
+
flexGrow: 1,
|
|
16
12
|
backgroundColor: 'rgba(0, 0, 0, 0.5)'
|
|
17
13
|
},
|
|
18
|
-
innerBackdropTouchable: {
|
|
19
|
-
flexGrow: 1
|
|
20
|
-
},
|
|
21
14
|
modal: {
|
|
15
|
+
backgroundColor: 'transparent',
|
|
16
|
+
borderWidth: 0,
|
|
22
17
|
borderTopLeftRadius: _ThemeUtil.BorderRadius.l,
|
|
23
18
|
borderTopRightRadius: _ThemeUtil.BorderRadius.l,
|
|
24
19
|
position: 'absolute',
|
|
@@ -26,6 +21,12 @@ var _default = exports.default = _reactNative.StyleSheet.create({
|
|
|
26
21
|
left: 0,
|
|
27
22
|
right: 0,
|
|
28
23
|
bottom: 0
|
|
24
|
+
},
|
|
25
|
+
bottomBackground: {
|
|
26
|
+
flexGrow: 1,
|
|
27
|
+
// workaround to fix the bottom background color
|
|
28
|
+
top: -2,
|
|
29
|
+
bottom: -20
|
|
29
30
|
}
|
|
30
31
|
});
|
|
31
32
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","backdrop","flexGrow","backgroundColor","modal","borderWidth","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius","position","top","left","right","bottom","bottomBackground"],"sourceRoot":"../../../../src","sources":["components/wui-modal/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAqD,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEtCC,uBAAU,CAACC,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,EAAEC,uBAAY,CAACC,CAAC;IACnCC,oBAAoB,EAAEF,uBAAY,CAACC,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;IAChBb,QAAQ,EAAE,CAAC;IACX;IACAS,GAAG,EAAE,CAAC,CAAC;IACPG,MAAM,EAAE,CAAC;EACX;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ var _reactNative = require("react-native");
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _useTheme = require("../../hooks/useTheme");
|
|
10
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
-
function
|
|
11
|
+
function Shimmer_({
|
|
12
12
|
width = 200,
|
|
13
13
|
height = 200,
|
|
14
14
|
duration = 1000,
|
|
@@ -108,7 +108,7 @@ function _Shimmer({
|
|
|
108
108
|
}) : null
|
|
109
109
|
});
|
|
110
110
|
}
|
|
111
|
-
const Shimmer = exports.Shimmer = /*#__PURE__*/(0, _react.memo)(
|
|
111
|
+
const Shimmer = exports.Shimmer = /*#__PURE__*/(0, _react.memo)(Shimmer_, () => {
|
|
112
112
|
return true;
|
|
113
113
|
});
|
|
114
114
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_react","_useTheme","_jsxRuntime","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_useTheme","_jsxRuntime","Shimmer_","width","height","duration","borderRadius","backgroundColor","foregroundColor","highlightWidthRatio","highlightOpacity","angle","style","Theme","useTheme","measuredWidth","setMeasuredWidth","useState","measuredHeight","setMeasuredHeight","translateRef","useRef","Animated","Value","loopRef","useEffect","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","StyleSheet","hairlineWidth","borderColor","bandStyle","position","top","bottom","opacity","jsx","View","children","pointerEvents","transform","rotate","Shimmer","exports","memo"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -14,13 +14,14 @@ var _wuiNetworkImage = require("../wui-network-image");
|
|
|
14
14
|
var _wuiWalletImage = require("../wui-wallet-image");
|
|
15
15
|
var _styles = _interopRequireWildcard(require("./styles"));
|
|
16
16
|
var _UiUtil = require("../../utils/UiUtil");
|
|
17
|
+
var _wuiFlex = require("../../layout/wui-flex");
|
|
17
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
18
19
|
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); }
|
|
19
20
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
21
|
const AnimatedPressable = _reactNative.Animated.createAnimatedComponent(_reactNative.Pressable);
|
|
21
22
|
const CardSelectHeight = exports.CardSelectHeight = _styles.ITEM_HEIGHT;
|
|
22
23
|
const CardSelectWidth = exports.CardSelectWidth = _styles.ITEM_WIDTH;
|
|
23
|
-
function
|
|
24
|
+
function CardSelect_({
|
|
24
25
|
name,
|
|
25
26
|
type = 'wallet',
|
|
26
27
|
imageSrc,
|
|
@@ -43,56 +44,57 @@ function _CardSelect({
|
|
|
43
44
|
disabled,
|
|
44
45
|
pressed: true
|
|
45
46
|
});
|
|
47
|
+
const Image = (0, _react.useMemo)(() => type === 'wallet' ? _wuiWalletImage.WalletImage : _wuiNetworkImage.NetworkImage, [type]);
|
|
46
48
|
const {
|
|
47
49
|
animatedValue,
|
|
48
50
|
setStartValue,
|
|
49
51
|
setEndValue
|
|
50
52
|
} = (0, _useAnimatedValue.default)(Theme[normalbackgroundColor], Theme[pressedBackgroundColor]);
|
|
51
53
|
const textColor = disabled ? 'fg-300' : selected ? 'accent-100' : 'fg-100';
|
|
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
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
})
|
|
54
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiFlex.FlexView, {
|
|
55
|
+
style: style,
|
|
56
|
+
alignItems: "center",
|
|
57
|
+
justifyContent: "center",
|
|
58
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(AnimatedPressable, {
|
|
59
|
+
onPress: onPress,
|
|
60
|
+
onPressIn: setEndValue,
|
|
61
|
+
onPressOut: setStartValue,
|
|
62
|
+
disabled: disabled,
|
|
63
|
+
style: [_styles.default.container, {
|
|
64
|
+
backgroundColor: animatedValue
|
|
65
|
+
}],
|
|
66
|
+
testID: testID,
|
|
67
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
68
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Image, {
|
|
69
|
+
imageSrc: imageSrc,
|
|
70
|
+
imageHeaders: imageHeaders,
|
|
71
|
+
size: "md",
|
|
72
|
+
style: disabled ? _styles.default.disabledImage : null,
|
|
73
|
+
selected: selected,
|
|
74
|
+
disabled: disabled
|
|
75
|
+
}), installed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiIconBox.IconBox, {
|
|
76
|
+
icon: "checkmark",
|
|
77
|
+
iconSize: "xs",
|
|
78
|
+
iconColor: 'success-100',
|
|
79
|
+
border: true,
|
|
80
|
+
borderSize: 6,
|
|
81
|
+
borderColor: "bg-150",
|
|
82
|
+
background: true,
|
|
83
|
+
backgroundColor: "icon-box-bg-success-100",
|
|
84
|
+
size: "sm",
|
|
85
|
+
style: _styles.default.installedBox
|
|
86
|
+
}) : null]
|
|
87
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_wuiText.Text, {
|
|
88
|
+
variant: "tiny-500",
|
|
89
|
+
color: textColor,
|
|
90
|
+
style: _styles.default.text,
|
|
91
|
+
numberOfLines: 1,
|
|
92
|
+
children: _UiUtil.UiUtil.getWalletName(name)
|
|
93
|
+
})]
|
|
94
|
+
})
|
|
93
95
|
});
|
|
94
96
|
}
|
|
95
|
-
const CardSelect = exports.CardSelect = /*#__PURE__*/(0, _react.memo)(
|
|
96
|
-
return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc;
|
|
97
|
+
const CardSelect = exports.CardSelect = /*#__PURE__*/(0, _react.memo)(CardSelect_, (prevProps, nextProps) => {
|
|
98
|
+
return prevProps.name === nextProps.name && prevProps.imageSrc === nextProps.imageSrc && prevProps.selected === nextProps.selected;
|
|
97
99
|
});
|
|
98
100
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIconBox","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiNetworkImage","_wuiWalletImage","_styles","_interopRequireWildcard","_UiUtil","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","CardSelectHeight","exports","ITEM_HEIGHT","CardSelectWidth","ITEM_WIDTH","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_wuiText","_wuiIconBox","_useAnimatedValue","_interopRequireDefault","_useTheme","_wuiNetworkImage","_wuiWalletImage","_styles","_interopRequireWildcard","_UiUtil","_wuiFlex","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedPressable","Animated","createAnimatedComponent","Pressable","CardSelectHeight","exports","ITEM_HEIGHT","CardSelectWidth","ITEM_WIDTH","CardSelect_","name","type","imageSrc","imageHeaders","onPress","disabled","installed","selected","style","testID","Theme","useTheme","normalbackgroundColor","getBackgroundColor","pressed","pressedBackgroundColor","Image","useMemo","WalletImage","NetworkImage","animatedValue","setStartValue","setEndValue","useAnimatedValue","textColor","jsx","FlexView","alignItems","justifyContent","children","jsxs","onPressIn","onPressOut","styles","container","backgroundColor","View","size","disabledImage","IconBox","icon","iconSize","iconColor","border","borderSize","borderColor","background","installedBox","Text","variant","color","text","numberOfLines","UiUtil","getWalletName","CardSelect","memo","prevProps","nextProps"],"sourceRoot":"../../../../src","sources":["composites/wui-card-select/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CardSelectLoaderHeight = exports.CardSelectLoader = void 0;
|
|
7
|
-
exports.
|
|
7
|
+
exports.CardSelectLoader_ = CardSelectLoader_;
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
var _ThemeUtil = require("../../utils/ThemeUtil");
|
|
10
10
|
var _useTheme = require("../../hooks/useTheme");
|
|
@@ -14,7 +14,7 @@ var _styles = _interopRequireWildcard(require("./styles"));
|
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
15
|
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); }
|
|
16
16
|
const CardSelectLoaderHeight = exports.CardSelectLoaderHeight = _styles.ITEM_HEIGHT;
|
|
17
|
-
function
|
|
17
|
+
function CardSelectLoader_({
|
|
18
18
|
style
|
|
19
19
|
}) {
|
|
20
20
|
const Theme = (0, _useTheme.useTheme)();
|
|
@@ -36,7 +36,7 @@ function _CardSelectLoader({
|
|
|
36
36
|
})]
|
|
37
37
|
});
|
|
38
38
|
}
|
|
39
|
-
const CardSelectLoader = exports.CardSelectLoader = /*#__PURE__*/(0, _react.memo)(
|
|
39
|
+
const CardSelectLoader = exports.CardSelectLoader = /*#__PURE__*/(0, _react.memo)(CardSelectLoader_, () => {
|
|
40
40
|
return true;
|
|
41
41
|
});
|
|
42
42
|
//# sourceMappingURL=index.js.map
|