@reown/appkit-ui-react-native 2.0.0-alpha.3 → 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.
Files changed (99) hide show
  1. package/lib/commonjs/components/wui-card/index.js +1 -3
  2. package/lib/commonjs/components/wui-card/index.js.map +1 -1
  3. package/lib/commonjs/components/wui-card/styles.js +1 -1
  4. package/lib/commonjs/components/wui-card/styles.js.map +1 -1
  5. package/lib/commonjs/components/wui-loading-hexagon/index.js +9 -6
  6. package/lib/commonjs/components/wui-loading-hexagon/index.js.map +1 -1
  7. package/lib/commonjs/components/wui-loading-spinner/index.js +7 -5
  8. package/lib/commonjs/components/wui-loading-spinner/index.js.map +1 -1
  9. package/lib/commonjs/components/wui-loading-thumbnail/index.js +25 -12
  10. package/lib/commonjs/components/wui-loading-thumbnail/index.js.map +1 -1
  11. package/lib/commonjs/components/wui-modal/index.js +28 -28
  12. package/lib/commonjs/components/wui-modal/index.js.map +1 -1
  13. package/lib/commonjs/components/wui-modal/styles.js +10 -9
  14. package/lib/commonjs/components/wui-modal/styles.js.map +1 -1
  15. package/lib/commonjs/components/wui-shimmer/index.js +92 -32
  16. package/lib/commonjs/components/wui-shimmer/index.js.map +1 -1
  17. package/lib/commonjs/composites/wui-card-select/index.js +46 -44
  18. package/lib/commonjs/composites/wui-card-select/index.js.map +1 -1
  19. package/lib/commonjs/composites/wui-card-select-loader/index.js +7 -3
  20. package/lib/commonjs/composites/wui-card-select-loader/index.js.map +1 -1
  21. package/lib/commonjs/composites/wui-qr-code/index.js +7 -3
  22. package/lib/commonjs/composites/wui-qr-code/index.js.map +1 -1
  23. package/lib/commonjs/composites/wui-token-button/index.js +1 -1
  24. package/lib/commonjs/context/ThemeContext.js +18 -16
  25. package/lib/commonjs/context/ThemeContext.js.map +1 -1
  26. package/lib/commonjs/hooks/useCustomDimensions.js +42 -0
  27. package/lib/commonjs/hooks/useCustomDimensions.js.map +1 -0
  28. package/lib/commonjs/index.js +7 -0
  29. package/lib/commonjs/index.js.map +1 -1
  30. package/lib/commonjs/utils/QRCodeUtil.js +2 -2
  31. package/lib/commonjs/utils/QRCodeUtil.js.map +1 -1
  32. package/lib/module/components/wui-card/index.js +2 -4
  33. package/lib/module/components/wui-card/index.js.map +1 -1
  34. package/lib/module/components/wui-card/styles.js +1 -1
  35. package/lib/module/components/wui-card/styles.js.map +1 -1
  36. package/lib/module/components/wui-loading-hexagon/index.js +10 -7
  37. package/lib/module/components/wui-loading-hexagon/index.js.map +1 -1
  38. package/lib/module/components/wui-loading-spinner/index.js +8 -6
  39. package/lib/module/components/wui-loading-spinner/index.js.map +1 -1
  40. package/lib/module/components/wui-loading-thumbnail/index.js +26 -13
  41. package/lib/module/components/wui-loading-thumbnail/index.js.map +1 -1
  42. package/lib/module/components/wui-modal/index.js +30 -30
  43. package/lib/module/components/wui-modal/index.js.map +1 -1
  44. package/lib/module/components/wui-modal/styles.js +10 -9
  45. package/lib/module/components/wui-modal/styles.js.map +1 -1
  46. package/lib/module/components/wui-shimmer/index.js +93 -32
  47. package/lib/module/components/wui-shimmer/index.js.map +1 -1
  48. package/lib/module/composites/wui-card-select/index.js +47 -45
  49. package/lib/module/composites/wui-card-select/index.js.map +1 -1
  50. package/lib/module/composites/wui-card-select-loader/index.js +5 -1
  51. package/lib/module/composites/wui-card-select-loader/index.js.map +1 -1
  52. package/lib/module/composites/wui-qr-code/index.js +6 -3
  53. package/lib/module/composites/wui-qr-code/index.js.map +1 -1
  54. package/lib/module/composites/wui-token-button/index.js +1 -1
  55. package/lib/module/context/ThemeContext.js +19 -17
  56. package/lib/module/context/ThemeContext.js.map +1 -1
  57. package/lib/module/hooks/useCustomDimensions.js +39 -0
  58. package/lib/module/hooks/useCustomDimensions.js.map +1 -0
  59. package/lib/module/index.js +10 -0
  60. package/lib/module/index.js.map +1 -1
  61. package/lib/module/utils/QRCodeUtil.js +3 -3
  62. package/lib/module/utils/QRCodeUtil.js.map +1 -1
  63. package/lib/typescript/components/wui-card/index.d.ts.map +1 -1
  64. package/lib/typescript/components/wui-loading-hexagon/index.d.ts.map +1 -1
  65. package/lib/typescript/components/wui-loading-spinner/index.d.ts.map +1 -1
  66. package/lib/typescript/components/wui-loading-thumbnail/index.d.ts.map +1 -1
  67. package/lib/typescript/components/wui-modal/index.d.ts.map +1 -1
  68. package/lib/typescript/components/wui-modal/styles.d.ts +9 -9
  69. package/lib/typescript/components/wui-modal/styles.d.ts.map +1 -1
  70. package/lib/typescript/components/wui-shimmer/index.d.ts +11 -3
  71. package/lib/typescript/components/wui-shimmer/index.d.ts.map +1 -1
  72. package/lib/typescript/composites/wui-card-select/index.d.ts +2 -2
  73. package/lib/typescript/composites/wui-card-select/index.d.ts.map +1 -1
  74. package/lib/typescript/composites/wui-card-select-loader/index.d.ts +3 -1
  75. package/lib/typescript/composites/wui-card-select-loader/index.d.ts.map +1 -1
  76. package/lib/typescript/composites/wui-qr-code/index.d.ts +3 -1
  77. package/lib/typescript/composites/wui-qr-code/index.d.ts.map +1 -1
  78. package/lib/typescript/context/ThemeContext.d.ts.map +1 -1
  79. package/lib/typescript/hooks/useCustomDimensions.d.ts +13 -0
  80. package/lib/typescript/hooks/useCustomDimensions.d.ts.map +1 -0
  81. package/lib/typescript/index.d.ts +6 -0
  82. package/lib/typescript/index.d.ts.map +1 -1
  83. package/package.json +5 -4
  84. package/src/components/wui-card/index.tsx +3 -5
  85. package/src/components/wui-card/styles.ts +1 -1
  86. package/src/components/wui-loading-hexagon/index.tsx +12 -10
  87. package/src/components/wui-loading-spinner/index.tsx +8 -6
  88. package/src/components/wui-loading-thumbnail/index.tsx +17 -10
  89. package/src/components/wui-modal/index.tsx +27 -28
  90. package/src/components/wui-modal/styles.ts +10 -9
  91. package/src/components/wui-shimmer/index.tsx +105 -39
  92. package/src/composites/wui-card-select/index.tsx +48 -48
  93. package/src/composites/wui-card-select-loader/index.tsx +5 -1
  94. package/src/composites/wui-qr-code/index.tsx +11 -3
  95. package/src/composites/wui-token-button/index.tsx +1 -1
  96. package/src/context/ThemeContext.tsx +17 -15
  97. package/src/hooks/useCustomDimensions.ts +41 -0
  98. package/src/index.ts +7 -0
  99. package/src/utils/QRCodeUtil.tsx +3 -3
