@medway-ui/native 1.5.0 → 1.6.0
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/README.md +1 -0
- package/lib/commonjs/components/LoadingOverlay.js +210 -0
- package/lib/commonjs/components/LoadingOverlay.js.map +1 -0
- package/lib/commonjs/components/Tooltip.js +2 -1
- package/lib/commonjs/components/Tooltip.js.map +1 -1
- package/lib/commonjs/hooks/useThemeColor.js +10 -3
- package/lib/commonjs/hooks/useThemeColor.js.map +1 -1
- package/lib/commonjs/index.js +19 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/components/LoadingOverlay.js +204 -0
- package/lib/module/components/LoadingOverlay.js.map +1 -0
- package/lib/module/components/Tooltip.js +2 -1
- package/lib/module/components/Tooltip.js.map +1 -1
- package/lib/module/hooks/useThemeColor.js +10 -3
- package/lib/module/hooks/useThemeColor.js.map +1 -1
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/components/LoadingOverlay.d.ts +49 -0
- package/lib/typescript/components/LoadingOverlay.d.ts.map +1 -0
- package/lib/typescript/components/Tooltip.d.ts.map +1 -1
- package/lib/typescript/hooks/useThemeColor.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/setup/babel-brownfield.js +1 -0
- package/setup/metro.js +8 -0
- package/setup/tokens.native.css +2 -0
- package/src/components/LoadingOverlay.tsx +308 -0
- package/src/components/Tooltip.tsx +2 -1
- package/src/hooks/useThemeColor.ts +7 -0
- package/src/index.ts +12 -0
package/README.md
CHANGED
|
@@ -336,6 +336,7 @@ import { Check, CloseMd } from "@medway-ui/icons/native";
|
|
|
336
336
|
| Alert | ✅ | Sub-components, all variants |
|
|
337
337
|
| Badge | ✅ | Variants, icon-only |
|
|
338
338
|
| Loading | ✅ | Reanimated spin |
|
|
339
|
+
| LoadingOverlay | ✅ | Card + Modal overlay, custom center icon |
|
|
339
340
|
| Checkbox | ✅ | @rn-primitives/checkbox |
|
|
340
341
|
| RadioGroup | ✅ | @rn-primitives/radio-group |
|
|
341
342
|
| Switch | ✅ | @rn-primitives/switch |
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.LoadingOverlay = LoadingOverlay;
|
|
7
|
+
exports.LoadingOverlayCard = LoadingOverlayCard;
|
|
8
|
+
exports.LoadingOverlaySpinner = LoadingOverlaySpinner;
|
|
9
|
+
var _react = require("react");
|
|
10
|
+
var _reactNative = require("react-native");
|
|
11
|
+
var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
|
|
12
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
13
|
+
var _Text = require("@/components/Text");
|
|
14
|
+
var _useThemeColor = require("@/hooks/useThemeColor");
|
|
15
|
+
var _utils = require("@/lib/utils");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
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); }
|
|
18
|
+
/** Rendered only when a track token is set, so the default case skips the color lookup. */
|
|
19
|
+
function SpinnerTrack({
|
|
20
|
+
size,
|
|
21
|
+
radius,
|
|
22
|
+
strokeWidth,
|
|
23
|
+
colorToken
|
|
24
|
+
}) {
|
|
25
|
+
const color = (0, _useThemeColor.useThemeColor)(colorToken);
|
|
26
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
27
|
+
cx: size / 2,
|
|
28
|
+
cy: size / 2,
|
|
29
|
+
r: radius,
|
|
30
|
+
stroke: color,
|
|
31
|
+
strokeWidth: strokeWidth,
|
|
32
|
+
fill: "none"
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
function LoadingOverlaySpinner({
|
|
36
|
+
icon,
|
|
37
|
+
size = 72,
|
|
38
|
+
trackWidth = 2,
|
|
39
|
+
colorToken = "gray-stroke-muted",
|
|
40
|
+
color,
|
|
41
|
+
trackColorToken,
|
|
42
|
+
pulse = true
|
|
43
|
+
}) {
|
|
44
|
+
const themeColor = (0, _useThemeColor.useThemeColor)(colorToken);
|
|
45
|
+
const stroke = color ?? themeColor;
|
|
46
|
+
const hasIcon = Boolean(icon);
|
|
47
|
+
const rotation = (0, _reactNativeReanimated.useSharedValue)(0);
|
|
48
|
+
const opacity = (0, _reactNativeReanimated.useSharedValue)(1);
|
|
49
|
+
(0, _react.useEffect)(() => {
|
|
50
|
+
rotation.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withTiming)(360, {
|
|
51
|
+
duration: 1000,
|
|
52
|
+
easing: _reactNativeReanimated.Easing.linear
|
|
53
|
+
}), -1, false);
|
|
54
|
+
return () => (0, _reactNativeReanimated.cancelAnimation)(rotation);
|
|
55
|
+
}, [rotation]);
|
|
56
|
+
(0, _react.useEffect)(() => {
|
|
57
|
+
// Nothing to pulse without an icon; skip the infinite loop on the UI thread.
|
|
58
|
+
if (!pulse || !hasIcon) {
|
|
59
|
+
opacity.value = 1;
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
opacity.value = 0.4;
|
|
63
|
+
opacity.value = (0, _reactNativeReanimated.withRepeat)((0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(1, {
|
|
64
|
+
duration: 400
|
|
65
|
+
}), (0, _reactNativeReanimated.withTiming)(0.4, {
|
|
66
|
+
duration: 400
|
|
67
|
+
})), -1, false);
|
|
68
|
+
return () => (0, _reactNativeReanimated.cancelAnimation)(opacity);
|
|
69
|
+
}, [opacity, pulse, hasIcon]);
|
|
70
|
+
const ringStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
71
|
+
transform: [{
|
|
72
|
+
rotate: `${rotation.value}deg`
|
|
73
|
+
}]
|
|
74
|
+
}));
|
|
75
|
+
const iconStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
|
|
76
|
+
opacity: opacity.value
|
|
77
|
+
}));
|
|
78
|
+
const radius = (size - trackWidth) / 2;
|
|
79
|
+
const circumference = 2 * Math.PI * radius;
|
|
80
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
81
|
+
className: "items-center justify-center",
|
|
82
|
+
style: {
|
|
83
|
+
width: size,
|
|
84
|
+
height: size
|
|
85
|
+
},
|
|
86
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
87
|
+
style: [{
|
|
88
|
+
position: "absolute"
|
|
89
|
+
}, ringStyle],
|
|
90
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
|
|
91
|
+
width: size,
|
|
92
|
+
height: size,
|
|
93
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
94
|
+
children: [trackColorToken ? /*#__PURE__*/(0, _jsxRuntime.jsx)(SpinnerTrack, {
|
|
95
|
+
size: size,
|
|
96
|
+
radius: radius,
|
|
97
|
+
strokeWidth: trackWidth,
|
|
98
|
+
colorToken: trackColorToken
|
|
99
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Circle, {
|
|
100
|
+
cx: size / 2,
|
|
101
|
+
cy: size / 2,
|
|
102
|
+
r: radius,
|
|
103
|
+
stroke: stroke,
|
|
104
|
+
strokeWidth: trackWidth,
|
|
105
|
+
strokeLinecap: "round",
|
|
106
|
+
strokeDasharray: `${circumference * 0.75} ${circumference}`,
|
|
107
|
+
fill: "none"
|
|
108
|
+
})]
|
|
109
|
+
})
|
|
110
|
+
}), icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
111
|
+
style: iconStyle,
|
|
112
|
+
children: icon
|
|
113
|
+
}) : null]
|
|
114
|
+
});
|
|
115
|
+
}
|
|
116
|
+
const DEFAULT_ACCESSIBILITY_LABEL = "Carregando";
|
|
117
|
+
|
|
118
|
+
/** Builds the progressbar label from the string parts of `text` and `description`. */
|
|
119
|
+
function getAccessibilityLabel(text, description) {
|
|
120
|
+
const parts = [text, description].filter(part => typeof part === "string" && part.length > 0);
|
|
121
|
+
return parts.length > 0 ? parts.join(". ") : DEFAULT_ACCESSIBILITY_LABEL;
|
|
122
|
+
}
|
|
123
|
+
function LoadingOverlayCard({
|
|
124
|
+
icon,
|
|
125
|
+
size,
|
|
126
|
+
trackWidth,
|
|
127
|
+
colorToken,
|
|
128
|
+
color,
|
|
129
|
+
trackColorToken,
|
|
130
|
+
pulse,
|
|
131
|
+
text = "Carregando...",
|
|
132
|
+
description,
|
|
133
|
+
children,
|
|
134
|
+
className,
|
|
135
|
+
textClassName,
|
|
136
|
+
descriptionClassName,
|
|
137
|
+
accessibilityLabel,
|
|
138
|
+
...props
|
|
139
|
+
}) {
|
|
140
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
141
|
+
className: (0, _utils.cn)("w-full min-h-[230px] items-center justify-center gap-6 rounded-xl bg-surface-card p-10", className),
|
|
142
|
+
...props,
|
|
143
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
144
|
+
accessible: true,
|
|
145
|
+
accessibilityRole: "progressbar",
|
|
146
|
+
accessibilityLabel: accessibilityLabel ?? getAccessibilityLabel(text, description),
|
|
147
|
+
accessibilityState: {
|
|
148
|
+
busy: true
|
|
149
|
+
},
|
|
150
|
+
accessibilityLiveRegion: "polite",
|
|
151
|
+
className: "w-full items-center gap-6",
|
|
152
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingOverlaySpinner, {
|
|
153
|
+
icon: icon,
|
|
154
|
+
size: size,
|
|
155
|
+
trackWidth: trackWidth,
|
|
156
|
+
colorToken: colorToken,
|
|
157
|
+
color: color,
|
|
158
|
+
trackColorToken: trackColorToken,
|
|
159
|
+
pulse: pulse
|
|
160
|
+
}), text || description ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
161
|
+
className: "w-full items-center gap-2",
|
|
162
|
+
children: [text ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
163
|
+
className: (0, _utils.cn)("text-center text-sm font-semibold text-content-title", textClassName),
|
|
164
|
+
children: text
|
|
165
|
+
}) : null, description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
|
|
166
|
+
className: (0, _utils.cn)("text-center text-sm font-medium text-content-paragraph", descriptionClassName),
|
|
167
|
+
children: description
|
|
168
|
+
}) : null]
|
|
169
|
+
}) : null]
|
|
170
|
+
}), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
171
|
+
className: "w-full",
|
|
172
|
+
children: children
|
|
173
|
+
}) : null]
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
const noop = () => {};
|
|
177
|
+
function LoadingOverlay({
|
|
178
|
+
visible = true,
|
|
179
|
+
onRequestClose = noop,
|
|
180
|
+
overlayColorToken = "backdrop",
|
|
181
|
+
overlayClassName,
|
|
182
|
+
containerClassName,
|
|
183
|
+
modalProps,
|
|
184
|
+
...cardProps
|
|
185
|
+
}) {
|
|
186
|
+
// Inline style: `bg-backdrop` depends on the consumer's Tailwind config having
|
|
187
|
+
// the token, which older `@medway-ui/core` versions don't ship.
|
|
188
|
+
const backdropColor = (0, _useThemeColor.useThemeColor)(overlayColorToken);
|
|
189
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
|
|
190
|
+
transparent: true,
|
|
191
|
+
statusBarTranslucent: true,
|
|
192
|
+
animationType: "fade",
|
|
193
|
+
...modalProps,
|
|
194
|
+
visible: visible,
|
|
195
|
+
onRequestClose: onRequestClose,
|
|
196
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
197
|
+
className: (0, _utils.cn)("flex-1 items-center justify-center", overlayClassName),
|
|
198
|
+
style: {
|
|
199
|
+
backgroundColor: backdropColor
|
|
200
|
+
},
|
|
201
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
202
|
+
className: (0, _utils.cn)("w-[90%] max-w-[320px]", containerClassName),
|
|
203
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(LoadingOverlayCard, {
|
|
204
|
+
...cardProps
|
|
205
|
+
})
|
|
206
|
+
})
|
|
207
|
+
})
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_reactNativeSvg","_interopRequireWildcard","_reactNativeReanimated","_Text","_useThemeColor","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SpinnerTrack","size","radius","strokeWidth","colorToken","color","useThemeColor","jsx","Circle","cx","cy","stroke","fill","LoadingOverlaySpinner","icon","trackWidth","trackColorToken","pulse","themeColor","hasIcon","Boolean","rotation","useSharedValue","opacity","useEffect","value","withRepeat","withTiming","duration","easing","Easing","linear","cancelAnimation","withSequence","ringStyle","useAnimatedStyle","transform","rotate","iconStyle","circumference","Math","PI","jsxs","View","className","style","width","height","children","position","viewBox","strokeLinecap","strokeDasharray","DEFAULT_ACCESSIBILITY_LABEL","getAccessibilityLabel","text","description","parts","filter","part","length","join","LoadingOverlayCard","textClassName","descriptionClassName","accessibilityLabel","props","cn","accessible","accessibilityRole","accessibilityState","busy","accessibilityLiveRegion","Text","noop","LoadingOverlay","visible","onRequestClose","overlayColorToken","overlayClassName","containerClassName","modalProps","cardProps","backdropColor","Modal","transparent","statusBarTranslucent","animationType","backgroundColor"],"sourceRoot":"../../../src","sources":["components/LoadingOverlay.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -7,6 +7,7 @@ exports.Tooltip = Tooltip;
|
|
|
7
7
|
exports.TooltipContent = TooltipContent;
|
|
8
8
|
exports.TooltipProvider = TooltipProvider;
|
|
9
9
|
exports.TooltipTrigger = TooltipTrigger;
|
|
10
|
+
var _reactNative = require("react-native");
|
|
10
11
|
var _Text = require("@/components/Text");
|
|
11
12
|
var TooltipPrimitive = _interopRequireWildcard(require("@rn-primitives/tooltip"));
|
|
12
13
|
var _utils = require("@/lib/utils");
|
|
@@ -41,7 +42,7 @@ function TooltipContent({
|
|
|
41
42
|
}) {
|
|
42
43
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(TooltipPrimitive.Portal, {
|
|
43
44
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipPrimitive.Overlay, {
|
|
44
|
-
|
|
45
|
+
style: _reactNative.StyleSheet.absoluteFill
|
|
45
46
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(TooltipPrimitive.Content, {
|
|
46
47
|
sideOffset: sideOffset,
|
|
47
48
|
className: (0, _utils.cn)("z-50 rounded-md bg-surface-elevated px-3 py-2 shadow-md", className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_Text","TooltipPrimitive","_interopRequireWildcard","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TooltipProvider","children","jsx","Fragment","Tooltip","props","Root","TooltipTrigger","Trigger","TooltipContent","className","sideOffset","jsxs","Portal","Overlay","style","StyleSheet","absoluteFill","Content","cn","Text"],"sourceRoot":"../../../src","sources":["components/Tooltip.tsx"],"mappings":";;;;;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAC,uBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAiC,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAG,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMjC,SAASkB,eAAeA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EAC/D,oBAAO,IAAArB,WAAA,CAAAsB,GAAA,EAAAtB,WAAA,CAAAuB,QAAA;IAAAF,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB;AAEA,SAASG,OAAOA,CAAC;EAAE,GAAGC;AAAkC,CAAC,EAAE;EACzD,oBAAO,IAAAzB,WAAA,CAAAsB,GAAA,EAACzB,gBAAgB,CAAC6B,IAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAC7C;AAEA,SAASE,cAAcA,CAAC;EAAE,GAAGF;AAAqC,CAAC,EAAE;EACnE,oBAAO,IAAAzB,WAAA,CAAAsB,GAAA,EAACzB,gBAAgB,CAAC+B,OAAO;IAAA,GAAKH;EAAK,CAAG,CAAC;AAChD;AAEA,SAASI,cAAcA,CAAC;EACtBC,SAAS;EACTC,UAAU,GAAG,CAAC;EACdV,QAAQ;EACR,GAAGI;AACgB,CAAC,EAAE;EACtB,oBACE,IAAAzB,WAAA,CAAAgC,IAAA,EAACnC,gBAAgB,CAACoC,MAAM;IAAAZ,QAAA,gBACtB,IAAArB,WAAA,CAAAsB,GAAA,EAACzB,gBAAgB,CAACqC,OAAO;MAACC,KAAK,EAAEC,uBAAU,CAACC;IAAa,CAAE,CAAC,eAC5D,IAAArC,WAAA,CAAAsB,GAAA,EAACzB,gBAAgB,CAACyC,OAAO;MACvBP,UAAU,EAAEA,UAAW;MACvBD,SAAS,EAAE,IAAAS,SAAE,EACX,yDAAyD,EACzDT,SACF,CAAE;MAAA,GACEL,KAAK;MAAAJ,QAAA,EAER,OAAOA,QAAQ,KAAK,QAAQ,gBAC3B,IAAArB,WAAA,CAAAsB,GAAA,EAAC1B,KAAA,CAAA4C,IAAI;QAACV,SAAS,EAAC,mDAAmD;QAAAT,QAAA,EAAEA;MAAQ,CAAO,CAAC,GAErFA;IACD,CACuB,CAAC;EAAA,CACJ,CAAC;AAE9B","ignoreList":[]}
|
|
@@ -32,7 +32,10 @@ const LIGHT_COLOR_ALIAS_MAP = {
|
|
|
32
32
|
'ped-background-fill': 'ped',
|
|
33
33
|
'prev-background-fill': 'prev',
|
|
34
34
|
'red-foreground': 'red-darken-2',
|
|
35
|
-
'go-foreground': 'go-darken-1'
|
|
35
|
+
'go-foreground': 'go-darken-1',
|
|
36
|
+
// Not a real CSS var: `--color-backdrop` resolves directly, this alias only
|
|
37
|
+
// keys the static fallback below (keep in sync with tokens.native.css).
|
|
38
|
+
backdrop: 'backdrop-light'
|
|
36
39
|
};
|
|
37
40
|
|
|
38
41
|
/** Fallback — dark mode (espelha tokens.css `.dark`). */
|
|
@@ -56,7 +59,9 @@ const DARK_COLOR_ALIAS_MAP = {
|
|
|
56
59
|
'ped-background-fill': 'ped',
|
|
57
60
|
'prev-background-fill': 'prev',
|
|
58
61
|
'red-foreground': 'red-lighten-3',
|
|
59
|
-
'go-foreground': 'go-lighten-5'
|
|
62
|
+
'go-foreground': 'go-lighten-5',
|
|
63
|
+
// Fallback key only, see LIGHT_COLOR_ALIAS_MAP.
|
|
64
|
+
backdrop: 'backdrop-dark'
|
|
60
65
|
};
|
|
61
66
|
|
|
62
67
|
/** Fallback estático quando NativeWind não resolve `var(--color-*)` encadeado. */
|
|
@@ -84,7 +89,9 @@ const THEME_COLOR_FALLBACKS = {
|
|
|
84
89
|
'go-lighten-5': 'rgba(237, 187, 192, 1)',
|
|
85
90
|
'secondary-darken-1': 'rgba(7, 171, 149, 1)',
|
|
86
91
|
'secondary-darken-3': 'rgba(13, 104, 92, 1)',
|
|
87
|
-
'secondary-lighten-1': 'rgba(22, 208, 118, 1)'
|
|
92
|
+
'secondary-lighten-1': 'rgba(22, 208, 118, 1)',
|
|
93
|
+
'backdrop-light': 'rgba(16, 19, 24, 0.3)',
|
|
94
|
+
'backdrop-dark': 'rgba(16, 19, 24, 0.5)'
|
|
88
95
|
};
|
|
89
96
|
const DEFAULT_COLOR = exports.DEFAULT_COLOR = '#3B4958';
|
|
90
97
|
function toCssVariable(token) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_nativewind","require","LIGHT_COLOR_ALIAS_MAP","DARK_COLOR_ALIAS_MAP","THEME_COLOR_FALLBACKS","white","primary","go","cir","ped","prev","DEFAULT_COLOR","exports","toCssVariable","token","startsWith","toTokenName","slice","length","toResolvedCssVariable","aliasMap","tokenName","isResolvedColor","value","getFallbackColor","aliasToken","withAlpha","color","alpha","clamped","Math","min","max","rgba","match","hex","split","map","char","join","a","round","toString","padStart","useThemeColor","colorScheme","useColorScheme","useUnstableNativeVariable","resolvedValue","undefined"],"sourceRoot":"../../../src","sources":["hooks/useThemeColor.ts"],"mappings":";;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAEA;;AAGA;AACA,MAAMC,qBAA6C,GAAG;EACpD,eAAe,EAAE,SAAS;EAC1B,mBAAmB,EAAE,UAAU;EAC/B,iBAAiB,EAAE,UAAU;EAC7B,oBAAoB,EAAE,SAAS;EAC/B,sBAAsB,EAAE,oBAAoB;EAC5C,2BAA2B,EAAE,oBAAoB;EACjD,cAAc,EAAE,OAAO;EACvB,uBAAuB,EAAE,UAAU;EACnC,mBAAmB,EAAE,UAAU;EAC/B,4BAA4B,EAAE,UAAU;EACxC,4BAA4B,EAAE,SAAS;EACvC,2BAA2B,EAAE,OAAO;EACpC,yBAAyB,EAAE,SAAS;EACpC,oBAAoB,EAAE,aAAa;EACnC,oBAAoB,EAAE,IAAI;EAC1B,qBAAqB,EAAE,KAAK;EAC5B,qBAAqB,EAAE,KAAK;EAC5B,sBAAsB,EAAE,MAAM;EAC9B,gBAAgB,EAAE,cAAc;EAChC,eAAe,EAAE;
|
|
1
|
+
{"version":3,"names":["_nativewind","require","LIGHT_COLOR_ALIAS_MAP","backdrop","DARK_COLOR_ALIAS_MAP","THEME_COLOR_FALLBACKS","white","primary","go","cir","ped","prev","DEFAULT_COLOR","exports","toCssVariable","token","startsWith","toTokenName","slice","length","toResolvedCssVariable","aliasMap","tokenName","isResolvedColor","value","getFallbackColor","aliasToken","withAlpha","color","alpha","clamped","Math","min","max","rgba","match","hex","split","map","char","join","a","round","toString","padStart","useThemeColor","colorScheme","useColorScheme","useUnstableNativeVariable","resolvedValue","undefined"],"sourceRoot":"../../../src","sources":["hooks/useThemeColor.ts"],"mappings":"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","ignoreList":[]}
|
package/lib/commonjs/index.js
CHANGED
|
@@ -573,6 +573,24 @@ Object.defineProperty(exports, "Loading", {
|
|
|
573
573
|
return _Loading.Loading;
|
|
574
574
|
}
|
|
575
575
|
});
|
|
576
|
+
Object.defineProperty(exports, "LoadingOverlay", {
|
|
577
|
+
enumerable: true,
|
|
578
|
+
get: function () {
|
|
579
|
+
return _LoadingOverlay.LoadingOverlay;
|
|
580
|
+
}
|
|
581
|
+
});
|
|
582
|
+
Object.defineProperty(exports, "LoadingOverlayCard", {
|
|
583
|
+
enumerable: true,
|
|
584
|
+
get: function () {
|
|
585
|
+
return _LoadingOverlay.LoadingOverlayCard;
|
|
586
|
+
}
|
|
587
|
+
});
|
|
588
|
+
Object.defineProperty(exports, "LoadingOverlaySpinner", {
|
|
589
|
+
enumerable: true,
|
|
590
|
+
get: function () {
|
|
591
|
+
return _LoadingOverlay.LoadingOverlaySpinner;
|
|
592
|
+
}
|
|
593
|
+
});
|
|
576
594
|
Object.defineProperty(exports, "MemberRow", {
|
|
577
595
|
enumerable: true,
|
|
578
596
|
get: function () {
|
|
@@ -1161,6 +1179,7 @@ var _Input = require("@/components/Input");
|
|
|
1161
1179
|
var _IndexLevel = require("@/components/IndexLevel");
|
|
1162
1180
|
var _Label = require("@/components/Label");
|
|
1163
1181
|
var _Loading = require("@/components/Loading");
|
|
1182
|
+
var _LoadingOverlay = require("@/components/LoadingOverlay");
|
|
1164
1183
|
var _Skeleton = require("@/components/Skeleton");
|
|
1165
1184
|
var _RadioGroup = require("@/components/RadioGroup");
|
|
1166
1185
|
var _Select = require("@/components/Select");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Alert","require","_Badge","_Avatar","_FallbackImage","_CardNews","_EmptyState","_PageHeader","_Carousel","_DropdownMenu","_Feed","_FeedNotice","_InvitePopover","_LeaderboardCard","_MemberRow","_PostForm","_PrizeCollection","_Text","_SectionHeader","_Button","_Checkbox","_Input","_IndexLevel","_Label","_Loading","_Skeleton","_RadioGroup","_Select","_Separator","_Switch","_AlertDialog","_Dialog","_Popover","_Sheet","_Tag","_Tabs","_Toast","_Tooltip","_useToast","_useThemeColor","_ThemedIcon"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_Alert","require","_Badge","_Avatar","_FallbackImage","_CardNews","_EmptyState","_PageHeader","_Carousel","_DropdownMenu","_Feed","_FeedNotice","_InvitePopover","_LeaderboardCard","_MemberRow","_PostForm","_PrizeCollection","_Text","_SectionHeader","_Button","_Checkbox","_Input","_IndexLevel","_Label","_Loading","_LoadingOverlay","_Skeleton","_RadioGroup","_Select","_Separator","_Switch","_AlertDialog","_Dialog","_Popover","_Sheet","_Tag","_Tabs","_Toast","_Tooltip","_useToast","_useThemeColor","_ThemedIcon"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAeA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAaA,IAAAG,cAAA,GAAAH,OAAA;AAIA,IAAAI,SAAA,GAAAJ,OAAA;AAyBA,IAAAK,WAAA,GAAAL,OAAA;AAIA,IAAAM,WAAA,GAAAN,OAAA;AAIA,IAAAO,SAAA,GAAAP,OAAA;AAYA,IAAAQ,aAAA,GAAAR,OAAA;AAgBA,IAAAS,KAAA,GAAAT,OAAA;AAQA,IAAAU,WAAA,GAAAV,OAAA;AAIA,IAAAW,cAAA,GAAAX,OAAA;AAqBA,IAAAY,gBAAA,GAAAZ,OAAA;AAWA,IAAAa,UAAA,GAAAb,OAAA;AAIA,IAAAc,SAAA,GAAAd,OAAA;AAkBA,IAAAe,gBAAA,GAAAf,OAAA;AAiBA,IAAAgB,KAAA,GAAAhB,OAAA;AAIA,IAAAiB,cAAA,GAAAjB,OAAA;AAIA,IAAAkB,OAAA,GAAAlB,OAAA;AAIA,IAAAmB,SAAA,GAAAnB,OAAA;AAIA,IAAAoB,MAAA,GAAApB,OAAA;AAwBA,IAAAqB,WAAA,GAAArB,OAAA;AAiBA,IAAAsB,MAAA,GAAAtB,OAAA;AAIA,IAAAuB,QAAA,GAAAvB,OAAA;AAIA,IAAAwB,eAAA,GAAAxB,OAAA;AAYA,IAAAyB,SAAA,GAAAzB,OAAA;AAIA,IAAA0B,WAAA,GAAA1B,OAAA;AAUA,IAAA2B,OAAA,GAAA3B,OAAA;AAmBA,IAAA4B,UAAA,GAAA5B,OAAA;AAIA,IAAA6B,OAAA,GAAA7B,OAAA;AAIA,IAAA8B,YAAA,GAAA9B,OAAA;AA0BA,IAAA+B,OAAA,GAAA/B,OAAA;AAqBA,IAAAgC,QAAA,GAAAhC,OAAA;AASA,IAAAiC,MAAA,GAAAjC,OAAA;AAmBA,IAAAkC,IAAA,GAAAlC,OAAA;AAIA,IAAAmC,KAAA,GAAAnC,OAAA;AAgBA,IAAAoC,MAAA,GAAApC,OAAA;AAaA,IAAAqC,QAAA,GAAArC,OAAA;AASA,IAAAsC,SAAA,GAAAtC,OAAA;AACA,IAAAuC,cAAA,GAAAvC,OAAA;AAIA,IAAAwC,WAAA,GAAAxC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect } from "react";
|
|
4
|
+
import { Modal, View } from "react-native";
|
|
5
|
+
import Svg, { Circle } from "react-native-svg";
|
|
6
|
+
import Animated, { cancelAnimation, Easing, useAnimatedStyle, useSharedValue, withRepeat, withSequence, withTiming } from "react-native-reanimated";
|
|
7
|
+
import { Text } from "@/components/Text";
|
|
8
|
+
import { useThemeColor } from "@/hooks/useThemeColor";
|
|
9
|
+
import { cn } from "@/lib/utils";
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
/** Rendered only when a track token is set, so the default case skips the color lookup. */
|
|
12
|
+
function SpinnerTrack({
|
|
13
|
+
size,
|
|
14
|
+
radius,
|
|
15
|
+
strokeWidth,
|
|
16
|
+
colorToken
|
|
17
|
+
}) {
|
|
18
|
+
const color = useThemeColor(colorToken);
|
|
19
|
+
return /*#__PURE__*/_jsx(Circle, {
|
|
20
|
+
cx: size / 2,
|
|
21
|
+
cy: size / 2,
|
|
22
|
+
r: radius,
|
|
23
|
+
stroke: color,
|
|
24
|
+
strokeWidth: strokeWidth,
|
|
25
|
+
fill: "none"
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
function LoadingOverlaySpinner({
|
|
29
|
+
icon,
|
|
30
|
+
size = 72,
|
|
31
|
+
trackWidth = 2,
|
|
32
|
+
colorToken = "gray-stroke-muted",
|
|
33
|
+
color,
|
|
34
|
+
trackColorToken,
|
|
35
|
+
pulse = true
|
|
36
|
+
}) {
|
|
37
|
+
const themeColor = useThemeColor(colorToken);
|
|
38
|
+
const stroke = color ?? themeColor;
|
|
39
|
+
const hasIcon = Boolean(icon);
|
|
40
|
+
const rotation = useSharedValue(0);
|
|
41
|
+
const opacity = useSharedValue(1);
|
|
42
|
+
useEffect(() => {
|
|
43
|
+
rotation.value = withRepeat(withTiming(360, {
|
|
44
|
+
duration: 1000,
|
|
45
|
+
easing: Easing.linear
|
|
46
|
+
}), -1, false);
|
|
47
|
+
return () => cancelAnimation(rotation);
|
|
48
|
+
}, [rotation]);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
// Nothing to pulse without an icon; skip the infinite loop on the UI thread.
|
|
51
|
+
if (!pulse || !hasIcon) {
|
|
52
|
+
opacity.value = 1;
|
|
53
|
+
return;
|
|
54
|
+
}
|
|
55
|
+
opacity.value = 0.4;
|
|
56
|
+
opacity.value = withRepeat(withSequence(withTiming(1, {
|
|
57
|
+
duration: 400
|
|
58
|
+
}), withTiming(0.4, {
|
|
59
|
+
duration: 400
|
|
60
|
+
})), -1, false);
|
|
61
|
+
return () => cancelAnimation(opacity);
|
|
62
|
+
}, [opacity, pulse, hasIcon]);
|
|
63
|
+
const ringStyle = useAnimatedStyle(() => ({
|
|
64
|
+
transform: [{
|
|
65
|
+
rotate: `${rotation.value}deg`
|
|
66
|
+
}]
|
|
67
|
+
}));
|
|
68
|
+
const iconStyle = useAnimatedStyle(() => ({
|
|
69
|
+
opacity: opacity.value
|
|
70
|
+
}));
|
|
71
|
+
const radius = (size - trackWidth) / 2;
|
|
72
|
+
const circumference = 2 * Math.PI * radius;
|
|
73
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
74
|
+
className: "items-center justify-center",
|
|
75
|
+
style: {
|
|
76
|
+
width: size,
|
|
77
|
+
height: size
|
|
78
|
+
},
|
|
79
|
+
children: [/*#__PURE__*/_jsx(Animated.View, {
|
|
80
|
+
style: [{
|
|
81
|
+
position: "absolute"
|
|
82
|
+
}, ringStyle],
|
|
83
|
+
children: /*#__PURE__*/_jsxs(Svg, {
|
|
84
|
+
width: size,
|
|
85
|
+
height: size,
|
|
86
|
+
viewBox: `0 0 ${size} ${size}`,
|
|
87
|
+
children: [trackColorToken ? /*#__PURE__*/_jsx(SpinnerTrack, {
|
|
88
|
+
size: size,
|
|
89
|
+
radius: radius,
|
|
90
|
+
strokeWidth: trackWidth,
|
|
91
|
+
colorToken: trackColorToken
|
|
92
|
+
}) : null, /*#__PURE__*/_jsx(Circle, {
|
|
93
|
+
cx: size / 2,
|
|
94
|
+
cy: size / 2,
|
|
95
|
+
r: radius,
|
|
96
|
+
stroke: stroke,
|
|
97
|
+
strokeWidth: trackWidth,
|
|
98
|
+
strokeLinecap: "round",
|
|
99
|
+
strokeDasharray: `${circumference * 0.75} ${circumference}`,
|
|
100
|
+
fill: "none"
|
|
101
|
+
})]
|
|
102
|
+
})
|
|
103
|
+
}), icon ? /*#__PURE__*/_jsx(Animated.View, {
|
|
104
|
+
style: iconStyle,
|
|
105
|
+
children: icon
|
|
106
|
+
}) : null]
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
const DEFAULT_ACCESSIBILITY_LABEL = "Carregando";
|
|
110
|
+
|
|
111
|
+
/** Builds the progressbar label from the string parts of `text` and `description`. */
|
|
112
|
+
function getAccessibilityLabel(text, description) {
|
|
113
|
+
const parts = [text, description].filter(part => typeof part === "string" && part.length > 0);
|
|
114
|
+
return parts.length > 0 ? parts.join(". ") : DEFAULT_ACCESSIBILITY_LABEL;
|
|
115
|
+
}
|
|
116
|
+
function LoadingOverlayCard({
|
|
117
|
+
icon,
|
|
118
|
+
size,
|
|
119
|
+
trackWidth,
|
|
120
|
+
colorToken,
|
|
121
|
+
color,
|
|
122
|
+
trackColorToken,
|
|
123
|
+
pulse,
|
|
124
|
+
text = "Carregando...",
|
|
125
|
+
description,
|
|
126
|
+
children,
|
|
127
|
+
className,
|
|
128
|
+
textClassName,
|
|
129
|
+
descriptionClassName,
|
|
130
|
+
accessibilityLabel,
|
|
131
|
+
...props
|
|
132
|
+
}) {
|
|
133
|
+
return /*#__PURE__*/_jsxs(View, {
|
|
134
|
+
className: cn("w-full min-h-[230px] items-center justify-center gap-6 rounded-xl bg-surface-card p-10", className),
|
|
135
|
+
...props,
|
|
136
|
+
children: [/*#__PURE__*/_jsxs(View, {
|
|
137
|
+
accessible: true,
|
|
138
|
+
accessibilityRole: "progressbar",
|
|
139
|
+
accessibilityLabel: accessibilityLabel ?? getAccessibilityLabel(text, description),
|
|
140
|
+
accessibilityState: {
|
|
141
|
+
busy: true
|
|
142
|
+
},
|
|
143
|
+
accessibilityLiveRegion: "polite",
|
|
144
|
+
className: "w-full items-center gap-6",
|
|
145
|
+
children: [/*#__PURE__*/_jsx(LoadingOverlaySpinner, {
|
|
146
|
+
icon: icon,
|
|
147
|
+
size: size,
|
|
148
|
+
trackWidth: trackWidth,
|
|
149
|
+
colorToken: colorToken,
|
|
150
|
+
color: color,
|
|
151
|
+
trackColorToken: trackColorToken,
|
|
152
|
+
pulse: pulse
|
|
153
|
+
}), text || description ? /*#__PURE__*/_jsxs(View, {
|
|
154
|
+
className: "w-full items-center gap-2",
|
|
155
|
+
children: [text ? /*#__PURE__*/_jsx(Text, {
|
|
156
|
+
className: cn("text-center text-sm font-semibold text-content-title", textClassName),
|
|
157
|
+
children: text
|
|
158
|
+
}) : null, description ? /*#__PURE__*/_jsx(Text, {
|
|
159
|
+
className: cn("text-center text-sm font-medium text-content-paragraph", descriptionClassName),
|
|
160
|
+
children: description
|
|
161
|
+
}) : null]
|
|
162
|
+
}) : null]
|
|
163
|
+
}), children ? /*#__PURE__*/_jsx(View, {
|
|
164
|
+
className: "w-full",
|
|
165
|
+
children: children
|
|
166
|
+
}) : null]
|
|
167
|
+
});
|
|
168
|
+
}
|
|
169
|
+
const noop = () => {};
|
|
170
|
+
function LoadingOverlay({
|
|
171
|
+
visible = true,
|
|
172
|
+
onRequestClose = noop,
|
|
173
|
+
overlayColorToken = "backdrop",
|
|
174
|
+
overlayClassName,
|
|
175
|
+
containerClassName,
|
|
176
|
+
modalProps,
|
|
177
|
+
...cardProps
|
|
178
|
+
}) {
|
|
179
|
+
// Inline style: `bg-backdrop` depends on the consumer's Tailwind config having
|
|
180
|
+
// the token, which older `@medway-ui/core` versions don't ship.
|
|
181
|
+
const backdropColor = useThemeColor(overlayColorToken);
|
|
182
|
+
return /*#__PURE__*/_jsx(Modal, {
|
|
183
|
+
transparent: true,
|
|
184
|
+
statusBarTranslucent: true,
|
|
185
|
+
animationType: "fade",
|
|
186
|
+
...modalProps,
|
|
187
|
+
visible: visible,
|
|
188
|
+
onRequestClose: onRequestClose,
|
|
189
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
190
|
+
className: cn("flex-1 items-center justify-center", overlayClassName),
|
|
191
|
+
style: {
|
|
192
|
+
backgroundColor: backdropColor
|
|
193
|
+
},
|
|
194
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
195
|
+
className: cn("w-[90%] max-w-[320px]", containerClassName),
|
|
196
|
+
children: /*#__PURE__*/_jsx(LoadingOverlayCard, {
|
|
197
|
+
...cardProps
|
|
198
|
+
})
|
|
199
|
+
})
|
|
200
|
+
})
|
|
201
|
+
});
|
|
202
|
+
}
|
|
203
|
+
export { LoadingOverlay, LoadingOverlayCard, LoadingOverlaySpinner };
|
|
204
|
+
//# sourceMappingURL=LoadingOverlay.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","Modal","View","Svg","Circle","Animated","cancelAnimation","Easing","useAnimatedStyle","useSharedValue","withRepeat","withSequence","withTiming","Text","useThemeColor","cn","jsx","_jsx","jsxs","_jsxs","SpinnerTrack","size","radius","strokeWidth","colorToken","color","cx","cy","r","stroke","fill","LoadingOverlaySpinner","icon","trackWidth","trackColorToken","pulse","themeColor","hasIcon","Boolean","rotation","opacity","value","duration","easing","linear","ringStyle","transform","rotate","iconStyle","circumference","Math","PI","className","style","width","height","children","position","viewBox","strokeLinecap","strokeDasharray","DEFAULT_ACCESSIBILITY_LABEL","getAccessibilityLabel","text","description","parts","filter","part","length","join","LoadingOverlayCard","textClassName","descriptionClassName","accessibilityLabel","props","accessible","accessibilityRole","accessibilityState","busy","accessibilityLiveRegion","noop","LoadingOverlay","visible","onRequestClose","overlayColorToken","overlayClassName","containerClassName","modalProps","cardProps","backdropColor","transparent","statusBarTranslucent","animationType","backgroundColor"],"sourceRoot":"../../../src","sources":["components/LoadingOverlay.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import { StyleSheet } from "react-native";
|
|
3
4
|
import { Text } from "@/components/Text";
|
|
4
5
|
import * as TooltipPrimitive from "@rn-primitives/tooltip";
|
|
5
6
|
import { cn } from "@/lib/utils";
|
|
@@ -33,7 +34,7 @@ function TooltipContent({
|
|
|
33
34
|
}) {
|
|
34
35
|
return /*#__PURE__*/_jsxs(TooltipPrimitive.Portal, {
|
|
35
36
|
children: [/*#__PURE__*/_jsx(TooltipPrimitive.Overlay, {
|
|
36
|
-
|
|
37
|
+
style: StyleSheet.absoluteFill
|
|
37
38
|
}), /*#__PURE__*/_jsx(TooltipPrimitive.Content, {
|
|
38
39
|
sideOffset: sideOffset,
|
|
39
40
|
className: cn("z-50 rounded-md bg-surface-elevated px-3 py-2 shadow-md", className),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","TooltipPrimitive","cn","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","TooltipProvider","children","Tooltip","props","Root","TooltipTrigger","Trigger","TooltipContent","className","sideOffset","Portal","Overlay","Content"],"sourceRoot":"../../../src","sources":["components/Tooltip.tsx"],"mappings":";;
|
|
1
|
+
{"version":3,"names":["StyleSheet","Text","TooltipPrimitive","cn","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","TooltipProvider","children","Tooltip","props","Root","TooltipTrigger","Trigger","TooltipContent","className","sideOffset","Portal","Overlay","style","absoluteFill","Content"],"sourceRoot":"../../../src","sources":["components/Tooltip.tsx"],"mappings":";;AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,IAAI,QAAQ,mBAAmB;AACxC,OAAO,KAAKC,gBAAgB,MAAM,wBAAwB;AAC1D,SAASC,EAAE,QAAQ,aAAa;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMjC,SAASC,eAAeA,CAAC;EAAEC;AAAmC,CAAC,EAAE;EAC/D,oBAAOJ,IAAA,CAAAF,SAAA;IAAAM,QAAA,EAAGA;EAAQ,CAAG,CAAC;AACxB;AAEA,SAASC,OAAOA,CAAC;EAAE,GAAGC;AAAkC,CAAC,EAAE;EACzD,oBAAON,IAAA,CAACL,gBAAgB,CAACY,IAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAC7C;AAEA,SAASE,cAAcA,CAAC;EAAE,GAAGF;AAAqC,CAAC,EAAE;EACnE,oBAAON,IAAA,CAACL,gBAAgB,CAACc,OAAO;IAAA,GAAKH;EAAK,CAAG,CAAC;AAChD;AAEA,SAASI,cAAcA,CAAC;EACtBC,SAAS;EACTC,UAAU,GAAG,CAAC;EACdR,QAAQ;EACR,GAAGE;AACgB,CAAC,EAAE;EACtB,oBACEJ,KAAA,CAACP,gBAAgB,CAACkB,MAAM;IAAAT,QAAA,gBACtBJ,IAAA,CAACL,gBAAgB,CAACmB,OAAO;MAACC,KAAK,EAAEtB,UAAU,CAACuB;IAAa,CAAE,CAAC,eAC5DhB,IAAA,CAACL,gBAAgB,CAACsB,OAAO;MACvBL,UAAU,EAAEA,UAAW;MACvBD,SAAS,EAAEf,EAAE,CACX,yDAAyD,EACzDe,SACF,CAAE;MAAA,GACEL,KAAK;MAAAF,QAAA,EAER,OAAOA,QAAQ,KAAK,QAAQ,gBAC3BJ,IAAA,CAACN,IAAI;QAACiB,SAAS,EAAC,mDAAmD;QAAAP,QAAA,EAAEA;MAAQ,CAAO,CAAC,GAErFA;IACD,CACuB,CAAC;EAAA,CACJ,CAAC;AAE9B;AAEA,SAASC,OAAO,EAAEK,cAAc,EAAEP,eAAe,EAAEK,cAAc","ignoreList":[]}
|