@@ -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.KeyboardAvoidingView, {
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","KeyboardAvoidingView","behavior","enabled","Platform","OS","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,oBAAoB;IACnBC,QAAQ,EAAC,SAAS;IAClBC,OAAO,EAAEC,qBAAQ,CAACC,EAAE,KAAK,KAAM;IAC/BR,KAAK,EAAE,CACLS,eAAM,CAACC,SAAS,EAChB;MAAEC,eAAe,EAAEV,KAAK,CAAC,QAAQ,CAAC;MAAEW,WAAW,EAAEX,KAAK,CAAC,gBAAgB;IAAE,CAAC,EAC1ED,KAAK,CACL;IAAAD,QAAA,EAEDA;EAAQ,CACW,CAAC;AAE3B","ignoreList":[]}
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":[]}
@@ -9,7 +9,7 @@ var _ThemeUtil = require("../../utils/ThemeUtil");
9
9
  var _default = exports.default = _reactNative.StyleSheet.create({
10
10
  container: {
11
11
  borderRadius: _ThemeUtil.BorderRadius.l,
12
- borderWidth: _reactNative.StyleSheet.hairlineWidth,
12
+ borderWidth: 0.5,
13
13
  borderBottomWidth: 0,
14
14
  overflow: 'hidden'
15
15
  }
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","borderRadius","BorderRadius","l","borderWidth","hairlineWidth","borderBottomWidth","overflow"],"sourceRoot":"../../../../src","sources":["components/wui-card/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,SAAS,EAAE;IACTC,YAAY,EAAEC,uBAAY,CAACC,CAAC;IAC5BC,WAAW,EAAEN,uBAAU,CAACO,aAAa;IACrCC,iBAAiB,EAAE,CAAC;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["_reactNative","require","_ThemeUtil","_default","exports","default","StyleSheet","create","container","borderRadius","BorderRadius","l","borderWidth","borderBottomWidth","overflow"],"sourceRoot":"../../../../src","sources":["components/wui-card/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,SAAS,EAAE;IACTC,YAAY,EAAEC,uBAAY,CAACC,CAAC;IAC5BC,WAAW,EAAE,GAAG;IAChBC,iBAAiB,EAAE,CAAC;IACpBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","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
- }, [spinValue]);
35
- const spin = spinValue.current.interpolate({
36
- inputRange: [0, 1],
37
- outputRange: [0, -172]
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: "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"
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":"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","ignoreList":[]}
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
- }, [spinValue]);
39
- const spin = spinValue.current.interpolate({
40
- inputRange: [0, 1],
41
- outputRange: ['0deg', '360deg']
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":"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","ignoreList":[]}
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":"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","ignoreList":[]}
@@ -36,19 +36,32 @@ function LoadingThumbnail({
36
36
  return () => {
37
37
  loop.stop();
38
38
  };
39
- }, [spinValue]);
40
-
41
- // Calculate one side of the Rectangle with borders
42
- const sideLength = rectangleSize - borderRadius * 2 + Math.PI * borderRadius / 2;
43
- const spin = spinValue.current.interpolate({
44
- inputRange: [0, 1],
45
- outputRange: [0, -sideLength * 4]
46
- });
47
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
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: paused ? 'transparent' : Theme['accent-100'],
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","height","width","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":[]}
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":";;;;;;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;AACA,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,YAAY,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,oBAAI,CAAC;AAQpD,SAASC,gBAAgBA,CAAC;EAC/BC,QAAQ;EACRC,MAAM;EACNC,YAAY,GAAGC,uBAAY,CAACC;AACP,CAAC,EAAE;EACxB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAC,IAAIZ,qBAAQ,CAACa,KAAK,CAAC,CAAC,CAAC,CAAC;EAC/C,MAAMC,WAAW,GAAG,CAAC;EACrB,MAAMC,aAAa,GAAGC,0BAAe,CAACC,EAAE,GAAGC,kBAAO,CAACV,CAAC;EACpD,MAAMW,kBAAkB,GAAGJ,aAAa,GAAGD,WAAW;EAEtD,IAAAM,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAGrB,qBAAQ,CAACsB,MAAM,CAACX,SAAS,CAACY,OAAO,EAAE;MACnDC,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,IAAI;MACdC,eAAe,EAAE,IAAI;MACrBC,MAAM,EAAEC,mBAAM,CAACC;IACjB,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAG9B,qBAAQ,CAAC8B,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,MAAM;IAAEC,UAAU;IAAEC,WAAW;IAAEC;EAAe,CAAC,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChE,MAAMC,WAAW,GAAGtB,aAAa,GAAGT,YAAY,GAAG,CAAC,GAAIgC,IAAI,CAACC,EAAE,GAAGjC,YAAY,GAAI,CAAC;IACnF,MAAMkC,YAAY,GAAGnC,MAAM,GAAG,aAAa,GAAGI,KAAK,CAAC,YAAY,CAAC;IACjE,MAAMgC,eAAe,GAAG;MAAEC,MAAM,EAAEvB,kBAAkB;MAAEwB,KAAK,EAAExB;IAAmB,CAAC;IAEjF,OAAO;MAAEc,UAAU,EAAEI,WAAW;MAAEH,WAAW,EAAEM,YAAY;MAAEL,cAAc,EAAEM;IAAgB,CAAC;EAChG,CAAC,EAAE,CAAC1B,aAAa,EAAET,YAAY,EAAED,MAAM,EAAEI,KAAK,EAAEU,kBAAkB,CAAC,CAAC;EAEpE,MAAMyB,IAAI,GAAG,IAAAR,cAAO,EAAC,MAAM;IACzB,OAAOzB,SAAS,CAACY,OAAO,CAACsB,WAAW,CAAC;MACnCC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,CAACd,UAAU,GAAG,CAAC;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,oBACE,IAAAtD,WAAA,CAAAqE,IAAA,EAAC5E,YAAA,CAAA6E,IAAI;IAACC,KAAK,EAAE,CAACC,eAAM,CAACC,SAAS,EAAEjB,cAAc,CAAE;IAAA/B,QAAA,gBAC9C,IAAAzB,WAAA,CAAA0E,GAAA,EAAChF,eAAA,CAAAS,OAAG;MAAC6D,KAAK,EAAExB,kBAAmB;MAACuB,MAAM,EAAEvB,kBAAmB;MAAC+B,KAAK,EAAEC,eAAM,CAACG,MAAO;MAAAlD,QAAA,eAC/E,IAAAzB,WAAA,CAAA0E,GAAA,EAACtD,YAAY;QACX2C,MAAM,EAAE3B,aAAc;QACtB4B,KAAK,EAAE5B,aAAc;QACrBwC,MAAM,EAAErB,WAAY;QACpBpB,WAAW,EAAEA,WAAY;QACzB0C,CAAC,EAAE1C,WAAW,GAAG,CAAE;QACnB2C,CAAC,EAAE3C,WAAW,GAAG,CAAE;QACnB4C,EAAE,EAAEpD,YAAa;QACjBqD,cAAc,EAAC,OAAO;QACtBC,aAAa,EAAC,OAAO;QACrBC,IAAI,EAAC,aAAa;QAClBC,eAAe,EAAE,GAAG7B,UAAU,IAAIA,UAAU,GAAG,CAAC,EAAG;QACnD8B,gBAAgB,EAAEnB;MAAK,CACxB;IAAC,CACC,CAAC,EACLxC,QAAQ,IAAI,IAAI;EAAA,CACb,CAAC;AAEX","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);
@@ -30,7 +31,7 @@ function Modal({
30
31
  const {
31
32
  height: measuredHeight
32
33
  } = event.nativeEvent.layout;
33
- setContentHeight(measuredHeight);
34
+ setContentHeight(measuredHeight > height ? height : measuredHeight);
34
35
  };
35
36
 
36
37
  // Handle modal visibility
@@ -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)(_jsxRuntime.Fragment, {
108
- children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
109
- style: [_styles.default.outerBackdrop, {
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
- }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
113
- visible: modalVisible,
114
- transparent: true,
115
- animationType: "none",
116
- statusBarTranslucent: true,
117
- onRequestClose: onRequestClose,
118
- testID: testID,
119
- children: [showBackdrop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
120
- style: _styles.default.innerBackdropTouchable,
121
- activeOpacity: 1,
122
- onPress: onBackdropPress
123
- }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
124
- style: [_styles.default.modal, {
125
- backgroundColor: Theme['bg-100'],
126
- transform: [{
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","Theme","useTheme","height","useWindowDimensions","backdropOpacity","useRef","Animated","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","Fragment","jsx","View","style","styles","outerBackdrop","opacity","transparent","animationType","statusBarTranslucent","TouchableOpacity","innerBackdropTouchable","activeOpacity","onPress","modal","backgroundColor","transform","onLayout"],"sourceRoot":"../../../../src","sources":["components/wui-modal/index.tsx"],"mappings":"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","ignoreList":[]}
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
- outerBackdrop: {
11
- position: 'absolute',
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","outerBackdrop","position","top","left","right","bottom","backgroundColor","innerBackdropTouchable","flexGrow","modal","borderTopLeftRadius","BorderRadius","l","borderTopRightRadius"],"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,aAAa,EAAE;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE;EACnB,CAAC;EACDC,sBAAsB,EAAE;IACtBC,QAAQ,EAAE;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,mBAAmB,EAAEC,uBAAY,CAACC,CAAC;IACnCC,oBAAoB,EAAEF,uBAAY,CAACC,CAAC;IACpCX,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
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":[]}
@@ -4,51 +4,111 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Shimmer = void 0;
7
- var _reactNativeSvg = require("react-native-svg");
8
7
  var _reactNative = require("react-native");
8
+ var _react = require("react");
9
9
  var _useTheme = require("../../hooks/useTheme");
10
10
  var _jsxRuntime = require("react/jsx-runtime");
11
- const AnimatedRect = _reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Rect);
12
- const Shimmer = ({
11
+ function Shimmer_({
13
12
  width = 200,
14
13
  height = 200,
15
14
  duration = 1000,
16
15
  borderRadius = 0,
17
16
  backgroundColor,
18
17
  foregroundColor,
18
+ highlightWidthRatio = 0.3,
19
+ highlightOpacity = 0.5,
20
+ angle = 20,
19
21
  style
20
- }) => {
21
- const animatedValue = new _reactNative.Animated.Value(0);
22
+ }) {
22
23
  const Theme = (0, _useTheme.useTheme)();
23
- const animatedProps = {
24
- fill: animatedValue.interpolate({
25
- inputRange: [0, 0.5, 1],
26
- outputRange: [backgroundColor ?? Theme['bg-200'], foregroundColor ?? Theme['bg-300'], backgroundColor ?? Theme['bg-200']]
27
- }),
24
+ const [measuredWidth, setMeasuredWidth] = (0, _react.useState)(null);
25
+ const [measuredHeight, setMeasuredHeight] = (0, _react.useState)(null);
26
+ const translateRef = (0, _react.useRef)(new _reactNative.Animated.Value(0));
27
+ const loopRef = (0, _react.useRef)(null);
28
+ (0, _react.useEffect)(() => {
29
+ if (!measuredWidth) {
30
+ return undefined;
31
+ }
32
+ const translateX = translateRef.current;
33
+ translateX.setValue(0);
34
+ const timing = _reactNative.Animated.timing(translateX, {
35
+ toValue: 1,
36
+ duration,
37
+ useNativeDriver: true
38
+ });
39
+ const loop = _reactNative.Animated.loop(timing);
40
+ loopRef.current = loop;
41
+ loop.start();
42
+ return () => {
43
+ loop.stop();
44
+ if (loopRef.current === loop) {
45
+ loopRef.current = null;
46
+ }
47
+ translateX.stopAnimation(() => {
48
+ translateX.setValue(0);
49
+ });
50
+ };
51
+ }, [duration, measuredWidth]);
52
+ const baseColor = backgroundColor ?? Theme['bg-200'];
53
+ const highlightColor = foregroundColor ?? Theme['bg-300'];
54
+ const onLayout = event => {
55
+ const {
56
+ width: w,
57
+ height: h
58
+ } = event.nativeEvent.layout;
59
+ // Update measurements whenever they change to adapt to dynamic layout/orientation
60
+ if (measuredWidth == null || Math.abs(w - measuredWidth) > 0.5) {
61
+ setMeasuredWidth(w);
62
+ }
63
+ if (measuredHeight == null || Math.abs(h - measuredHeight) > 0.5) {
64
+ setMeasuredHeight(h);
65
+ }
66
+ };
67
+
68
+ // Compute animated translateX only if we have width
69
+ let animatedTranslateX = 0;
70
+ let bandWidth = 0;
71
+ if (measuredWidth) {
72
+ bandWidth = Math.max(8, measuredWidth * highlightWidthRatio);
73
+ const travel = measuredWidth + bandWidth * 2;
74
+ animatedTranslateX = translateRef.current.interpolate({
75
+ inputRange: [0, 1],
76
+ outputRange: [-bandWidth, travel - bandWidth]
77
+ });
78
+ }
79
+ const containerStyle = {
28
80
  width,
29
81
  height,
30
- x: 0,
31
- y: 0,
32
- rx: borderRadius,
33
- ry: borderRadius
82
+ borderRadius,
83
+ overflow: 'hidden',
84
+ borderWidth: _reactNative.StyleSheet.hairlineWidth,
85
+ borderColor: Theme['bg-300'],
86
+ backgroundColor: baseColor
34
87
  };
35
- _reactNative.Animated.loop(_reactNative.Animated.timing(animatedValue, {
36
- toValue: 1,
37
- duration,
38
- useNativeDriver: false
39
- })).start();
40
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Svg, {
41
- width: width,
42
- height: height,
43
- style: [{
44
- borderWidth: _reactNative.StyleSheet.hairlineWidth,
45
- borderColor: Theme['bg-300'],
46
- borderRadius
47
- }, style],
48
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedRect, {
49
- ...animatedProps
50
- })
88
+ const bandStyle = {
89
+ position: 'absolute',
90
+ top: measuredHeight ? -measuredHeight * 0.25 : 0,
91
+ bottom: measuredHeight ? -measuredHeight * 0.25 : 0,
92
+ width: bandWidth,
93
+ backgroundColor: highlightColor,
94
+ opacity: highlightOpacity
95
+ };
96
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
97
+ onLayout: onLayout,
98
+ style: [containerStyle, style],
99
+ children: measuredWidth && measuredHeight ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
100
+ pointerEvents: "none",
101
+ style: [bandStyle, {
102
+ transform: [{
103
+ translateX: animatedTranslateX
104
+ }, {
105
+ rotate: `${angle}deg`
106
+ }]
107
+ }]
108
+ }) : null
51
109
  });
52
- };
53
- exports.Shimmer = Shimmer;
110
+ }
111
+ const Shimmer = exports.Shimmer = /*#__PURE__*/(0, _react.memo)(Shimmer_, () => {
112
+ return true;
113
+ });
54
114
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNativeSvg","require","_reactNative","_useTheme","_jsxRuntime","AnimatedRect","Animated","createAnimatedComponent","Rect","Shimmer","width","height","duration","borderRadius","backgroundColor","foregroundColor","style","animatedValue","Value","Theme","useTheme","animatedProps","fill","interpolate","inputRange","outputRange","x","y","rx","ry","loop","timing","toValue","useNativeDriver","start","jsx","Svg","borderWidth","StyleSheet","hairlineWidth","borderColor","children","exports"],"sourceRoot":"../../../../src","sources":["components/wui-shimmer/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAAgD,IAAAG,WAAA,GAAAH,OAAA;AAEhD,MAAMI,YAAY,GAAGC,qBAAQ,CAACC,uBAAuB,CAACC,oBAAI,CAAC;AAYpD,MAAMC,OAAO,GAAGA,CAAC;EACtBC,KAAK,GAAG,GAAG;EACXC,MAAM,GAAG,GAAG;EACZC,QAAQ,GAAG,IAAI;EACfC,YAAY,GAAG,CAAC;EAChBC,eAAe;EACfC,eAAe;EACfC;AACY,CAAC,KAAK;EAClB,MAAMC,aAAa,GAAG,IAAIX,qBAAQ,CAACY,KAAK,CAAC,CAAC,CAAC;EAC3C,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,aAAa,GAAG;IACpBC,IAAI,EAAEL,aAAa,CAACM,WAAW,CAAC;MAC9BC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;MACvBC,WAAW,EAAE,CACXX,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC,EAClCJ,eAAe,IAAII,KAAK,CAAC,QAAQ,CAAC,EAClCL,eAAe,IAAIK,KAAK,CAAC,QAAQ,CAAC;IAEtC,CAAC,CAAC;IACFT,KAAK;IACLC,MAAM;IACNe,CAAC,EAAE,CAAC;IACJC,CAAC,EAAE,CAAC;IACJC,EAAE,EAAEf,YAAY;IAChBgB,EAAE,EAAEhB;EACN,CAAC;EAEDP,qBAAQ,CAACwB,IAAI,CACXxB,qBAAQ,CAACyB,MAAM,CAACd,aAAa,EAAE;IAC7Be,OAAO,EAAE,CAAC;IACVpB,QAAQ;IACRqB,eAAe,EAAE;EACnB,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EAET,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAACnC,eAAA,CAAAoC,GAAG;IACF1B,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfK,KAAK,EAAE,CACL;MAAEqB,WAAW,EAAEC,uBAAU,CAACC,aAAa;MAAEC,WAAW,EAAErB,KAAK,CAAC,QAAQ,CAAC;MAAEN;IAAa,CAAC,EACrFG,KAAK,CACL;IAAAyB,QAAA,eAEF,IAAArC,WAAA,CAAA+B,GAAA,EAAC9B,YAAY;MAAA,GAAKgB;IAAa,CAAG;EAAC,CAChC,CAAC;AAEV,CAAC;AAACqB,OAAA,CAAAjC,OAAA,GAAAA,OAAA","ignoreList":[]}
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":[]}