@gnome-ui/react-native 1.4.0 → 1.5.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 +141 -2
- package/dist/components/Chip/Chip.d.ts +63 -0
- package/dist/components/Chip/index.d.ts +2 -0
- package/dist/components/Drawer/Drawer.d.ts +117 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/FileTypeIcon/FileTypeIcon.d.ts +45 -0
- package/dist/components/FileTypeIcon/fileType.d.ts +8 -0
- package/dist/components/FileTypeIcon/index.d.ts +3 -0
- package/dist/components/IconButton/IconButton.d.ts +34 -0
- package/dist/components/IconButton/index.d.ts +2 -0
- package/dist/components/SegmentedBar/SegmentedBar.d.ts +64 -0
- package/dist/components/SegmentedBar/index.d.ts +2 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.js +1034 -558
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { Children as e, Fragment as t, cloneElement as n, createContext as r, forwardRef as i, isValidElement as a, useCallback as o, useContext as s, useEffect as c, useImperativeHandle as l, useMemo as u, useRef as d, useState as f } from "react";
|
|
2
2
|
import { AccessibilityInfo as p, Animated as m, BackHandler as h, Dimensions as g, Easing as _, I18nManager as v, Image as y, Linking as b, Modal as x, PanResponder as S, Platform as C, Pressable as w, ScrollView as T, StyleSheet as E, Text as D, TextInput as O, View as k, useColorScheme as A } from "react-native";
|
|
3
3
|
import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
|
|
4
|
-
import {
|
|
5
|
-
import { Circle as
|
|
4
|
+
import { ApplicationXExecutable as P, AudioXGeneric as F, Check as I, Close as L, Connecting as R, Document as z, Downloading as ee, Folder as te, FontXGeneric as ne, ImageXGeneric as re, PackageXGeneric as ie, PanDown as ae, PanEnd as oe, Recording as se, Syncing as ce, TextXGeneric as le, VideoXGeneric as ue, XOfficeDocument as de, XOfficePresentation as fe, XOfficeSpreadsheet as pe } from "@gnome-ui/icons";
|
|
5
|
+
import { Circle as me, G as he, Path as B, Svg as ge, SvgXml as _e } from "react-native-svg";
|
|
6
6
|
//#region src/theme/tokens.generated.ts
|
|
7
|
-
var
|
|
7
|
+
var ve = {
|
|
8
8
|
accentBgColor: "#3584e4",
|
|
9
9
|
accentColor: "#3584e4",
|
|
10
10
|
accentFgColor: "#fff",
|
|
@@ -145,7 +145,7 @@ var oe = {
|
|
|
145
145
|
yellow3: "#f6d32d",
|
|
146
146
|
yellow4: "#f5c211",
|
|
147
147
|
yellow5: "#e5a50a"
|
|
148
|
-
},
|
|
148
|
+
}, ye = {
|
|
149
149
|
accentBgColor: "#3584e4",
|
|
150
150
|
accentColor: "#62a0ea",
|
|
151
151
|
accentFgColor: "#fff",
|
|
@@ -286,7 +286,7 @@ var oe = {
|
|
|
286
286
|
yellow3: "#f6d32d",
|
|
287
287
|
yellow4: "#f5c211",
|
|
288
288
|
yellow5: "#e5a50a"
|
|
289
|
-
},
|
|
289
|
+
}, be = {
|
|
290
290
|
accentBgColor: "#1a5fb4",
|
|
291
291
|
accentColor: "#1a5fb4",
|
|
292
292
|
accentFgColor: "#fff",
|
|
@@ -427,7 +427,7 @@ var oe = {
|
|
|
427
427
|
yellow3: "#f6d32d",
|
|
428
428
|
yellow4: "#f5c211",
|
|
429
429
|
yellow5: "#e5a50a"
|
|
430
|
-
},
|
|
430
|
+
}, xe = {
|
|
431
431
|
accentBgColor: "#62a0ea",
|
|
432
432
|
accentColor: "#99c1f1",
|
|
433
433
|
accentFgColor: "#fff",
|
|
@@ -568,7 +568,7 @@ var oe = {
|
|
|
568
568
|
yellow3: "#f6d32d",
|
|
569
569
|
yellow4: "#f5c211",
|
|
570
570
|
yellow5: "#e5a50a"
|
|
571
|
-
},
|
|
571
|
+
}, Se = {
|
|
572
572
|
"--gnome-accent-bg-color": "#3584e4",
|
|
573
573
|
"--gnome-accent-color": "#3584e4",
|
|
574
574
|
"--gnome-accent-fg-color": "#fff",
|
|
@@ -709,7 +709,7 @@ var oe = {
|
|
|
709
709
|
"--gnome-yellow-3": "#f6d32d",
|
|
710
710
|
"--gnome-yellow-4": "#f5c211",
|
|
711
711
|
"--gnome-yellow-5": "#e5a50a"
|
|
712
|
-
},
|
|
712
|
+
}, Ce = {
|
|
713
713
|
"--gnome-accent-bg-color": "#3584e4",
|
|
714
714
|
"--gnome-accent-color": "#62a0ea",
|
|
715
715
|
"--gnome-accent-fg-color": "#fff",
|
|
@@ -850,7 +850,7 @@ var oe = {
|
|
|
850
850
|
"--gnome-yellow-3": "#f6d32d",
|
|
851
851
|
"--gnome-yellow-4": "#f5c211",
|
|
852
852
|
"--gnome-yellow-5": "#e5a50a"
|
|
853
|
-
},
|
|
853
|
+
}, we = {
|
|
854
854
|
"--gnome-accent-bg-color": "#1a5fb4",
|
|
855
855
|
"--gnome-accent-color": "#1a5fb4",
|
|
856
856
|
"--gnome-accent-fg-color": "#fff",
|
|
@@ -991,7 +991,7 @@ var oe = {
|
|
|
991
991
|
"--gnome-yellow-3": "#f6d32d",
|
|
992
992
|
"--gnome-yellow-4": "#f5c211",
|
|
993
993
|
"--gnome-yellow-5": "#e5a50a"
|
|
994
|
-
},
|
|
994
|
+
}, Te = {
|
|
995
995
|
"--gnome-accent-bg-color": "#62a0ea",
|
|
996
996
|
"--gnome-accent-color": "#99c1f1",
|
|
997
997
|
"--gnome-accent-fg-color": "#fff",
|
|
@@ -1132,7 +1132,7 @@ var oe = {
|
|
|
1132
1132
|
"--gnome-yellow-3": "#f6d32d",
|
|
1133
1133
|
"--gnome-yellow-4": "#f5c211",
|
|
1134
1134
|
"--gnome-yellow-5": "#e5a50a"
|
|
1135
|
-
},
|
|
1135
|
+
}, V = r({
|
|
1136
1136
|
locale: void 0,
|
|
1137
1137
|
dir: "ltr",
|
|
1138
1138
|
numberFormat: void 0,
|
|
@@ -1142,16 +1142,16 @@ var oe = {
|
|
|
1142
1142
|
contrast: "system",
|
|
1143
1143
|
resolvedContrast: "normal",
|
|
1144
1144
|
accentColor: "blue",
|
|
1145
|
-
theme:
|
|
1145
|
+
theme: ve
|
|
1146
1146
|
});
|
|
1147
|
-
function
|
|
1148
|
-
return s(
|
|
1147
|
+
function Ee() {
|
|
1148
|
+
return s(V).locale;
|
|
1149
1149
|
}
|
|
1150
|
-
function
|
|
1151
|
-
return s(
|
|
1150
|
+
function De() {
|
|
1151
|
+
return s(V).dir;
|
|
1152
1152
|
}
|
|
1153
|
-
function
|
|
1154
|
-
let { locale: t, numberFormat: n } = s(
|
|
1153
|
+
function Oe(e) {
|
|
1154
|
+
let { locale: t, numberFormat: n } = s(V);
|
|
1155
1155
|
return u(() => new Intl.NumberFormat(t, {
|
|
1156
1156
|
...n,
|
|
1157
1157
|
...e
|
|
@@ -1161,8 +1161,8 @@ function ge(e) {
|
|
|
1161
1161
|
e
|
|
1162
1162
|
]);
|
|
1163
1163
|
}
|
|
1164
|
-
function
|
|
1165
|
-
let { locale: t, dateTimeFormat: n } = s(
|
|
1164
|
+
function ke(e) {
|
|
1165
|
+
let { locale: t, dateTimeFormat: n } = s(V);
|
|
1166
1166
|
return u(() => new Intl.DateTimeFormat(t, {
|
|
1167
1167
|
...n,
|
|
1168
1168
|
...e
|
|
@@ -1172,32 +1172,32 @@ function _e(e) {
|
|
|
1172
1172
|
e
|
|
1173
1173
|
]);
|
|
1174
1174
|
}
|
|
1175
|
-
function
|
|
1176
|
-
return s(
|
|
1177
|
-
}
|
|
1178
|
-
function V() {
|
|
1179
|
-
return s(B).resolvedColorScheme;
|
|
1180
|
-
}
|
|
1181
|
-
function ye() {
|
|
1182
|
-
return s(B).contrast;
|
|
1175
|
+
function Ae() {
|
|
1176
|
+
return s(V).colorScheme;
|
|
1183
1177
|
}
|
|
1184
1178
|
function H() {
|
|
1185
|
-
return s(
|
|
1179
|
+
return s(V).resolvedColorScheme;
|
|
1186
1180
|
}
|
|
1187
|
-
function
|
|
1188
|
-
return s(
|
|
1181
|
+
function je() {
|
|
1182
|
+
return s(V).contrast;
|
|
1189
1183
|
}
|
|
1190
1184
|
function U() {
|
|
1191
|
-
return s(
|
|
1185
|
+
return s(V).resolvedContrast;
|
|
1186
|
+
}
|
|
1187
|
+
function Me() {
|
|
1188
|
+
return s(V).accentColor;
|
|
1189
|
+
}
|
|
1190
|
+
function W() {
|
|
1191
|
+
return s(V).theme;
|
|
1192
1192
|
}
|
|
1193
1193
|
//#endregion
|
|
1194
1194
|
//#region src/theme/resolveTheme.ts
|
|
1195
|
-
function
|
|
1196
|
-
return t === "more" ? e === "dark" ?
|
|
1195
|
+
function Ne({ colorScheme: e, contrast: t = "normal" }) {
|
|
1196
|
+
return t === "more" ? e === "dark" ? xe : be : e === "dark" ? ye : ve;
|
|
1197
1197
|
}
|
|
1198
1198
|
//#endregion
|
|
1199
1199
|
//#region src/GnomeProvider/resolveContext.ts
|
|
1200
|
-
var
|
|
1200
|
+
var Pe = new Set([
|
|
1201
1201
|
"blue",
|
|
1202
1202
|
"green",
|
|
1203
1203
|
"yellow",
|
|
@@ -1206,15 +1206,15 @@ var Se = new Set([
|
|
|
1206
1206
|
"purple",
|
|
1207
1207
|
"brown"
|
|
1208
1208
|
]);
|
|
1209
|
-
function
|
|
1209
|
+
function Fe(e, t) {
|
|
1210
1210
|
return e === "system" ? t === "dark" ? "dark" : "light" : e;
|
|
1211
1211
|
}
|
|
1212
|
-
function
|
|
1212
|
+
function Ie(e, t) {
|
|
1213
1213
|
return e === "system" ? t ? "more" : "normal" : e;
|
|
1214
1214
|
}
|
|
1215
|
-
function
|
|
1215
|
+
function Le(e, t, n, r) {
|
|
1216
1216
|
if (t === "blue") return e;
|
|
1217
|
-
let i =
|
|
1217
|
+
let i = Pe.has(t), a = i ? e[`${t}${n === "dark" ? 2 : 3}`] : t, o = i ? e[`${t}3`] : t;
|
|
1218
1218
|
return {
|
|
1219
1219
|
...e,
|
|
1220
1220
|
accentColor: a,
|
|
@@ -1224,7 +1224,7 @@ function Te(e, t, n, r) {
|
|
|
1224
1224
|
}
|
|
1225
1225
|
//#endregion
|
|
1226
1226
|
//#region src/GnomeProvider/GnomeProvider.tsx
|
|
1227
|
-
function
|
|
1227
|
+
function Re() {
|
|
1228
1228
|
let [e, t] = f(!1);
|
|
1229
1229
|
return c(() => {
|
|
1230
1230
|
let e = C.OS === "android" ? p.isHighTextContrastEnabled : C.OS === "ios" ? p.isDarkerSystemColorsEnabled : void 0;
|
|
@@ -1240,7 +1240,7 @@ function Ee() {
|
|
|
1240
1240
|
};
|
|
1241
1241
|
}, []), e;
|
|
1242
1242
|
}
|
|
1243
|
-
function
|
|
1243
|
+
function G() {
|
|
1244
1244
|
let [e, t] = f(!1);
|
|
1245
1245
|
return c(() => {
|
|
1246
1246
|
let e = !0;
|
|
@@ -1254,8 +1254,8 @@ function W() {
|
|
|
1254
1254
|
};
|
|
1255
1255
|
}, []), e;
|
|
1256
1256
|
}
|
|
1257
|
-
var
|
|
1258
|
-
let c = A(), l =
|
|
1257
|
+
var ze = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme: i = "system", contrast: a = "system", accentColor: o = "blue", children: s }) => {
|
|
1258
|
+
let c = A(), l = Re(), d = Fe(i, c), f = Ie(a, l), p = t ?? (v.isRTL ? "rtl" : "ltr"), m = u(() => ({
|
|
1259
1259
|
locale: e,
|
|
1260
1260
|
dir: p,
|
|
1261
1261
|
numberFormat: n,
|
|
@@ -1265,7 +1265,7 @@ var De = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
|
|
|
1265
1265
|
contrast: a,
|
|
1266
1266
|
resolvedContrast: f,
|
|
1267
1267
|
accentColor: o,
|
|
1268
|
-
theme:
|
|
1268
|
+
theme: Le(Ne({
|
|
1269
1269
|
colorScheme: d,
|
|
1270
1270
|
contrast: f
|
|
1271
1271
|
}), o, d, f)
|
|
@@ -1280,11 +1280,11 @@ var De = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
|
|
|
1280
1280
|
f,
|
|
1281
1281
|
o
|
|
1282
1282
|
]);
|
|
1283
|
-
return /* @__PURE__ */ M(
|
|
1283
|
+
return /* @__PURE__ */ M(V.Provider, {
|
|
1284
1284
|
value: m,
|
|
1285
1285
|
children: s
|
|
1286
1286
|
});
|
|
1287
|
-
},
|
|
1287
|
+
}, Be = new Set([
|
|
1288
1288
|
"large-title",
|
|
1289
1289
|
"title-1",
|
|
1290
1290
|
"title-2",
|
|
@@ -1292,7 +1292,7 @@ var De = ({ locale: e, dir: t, numberFormat: n, dateTimeFormat: r, colorScheme:
|
|
|
1292
1292
|
"title-4",
|
|
1293
1293
|
"heading"
|
|
1294
1294
|
]);
|
|
1295
|
-
function
|
|
1295
|
+
function Ve(e, t) {
|
|
1296
1296
|
let n = (e) => String(e);
|
|
1297
1297
|
switch (t) {
|
|
1298
1298
|
case "large-title": return {
|
|
@@ -1361,7 +1361,7 @@ function ke(e, t) {
|
|
|
1361
1361
|
};
|
|
1362
1362
|
}
|
|
1363
1363
|
}
|
|
1364
|
-
function
|
|
1364
|
+
function He(e, t) {
|
|
1365
1365
|
switch (t) {
|
|
1366
1366
|
case "dim": return {
|
|
1367
1367
|
color: e.windowFgColor,
|
|
@@ -1375,22 +1375,22 @@ function Ae(e, t) {
|
|
|
1375
1375
|
default: return { color: e.windowFgColor };
|
|
1376
1376
|
}
|
|
1377
1377
|
}
|
|
1378
|
-
var
|
|
1379
|
-
let s =
|
|
1378
|
+
var K = i(function({ variant: e = "body", color: t = "default", style: n, children: r, accessibilityRole: i, ...a }, o) {
|
|
1379
|
+
let s = W();
|
|
1380
1380
|
return /* @__PURE__ */ M(D, {
|
|
1381
1381
|
ref: o,
|
|
1382
|
-
accessibilityRole: i ?? (
|
|
1382
|
+
accessibilityRole: i ?? (Be.has(e) ? "header" : void 0),
|
|
1383
1383
|
style: [
|
|
1384
1384
|
{ fontFamily: s.fontFamily },
|
|
1385
|
-
|
|
1386
|
-
|
|
1385
|
+
Ve(s, e),
|
|
1386
|
+
He(s, t),
|
|
1387
1387
|
n
|
|
1388
1388
|
],
|
|
1389
1389
|
...a,
|
|
1390
1390
|
children: r
|
|
1391
1391
|
});
|
|
1392
|
-
}),
|
|
1393
|
-
let u =
|
|
1392
|
+
}), Ue = i(function({ title: e, subtitle: t, leading: n, trailing: r, interactive: i = !1, variant: a = "default", style: o, disabled: s, ...c }, l) {
|
|
1393
|
+
let u = W(), d = a === "property", f = {
|
|
1394
1394
|
flexDirection: "row",
|
|
1395
1395
|
alignItems: "center",
|
|
1396
1396
|
gap: u.space2,
|
|
@@ -1408,13 +1408,13 @@ var G = i(function({ variant: e = "body", color: t = "default", style: n, childr
|
|
|
1408
1408
|
flex: 1,
|
|
1409
1409
|
gap: 2
|
|
1410
1410
|
},
|
|
1411
|
-
children: [/* @__PURE__ */ M(
|
|
1411
|
+
children: [/* @__PURE__ */ M(K, {
|
|
1412
1412
|
variant: d ? "caption" : "body",
|
|
1413
1413
|
color: d ? "dim" : "default",
|
|
1414
1414
|
numberOfLines: 1,
|
|
1415
1415
|
ellipsizeMode: "tail",
|
|
1416
1416
|
children: e
|
|
1417
|
-
}), t && /* @__PURE__ */ M(
|
|
1417
|
+
}), t && /* @__PURE__ */ M(K, {
|
|
1418
1418
|
variant: d ? "body" : "caption",
|
|
1419
1419
|
color: d ? "default" : "dim",
|
|
1420
1420
|
numberOfLines: 1,
|
|
@@ -1456,12 +1456,12 @@ var G = i(function({ variant: e = "body", color: t = "default", style: n, childr
|
|
|
1456
1456
|
...c,
|
|
1457
1457
|
children: p
|
|
1458
1458
|
});
|
|
1459
|
-
}),
|
|
1459
|
+
}), We = {
|
|
1460
1460
|
sm: 12,
|
|
1461
1461
|
md: 16,
|
|
1462
1462
|
lg: 20
|
|
1463
1463
|
};
|
|
1464
|
-
function
|
|
1464
|
+
function Ge(e, t) {
|
|
1465
1465
|
switch (t) {
|
|
1466
1466
|
case "blue": return e.blue3;
|
|
1467
1467
|
case "green": return e.green4;
|
|
@@ -1473,7 +1473,7 @@ function Ne(e, t) {
|
|
|
1473
1473
|
default: return e.windowFgColor;
|
|
1474
1474
|
}
|
|
1475
1475
|
}
|
|
1476
|
-
function
|
|
1476
|
+
function Ke(e) {
|
|
1477
1477
|
return e ? {
|
|
1478
1478
|
accessible: !0,
|
|
1479
1479
|
accessibilityLabel: e,
|
|
@@ -1485,27 +1485,27 @@ function Pe(e) {
|
|
|
1485
1485
|
}
|
|
1486
1486
|
//#endregion
|
|
1487
1487
|
//#region src/components/Icon/Icon.tsx
|
|
1488
|
-
function
|
|
1488
|
+
function qe(e) {
|
|
1489
1489
|
return "paths" in e && Array.isArray(e.paths) ? !0 : typeof e.svg == "string" && !("path" in e);
|
|
1490
1490
|
}
|
|
1491
|
-
function
|
|
1491
|
+
function Je(e) {
|
|
1492
1492
|
return e === "nonzero" || e === "evenodd" ? e : void 0;
|
|
1493
1493
|
}
|
|
1494
|
-
var
|
|
1495
|
-
let s =
|
|
1494
|
+
var q = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, style: o }) => {
|
|
1495
|
+
let s = W(), c = We[t], l = Ge(s, a), u = qe(e) ? e.viewBox : e.viewBox ?? "0 0 24 24", d = qe(e) ? e.svg : void 0, f = qe(e) ? e.svg ? void 0 : e.paths?.map((e, t) => /* @__PURE__ */ M(B, {
|
|
1496
1496
|
d: e.d,
|
|
1497
|
-
fillRule:
|
|
1498
|
-
clipRule:
|
|
1497
|
+
fillRule: Je(e.fillRule),
|
|
1498
|
+
clipRule: Je(e.clipRule),
|
|
1499
1499
|
transform: e.transform
|
|
1500
|
-
}, t)) : [/* @__PURE__ */ M(
|
|
1501
|
-
return d ? /* @__PURE__ */ M(
|
|
1500
|
+
}, t)) : [/* @__PURE__ */ M(B, { d: e.path }, 0)], p = Ke(i);
|
|
1501
|
+
return d ? /* @__PURE__ */ M(_e, {
|
|
1502
1502
|
xml: `<svg viewBox="${u}">${d}</svg>`,
|
|
1503
1503
|
width: n ?? c,
|
|
1504
1504
|
height: r ?? c,
|
|
1505
1505
|
fill: l,
|
|
1506
1506
|
style: o,
|
|
1507
1507
|
...p
|
|
1508
|
-
}) : /* @__PURE__ */ M(
|
|
1508
|
+
}) : /* @__PURE__ */ M(ge, {
|
|
1509
1509
|
viewBox: u,
|
|
1510
1510
|
width: n ?? c,
|
|
1511
1511
|
height: r ?? c,
|
|
@@ -1514,8 +1514,8 @@ var K = ({ icon: e, size: t = "md", width: n, height: r, label: i, color: a, sty
|
|
|
1514
1514
|
...p,
|
|
1515
1515
|
children: f
|
|
1516
1516
|
});
|
|
1517
|
-
},
|
|
1518
|
-
function
|
|
1517
|
+
}, Ye = m.createAnimatedComponent(he), Xe = m.createAnimatedComponent(B), Ze = m.createAnimatedComponent(me);
|
|
1518
|
+
function Qe(e) {
|
|
1519
1519
|
let t = d(new m.Value(0)).current;
|
|
1520
1520
|
return c(() => {
|
|
1521
1521
|
let n = m.loop(m.timing(t, {
|
|
@@ -1527,7 +1527,7 @@ function Be(e) {
|
|
|
1527
1527
|
return n.start(), () => n.stop();
|
|
1528
1528
|
}, [t, e]), t;
|
|
1529
1529
|
}
|
|
1530
|
-
function
|
|
1530
|
+
function $e(e, t) {
|
|
1531
1531
|
let n = d(new m.Value(0)).current;
|
|
1532
1532
|
return c(() => {
|
|
1533
1533
|
let r = m.sequence([m.delay(t), m.loop(m.timing(n, {
|
|
@@ -1543,17 +1543,17 @@ function Ve(e, t) {
|
|
|
1543
1543
|
t
|
|
1544
1544
|
]), n;
|
|
1545
1545
|
}
|
|
1546
|
-
var
|
|
1547
|
-
transform:
|
|
1546
|
+
var et = ({ fill: e }) => /* @__PURE__ */ M(Ye, {
|
|
1547
|
+
transform: Qe(1500).interpolate({
|
|
1548
1548
|
inputRange: [0, 1],
|
|
1549
1549
|
outputRange: ["rotate(0, 8, 8)", "rotate(360, 8, 8)"]
|
|
1550
1550
|
}),
|
|
1551
|
-
children: /* @__PURE__ */ M(
|
|
1551
|
+
children: /* @__PURE__ */ M(B, {
|
|
1552
1552
|
fill: e,
|
|
1553
1553
|
fillRule: "evenodd",
|
|
1554
1554
|
d: "M8 2a6 6 0 0 0-6 6h2a4 4 0 0 1 4-4 4 4 0 0 1 4 4 4 4 0 0 1-4 4v-2L5 13l3 3v-2a6 6 0 0 0 6-6 6 6 0 0 0-6-6z"
|
|
1555
1555
|
})
|
|
1556
|
-
}),
|
|
1556
|
+
}), tt = ({ fill: e }) => {
|
|
1557
1557
|
let t = d(new m.Value(1)).current;
|
|
1558
1558
|
return c(() => {
|
|
1559
1559
|
let e = _.inOut(_.ease), n = m.loop(m.sequence([m.timing(t, {
|
|
@@ -1568,13 +1568,13 @@ var He = ({ fill: e }) => /* @__PURE__ */ M(Le, {
|
|
|
1568
1568
|
useNativeDriver: !1
|
|
1569
1569
|
})]));
|
|
1570
1570
|
return n.start(), () => n.stop();
|
|
1571
|
-
}, [t]), /* @__PURE__ */ M(
|
|
1571
|
+
}, [t]), /* @__PURE__ */ M(Xe, {
|
|
1572
1572
|
fill: e,
|
|
1573
1573
|
opacity: t,
|
|
1574
1574
|
d: "m 15 8 c 0 3.867188 -3.132812 7 -7 7 s -7 -3.132812 -7 -7 s 3.132812 -7 7 -7 s 7 3.132812 7 7 z m 0 0"
|
|
1575
1575
|
});
|
|
1576
|
-
},
|
|
1577
|
-
let t =
|
|
1576
|
+
}, nt = ({ fill: e }) => {
|
|
1577
|
+
let t = Qe(1400), n = [
|
|
1578
1578
|
0,
|
|
1579
1579
|
.2,
|
|
1580
1580
|
.5,
|
|
@@ -1602,30 +1602,30 @@ var He = ({ fill: e }) => /* @__PURE__ */ M(Le, {
|
|
|
1602
1602
|
1
|
|
1603
1603
|
]
|
|
1604
1604
|
});
|
|
1605
|
-
return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(
|
|
1605
|
+
return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(B, {
|
|
1606
1606
|
fill: e,
|
|
1607
1607
|
d: "M2 13h12v2H2z"
|
|
1608
|
-
}), /* @__PURE__ */ M(
|
|
1608
|
+
}), /* @__PURE__ */ M(Ye, {
|
|
1609
1609
|
transform: r,
|
|
1610
1610
|
opacity: i,
|
|
1611
|
-
children: /* @__PURE__ */ M(
|
|
1611
|
+
children: /* @__PURE__ */ M(B, {
|
|
1612
1612
|
fill: e,
|
|
1613
1613
|
fillRule: "evenodd",
|
|
1614
1614
|
d: "m2.5 5 5.5 6 5.5-6z"
|
|
1615
1615
|
})
|
|
1616
1616
|
})] });
|
|
1617
1617
|
};
|
|
1618
|
-
function
|
|
1618
|
+
function J(e, t, n) {
|
|
1619
1619
|
return `translate(${e}, ${t}) scale(${n}) translate(${-e}, ${-t})`;
|
|
1620
1620
|
}
|
|
1621
|
-
var
|
|
1622
|
-
let i =
|
|
1621
|
+
var rt = ({ cx: e, cy: t, fill: n, delay: r }) => {
|
|
1622
|
+
let i = $e(1200, r), a = [
|
|
1623
1623
|
0,
|
|
1624
1624
|
.2,
|
|
1625
1625
|
.4,
|
|
1626
1626
|
1
|
|
1627
1627
|
];
|
|
1628
|
-
return /* @__PURE__ */ M(
|
|
1628
|
+
return /* @__PURE__ */ M(Ze, {
|
|
1629
1629
|
cx: e,
|
|
1630
1630
|
cy: t,
|
|
1631
1631
|
r: 2,
|
|
@@ -1642,44 +1642,44 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
|
|
|
1642
1642
|
transform: i.interpolate({
|
|
1643
1643
|
inputRange: a,
|
|
1644
1644
|
outputRange: [
|
|
1645
|
-
|
|
1646
|
-
|
|
1647
|
-
|
|
1648
|
-
|
|
1645
|
+
J(e, t, 1),
|
|
1646
|
+
J(e, t, .7),
|
|
1647
|
+
J(e, t, 1),
|
|
1648
|
+
J(e, t, 1)
|
|
1649
1649
|
]
|
|
1650
1650
|
})
|
|
1651
1651
|
});
|
|
1652
|
-
},
|
|
1653
|
-
[
|
|
1654
|
-
[
|
|
1655
|
-
[ee,
|
|
1656
|
-
[
|
|
1657
|
-
/* @__PURE__ */ M(
|
|
1652
|
+
}, it = new Map([
|
|
1653
|
+
[ce, et],
|
|
1654
|
+
[se, tt],
|
|
1655
|
+
[ee, nt],
|
|
1656
|
+
[R, ({ fill: e }) => /* @__PURE__ */ N(j, { children: [
|
|
1657
|
+
/* @__PURE__ */ M(B, {
|
|
1658
1658
|
fill: e,
|
|
1659
1659
|
d: "m 8 1.992188 c -2.617188 0 -5.238281 0.933593 -7.195312 2.808593 l -0.496094 0.480469 c -0.3984378 0.378906 -0.410156 1.011719 -0.03125 1.410156 c 0.003906 0.007813 0.011718 0.011719 0.019531 0.015625 c 0.480469 -1.011719 1.503906 -1.707031 2.703125 -1.707031 h 0.9375 c 2.480469 -1.292969 5.644531 -1.292969 8.125 0 h 0.9375 c 1.199219 0 2.222656 0.695312 2.707031 1.707031 c 0.003907 -0.007812 0.011719 -0.011719 0.015625 -0.015625 c 0.378906 -0.398437 0.367188 -1.03125 -0.03125 -1.410156 l -0.496094 -0.480469 c -1.957031 -1.875 -4.578124 -2.808593 -7.195312 -2.808593 z m -1.730469 9.007812 c -0.441406 0.765625 -0.339843 1.757812 0.316407 2.414062 c 0.78125 0.78125 2.046874 0.78125 2.828124 0 c 0.65625 -0.65625 0.757813 -1.648437 0.316407 -2.414062 z m 0 0"
|
|
1660
1660
|
}),
|
|
1661
|
-
/* @__PURE__ */ M(
|
|
1661
|
+
/* @__PURE__ */ M(rt, {
|
|
1662
1662
|
cx: 3,
|
|
1663
1663
|
cy: 8,
|
|
1664
1664
|
fill: e,
|
|
1665
1665
|
delay: 0
|
|
1666
1666
|
}),
|
|
1667
|
-
/* @__PURE__ */ M(
|
|
1667
|
+
/* @__PURE__ */ M(rt, {
|
|
1668
1668
|
cx: 8,
|
|
1669
1669
|
cy: 8,
|
|
1670
1670
|
fill: e,
|
|
1671
1671
|
delay: 150
|
|
1672
1672
|
}),
|
|
1673
|
-
/* @__PURE__ */ M(
|
|
1673
|
+
/* @__PURE__ */ M(rt, {
|
|
1674
1674
|
cx: 13,
|
|
1675
1675
|
cy: 8,
|
|
1676
1676
|
fill: e,
|
|
1677
1677
|
delay: 300
|
|
1678
1678
|
})
|
|
1679
1679
|
] })]
|
|
1680
|
-
]),
|
|
1681
|
-
let s =
|
|
1682
|
-
if (!l) return /* @__PURE__ */ M(
|
|
1680
|
+
]), at = ({ icon: e, playing: t = !0, size: n = "md", width: r, height: i, label: a, color: o }) => {
|
|
1681
|
+
let s = W(), c = G(), l = t && !c ? it.get(e) : void 0;
|
|
1682
|
+
if (!l) return /* @__PURE__ */ M(q, {
|
|
1683
1683
|
icon: e,
|
|
1684
1684
|
size: n,
|
|
1685
1685
|
width: r,
|
|
@@ -1687,15 +1687,15 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
|
|
|
1687
1687
|
label: a,
|
|
1688
1688
|
color: o
|
|
1689
1689
|
});
|
|
1690
|
-
let u =
|
|
1691
|
-
return /* @__PURE__ */ M(
|
|
1690
|
+
let u = We[n], d = Ge(s, o), f = Ke(a);
|
|
1691
|
+
return /* @__PURE__ */ M(ge, {
|
|
1692
1692
|
viewBox: e.viewBox,
|
|
1693
1693
|
width: r ?? u,
|
|
1694
1694
|
height: i ?? u,
|
|
1695
1695
|
...f,
|
|
1696
1696
|
children: /* @__PURE__ */ M(l, { fill: d })
|
|
1697
1697
|
});
|
|
1698
|
-
},
|
|
1698
|
+
}, ot = [
|
|
1699
1699
|
"blue",
|
|
1700
1700
|
"green",
|
|
1701
1701
|
"yellow",
|
|
@@ -1705,27 +1705,27 @@ var Ge = ({ cx: e, cy: t, fill: n, delay: r }) => {
|
|
|
1705
1705
|
"brown",
|
|
1706
1706
|
"teal",
|
|
1707
1707
|
"slate"
|
|
1708
|
-
],
|
|
1708
|
+
], st = {
|
|
1709
1709
|
sm: 24,
|
|
1710
1710
|
md: 32,
|
|
1711
1711
|
lg: 48,
|
|
1712
1712
|
xl: 64
|
|
1713
|
-
},
|
|
1713
|
+
}, ct = {
|
|
1714
1714
|
sm: .5,
|
|
1715
1715
|
md: .6,
|
|
1716
1716
|
lg: 1,
|
|
1717
1717
|
xl: 1.4
|
|
1718
1718
|
};
|
|
1719
|
-
function
|
|
1719
|
+
function lt(e) {
|
|
1720
1720
|
let t = 0;
|
|
1721
1721
|
for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) >>> 0;
|
|
1722
|
-
return
|
|
1722
|
+
return ot[t % ot.length];
|
|
1723
1723
|
}
|
|
1724
|
-
function
|
|
1724
|
+
function ut(e) {
|
|
1725
1725
|
let t = e.trim().split(/\s+/).filter(Boolean);
|
|
1726
1726
|
return t.length === 0 ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
|
|
1727
1727
|
}
|
|
1728
|
-
function
|
|
1728
|
+
function dt(e, t) {
|
|
1729
1729
|
switch (t) {
|
|
1730
1730
|
case "blue": return {
|
|
1731
1731
|
backgroundColor: e.blue3,
|
|
@@ -1765,8 +1765,8 @@ function $e(e, t) {
|
|
|
1765
1765
|
};
|
|
1766
1766
|
}
|
|
1767
1767
|
}
|
|
1768
|
-
var
|
|
1769
|
-
let o =
|
|
1768
|
+
var ft = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a }) => {
|
|
1769
|
+
let o = W(), s = H(), c = i ?? (e ? lt(e) : "blue"), l = ut(e), u = st[r], { backgroundColor: d, initialsColor: f } = dt(o, c), p = s === "dark" ? "rgba(255, 255, 255, 0.08)" : "rgba(0, 0, 0, 0.08)";
|
|
1770
1770
|
return /* @__PURE__ */ M(k, {
|
|
1771
1771
|
accessible: !0,
|
|
1772
1772
|
role: "img",
|
|
@@ -1798,8 +1798,8 @@ var et = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a })
|
|
|
1798
1798
|
style: {
|
|
1799
1799
|
fontFamily: o.fontFamily,
|
|
1800
1800
|
fontWeight: String(o.fontWeightSemibold),
|
|
1801
|
-
fontSize: o.fontSizeBody *
|
|
1802
|
-
lineHeight: o.fontSizeBody *
|
|
1801
|
+
fontSize: o.fontSizeBody * ct[r],
|
|
1802
|
+
lineHeight: o.fontSizeBody * ct[r],
|
|
1803
1803
|
color: f
|
|
1804
1804
|
},
|
|
1805
1805
|
children: l
|
|
@@ -1808,7 +1808,7 @@ var et = ({ name: e = "", src: t, alt: n, size: r = "md", color: i, style: a })
|
|
|
1808
1808
|
};
|
|
1809
1809
|
//#endregion
|
|
1810
1810
|
//#region src/components/Badge/Badge.tsx
|
|
1811
|
-
function
|
|
1811
|
+
function pt(e, t, n) {
|
|
1812
1812
|
switch (n) {
|
|
1813
1813
|
case "accent": return {
|
|
1814
1814
|
backgroundColor: e.accentBgColor,
|
|
@@ -1832,8 +1832,8 @@ function tt(e, t, n) {
|
|
|
1832
1832
|
};
|
|
1833
1833
|
}
|
|
1834
1834
|
}
|
|
1835
|
-
var
|
|
1836
|
-
let a =
|
|
1835
|
+
var mt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i }) => {
|
|
1836
|
+
let a = W(), { backgroundColor: o, color: s } = pt(a, H(), e), c = /* @__PURE__ */ M(k, {
|
|
1837
1837
|
testID: "badge-ring",
|
|
1838
1838
|
style: [{
|
|
1839
1839
|
padding: 2,
|
|
@@ -1872,8 +1872,8 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
1872
1872
|
style: { alignSelf: "flex-start" },
|
|
1873
1873
|
children: [r, c]
|
|
1874
1874
|
}) : c;
|
|
1875
|
-
},
|
|
1876
|
-
let c =
|
|
1875
|
+
}, ht = ({ variant: e = "info", children: t, actionLabel: n, onAction: r, dismissible: i = !1, onDismiss: a, style: o, ...s }) => {
|
|
1876
|
+
let c = W(), l = {
|
|
1877
1877
|
info: {
|
|
1878
1878
|
bg: c.accentBgColor,
|
|
1879
1879
|
fg: c.accentFgColor
|
|
@@ -1906,7 +1906,7 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
1906
1906
|
backgroundColor: l.bg
|
|
1907
1907
|
}, o],
|
|
1908
1908
|
...s,
|
|
1909
|
-
children: [/* @__PURE__ */ M(
|
|
1909
|
+
children: [/* @__PURE__ */ M(K, {
|
|
1910
1910
|
variant: "body",
|
|
1911
1911
|
style: {
|
|
1912
1912
|
flex: 1,
|
|
@@ -1964,8 +1964,8 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
1964
1964
|
})]
|
|
1965
1965
|
})]
|
|
1966
1966
|
});
|
|
1967
|
-
},
|
|
1968
|
-
let s =
|
|
1967
|
+
}, gt = m.createAnimatedComponent(w), _t = 150, vt = ({ open: e, title: t, children: n, onClose: r, closeOnBackdrop: i = !0, style: a, testID: o }) => {
|
|
1968
|
+
let s = W(), l = G(), [p, _] = f(e), [v, y] = f(0), b = d(new m.Value(g.get("window").height)).current, C = d(new m.Value(0)).current, T = d(!1);
|
|
1969
1969
|
c(() => {
|
|
1970
1970
|
e && _(!0);
|
|
1971
1971
|
}, [e]), c(() => {
|
|
@@ -2022,7 +2022,7 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2022
2022
|
b.setValue(Math.max(0, t.dy));
|
|
2023
2023
|
},
|
|
2024
2024
|
onPanResponderRelease: (e, t) => {
|
|
2025
|
-
T.current = !1, Math.max(0, t.dy) >=
|
|
2025
|
+
T.current = !1, Math.max(0, t.dy) >= _t ? r?.() : m.timing(b, {
|
|
2026
2026
|
toValue: 0,
|
|
2027
2027
|
duration: s.durationNormal,
|
|
2028
2028
|
useNativeDriver: !0
|
|
@@ -2039,7 +2039,7 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2039
2039
|
animationType: "none",
|
|
2040
2040
|
statusBarTranslucent: !0,
|
|
2041
2041
|
onRequestClose: r,
|
|
2042
|
-
children: /* @__PURE__ */ M(
|
|
2042
|
+
children: /* @__PURE__ */ M(gt, {
|
|
2043
2043
|
testID: o,
|
|
2044
2044
|
onPress: i ? r : void 0,
|
|
2045
2045
|
accessible: !1,
|
|
@@ -2095,7 +2095,7 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2095
2095
|
opacity: .2
|
|
2096
2096
|
} })
|
|
2097
2097
|
}),
|
|
2098
|
-
t && /* @__PURE__ */ M(
|
|
2098
|
+
t && /* @__PURE__ */ M(K, {
|
|
2099
2099
|
variant: "title-4",
|
|
2100
2100
|
style: {
|
|
2101
2101
|
paddingHorizontal: s.space4,
|
|
@@ -2110,7 +2110,7 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2110
2110
|
paddingHorizontal: s.space4,
|
|
2111
2111
|
paddingBottom: s.space4
|
|
2112
2112
|
},
|
|
2113
|
-
children: typeof n == "string" ? /* @__PURE__ */ M(
|
|
2113
|
+
children: typeof n == "string" ? /* @__PURE__ */ M(K, {
|
|
2114
2114
|
variant: "body",
|
|
2115
2115
|
children: n
|
|
2116
2116
|
}) : n
|
|
@@ -2120,13 +2120,13 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2120
2120
|
})
|
|
2121
2121
|
})
|
|
2122
2122
|
}) : null;
|
|
2123
|
-
},
|
|
2123
|
+
}, yt = i(function({ orientation: e = "horizontal", style: t, ...n }, r) {
|
|
2124
2124
|
return /* @__PURE__ */ M(k, {
|
|
2125
2125
|
ref: r,
|
|
2126
2126
|
accessible: !1,
|
|
2127
2127
|
style: [
|
|
2128
2128
|
{
|
|
2129
|
-
backgroundColor:
|
|
2129
|
+
backgroundColor: W().cardShadeColor,
|
|
2130
2130
|
flexShrink: 0
|
|
2131
2131
|
},
|
|
2132
2132
|
e === "vertical" ? {
|
|
@@ -2141,8 +2141,8 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2141
2141
|
],
|
|
2142
2142
|
...n
|
|
2143
2143
|
});
|
|
2144
|
-
}),
|
|
2145
|
-
let o =
|
|
2144
|
+
}), bt = i(function({ children: t, variant: n = "default", style: r, ...i }, a) {
|
|
2145
|
+
let o = W(), s = e.toArray(t).filter(Boolean);
|
|
2146
2146
|
return n === "separate" ? /* @__PURE__ */ M(k, {
|
|
2147
2147
|
ref: a,
|
|
2148
2148
|
accessible: !0,
|
|
@@ -2171,12 +2171,12 @@ var nt = ({ variant: e = "accent", dot: t = !1, children: n, anchor: r, style: i
|
|
|
2171
2171
|
overflow: "hidden"
|
|
2172
2172
|
}, r],
|
|
2173
2173
|
...i,
|
|
2174
|
-
children: s.map((e, t) => /* @__PURE__ */ N(k, { children: [t > 0 && /* @__PURE__ */ M(
|
|
2174
|
+
children: s.map((e, t) => /* @__PURE__ */ N(k, { children: [t > 0 && /* @__PURE__ */ M(yt, { testID: "boxed-list-separator" }), e] }, t))
|
|
2175
2175
|
});
|
|
2176
2176
|
});
|
|
2177
2177
|
//#endregion
|
|
2178
2178
|
//#region src/components/Button/Button.tsx
|
|
2179
|
-
function
|
|
2179
|
+
function xt(e, t) {
|
|
2180
2180
|
switch (t) {
|
|
2181
2181
|
case "sm": return {
|
|
2182
2182
|
minHeight: 28,
|
|
@@ -2201,14 +2201,14 @@ function lt(e, t) {
|
|
|
2201
2201
|
};
|
|
2202
2202
|
}
|
|
2203
2203
|
}
|
|
2204
|
-
function
|
|
2204
|
+
function St(e) {
|
|
2205
2205
|
switch (e) {
|
|
2206
2206
|
case "sm": return 28;
|
|
2207
2207
|
case "lg": return 42;
|
|
2208
2208
|
default: return 34;
|
|
2209
2209
|
}
|
|
2210
2210
|
}
|
|
2211
|
-
function
|
|
2211
|
+
function Ct(e, t, n, r) {
|
|
2212
2212
|
if (r) return {
|
|
2213
2213
|
backgroundColor: n ? "rgba(0, 0, 0, 0.85)" : "rgba(0, 0, 0, 0.65)",
|
|
2214
2214
|
borderColor: "rgba(255, 255, 255, 0.12)",
|
|
@@ -2237,15 +2237,15 @@ function dt(e, t, n, r) {
|
|
|
2237
2237
|
};
|
|
2238
2238
|
}
|
|
2239
2239
|
}
|
|
2240
|
-
var
|
|
2241
|
-
let f =
|
|
2240
|
+
var wt = i(function({ variant: e = "default", size: t = "md", shape: n = "default", osd: r = !1, leadingIcon: i, trailingIcon: a, children: o, style: s, textStyle: c, disabled: l, ...u }, d) {
|
|
2241
|
+
let f = W(), p = U();
|
|
2242
2242
|
return /* @__PURE__ */ M(w, {
|
|
2243
2243
|
ref: d,
|
|
2244
2244
|
disabled: l,
|
|
2245
2245
|
accessibilityRole: "button",
|
|
2246
2246
|
accessibilityState: { disabled: !!l },
|
|
2247
2247
|
style: ({ pressed: i }) => {
|
|
2248
|
-
let { backgroundColor: a, borderColor: o } =
|
|
2248
|
+
let { backgroundColor: a, borderColor: o } = Ct(f, e, i, r), c = !r && (e === "suggested" || e === "destructive"), u = n === "circular" ? St(t) : void 0, { minHeight: d, minWidth: m, paddingVertical: h, paddingHorizontal: g } = xt(f, t);
|
|
2249
2249
|
return [{
|
|
2250
2250
|
flexDirection: "row",
|
|
2251
2251
|
alignItems: "center",
|
|
@@ -2266,7 +2266,7 @@ var ft = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
|
|
|
2266
2266
|
},
|
|
2267
2267
|
...u,
|
|
2268
2268
|
children: ({ pressed: n }) => {
|
|
2269
|
-
let { fontSize: s } =
|
|
2269
|
+
let { fontSize: s } = xt(f, t), { color: l } = Ct(f, e, n, r);
|
|
2270
2270
|
return /* @__PURE__ */ N(j, { children: [
|
|
2271
2271
|
i,
|
|
2272
2272
|
typeof o == "string" ? /* @__PURE__ */ M(D, {
|
|
@@ -2285,7 +2285,7 @@ var ft = i(function({ variant: e = "default", size: t = "md", shape: n = "defaul
|
|
|
2285
2285
|
});
|
|
2286
2286
|
//#endregion
|
|
2287
2287
|
//#region src/components/Card/Card.tsx
|
|
2288
|
-
function
|
|
2288
|
+
function Tt(e, t) {
|
|
2289
2289
|
switch (t) {
|
|
2290
2290
|
case "none": return 0;
|
|
2291
2291
|
case "sm": return e.space2;
|
|
@@ -2293,14 +2293,14 @@ function pt(e, t) {
|
|
|
2293
2293
|
default: return e.space4;
|
|
2294
2294
|
}
|
|
2295
2295
|
}
|
|
2296
|
-
var
|
|
2297
|
-
let s =
|
|
2296
|
+
var Et = i(function({ interactive: e = !1, padding: t = "md", style: n, children: r, disabled: i, ...a }, o) {
|
|
2297
|
+
let s = W(), c = {
|
|
2298
2298
|
backgroundColor: s.cardBgColor,
|
|
2299
2299
|
borderWidth: 1,
|
|
2300
2300
|
borderColor: s.cardShadeColor,
|
|
2301
2301
|
borderRadius: s.radiusLg,
|
|
2302
2302
|
overflow: "hidden",
|
|
2303
|
-
padding:
|
|
2303
|
+
padding: Tt(s, t)
|
|
2304
2304
|
};
|
|
2305
2305
|
return e ? /* @__PURE__ */ M(w, {
|
|
2306
2306
|
ref: o,
|
|
@@ -2329,8 +2329,8 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2329
2329
|
...a,
|
|
2330
2330
|
children: r
|
|
2331
2331
|
});
|
|
2332
|
-
}),
|
|
2333
|
-
let s =
|
|
2332
|
+
}), Dt = 18, Ot = i(function({ value: e, indeterminate: t = !1, onValueChange: n, disabled: r, style: i, ...a }, o) {
|
|
2333
|
+
let s = W(), l = H(), u = U(), f = e || t, p = d(new m.Value(+!!f)).current, h = d(!0);
|
|
2334
2334
|
c(() => {
|
|
2335
2335
|
if (h.current) {
|
|
2336
2336
|
h.current = !1;
|
|
@@ -2369,8 +2369,8 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2369
2369
|
...a,
|
|
2370
2370
|
children: /* @__PURE__ */ M(m.View, {
|
|
2371
2371
|
style: {
|
|
2372
|
-
width:
|
|
2373
|
-
height:
|
|
2372
|
+
width: Dt,
|
|
2373
|
+
height: Dt,
|
|
2374
2374
|
alignItems: "center",
|
|
2375
2375
|
justifyContent: "center",
|
|
2376
2376
|
borderRadius: s.radiusSm,
|
|
@@ -2396,8 +2396,80 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2396
2396
|
})
|
|
2397
2397
|
})
|
|
2398
2398
|
});
|
|
2399
|
-
}),
|
|
2400
|
-
let
|
|
2399
|
+
}), kt = ({ label: e, icon: t, onRemove: n, selectable: r = !1, selected: i = !1, onToggle: a, disabled: o = !1, style: s, testID: c }) => {
|
|
2400
|
+
let l = W(), u = r && !n, d = {
|
|
2401
|
+
flexDirection: "row",
|
|
2402
|
+
alignItems: "center",
|
|
2403
|
+
gap: l.space1,
|
|
2404
|
+
paddingVertical: 3,
|
|
2405
|
+
paddingHorizontal: l.space2,
|
|
2406
|
+
borderRadius: l.radiusPill,
|
|
2407
|
+
borderWidth: 1,
|
|
2408
|
+
borderColor: i ? `${l.accentBgColor}80` : l.light3,
|
|
2409
|
+
backgroundColor: i ? `${l.accentBgColor}26` : l.cardBgColor,
|
|
2410
|
+
overflow: "hidden"
|
|
2411
|
+
}, f = {
|
|
2412
|
+
color: i ? l.accentColor : l.windowFgColor,
|
|
2413
|
+
fontWeight: String(i ? l.fontWeightSemibold : l.fontWeightNormal)
|
|
2414
|
+
}, p = /* @__PURE__ */ N(j, { children: [
|
|
2415
|
+
t && /* @__PURE__ */ M(k, {
|
|
2416
|
+
style: { marginStart: -2 },
|
|
2417
|
+
children: /* @__PURE__ */ M(q, {
|
|
2418
|
+
icon: t,
|
|
2419
|
+
size: "sm"
|
|
2420
|
+
})
|
|
2421
|
+
}),
|
|
2422
|
+
/* @__PURE__ */ M(K, {
|
|
2423
|
+
variant: "caption",
|
|
2424
|
+
style: f,
|
|
2425
|
+
children: e
|
|
2426
|
+
}),
|
|
2427
|
+
n && /* @__PURE__ */ M(w, {
|
|
2428
|
+
accessibilityRole: "button",
|
|
2429
|
+
accessibilityLabel: `Remove ${e}`,
|
|
2430
|
+
disabled: o,
|
|
2431
|
+
onPress: n,
|
|
2432
|
+
hitSlop: 8,
|
|
2433
|
+
style: {
|
|
2434
|
+
marginEnd: -4,
|
|
2435
|
+
opacity: o ? l.opacityDisabled : 1
|
|
2436
|
+
},
|
|
2437
|
+
children: /* @__PURE__ */ M(q, {
|
|
2438
|
+
icon: L,
|
|
2439
|
+
size: "sm"
|
|
2440
|
+
})
|
|
2441
|
+
})
|
|
2442
|
+
] });
|
|
2443
|
+
return u ? /* @__PURE__ */ M(w, {
|
|
2444
|
+
testID: c,
|
|
2445
|
+
disabled: o,
|
|
2446
|
+
accessibilityRole: "checkbox",
|
|
2447
|
+
accessibilityState: {
|
|
2448
|
+
checked: i,
|
|
2449
|
+
disabled: o
|
|
2450
|
+
},
|
|
2451
|
+
accessibilityLabel: e,
|
|
2452
|
+
onPress: a,
|
|
2453
|
+
style: [
|
|
2454
|
+
d,
|
|
2455
|
+
{ opacity: o ? l.opacityDisabled : 1 },
|
|
2456
|
+
s
|
|
2457
|
+
],
|
|
2458
|
+
children: ({ pressed: e }) => /* @__PURE__ */ N(j, { children: [p, e && !o && /* @__PURE__ */ M(k, {
|
|
2459
|
+
pointerEvents: "none",
|
|
2460
|
+
style: [E.absoluteFill, { backgroundColor: l.activeOverlay }]
|
|
2461
|
+
})] })
|
|
2462
|
+
}) : /* @__PURE__ */ M(k, {
|
|
2463
|
+
testID: c,
|
|
2464
|
+
style: [
|
|
2465
|
+
d,
|
|
2466
|
+
{ opacity: o ? l.opacityDisabled : 1 },
|
|
2467
|
+
s
|
|
2468
|
+
],
|
|
2469
|
+
children: p
|
|
2470
|
+
});
|
|
2471
|
+
}, At = m.createAnimatedComponent(w), jt = ({ open: e, title: t, children: n, buttons: r = [], onClose: i, closeOnBackdrop: a = !0, role: o = "dialog", responses: s, onResponse: l, style: u, testID: f }) => {
|
|
2472
|
+
let p = W(), g = H(), v = G(), y = d(new m.Value(+!!v)).current, b = !!s, S = () => {
|
|
2401
2473
|
let e = s?.find((e) => e.variant !== "destructive" && !e.disabled);
|
|
2402
2474
|
e && l?.(e.id);
|
|
2403
2475
|
}, C = () => {
|
|
@@ -2456,7 +2528,7 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2456
2528
|
backgroundColor: r ? p.activeOverlay : "transparent",
|
|
2457
2529
|
opacity: t.disabled ? p.opacityDisabled : 1
|
|
2458
2530
|
}),
|
|
2459
|
-
children: /* @__PURE__ */ M(
|
|
2531
|
+
children: /* @__PURE__ */ M(K, {
|
|
2460
2532
|
variant: "body",
|
|
2461
2533
|
style: {
|
|
2462
2534
|
textAlign: "center",
|
|
@@ -2483,7 +2555,7 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2483
2555
|
animationType: "none",
|
|
2484
2556
|
statusBarTranslucent: !0,
|
|
2485
2557
|
onRequestClose: C,
|
|
2486
|
-
children: /* @__PURE__ */ M(
|
|
2558
|
+
children: /* @__PURE__ */ M(At, {
|
|
2487
2559
|
testID: f,
|
|
2488
2560
|
onPress: T,
|
|
2489
2561
|
style: {
|
|
@@ -2525,7 +2597,7 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2525
2597
|
}) }]
|
|
2526
2598
|
}, u],
|
|
2527
2599
|
children: [
|
|
2528
|
-
t && /* @__PURE__ */ M(
|
|
2600
|
+
t && /* @__PURE__ */ M(K, {
|
|
2529
2601
|
variant: "title-4",
|
|
2530
2602
|
style: {
|
|
2531
2603
|
padding: p.space4,
|
|
@@ -2540,7 +2612,7 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2540
2612
|
paddingVertical: p.space2,
|
|
2541
2613
|
paddingHorizontal: p.space4
|
|
2542
2614
|
},
|
|
2543
|
-
children: typeof n == "string" ? /* @__PURE__ */ M(
|
|
2615
|
+
children: typeof n == "string" ? /* @__PURE__ */ M(K, {
|
|
2544
2616
|
variant: "body",
|
|
2545
2617
|
style: {
|
|
2546
2618
|
textAlign: "center",
|
|
@@ -2555,8 +2627,8 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2555
2627
|
})
|
|
2556
2628
|
})
|
|
2557
2629
|
});
|
|
2558
|
-
},
|
|
2559
|
-
let i =
|
|
2630
|
+
}, Mt = ({ children: e, accessibilityLabel: t, style: n, testID: r }) => {
|
|
2631
|
+
let i = W(), a = !!e;
|
|
2560
2632
|
return /* @__PURE__ */ N(k, {
|
|
2561
2633
|
testID: r,
|
|
2562
2634
|
accessible: !0,
|
|
@@ -2572,7 +2644,7 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2572
2644
|
flex: 1,
|
|
2573
2645
|
height: 1,
|
|
2574
2646
|
backgroundColor: i.cardShadeColor
|
|
2575
|
-
} }), a && /* @__PURE__ */ N(j, { children: [typeof e == "string" ? /* @__PURE__ */ M(
|
|
2647
|
+
} }), a && /* @__PURE__ */ N(j, { children: [typeof e == "string" ? /* @__PURE__ */ M(K, {
|
|
2576
2648
|
variant: "caption",
|
|
2577
2649
|
color: "dim",
|
|
2578
2650
|
children: e
|
|
@@ -2582,18 +2654,431 @@ var mt = i(function({ interactive: e = !1, padding: t = "md", style: n, children
|
|
|
2582
2654
|
backgroundColor: i.cardShadeColor
|
|
2583
2655
|
} })] })]
|
|
2584
2656
|
});
|
|
2585
|
-
},
|
|
2586
|
-
function
|
|
2587
|
-
|
|
2657
|
+
}, Y = 6, X = 8, Nt = 5;
|
|
2658
|
+
function Pt(e, t) {
|
|
2659
|
+
if (e) {
|
|
2660
|
+
if (typeof e == "function") {
|
|
2661
|
+
e(t);
|
|
2662
|
+
return;
|
|
2663
|
+
}
|
|
2664
|
+
e.current = t;
|
|
2665
|
+
}
|
|
2666
|
+
}
|
|
2667
|
+
function Ft(e, t, n) {
|
|
2668
|
+
switch (n) {
|
|
2669
|
+
case "top": return {
|
|
2670
|
+
top: e.y - t.height - Y,
|
|
2671
|
+
left: e.x + e.width / 2 - t.width / 2
|
|
2672
|
+
};
|
|
2673
|
+
case "bottom": return {
|
|
2674
|
+
top: e.y + e.height + Y,
|
|
2675
|
+
left: e.x + e.width / 2 - t.width / 2
|
|
2676
|
+
};
|
|
2677
|
+
case "left": return {
|
|
2678
|
+
top: e.y + e.height / 2 - t.height / 2,
|
|
2679
|
+
left: e.x - t.width - Y
|
|
2680
|
+
};
|
|
2681
|
+
case "right": return {
|
|
2682
|
+
top: e.y + e.height / 2 - t.height / 2,
|
|
2683
|
+
left: e.x + e.width + Y
|
|
2684
|
+
};
|
|
2685
|
+
}
|
|
2686
|
+
}
|
|
2687
|
+
function It(e, t, n) {
|
|
2688
|
+
let { width: r, height: i } = g.get("window"), a = [
|
|
2689
|
+
n,
|
|
2690
|
+
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
2691
|
+
"top",
|
|
2692
|
+
"bottom",
|
|
2693
|
+
"left",
|
|
2694
|
+
"right"
|
|
2695
|
+
];
|
|
2696
|
+
for (let n of a) {
|
|
2697
|
+
let { top: a, left: o } = Ft(e, t, n), s = o >= X && o + t.width <= r - X, c = a >= X && a + t.height <= i - X;
|
|
2698
|
+
if (s && c) return {
|
|
2699
|
+
top: Math.max(X, Math.min(a, i - t.height - X)),
|
|
2700
|
+
left: Math.max(X, Math.min(o, r - t.width - X)),
|
|
2701
|
+
placement: n
|
|
2702
|
+
};
|
|
2703
|
+
}
|
|
2704
|
+
let { top: o, left: s } = Ft(e, t, n);
|
|
2705
|
+
return {
|
|
2706
|
+
top: Math.max(X, Math.min(o, i - t.height - X)),
|
|
2707
|
+
left: Math.max(X, Math.min(s, r - t.width - X)),
|
|
2708
|
+
placement: n
|
|
2709
|
+
};
|
|
2710
|
+
}
|
|
2711
|
+
var Lt = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
|
|
2712
|
+
let a = W(), s = H(), l = G(), [u, p] = f(!1), [h, g] = f(null), [_, v] = f(null), [y, b] = f(null), S = d(null), C = d(null), w = d(new m.Value(0)).current, T = o(() => {
|
|
2713
|
+
C.current &&= (clearTimeout(C.current), null);
|
|
2714
|
+
}, []), D = o(() => {
|
|
2715
|
+
T(), p(!0);
|
|
2716
|
+
}, [T]), O = o(() => {
|
|
2717
|
+
T(), C.current = setTimeout(D, r);
|
|
2718
|
+
}, [
|
|
2719
|
+
T,
|
|
2720
|
+
D,
|
|
2721
|
+
r
|
|
2722
|
+
]), A = o(() => {
|
|
2723
|
+
T(), p(!1);
|
|
2724
|
+
}, [T]);
|
|
2725
|
+
c(() => {
|
|
2726
|
+
if (!u) {
|
|
2727
|
+
g(null), v(null), b(null);
|
|
2728
|
+
return;
|
|
2729
|
+
}
|
|
2730
|
+
S.current?.measureInWindow((e, t, n, r) => {
|
|
2731
|
+
g({
|
|
2732
|
+
x: e,
|
|
2733
|
+
y: t,
|
|
2734
|
+
width: n,
|
|
2735
|
+
height: r
|
|
2736
|
+
});
|
|
2737
|
+
});
|
|
2738
|
+
}, [u]), c(() => {
|
|
2739
|
+
!h || !_ || b(It(h, _, t));
|
|
2740
|
+
}, [
|
|
2741
|
+
h,
|
|
2742
|
+
_,
|
|
2743
|
+
t
|
|
2744
|
+
]), c(() => {
|
|
2745
|
+
if (y) {
|
|
2746
|
+
if (l) {
|
|
2747
|
+
w.setValue(1);
|
|
2748
|
+
return;
|
|
2749
|
+
}
|
|
2750
|
+
w.setValue(0), m.timing(w, {
|
|
2751
|
+
toValue: 1,
|
|
2752
|
+
duration: a.durationFast,
|
|
2753
|
+
useNativeDriver: !0
|
|
2754
|
+
}).start();
|
|
2755
|
+
}
|
|
2756
|
+
}, [
|
|
2757
|
+
y,
|
|
2758
|
+
l,
|
|
2759
|
+
w,
|
|
2760
|
+
a.durationFast
|
|
2761
|
+
]), c(() => T, [T]);
|
|
2762
|
+
let P = (e) => {
|
|
2763
|
+
let { width: t, height: n } = e.nativeEvent.layout;
|
|
2764
|
+
v({
|
|
2765
|
+
width: t,
|
|
2766
|
+
height: n
|
|
2767
|
+
});
|
|
2768
|
+
}, F = s === "dark" ? "#c0bfbc" : "#3d3d3d", I = s === "dark" ? "rgba(0, 0, 0, 0.8)" : "#fff", L = s === "dark" ? {
|
|
2769
|
+
shadowOpacity: .4,
|
|
2770
|
+
shadowRadius: 8,
|
|
2771
|
+
elevation: 6
|
|
2772
|
+
} : {
|
|
2773
|
+
shadowOpacity: .2,
|
|
2774
|
+
shadowRadius: 8,
|
|
2775
|
+
elevation: 4
|
|
2776
|
+
}, R = {
|
|
2777
|
+
position: "absolute",
|
|
2778
|
+
width: 0,
|
|
2779
|
+
height: 0,
|
|
2780
|
+
borderWidth: Nt,
|
|
2781
|
+
borderColor: "transparent"
|
|
2782
|
+
}, z = (() => {
|
|
2783
|
+
switch (y?.placement) {
|
|
2784
|
+
case "top": return {
|
|
2785
|
+
...R,
|
|
2786
|
+
top: "100%",
|
|
2787
|
+
left: "50%",
|
|
2788
|
+
marginLeft: -5,
|
|
2789
|
+
borderTopColor: F
|
|
2790
|
+
};
|
|
2791
|
+
case "bottom": return {
|
|
2792
|
+
...R,
|
|
2793
|
+
bottom: "100%",
|
|
2794
|
+
left: "50%",
|
|
2795
|
+
marginLeft: -5,
|
|
2796
|
+
borderBottomColor: F
|
|
2797
|
+
};
|
|
2798
|
+
case "left": return {
|
|
2799
|
+
...R,
|
|
2800
|
+
left: "100%",
|
|
2801
|
+
top: "50%",
|
|
2802
|
+
marginTop: -5,
|
|
2803
|
+
borderLeftColor: F
|
|
2804
|
+
};
|
|
2805
|
+
case "right": return {
|
|
2806
|
+
...R,
|
|
2807
|
+
right: "100%",
|
|
2808
|
+
top: "50%",
|
|
2809
|
+
marginTop: -5,
|
|
2810
|
+
borderRightColor: F
|
|
2811
|
+
};
|
|
2812
|
+
default: return null;
|
|
2813
|
+
}
|
|
2814
|
+
})(), ee = i.props.ref;
|
|
2815
|
+
return /* @__PURE__ */ N(j, { children: [n(i, {
|
|
2816
|
+
ref: (e) => {
|
|
2817
|
+
S.current = e, Pt(ee, e);
|
|
2818
|
+
},
|
|
2819
|
+
delayLongPress: r,
|
|
2820
|
+
accessibilityHint: i.props.accessibilityHint ?? e,
|
|
2821
|
+
onLongPress: (e) => {
|
|
2822
|
+
D(), i.props.onLongPress?.(e);
|
|
2823
|
+
},
|
|
2824
|
+
onPressOut: (e) => {
|
|
2825
|
+
A(), i.props.onPressOut?.(e);
|
|
2826
|
+
},
|
|
2827
|
+
onHoverIn: (e) => {
|
|
2828
|
+
O(), i.props.onHoverIn?.(e);
|
|
2829
|
+
},
|
|
2830
|
+
onHoverOut: (e) => {
|
|
2831
|
+
A(), i.props.onHoverOut?.(e);
|
|
2832
|
+
},
|
|
2833
|
+
onFocus: (e) => {
|
|
2834
|
+
O(), i.props.onFocus?.(e);
|
|
2835
|
+
},
|
|
2836
|
+
onBlur: (e) => {
|
|
2837
|
+
A(), i.props.onBlur?.(e);
|
|
2838
|
+
}
|
|
2839
|
+
}), /* @__PURE__ */ M(x, {
|
|
2840
|
+
visible: u,
|
|
2841
|
+
transparent: !0,
|
|
2842
|
+
animationType: "none",
|
|
2843
|
+
statusBarTranslucent: !0,
|
|
2844
|
+
children: /* @__PURE__ */ M(k, {
|
|
2845
|
+
pointerEvents: "box-none",
|
|
2846
|
+
style: E.absoluteFill,
|
|
2847
|
+
children: /* @__PURE__ */ N(m.View, {
|
|
2848
|
+
onLayout: P,
|
|
2849
|
+
accessible: !0,
|
|
2850
|
+
role: "tooltip",
|
|
2851
|
+
style: [{
|
|
2852
|
+
position: "absolute",
|
|
2853
|
+
maxWidth: 240,
|
|
2854
|
+
paddingVertical: 4,
|
|
2855
|
+
paddingHorizontal: a.space2,
|
|
2856
|
+
backgroundColor: F,
|
|
2857
|
+
borderRadius: a.radiusSm,
|
|
2858
|
+
shadowColor: "#000",
|
|
2859
|
+
shadowOffset: {
|
|
2860
|
+
width: 0,
|
|
2861
|
+
height: 2
|
|
2862
|
+
},
|
|
2863
|
+
...L
|
|
2864
|
+
}, y ? {
|
|
2865
|
+
top: y.top,
|
|
2866
|
+
left: y.left,
|
|
2867
|
+
opacity: w
|
|
2868
|
+
} : {
|
|
2869
|
+
top: -9999,
|
|
2870
|
+
left: -9999,
|
|
2871
|
+
opacity: 0
|
|
2872
|
+
}],
|
|
2873
|
+
children: [/* @__PURE__ */ M(K, {
|
|
2874
|
+
style: {
|
|
2875
|
+
color: I,
|
|
2876
|
+
fontSize: a.fontSizeCaption,
|
|
2877
|
+
fontWeight: String(a.fontWeightNormal),
|
|
2878
|
+
lineHeight: a.fontSizeCaption * a.lineHeightBody,
|
|
2879
|
+
textAlign: "center"
|
|
2880
|
+
},
|
|
2881
|
+
children: e
|
|
2882
|
+
}), z && /* @__PURE__ */ M(k, { style: z })]
|
|
2883
|
+
})
|
|
2884
|
+
})
|
|
2885
|
+
})] });
|
|
2886
|
+
}, Rt = {
|
|
2887
|
+
sm: "sm",
|
|
2888
|
+
md: "md",
|
|
2889
|
+
lg: "lg"
|
|
2890
|
+
}, zt = i(function({ icon: e, label: t, variant: n = "default", size: r = "md", iconSize: i, tooltip: a, tooltipPlacement: o, tooltipDelay: s, ...c }, l) {
|
|
2891
|
+
let u = /* @__PURE__ */ M(wt, {
|
|
2892
|
+
ref: l,
|
|
2893
|
+
accessibilityLabel: t,
|
|
2894
|
+
shape: "circular",
|
|
2895
|
+
size: r,
|
|
2896
|
+
variant: n === "osd" ? "flat" : n,
|
|
2897
|
+
osd: n === "osd",
|
|
2898
|
+
...c,
|
|
2899
|
+
children: /* @__PURE__ */ M(q, {
|
|
2900
|
+
icon: e,
|
|
2901
|
+
size: i ?? Rt[r]
|
|
2902
|
+
})
|
|
2903
|
+
});
|
|
2904
|
+
return a ? /* @__PURE__ */ M(Lt, {
|
|
2905
|
+
label: a,
|
|
2906
|
+
placement: o,
|
|
2907
|
+
delay: s,
|
|
2908
|
+
children: u
|
|
2909
|
+
}) : u;
|
|
2910
|
+
}), Bt = m.createAnimatedComponent(w), Vt = r(0), Ht = {
|
|
2911
|
+
classic: 420,
|
|
2912
|
+
wide: 640
|
|
2913
|
+
}, Ut = .85, Wt = 240, Gt = ({ open: e, side: t = "right", size: n = "classic", title: r, content: i, children: a, onClose: o, closeOnBackdrop: l = !0, rail: u, style: f, testID: p }) => {
|
|
2914
|
+
let v = W(), y = H(), b = G(), S = s(Vt), C = i === void 0 ? a : i, T = Ht[n], E = S > 0 ? Math.max(Wt, Math.round(T * Ut ** S)) : T, D = g.get("window").width - v.space3 * 2, O = Math.min(E, D), A = d(new m.Value(+!!b)).current;
|
|
2915
|
+
c(() => {
|
|
2916
|
+
if (!e) return;
|
|
2917
|
+
if (b) {
|
|
2918
|
+
A.setValue(1);
|
|
2919
|
+
return;
|
|
2920
|
+
}
|
|
2921
|
+
A.setValue(0);
|
|
2922
|
+
let [t, n, r, i] = v.easingDefault;
|
|
2923
|
+
m.timing(A, {
|
|
2924
|
+
toValue: 1,
|
|
2925
|
+
duration: v.durationNormal,
|
|
2926
|
+
easing: _.bezier(t, n, r, i),
|
|
2927
|
+
useNativeDriver: !0
|
|
2928
|
+
}).start();
|
|
2929
|
+
}, [
|
|
2930
|
+
e,
|
|
2931
|
+
b,
|
|
2932
|
+
A,
|
|
2933
|
+
v.durationNormal,
|
|
2934
|
+
v.easingDefault
|
|
2935
|
+
]), c(() => {
|
|
2936
|
+
if (!e) return;
|
|
2937
|
+
let t = h.addEventListener("hardwareBackPress", () => (o?.(), !0));
|
|
2938
|
+
return () => t.remove();
|
|
2939
|
+
}, [e, o]);
|
|
2940
|
+
let j = t === "left" ? -O : O, P = A.interpolate({
|
|
2941
|
+
inputRange: [0, 1],
|
|
2942
|
+
outputRange: [j, 0]
|
|
2943
|
+
}), F = y === "dark" ? {
|
|
2944
|
+
shadowOpacity: .45,
|
|
2945
|
+
shadowRadius: 24,
|
|
2946
|
+
elevation: 12
|
|
2947
|
+
} : {
|
|
2948
|
+
shadowOpacity: .18,
|
|
2949
|
+
shadowRadius: 24,
|
|
2950
|
+
elevation: 8
|
|
2951
|
+
}, I = u && u.length > 0 ? /* @__PURE__ */ M(k, {
|
|
2952
|
+
style: {
|
|
2953
|
+
width: 56,
|
|
2954
|
+
flexShrink: 0,
|
|
2955
|
+
alignItems: "center",
|
|
2956
|
+
gap: v.space2,
|
|
2957
|
+
paddingVertical: v.space3,
|
|
2958
|
+
[t === "right" ? "borderRightWidth" : "borderLeftWidth"]: 1,
|
|
2959
|
+
borderColor: v.cardShadeColor
|
|
2960
|
+
},
|
|
2961
|
+
children: u.map((e) => /* @__PURE__ */ M(zt, {
|
|
2962
|
+
icon: e.icon,
|
|
2963
|
+
label: e.label,
|
|
2964
|
+
tooltip: e.label,
|
|
2965
|
+
tooltipPlacement: t === "right" ? "left" : "right",
|
|
2966
|
+
variant: "flat",
|
|
2967
|
+
size: "sm",
|
|
2968
|
+
disabled: e.disabled,
|
|
2969
|
+
accessibilityState: {
|
|
2970
|
+
selected: !!e.active,
|
|
2971
|
+
disabled: !!e.disabled
|
|
2972
|
+
},
|
|
2973
|
+
onPress: e.onPress
|
|
2974
|
+
}, e.id))
|
|
2975
|
+
}) : null;
|
|
2976
|
+
return /* @__PURE__ */ M(x, {
|
|
2977
|
+
visible: e,
|
|
2978
|
+
transparent: !0,
|
|
2979
|
+
animationType: "none",
|
|
2980
|
+
statusBarTranslucent: !0,
|
|
2981
|
+
onRequestClose: o,
|
|
2982
|
+
children: /* @__PURE__ */ M(Bt, {
|
|
2983
|
+
testID: p,
|
|
2984
|
+
onPress: l ? o : void 0,
|
|
2985
|
+
accessible: !1,
|
|
2986
|
+
style: {
|
|
2987
|
+
flex: 1,
|
|
2988
|
+
flexDirection: "row",
|
|
2989
|
+
justifyContent: t === "left" ? "flex-start" : "flex-end",
|
|
2990
|
+
padding: v.space3,
|
|
2991
|
+
backgroundColor: v.dialogBackdropColor,
|
|
2992
|
+
opacity: A
|
|
2993
|
+
},
|
|
2994
|
+
children: /* @__PURE__ */ M(w, {
|
|
2995
|
+
onPress: () => {},
|
|
2996
|
+
accessible: !1,
|
|
2997
|
+
style: { width: O },
|
|
2998
|
+
children: /* @__PURE__ */ N(m.View, {
|
|
2999
|
+
accessible: !0,
|
|
3000
|
+
role: "dialog",
|
|
3001
|
+
accessibilityViewIsModal: !0,
|
|
3002
|
+
style: [{
|
|
3003
|
+
flex: 1,
|
|
3004
|
+
flexDirection: "row",
|
|
3005
|
+
overflow: "hidden",
|
|
3006
|
+
borderRadius: v.radiusXl,
|
|
3007
|
+
backgroundColor: v.dialogBgColor,
|
|
3008
|
+
shadowColor: "#000",
|
|
3009
|
+
shadowOffset: {
|
|
3010
|
+
width: t === "left" ? 4 : -4,
|
|
3011
|
+
height: 0
|
|
3012
|
+
},
|
|
3013
|
+
...F,
|
|
3014
|
+
transform: [{ translateX: P }]
|
|
3015
|
+
}, f],
|
|
3016
|
+
children: [
|
|
3017
|
+
t === "right" && I,
|
|
3018
|
+
/* @__PURE__ */ N(k, {
|
|
3019
|
+
style: {
|
|
3020
|
+
flex: 1,
|
|
3021
|
+
minWidth: 0
|
|
3022
|
+
},
|
|
3023
|
+
children: [r && /* @__PURE__ */ N(k, {
|
|
3024
|
+
style: {
|
|
3025
|
+
flexDirection: "row",
|
|
3026
|
+
alignItems: "center",
|
|
3027
|
+
gap: v.space2,
|
|
3028
|
+
padding: v.space4,
|
|
3029
|
+
paddingBottom: v.space2
|
|
3030
|
+
},
|
|
3031
|
+
children: [/* @__PURE__ */ M(K, {
|
|
3032
|
+
variant: "title-4",
|
|
3033
|
+
style: {
|
|
3034
|
+
flex: 1,
|
|
3035
|
+
fontWeight: String(v.fontWeightBold)
|
|
3036
|
+
},
|
|
3037
|
+
children: r
|
|
3038
|
+
}), o && /* @__PURE__ */ M(wt, {
|
|
3039
|
+
variant: "flat",
|
|
3040
|
+
shape: "circular",
|
|
3041
|
+
size: "sm",
|
|
3042
|
+
accessibilityLabel: "Close",
|
|
3043
|
+
onPress: o,
|
|
3044
|
+
children: /* @__PURE__ */ M(q, {
|
|
3045
|
+
icon: L,
|
|
3046
|
+
size: "sm"
|
|
3047
|
+
})
|
|
3048
|
+
})]
|
|
3049
|
+
}), C !== void 0 && /* @__PURE__ */ M(k, {
|
|
3050
|
+
style: {
|
|
3051
|
+
flex: 1,
|
|
3052
|
+
padding: v.space4,
|
|
3053
|
+
paddingTop: r ? 0 : v.space4
|
|
3054
|
+
},
|
|
3055
|
+
children: /* @__PURE__ */ M(Vt.Provider, {
|
|
3056
|
+
value: S + 1,
|
|
3057
|
+
children: typeof C == "string" ? /* @__PURE__ */ M(K, {
|
|
3058
|
+
variant: "body",
|
|
3059
|
+
children: C
|
|
3060
|
+
}) : C
|
|
3061
|
+
})
|
|
3062
|
+
})]
|
|
3063
|
+
}),
|
|
3064
|
+
t === "left" && I
|
|
3065
|
+
]
|
|
3066
|
+
})
|
|
3067
|
+
})
|
|
3068
|
+
})
|
|
3069
|
+
});
|
|
3070
|
+
}, Kt = 4, qt = 8, Jt = 280;
|
|
3071
|
+
function Yt(e, t) {
|
|
3072
|
+
let { height: n } = g.get("window"), r = n - (e.y + e.height) < t && e.y > t, i = r ? e.y - t - Kt : e.y + e.height + Kt;
|
|
2588
3073
|
return {
|
|
2589
|
-
top: Math.max(
|
|
3074
|
+
top: Math.max(qt, Math.min(i, n - t - qt)),
|
|
2590
3075
|
left: e.x,
|
|
2591
3076
|
width: e.width,
|
|
2592
3077
|
flipUp: r
|
|
2593
3078
|
};
|
|
2594
3079
|
}
|
|
2595
|
-
var
|
|
2596
|
-
let l =
|
|
3080
|
+
var Xt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an option", accessibilityLabel: i, disabled: a, style: o, testID: s }) => {
|
|
3081
|
+
let l = W(), u = G(), [p, h] = f(!1), [g, _] = f(null), [v, y] = f(null), [b, S] = f(null), C = d(null), E = d(new m.Value(0)).current, D = e.find((e) => e.value === t), O = () => {
|
|
2597
3082
|
a || h(!0);
|
|
2598
3083
|
}, A = () => h(!1), j = (e) => {
|
|
2599
3084
|
e.disabled || (n?.(e.value), A());
|
|
@@ -2612,7 +3097,7 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2612
3097
|
});
|
|
2613
3098
|
});
|
|
2614
3099
|
}, [p]), c(() => {
|
|
2615
|
-
g === null || v === null || S(
|
|
3100
|
+
g === null || v === null || S(Yt(g, v));
|
|
2616
3101
|
}, [g, v]), c(() => {
|
|
2617
3102
|
if (b) {
|
|
2618
3103
|
if (u) {
|
|
@@ -2658,7 +3143,7 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2658
3143
|
borderRadius: l.radiusMd,
|
|
2659
3144
|
opacity: a ? l.opacityDisabled : 1
|
|
2660
3145
|
}),
|
|
2661
|
-
children: [/* @__PURE__ */ M(
|
|
3146
|
+
children: [/* @__PURE__ */ M(K, {
|
|
2662
3147
|
numberOfLines: 1,
|
|
2663
3148
|
style: {
|
|
2664
3149
|
flex: 1,
|
|
@@ -2667,8 +3152,8 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2667
3152
|
opacity: D ? 1 : l.opacityDim
|
|
2668
3153
|
},
|
|
2669
3154
|
children: D?.label ?? r
|
|
2670
|
-
}), /* @__PURE__ */ M(
|
|
2671
|
-
icon:
|
|
3155
|
+
}), /* @__PURE__ */ M(q, {
|
|
3156
|
+
icon: ae,
|
|
2672
3157
|
size: "md",
|
|
2673
3158
|
color: "default",
|
|
2674
3159
|
style: { transform: [{ rotate: p ? "180deg" : "0deg" }] }
|
|
@@ -2685,13 +3170,13 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2685
3170
|
testID: s ? `${s}-backdrop` : void 0,
|
|
2686
3171
|
children: /* @__PURE__ */ M(m.View, {
|
|
2687
3172
|
onLayout: (e) => {
|
|
2688
|
-
y(Math.min(e.nativeEvent.layout.height,
|
|
3173
|
+
y(Math.min(e.nativeEvent.layout.height, Jt));
|
|
2689
3174
|
},
|
|
2690
3175
|
role: "list",
|
|
2691
3176
|
accessible: !0,
|
|
2692
3177
|
style: [{
|
|
2693
3178
|
position: "absolute",
|
|
2694
|
-
maxHeight:
|
|
3179
|
+
maxHeight: Jt,
|
|
2695
3180
|
backgroundColor: l.popoverBgColor,
|
|
2696
3181
|
borderWidth: 1,
|
|
2697
3182
|
borderColor: l.cardShadeColor,
|
|
@@ -2743,7 +3228,7 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2743
3228
|
flex: 1,
|
|
2744
3229
|
gap: 1
|
|
2745
3230
|
},
|
|
2746
|
-
children: [/* @__PURE__ */ M(
|
|
3231
|
+
children: [/* @__PURE__ */ M(K, {
|
|
2747
3232
|
numberOfLines: 1,
|
|
2748
3233
|
style: {
|
|
2749
3234
|
fontSize: l.fontSizeBody,
|
|
@@ -2751,7 +3236,7 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2751
3236
|
fontWeight: n ? String(l.fontWeightSemibold) : void 0
|
|
2752
3237
|
},
|
|
2753
3238
|
children: e.label
|
|
2754
|
-
}), e.description && /* @__PURE__ */ M(
|
|
3239
|
+
}), e.description && /* @__PURE__ */ M(K, {
|
|
2755
3240
|
numberOfLines: 1,
|
|
2756
3241
|
style: {
|
|
2757
3242
|
fontSize: l.fontSizeCaption,
|
|
@@ -2760,8 +3245,8 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2760
3245
|
},
|
|
2761
3246
|
children: e.description
|
|
2762
3247
|
})]
|
|
2763
|
-
}), n && /* @__PURE__ */ M(
|
|
2764
|
-
icon:
|
|
3248
|
+
}), n && /* @__PURE__ */ M(q, {
|
|
3249
|
+
icon: I,
|
|
2765
3250
|
size: "md",
|
|
2766
3251
|
color: "blue"
|
|
2767
3252
|
})]
|
|
@@ -2772,8 +3257,8 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2772
3257
|
})
|
|
2773
3258
|
})]
|
|
2774
3259
|
});
|
|
2775
|
-
},
|
|
2776
|
-
let l =
|
|
3260
|
+
}, Zt = ({ label: e, children: t, expanded: n, defaultExpanded: r = !1, onExpandedChange: i, disabled: a = !1, style: o, testID: s }) => {
|
|
3261
|
+
let l = W(), u = G(), p = n !== void 0, [h, g] = f(r), v = p ? n : h, [y, b] = f(0), x = d(!1), S = d(new m.Value(0)).current, C = d(new m.Value(+!!r)).current, T = () => {
|
|
2777
3262
|
if (a) return;
|
|
2778
3263
|
let e = !v;
|
|
2779
3264
|
p || g(e), i?.(e);
|
|
@@ -2843,11 +3328,11 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2843
3328
|
opacity: .55,
|
|
2844
3329
|
transform: [{ rotate: O }]
|
|
2845
3330
|
},
|
|
2846
|
-
children: /* @__PURE__ */ M(
|
|
2847
|
-
icon:
|
|
3331
|
+
children: /* @__PURE__ */ M(q, {
|
|
3332
|
+
icon: oe,
|
|
2848
3333
|
size: "md"
|
|
2849
3334
|
})
|
|
2850
|
-
}), typeof e == "string" ? /* @__PURE__ */ M(
|
|
3335
|
+
}), typeof e == "string" ? /* @__PURE__ */ M(K, {
|
|
2851
3336
|
style: { color: l.windowFgColor },
|
|
2852
3337
|
children: e
|
|
2853
3338
|
}) : e]
|
|
@@ -2867,8 +3352,179 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2867
3352
|
})
|
|
2868
3353
|
})]
|
|
2869
3354
|
});
|
|
2870
|
-
},
|
|
2871
|
-
|
|
3355
|
+
}, Qt = {
|
|
3356
|
+
folder: te,
|
|
3357
|
+
image: re,
|
|
3358
|
+
audio: F,
|
|
3359
|
+
video: ue,
|
|
3360
|
+
text: le,
|
|
3361
|
+
pdf: z,
|
|
3362
|
+
archive: ie,
|
|
3363
|
+
document: de,
|
|
3364
|
+
spreadsheet: pe,
|
|
3365
|
+
presentation: fe,
|
|
3366
|
+
font: ne,
|
|
3367
|
+
executable: P,
|
|
3368
|
+
unknown: le
|
|
3369
|
+
}, $t = {
|
|
3370
|
+
folder: "Folder",
|
|
3371
|
+
image: "Image file",
|
|
3372
|
+
audio: "Audio file",
|
|
3373
|
+
video: "Video file",
|
|
3374
|
+
text: "Text file",
|
|
3375
|
+
pdf: "PDF document",
|
|
3376
|
+
archive: "Archive",
|
|
3377
|
+
document: "Document",
|
|
3378
|
+
spreadsheet: "Spreadsheet",
|
|
3379
|
+
presentation: "Presentation",
|
|
3380
|
+
font: "Font file",
|
|
3381
|
+
executable: "Executable",
|
|
3382
|
+
unknown: "File"
|
|
3383
|
+
}, en = {
|
|
3384
|
+
png: "image",
|
|
3385
|
+
jpg: "image",
|
|
3386
|
+
jpeg: "image",
|
|
3387
|
+
gif: "image",
|
|
3388
|
+
webp: "image",
|
|
3389
|
+
svg: "image",
|
|
3390
|
+
bmp: "image",
|
|
3391
|
+
ico: "image",
|
|
3392
|
+
tiff: "image",
|
|
3393
|
+
heic: "image",
|
|
3394
|
+
mp3: "audio",
|
|
3395
|
+
wav: "audio",
|
|
3396
|
+
ogg: "audio",
|
|
3397
|
+
flac: "audio",
|
|
3398
|
+
m4a: "audio",
|
|
3399
|
+
aac: "audio",
|
|
3400
|
+
mp4: "video",
|
|
3401
|
+
mov: "video",
|
|
3402
|
+
avi: "video",
|
|
3403
|
+
mkv: "video",
|
|
3404
|
+
webm: "video",
|
|
3405
|
+
m4v: "video",
|
|
3406
|
+
pdf: "pdf",
|
|
3407
|
+
zip: "archive",
|
|
3408
|
+
tar: "archive",
|
|
3409
|
+
gz: "archive",
|
|
3410
|
+
rar: "archive",
|
|
3411
|
+
"7z": "archive",
|
|
3412
|
+
xz: "archive",
|
|
3413
|
+
doc: "document",
|
|
3414
|
+
docx: "document",
|
|
3415
|
+
odt: "document",
|
|
3416
|
+
rtf: "document",
|
|
3417
|
+
xls: "spreadsheet",
|
|
3418
|
+
xlsx: "spreadsheet",
|
|
3419
|
+
ods: "spreadsheet",
|
|
3420
|
+
csv: "spreadsheet",
|
|
3421
|
+
ppt: "presentation",
|
|
3422
|
+
pptx: "presentation",
|
|
3423
|
+
odp: "presentation",
|
|
3424
|
+
ttf: "font",
|
|
3425
|
+
otf: "font",
|
|
3426
|
+
woff: "font",
|
|
3427
|
+
woff2: "font",
|
|
3428
|
+
exe: "executable",
|
|
3429
|
+
app: "executable",
|
|
3430
|
+
sh: "executable",
|
|
3431
|
+
bin: "executable",
|
|
3432
|
+
txt: "text",
|
|
3433
|
+
md: "text",
|
|
3434
|
+
log: "text",
|
|
3435
|
+
json: "text",
|
|
3436
|
+
yaml: "text",
|
|
3437
|
+
yml: "text",
|
|
3438
|
+
toml: "text",
|
|
3439
|
+
xml: "text",
|
|
3440
|
+
html: "text",
|
|
3441
|
+
css: "text",
|
|
3442
|
+
js: "text",
|
|
3443
|
+
jsx: "text",
|
|
3444
|
+
ts: "text",
|
|
3445
|
+
tsx: "text",
|
|
3446
|
+
py: "text",
|
|
3447
|
+
rb: "text",
|
|
3448
|
+
go: "text",
|
|
3449
|
+
rs: "text",
|
|
3450
|
+
c: "text",
|
|
3451
|
+
cpp: "text",
|
|
3452
|
+
h: "text",
|
|
3453
|
+
java: "text",
|
|
3454
|
+
sql: "text"
|
|
3455
|
+
}, tn = {
|
|
3456
|
+
image: "image",
|
|
3457
|
+
audio: "audio",
|
|
3458
|
+
video: "video",
|
|
3459
|
+
text: "text",
|
|
3460
|
+
font: "font"
|
|
3461
|
+
}, nn = {
|
|
3462
|
+
pdf: "pdf",
|
|
3463
|
+
zip: "archive",
|
|
3464
|
+
gzip: "archive",
|
|
3465
|
+
"x-tar": "archive",
|
|
3466
|
+
"x-7z-compressed": "archive",
|
|
3467
|
+
"x-rar-compressed": "archive",
|
|
3468
|
+
"vnd.rar": "archive",
|
|
3469
|
+
msword: "document",
|
|
3470
|
+
"vnd.openxmlformats-officedocument.wordprocessingml.document": "document",
|
|
3471
|
+
"vnd.oasis.opendocument.text": "document",
|
|
3472
|
+
"vnd.ms-excel": "spreadsheet",
|
|
3473
|
+
"vnd.openxmlformats-officedocument.spreadsheetml.sheet": "spreadsheet",
|
|
3474
|
+
"vnd.oasis.opendocument.spreadsheet": "spreadsheet",
|
|
3475
|
+
"vnd.ms-powerpoint": "presentation",
|
|
3476
|
+
"vnd.openxmlformats-officedocument.presentationml.presentation": "presentation",
|
|
3477
|
+
"vnd.oasis.opendocument.presentation": "presentation",
|
|
3478
|
+
"x-sh": "executable",
|
|
3479
|
+
"x-executable": "executable"
|
|
3480
|
+
};
|
|
3481
|
+
function rn(e) {
|
|
3482
|
+
let t = e.trim().toLowerCase();
|
|
3483
|
+
if (t === "inode/directory") return "folder";
|
|
3484
|
+
let [n, r] = t.split("/");
|
|
3485
|
+
return r && nn[r] ? nn[r] : tn[n] ?? null;
|
|
3486
|
+
}
|
|
3487
|
+
function an(e) {
|
|
3488
|
+
let t = e.trim().replace(/^\.+/, ""), n = t.lastIndexOf(".");
|
|
3489
|
+
return n <= 0 ? null : en[t.slice(n + 1).toLowerCase()] ?? null;
|
|
3490
|
+
}
|
|
3491
|
+
function on(e) {
|
|
3492
|
+
return Qt[e];
|
|
3493
|
+
}
|
|
3494
|
+
function sn(e) {
|
|
3495
|
+
return $t[e];
|
|
3496
|
+
}
|
|
3497
|
+
//#endregion
|
|
3498
|
+
//#region src/components/FileTypeIcon/FileTypeIcon.tsx
|
|
3499
|
+
var cn = ({ name: e, mimeType: t, isFolder: n = !1, thumbnail: r, label: i, size: a = "md", style: o, testID: s }) => {
|
|
3500
|
+
let c = W(), l = We[a], u = n ? "folder" : t && rn(t) || e && an(e) || "unknown";
|
|
3501
|
+
return /* @__PURE__ */ M(k, {
|
|
3502
|
+
testID: s,
|
|
3503
|
+
accessible: !0,
|
|
3504
|
+
role: "img",
|
|
3505
|
+
accessibilityLabel: i ?? sn(u),
|
|
3506
|
+
style: [{
|
|
3507
|
+
width: l,
|
|
3508
|
+
height: l,
|
|
3509
|
+
alignItems: "center",
|
|
3510
|
+
justifyContent: "center"
|
|
3511
|
+
}, o],
|
|
3512
|
+
children: r ? /* @__PURE__ */ M(y, {
|
|
3513
|
+
testID: s ? `${s}-thumbnail` : void 0,
|
|
3514
|
+
source: { uri: r },
|
|
3515
|
+
resizeMode: "cover",
|
|
3516
|
+
style: {
|
|
3517
|
+
width: l,
|
|
3518
|
+
height: l,
|
|
3519
|
+
borderRadius: c.radiusSm
|
|
3520
|
+
}
|
|
3521
|
+
}) : /* @__PURE__ */ M(q, {
|
|
3522
|
+
icon: on(u),
|
|
3523
|
+
size: a
|
|
3524
|
+
})
|
|
3525
|
+
});
|
|
3526
|
+
}, ln = i(function({ title: e, start: t, end: n, flat: r = !1, style: i, ...a }, o) {
|
|
3527
|
+
let s = W();
|
|
2872
3528
|
return /* @__PURE__ */ N(k, {
|
|
2873
3529
|
ref: o,
|
|
2874
3530
|
style: [{
|
|
@@ -2927,23 +3583,23 @@ var wt = ({ options: e, value: t, onChange: n, placeholder: r = "Select an optio
|
|
|
2927
3583
|
});
|
|
2928
3584
|
//#endregion
|
|
2929
3585
|
//#region src/components/Highlight/Highlight.tsx
|
|
2930
|
-
function
|
|
3586
|
+
function un(e) {
|
|
2931
3587
|
return e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
2932
3588
|
}
|
|
2933
|
-
var
|
|
2934
|
-
let i =
|
|
2935
|
-
if (o.length === 0) return /* @__PURE__ */ M(
|
|
3589
|
+
var dn = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
|
|
3590
|
+
let i = W(), a = U(), o = (Array.isArray(t) ? t : [t]).map((e) => e.trim()).filter(Boolean);
|
|
3591
|
+
if (o.length === 0) return /* @__PURE__ */ M(K, {
|
|
2936
3592
|
...r,
|
|
2937
3593
|
children: e
|
|
2938
3594
|
});
|
|
2939
|
-
let s = RegExp(`(${o.map(
|
|
3595
|
+
let s = RegExp(`(${o.map(un).join("|")})`, n ? "g" : "gi"), c = e.split(s), l = {
|
|
2940
3596
|
fontWeight: String(i.fontWeightSemibold),
|
|
2941
3597
|
...a === "more" ? {
|
|
2942
3598
|
backgroundColor: i.accentBgColor,
|
|
2943
3599
|
color: "#fff"
|
|
2944
3600
|
} : { backgroundColor: `${i.accentBgColor}4D` }
|
|
2945
3601
|
};
|
|
2946
|
-
return /* @__PURE__ */ M(
|
|
3602
|
+
return /* @__PURE__ */ M(K, {
|
|
2947
3603
|
...r,
|
|
2948
3604
|
children: c.map((e, t) => t % 2 == 1 ? /* @__PURE__ */ M(D, {
|
|
2949
3605
|
style: l,
|
|
@@ -2953,10 +3609,10 @@ var Ot = ({ text: e, query: t, caseSensitive: n = !1, ...r }) => {
|
|
|
2953
3609
|
};
|
|
2954
3610
|
//#endregion
|
|
2955
3611
|
//#region src/components/LevelBar/LevelBar.tsx
|
|
2956
|
-
function
|
|
3612
|
+
function fn(e, t, n, r, i, a) {
|
|
2957
3613
|
return t !== void 0 && e <= t ? n : r !== void 0 && e >= r ? i : a;
|
|
2958
3614
|
}
|
|
2959
|
-
function
|
|
3615
|
+
function pn(e, t) {
|
|
2960
3616
|
switch (t) {
|
|
2961
3617
|
case "accent": return e.accentBgColor;
|
|
2962
3618
|
case "success": return e.successBgColor;
|
|
@@ -2964,8 +3620,8 @@ function At(e, t) {
|
|
|
2964
3620
|
case "error": return e.errorBgColor;
|
|
2965
3621
|
}
|
|
2966
3622
|
}
|
|
2967
|
-
var
|
|
2968
|
-
let g =
|
|
3623
|
+
var mn = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning", high: a, highVariant: o = "error", variant: s = "accent", discrete: l = !1, numBlocks: u = 10, accessibilityLabel: f, style: p, testID: h }) => {
|
|
3624
|
+
let g = W(), v = H(), y = G(), b = n - t, x = Math.min(n, Math.max(t, e)), S = b > 0 ? (x - t) / b : 0, C = fn(x, r, i, a, o, s), w = d(new m.Value(S)).current;
|
|
2969
3625
|
c(() => {
|
|
2970
3626
|
if (l) return;
|
|
2971
3627
|
let [e, t, n, r] = g.easingDefault;
|
|
@@ -3012,7 +3668,7 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3012
3668
|
height: "100%",
|
|
3013
3669
|
minWidth: 2,
|
|
3014
3670
|
borderRadius: 1,
|
|
3015
|
-
backgroundColor: (t + 1) / u <= S ?
|
|
3671
|
+
backgroundColor: (t + 1) / u <= S ? pn(g, C) : T
|
|
3016
3672
|
}
|
|
3017
3673
|
}, t)) : /* @__PURE__ */ M(m.View, {
|
|
3018
3674
|
testID: h ? `${h}-fill` : void 0,
|
|
@@ -3020,14 +3676,14 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3020
3676
|
width: "100%",
|
|
3021
3677
|
height: "100%",
|
|
3022
3678
|
borderRadius: g.radiusPill,
|
|
3023
|
-
backgroundColor:
|
|
3679
|
+
backgroundColor: pn(g, C),
|
|
3024
3680
|
transformOrigin: "left",
|
|
3025
3681
|
transform: [{ scaleX: w }]
|
|
3026
3682
|
}
|
|
3027
3683
|
})
|
|
3028
3684
|
});
|
|
3029
|
-
},
|
|
3030
|
-
let c =
|
|
3685
|
+
}, hn = i(function({ href: e, external: t = !1, children: n, style: r, textStyle: i, onPress: a, ...o }, s) {
|
|
3686
|
+
let c = W();
|
|
3031
3687
|
return /* @__PURE__ */ M(w, {
|
|
3032
3688
|
ref: s,
|
|
3033
3689
|
accessibilityRole: "link",
|
|
@@ -3035,7 +3691,7 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3035
3691
|
onPress: a ?? (() => b.openURL(e)),
|
|
3036
3692
|
style: r,
|
|
3037
3693
|
...o,
|
|
3038
|
-
children: ({ pressed: e }) => /* @__PURE__ */ N(
|
|
3694
|
+
children: ({ pressed: e }) => /* @__PURE__ */ N(K, {
|
|
3039
3695
|
style: [{
|
|
3040
3696
|
color: c.accentColor,
|
|
3041
3697
|
textDecorationLine: e ? "underline" : "none",
|
|
@@ -3049,8 +3705,8 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3049
3705
|
})]
|
|
3050
3706
|
})
|
|
3051
3707
|
});
|
|
3052
|
-
}),
|
|
3053
|
-
let a =
|
|
3708
|
+
}), gn = m.createAnimatedComponent(w), _n = ({ open: e, onDismiss: t, children: n, style: r, testID: i }) => {
|
|
3709
|
+
let a = W(), o = G(), [s, l] = f(e), u = d(new m.Value(+!!e)).current;
|
|
3054
3710
|
return c(() => {
|
|
3055
3711
|
e && l(!0);
|
|
3056
3712
|
}, [e]), c(() => {
|
|
@@ -3088,7 +3744,7 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3088
3744
|
transparent: !0,
|
|
3089
3745
|
animationType: "none",
|
|
3090
3746
|
statusBarTranslucent: !0,
|
|
3091
|
-
children: /* @__PURE__ */ M(
|
|
3747
|
+
children: /* @__PURE__ */ M(gn, {
|
|
3092
3748
|
testID: i,
|
|
3093
3749
|
onPress: t,
|
|
3094
3750
|
accessible: !1,
|
|
@@ -3106,8 +3762,8 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3106
3762
|
})
|
|
3107
3763
|
})
|
|
3108
3764
|
}) : null;
|
|
3109
|
-
},
|
|
3110
|
-
let a =
|
|
3765
|
+
}, vn = ({ segments: e, onNavigate: n, style: r, ...i }) => {
|
|
3766
|
+
let a = W();
|
|
3111
3767
|
return /* @__PURE__ */ M(k, {
|
|
3112
3768
|
style: [{
|
|
3113
3769
|
flexDirection: "row",
|
|
@@ -3180,8 +3836,8 @@ var jt = ({ value: e, min: t = 0, max: n = 1, low: r, lowVariant: i = "warning",
|
|
|
3180
3836
|
})] }, r.path);
|
|
3181
3837
|
})
|
|
3182
3838
|
});
|
|
3183
|
-
},
|
|
3184
|
-
function
|
|
3839
|
+
}, Z = 8, Q = 10, yn = 6;
|
|
3840
|
+
function bn(e, t) {
|
|
3185
3841
|
if (e) {
|
|
3186
3842
|
if (typeof e == "function") {
|
|
3187
3843
|
e(t);
|
|
@@ -3190,27 +3846,27 @@ function Lt(e, t) {
|
|
|
3190
3846
|
e.current = t;
|
|
3191
3847
|
}
|
|
3192
3848
|
}
|
|
3193
|
-
function
|
|
3849
|
+
function xn(e, t, n) {
|
|
3194
3850
|
switch (n) {
|
|
3195
3851
|
case "top": return {
|
|
3196
|
-
top: e.y - t.height -
|
|
3852
|
+
top: e.y - t.height - Z,
|
|
3197
3853
|
left: e.x + e.width / 2 - t.width / 2
|
|
3198
3854
|
};
|
|
3199
3855
|
case "bottom": return {
|
|
3200
|
-
top: e.y + e.height +
|
|
3856
|
+
top: e.y + e.height + Z,
|
|
3201
3857
|
left: e.x + e.width / 2 - t.width / 2
|
|
3202
3858
|
};
|
|
3203
3859
|
case "left": return {
|
|
3204
3860
|
top: e.y + e.height / 2 - t.height / 2,
|
|
3205
|
-
left: e.x - t.width -
|
|
3861
|
+
left: e.x - t.width - Z
|
|
3206
3862
|
};
|
|
3207
3863
|
case "right": return {
|
|
3208
3864
|
top: e.y + e.height / 2 - t.height / 2,
|
|
3209
|
-
left: e.x + e.width +
|
|
3865
|
+
left: e.x + e.width + Z
|
|
3210
3866
|
};
|
|
3211
3867
|
}
|
|
3212
3868
|
}
|
|
3213
|
-
function
|
|
3869
|
+
function Sn(e, t, n) {
|
|
3214
3870
|
let { width: r, height: i } = g.get("window"), a = [
|
|
3215
3871
|
n,
|
|
3216
3872
|
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
@@ -3220,22 +3876,22 @@ function zt(e, t, n) {
|
|
|
3220
3876
|
"right"
|
|
3221
3877
|
];
|
|
3222
3878
|
for (let n of a) {
|
|
3223
|
-
let { top: a, left: o } =
|
|
3879
|
+
let { top: a, left: o } = xn(e, t, n), s = o >= Q && o + t.width <= r - Q, c = a >= Q && a + t.height <= i - Q;
|
|
3224
3880
|
if (s && c) return {
|
|
3225
|
-
top: Math.max(
|
|
3226
|
-
left: Math.max(
|
|
3881
|
+
top: Math.max(Q, Math.min(a, i - t.height - Q)),
|
|
3882
|
+
left: Math.max(Q, Math.min(o, r - t.width - Q)),
|
|
3227
3883
|
placement: n
|
|
3228
3884
|
};
|
|
3229
3885
|
}
|
|
3230
|
-
let { top: o, left: s } =
|
|
3886
|
+
let { top: o, left: s } = xn(e, t, n);
|
|
3231
3887
|
return {
|
|
3232
|
-
top: Math.max(
|
|
3233
|
-
left: Math.max(
|
|
3888
|
+
top: Math.max(Q, Math.min(o, i - t.height - Q)),
|
|
3889
|
+
left: Math.max(Q, Math.min(s, r - t.width - Q)),
|
|
3234
3890
|
placement: n
|
|
3235
3891
|
};
|
|
3236
3892
|
}
|
|
3237
|
-
var
|
|
3238
|
-
let l =
|
|
3893
|
+
var Cn = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panelStyle: a, children: s }) => {
|
|
3894
|
+
let l = W(), u = G(), p = r !== void 0, [g, _] = f(!1), v = p ? r : g, [y, b] = f(null), [S, C] = f(null), [T, E] = f(null), D = d(null), O = d(new m.Value(0)).current, A = o((e) => {
|
|
3239
3895
|
p || _(e), i?.(e);
|
|
3240
3896
|
}, [p, i]), P = o(() => A(!1), [A]), F = o(() => A(!v), [v, A]);
|
|
3241
3897
|
c(() => {
|
|
@@ -3252,7 +3908,7 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3252
3908
|
});
|
|
3253
3909
|
});
|
|
3254
3910
|
}, [v]), c(() => {
|
|
3255
|
-
!y || !S || E(
|
|
3911
|
+
!y || !S || E(Sn(y, S, t));
|
|
3256
3912
|
}, [
|
|
3257
3913
|
y,
|
|
3258
3914
|
S,
|
|
@@ -3279,43 +3935,43 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3279
3935
|
let e = h.addEventListener("hardwareBackPress", () => (P(), !0));
|
|
3280
3936
|
return () => e.remove();
|
|
3281
3937
|
}, [v, P]);
|
|
3282
|
-
let
|
|
3938
|
+
let I = (e) => {
|
|
3283
3939
|
let { width: t, height: n } = e.nativeEvent.layout;
|
|
3284
3940
|
C({
|
|
3285
3941
|
width: t,
|
|
3286
3942
|
height: n
|
|
3287
3943
|
});
|
|
3288
|
-
},
|
|
3944
|
+
}, L = {
|
|
3289
3945
|
position: "absolute",
|
|
3290
3946
|
width: 0,
|
|
3291
3947
|
height: 0,
|
|
3292
|
-
borderWidth:
|
|
3948
|
+
borderWidth: yn,
|
|
3293
3949
|
borderColor: "transparent"
|
|
3294
|
-
},
|
|
3950
|
+
}, R = (() => {
|
|
3295
3951
|
switch (T?.placement) {
|
|
3296
3952
|
case "top": return {
|
|
3297
|
-
...
|
|
3953
|
+
...L,
|
|
3298
3954
|
top: "100%",
|
|
3299
3955
|
left: "50%",
|
|
3300
3956
|
marginLeft: -6,
|
|
3301
3957
|
borderTopColor: l.popoverBgColor
|
|
3302
3958
|
};
|
|
3303
3959
|
case "bottom": return {
|
|
3304
|
-
...
|
|
3960
|
+
...L,
|
|
3305
3961
|
bottom: "100%",
|
|
3306
3962
|
left: "50%",
|
|
3307
3963
|
marginLeft: -6,
|
|
3308
3964
|
borderBottomColor: l.popoverBgColor
|
|
3309
3965
|
};
|
|
3310
3966
|
case "left": return {
|
|
3311
|
-
...
|
|
3967
|
+
...L,
|
|
3312
3968
|
left: "100%",
|
|
3313
3969
|
top: "50%",
|
|
3314
3970
|
marginTop: -6,
|
|
3315
3971
|
borderLeftColor: l.popoverBgColor
|
|
3316
3972
|
};
|
|
3317
3973
|
case "right": return {
|
|
3318
|
-
...
|
|
3974
|
+
...L,
|
|
3319
3975
|
right: "100%",
|
|
3320
3976
|
top: "50%",
|
|
3321
3977
|
marginTop: -6,
|
|
@@ -3323,10 +3979,10 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3323
3979
|
};
|
|
3324
3980
|
default: return null;
|
|
3325
3981
|
}
|
|
3326
|
-
})(),
|
|
3982
|
+
})(), z = s.props.ref;
|
|
3327
3983
|
return /* @__PURE__ */ N(j, { children: [n(s, {
|
|
3328
3984
|
ref: (e) => {
|
|
3329
|
-
D.current = e,
|
|
3985
|
+
D.current = e, bn(z, e);
|
|
3330
3986
|
},
|
|
3331
3987
|
accessibilityState: {
|
|
3332
3988
|
expanded: v,
|
|
@@ -3346,7 +4002,7 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3346
4002
|
accessible: !1,
|
|
3347
4003
|
style: { flex: 1 },
|
|
3348
4004
|
children: /* @__PURE__ */ N(m.View, {
|
|
3349
|
-
onLayout:
|
|
4005
|
+
onLayout: I,
|
|
3350
4006
|
role: "dialog",
|
|
3351
4007
|
accessible: !0,
|
|
3352
4008
|
onStartShouldSetResponder: () => !0,
|
|
@@ -3380,12 +4036,12 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3380
4036
|
},
|
|
3381
4037
|
a
|
|
3382
4038
|
],
|
|
3383
|
-
children: [e,
|
|
4039
|
+
children: [e, R && /* @__PURE__ */ M(k, { style: R })]
|
|
3384
4040
|
})
|
|
3385
4041
|
})
|
|
3386
4042
|
})] });
|
|
3387
|
-
},
|
|
3388
|
-
let o =
|
|
4043
|
+
}, wn = ({ value: e, variant: t = "accent", accessibilityLabel: n, style: r, onLayout: i, ...a }) => {
|
|
4044
|
+
let o = W(), s = H(), l = G(), u = e == null, p = u ? void 0 : Math.min(1, Math.max(0, e)), h = p === void 0 ? void 0 : p * 100, g = d(new m.Value(p ?? 0)).current, v = d(new m.Value(0)).current, [y, b] = f(0), x = (e) => {
|
|
3389
4045
|
b(e.nativeEvent.layout.width), i?.(e);
|
|
3390
4046
|
};
|
|
3391
4047
|
c(() => {
|
|
@@ -3467,8 +4123,8 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3467
4123
|
backgroundColor: C[t]
|
|
3468
4124
|
}, w] })
|
|
3469
4125
|
});
|
|
3470
|
-
},
|
|
3471
|
-
let o =
|
|
4126
|
+
}, Tn = 18, En = 6, Dn = i(function({ value: e, onSelect: t, disabled: n, style: r, ...i }, a) {
|
|
4127
|
+
let o = W(), s = H(), l = U(), u = d(new m.Value(+!!e)).current, f = d(!0);
|
|
3472
4128
|
c(() => {
|
|
3473
4129
|
if (f.current) {
|
|
3474
4130
|
f.current = !1;
|
|
@@ -3509,8 +4165,8 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3509
4165
|
...i,
|
|
3510
4166
|
children: /* @__PURE__ */ M(m.View, {
|
|
3511
4167
|
style: {
|
|
3512
|
-
width:
|
|
3513
|
-
height:
|
|
4168
|
+
width: Tn,
|
|
4169
|
+
height: Tn,
|
|
3514
4170
|
alignItems: "center",
|
|
3515
4171
|
justifyContent: "center",
|
|
3516
4172
|
borderRadius: o.radiusPill,
|
|
@@ -3519,8 +4175,8 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3519
4175
|
backgroundColor: g
|
|
3520
4176
|
},
|
|
3521
4177
|
children: /* @__PURE__ */ M(m.View, { style: {
|
|
3522
|
-
width:
|
|
3523
|
-
height:
|
|
4178
|
+
width: En,
|
|
4179
|
+
height: En,
|
|
3524
4180
|
borderRadius: o.radiusPill,
|
|
3525
4181
|
backgroundColor: "#fff",
|
|
3526
4182
|
opacity: u
|
|
@@ -3530,14 +4186,14 @@ var Bt = ({ content: e, placement: t = "bottom", open: r, onOpenChange: i, panel
|
|
|
3530
4186
|
});
|
|
3531
4187
|
//#endregion
|
|
3532
4188
|
//#region src/components/SearchBar/SearchBar.tsx
|
|
3533
|
-
function
|
|
4189
|
+
function On(e, t) {
|
|
3534
4190
|
let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
|
|
3535
4191
|
if (!n) return e;
|
|
3536
4192
|
let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
|
|
3537
4193
|
return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
|
|
3538
4194
|
}
|
|
3539
|
-
var
|
|
3540
|
-
let g =
|
|
4195
|
+
var kn = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, placeholder: a = "Search…", editable: o = !0, inline: s = !1, closeLabel: u = "Cancel", style: f, inputStyle: p, ...m }, h) {
|
|
4196
|
+
let g = W(), _ = d(null);
|
|
3541
4197
|
if (l(h, () => _.current, []), c(() => {
|
|
3542
4198
|
if (!e) return;
|
|
3543
4199
|
let t = requestAnimationFrame(() => _.current?.focus());
|
|
@@ -3580,7 +4236,7 @@ var Kt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
|
|
|
3580
4236
|
editable: o,
|
|
3581
4237
|
value: i,
|
|
3582
4238
|
placeholder: a,
|
|
3583
|
-
placeholderTextColor:
|
|
4239
|
+
placeholderTextColor: On(g.windowFgColor, g.opacityDim),
|
|
3584
4240
|
style: [{
|
|
3585
4241
|
flex: 1,
|
|
3586
4242
|
padding: 0,
|
|
@@ -3645,33 +4301,82 @@ var Kt = i(function({ open: e, onClose: t, onClear: n, children: r, value: i, pl
|
|
|
3645
4301
|
children: r
|
|
3646
4302
|
})]
|
|
3647
4303
|
});
|
|
3648
|
-
});
|
|
4304
|
+
}), An = 8;
|
|
4305
|
+
function jn(e, t) {
|
|
4306
|
+
switch (t % An) {
|
|
4307
|
+
case 0: return e.blue3;
|
|
4308
|
+
case 1: return e.green3;
|
|
4309
|
+
case 2: return e.purple3;
|
|
4310
|
+
case 3: return e.orange3;
|
|
4311
|
+
case 4: return e.red3;
|
|
4312
|
+
case 5: return e.brown3;
|
|
4313
|
+
case 6: return e.blue5;
|
|
4314
|
+
default: return e.green5;
|
|
4315
|
+
}
|
|
4316
|
+
}
|
|
4317
|
+
var Mn = ({ values: e, accessibilityLabel: t, style: n, testID: r }) => {
|
|
4318
|
+
let i = W(), a = H(), [o, s] = f(null), c = e.reduce((e, t) => e + t.value, 0) || 100, l = e.map((e) => `${e.label} ${e.value}%`).join(", "), u = a === "dark" ? i.dark2 : i.light3;
|
|
4319
|
+
return /* @__PURE__ */ M(k, {
|
|
4320
|
+
testID: r,
|
|
4321
|
+
accessible: !0,
|
|
4322
|
+
role: "img",
|
|
4323
|
+
accessibilityLabel: t ?? l,
|
|
4324
|
+
style: [{
|
|
4325
|
+
flexDirection: "row",
|
|
4326
|
+
width: "100%",
|
|
4327
|
+
height: 8,
|
|
4328
|
+
borderRadius: i.radiusPill,
|
|
4329
|
+
overflow: "hidden",
|
|
4330
|
+
gap: 2,
|
|
4331
|
+
backgroundColor: u
|
|
4332
|
+
}, n],
|
|
4333
|
+
children: e.map((e, t) => {
|
|
4334
|
+
let n = `${e.value / c * 100}%`, r = e.value % 1 == 0 ? e.value : e.value.toFixed(1);
|
|
4335
|
+
return /* @__PURE__ */ M(Lt, {
|
|
4336
|
+
label: `${e.label}: ${r}%`,
|
|
4337
|
+
placement: "top",
|
|
4338
|
+
delay: 200,
|
|
4339
|
+
children: /* @__PURE__ */ M(w, {
|
|
4340
|
+
testID: "segmented-bar-segment",
|
|
4341
|
+
onPressIn: () => s(t),
|
|
4342
|
+
onPressOut: () => s(null),
|
|
4343
|
+
style: {
|
|
4344
|
+
width: n,
|
|
4345
|
+
height: "100%",
|
|
4346
|
+
backgroundColor: e.color ?? jn(i, t),
|
|
4347
|
+
opacity: o !== null && o !== t ? .35 : 1
|
|
4348
|
+
}
|
|
4349
|
+
})
|
|
4350
|
+
}, e.label);
|
|
4351
|
+
})
|
|
4352
|
+
});
|
|
4353
|
+
};
|
|
3649
4354
|
//#endregion
|
|
3650
4355
|
//#region src/components/Sidebar/filterUtils.ts
|
|
3651
|
-
function
|
|
4356
|
+
function Nn(t, n) {
|
|
3652
4357
|
let r = 0;
|
|
3653
4358
|
return e.forEach(t, (e) => {
|
|
3654
4359
|
if (!a(e)) return;
|
|
3655
4360
|
let t = e.props;
|
|
3656
|
-
typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r +=
|
|
4361
|
+
typeof t.label == "string" ? t.label.toLowerCase().includes(n.toLowerCase()) && r++ : t.children && (r += Nn(t.children, n));
|
|
3657
4362
|
}), r;
|
|
3658
4363
|
}
|
|
3659
|
-
function
|
|
4364
|
+
function Pn(e, t) {
|
|
3660
4365
|
if (!t || !a(e)) return !0;
|
|
3661
4366
|
let n = e.props;
|
|
3662
|
-
return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ?
|
|
4367
|
+
return typeof n.label == "string" ? n.label.toLowerCase().includes(t.toLowerCase()) : n.children ? Nn(n.children, t) > 0 : !0;
|
|
3663
4368
|
}
|
|
3664
4369
|
//#endregion
|
|
3665
4370
|
//#region src/components/Sidebar/Sidebar.tsx
|
|
3666
|
-
var
|
|
3667
|
-
function
|
|
3668
|
-
return s(
|
|
4371
|
+
var Fn = r(!1);
|
|
4372
|
+
function In() {
|
|
4373
|
+
return s(Fn);
|
|
3669
4374
|
}
|
|
3670
|
-
var
|
|
3671
|
-
let c =
|
|
3672
|
-
return /* @__PURE__ */ M(
|
|
4375
|
+
var Ln = r(""), Rn = i(function({ children: n, collapsed: r = !1, filter: i = "", style: a, ...o }, s) {
|
|
4376
|
+
let c = W(), l = i.length > 0, u = e.toArray(n).filter(Boolean).filter((e) => Pn(e, i)), d = !l || u.length > 0;
|
|
4377
|
+
return /* @__PURE__ */ M(Fn.Provider, {
|
|
3673
4378
|
value: r,
|
|
3674
|
-
children: /* @__PURE__ */ M(
|
|
4379
|
+
children: /* @__PURE__ */ M(Ln.Provider, {
|
|
3675
4380
|
value: i,
|
|
3676
4381
|
children: /* @__PURE__ */ M(k, {
|
|
3677
4382
|
ref: s,
|
|
@@ -3685,7 +4390,7 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3685
4390
|
...o,
|
|
3686
4391
|
children: /* @__PURE__ */ M(T, {
|
|
3687
4392
|
contentContainerStyle: { padding: c.space1 },
|
|
3688
|
-
children: l && !d ? /* @__PURE__ */ M(
|
|
4393
|
+
children: l && !d ? /* @__PURE__ */ M(K, {
|
|
3689
4394
|
variant: "caption",
|
|
3690
4395
|
color: "dim",
|
|
3691
4396
|
style: {
|
|
@@ -3693,7 +4398,7 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3693
4398
|
padding: c.space4
|
|
3694
4399
|
},
|
|
3695
4400
|
children: "No items match your search."
|
|
3696
|
-
}) : u.map((e, n) => /* @__PURE__ */ N(t, { children: [n > 0 && /* @__PURE__ */ M(
|
|
4401
|
+
}) : u.map((e, n) => /* @__PURE__ */ N(t, { children: [n > 0 && /* @__PURE__ */ M(yt, {
|
|
3697
4402
|
testID: "sidebar-separator",
|
|
3698
4403
|
style: { marginVertical: c.space1 }
|
|
3699
4404
|
}), e] }, n))
|
|
@@ -3701,8 +4406,8 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3701
4406
|
})
|
|
3702
4407
|
})
|
|
3703
4408
|
});
|
|
3704
|
-
}),
|
|
3705
|
-
let l =
|
|
4409
|
+
}), zn = i(function({ label: e, icon: t, active: n = !1, suffix: r, disabled: i, style: a, ...o }, c) {
|
|
4410
|
+
let l = W(), u = In(), d = s(Ln);
|
|
3706
4411
|
return d.length > 0 && !e.toLowerCase().includes(d.toLowerCase()) ? null : /* @__PURE__ */ N(w, {
|
|
3707
4412
|
ref: c,
|
|
3708
4413
|
disabled: i,
|
|
@@ -3738,7 +4443,7 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3738
4443
|
},
|
|
3739
4444
|
children: t
|
|
3740
4445
|
}),
|
|
3741
|
-
!u && /* @__PURE__ */ M(
|
|
4446
|
+
!u && /* @__PURE__ */ M(K, {
|
|
3742
4447
|
numberOfLines: 1,
|
|
3743
4448
|
ellipsizeMode: "tail",
|
|
3744
4449
|
style: {
|
|
@@ -3755,15 +4460,15 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3755
4460
|
})
|
|
3756
4461
|
]
|
|
3757
4462
|
});
|
|
3758
|
-
}),
|
|
3759
|
-
let p =
|
|
4463
|
+
}), Bn = i(function({ title: e, icon: t, collapsible: n = !1, defaultOpen: r = !0, open: i, onOpenChange: a, children: o, style: c, ...u }, d) {
|
|
4464
|
+
let p = W(), [m, h] = f(r), g = i !== void 0, _ = g ? i : m, v = In(), y = s(Ln), b = (e) => {
|
|
3760
4465
|
g || h(e), a?.(e);
|
|
3761
4466
|
};
|
|
3762
4467
|
if (l(d, () => ({
|
|
3763
4468
|
expand: () => b(!0),
|
|
3764
4469
|
collapse: () => b(!1),
|
|
3765
4470
|
toggle: () => b(!_)
|
|
3766
|
-
})), !(y.length === 0 ||
|
|
4471
|
+
})), !(y.length === 0 || Nn(o, y) > 0)) return null;
|
|
3767
4472
|
let x = v ? !0 : _, S = !v && !!(e || t), C = (e || t) && /* @__PURE__ */ N(k, {
|
|
3768
4473
|
style: {
|
|
3769
4474
|
flexDirection: "row",
|
|
@@ -3782,14 +4487,14 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3782
4487
|
},
|
|
3783
4488
|
children: t
|
|
3784
4489
|
}),
|
|
3785
|
-
e && /* @__PURE__ */ M(
|
|
4490
|
+
e && /* @__PURE__ */ M(K, {
|
|
3786
4491
|
variant: "caption-heading",
|
|
3787
4492
|
color: "dim",
|
|
3788
4493
|
style: { flex: 1 },
|
|
3789
4494
|
numberOfLines: 1,
|
|
3790
4495
|
children: e
|
|
3791
4496
|
}),
|
|
3792
|
-
n && /* @__PURE__ */ M(
|
|
4497
|
+
n && /* @__PURE__ */ M(K, {
|
|
3793
4498
|
variant: "caption",
|
|
3794
4499
|
color: "dim",
|
|
3795
4500
|
style: { flexShrink: 0 },
|
|
@@ -3816,8 +4521,8 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3816
4521
|
children: o
|
|
3817
4522
|
})]
|
|
3818
4523
|
});
|
|
3819
|
-
}),
|
|
3820
|
-
let l =
|
|
4524
|
+
}), Vn = ({ variant: e = "rect", width: t = "100%", height: n = 16, size: r = 40, lines: i = 3, animated: a = !0, style: o, ...s }) => {
|
|
4525
|
+
let l = W(), u = G(), f = d(new m.Value(1)).current, p = a && !u;
|
|
3821
4526
|
if (c(() => {
|
|
3822
4527
|
if (!p) {
|
|
3823
4528
|
f.setValue(1);
|
|
@@ -3875,22 +4580,22 @@ var X = r(""), Zt = i(function({ children: n, collapsed: r = !1, filter: i = "",
|
|
|
3875
4580
|
],
|
|
3876
4581
|
...s
|
|
3877
4582
|
});
|
|
3878
|
-
},
|
|
3879
|
-
function
|
|
4583
|
+
}, Hn = 6, Un = 22, Wn = 4;
|
|
4584
|
+
function $(e, t, n) {
|
|
3880
4585
|
return Math.min(n, Math.max(t, e));
|
|
3881
4586
|
}
|
|
3882
|
-
function
|
|
4587
|
+
function Gn(e, t, n, r) {
|
|
3883
4588
|
return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
|
|
3884
4589
|
}
|
|
3885
|
-
function
|
|
4590
|
+
function Kn(e) {
|
|
3886
4591
|
let t = e.toString(), n = t.indexOf(".");
|
|
3887
4592
|
return n === -1 ? 0 : t.length - n - 1;
|
|
3888
4593
|
}
|
|
3889
|
-
var
|
|
3890
|
-
let m =
|
|
4594
|
+
var qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabled: a = !1, marks: s, accessibilityLabel: c, style: l, onLayout: d, ...p }) => {
|
|
4595
|
+
let m = W(), [h, g] = f(0), [_, v] = f({}), y = Kn(i), b = $(e, n, r), x = (b - n) / (r - n) * 100, C = o((e) => {
|
|
3891
4596
|
g(e.nativeEvent.layout.width), d?.(e);
|
|
3892
4597
|
}, [d]), w = o((e) => {
|
|
3893
|
-
a || h <= 0 || t(
|
|
4598
|
+
a || h <= 0 || t($(Gn(e / h * (r - n) + n, n, i, y), n, r));
|
|
3894
4599
|
}, [
|
|
3895
4600
|
a,
|
|
3896
4601
|
h,
|
|
@@ -3907,10 +4612,10 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3907
4612
|
}), [a, w]), E = o((o) => {
|
|
3908
4613
|
if (!a) switch (o.nativeEvent.actionName) {
|
|
3909
4614
|
case "increment":
|
|
3910
|
-
t(
|
|
4615
|
+
t($(Gn(e + i, n, i, y), n, r));
|
|
3911
4616
|
break;
|
|
3912
4617
|
case "decrement":
|
|
3913
|
-
t(
|
|
4618
|
+
t($(Gn(e - i, n, i, y), n, r));
|
|
3914
4619
|
break;
|
|
3915
4620
|
}
|
|
3916
4621
|
}, [
|
|
@@ -3921,7 +4626,7 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3921
4626
|
r,
|
|
3922
4627
|
y,
|
|
3923
4628
|
t
|
|
3924
|
-
]), O = s && s.length > 0, A = O && s.some((e) => e.label), j = x / 100 * h -
|
|
4629
|
+
]), O = s && s.length > 0, A = O && s.some((e) => e.label), j = x / 100 * h - Un / 2;
|
|
3925
4630
|
return /* @__PURE__ */ N(k, {
|
|
3926
4631
|
style: [{
|
|
3927
4632
|
width: "100%",
|
|
@@ -3950,7 +4655,7 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3950
4655
|
onAccessibilityAction: E,
|
|
3951
4656
|
style: {
|
|
3952
4657
|
justifyContent: "center",
|
|
3953
|
-
height:
|
|
4658
|
+
height: Un,
|
|
3954
4659
|
opacity: a ? m.opacityDisabled : 1
|
|
3955
4660
|
},
|
|
3956
4661
|
...T.panHandlers,
|
|
@@ -3959,7 +4664,7 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3959
4664
|
pointerEvents: "none",
|
|
3960
4665
|
style: {
|
|
3961
4666
|
width: "100%",
|
|
3962
|
-
height:
|
|
4667
|
+
height: Hn,
|
|
3963
4668
|
borderRadius: m.radiusPill,
|
|
3964
4669
|
backgroundColor: m.cardShadeColor,
|
|
3965
4670
|
overflow: "hidden"
|
|
@@ -3976,8 +4681,8 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3976
4681
|
style: {
|
|
3977
4682
|
position: "absolute",
|
|
3978
4683
|
left: j,
|
|
3979
|
-
width:
|
|
3980
|
-
height:
|
|
4684
|
+
width: Un,
|
|
4685
|
+
height: Un,
|
|
3981
4686
|
borderRadius: m.radiusPill,
|
|
3982
4687
|
backgroundColor: m.accentBgColor,
|
|
3983
4688
|
borderWidth: 2,
|
|
@@ -3997,10 +4702,10 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
3997
4702
|
importantForAccessibility: "no",
|
|
3998
4703
|
style: {
|
|
3999
4704
|
position: "absolute",
|
|
4000
|
-
left: (
|
|
4001
|
-
width:
|
|
4002
|
-
height:
|
|
4003
|
-
borderRadius:
|
|
4705
|
+
left: ($(e.value, n, r) - n) / (r - n) * 100 / 100 * h - Wn / 2,
|
|
4706
|
+
width: Wn,
|
|
4707
|
+
height: Wn,
|
|
4708
|
+
borderRadius: Wn / 2,
|
|
4004
4709
|
backgroundColor: m.windowBgColor
|
|
4005
4710
|
}
|
|
4006
4711
|
}, e.value))
|
|
@@ -4024,7 +4729,7 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
4024
4729
|
},
|
|
4025
4730
|
style: {
|
|
4026
4731
|
position: "absolute",
|
|
4027
|
-
left: (
|
|
4732
|
+
left: ($(e.value, n, r) - n) / (r - n) * 100 / 100 * h - (_[e.value] ?? 0) / 2,
|
|
4028
4733
|
fontFamily: m.fontFamily,
|
|
4029
4734
|
fontSize: m.fontSizeCaption,
|
|
4030
4735
|
color: m.windowFgColor,
|
|
@@ -4034,21 +4739,21 @@ var on = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, disabl
|
|
|
4034
4739
|
}, e.value))
|
|
4035
4740
|
})]
|
|
4036
4741
|
});
|
|
4037
|
-
},
|
|
4038
|
-
function
|
|
4742
|
+
}, Jn = 36;
|
|
4743
|
+
function Yn(e) {
|
|
4039
4744
|
let t = e.toString(), n = t.indexOf(".");
|
|
4040
4745
|
return n === -1 ? 0 : t.length - n - 1;
|
|
4041
4746
|
}
|
|
4042
|
-
function
|
|
4747
|
+
function Xn(e, t, n) {
|
|
4043
4748
|
return Math.min(n, Math.max(t, e));
|
|
4044
4749
|
}
|
|
4045
|
-
function
|
|
4750
|
+
function Zn(e, t, n, r) {
|
|
4046
4751
|
let i = n - t + r;
|
|
4047
4752
|
return ((e - t) % i + i) % i + t;
|
|
4048
4753
|
}
|
|
4049
|
-
var
|
|
4050
|
-
let f =
|
|
4051
|
-
let a = s ?
|
|
4754
|
+
var Qn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decimals: a, wrap: s = !1, format: c, disabled: l = !1, accessibilityLabel: u, style: d }) => {
|
|
4755
|
+
let f = W(), p = a ?? Yn(i), m = o((e) => {
|
|
4756
|
+
let a = s ? Zn(e, n, r, i) : Xn(e, n, r);
|
|
4052
4757
|
t(parseFloat(a.toFixed(p)));
|
|
4053
4758
|
}, [
|
|
4054
4759
|
t,
|
|
@@ -4109,8 +4814,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4109
4814
|
disabled: _,
|
|
4110
4815
|
onPress: () => m(e - i),
|
|
4111
4816
|
style: ({ pressed: e }) => ({
|
|
4112
|
-
width:
|
|
4113
|
-
height:
|
|
4817
|
+
width: Jn,
|
|
4818
|
+
height: Jn,
|
|
4114
4819
|
alignItems: "center",
|
|
4115
4820
|
justifyContent: "center",
|
|
4116
4821
|
borderRightWidth: 1,
|
|
@@ -4147,8 +4852,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4147
4852
|
disabled: v,
|
|
4148
4853
|
onPress: () => m(e + i),
|
|
4149
4854
|
style: ({ pressed: e }) => ({
|
|
4150
|
-
width:
|
|
4151
|
-
height:
|
|
4855
|
+
width: Jn,
|
|
4856
|
+
height: Jn,
|
|
4152
4857
|
alignItems: "center",
|
|
4153
4858
|
justifyContent: "center",
|
|
4154
4859
|
borderLeftWidth: 1,
|
|
@@ -4167,7 +4872,7 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4167
4872
|
})
|
|
4168
4873
|
]
|
|
4169
4874
|
});
|
|
4170
|
-
},
|
|
4875
|
+
}, $n = {
|
|
4171
4876
|
sm: {
|
|
4172
4877
|
dimension: 16,
|
|
4173
4878
|
borderWidth: 2
|
|
@@ -4180,8 +4885,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4180
4885
|
dimension: 36,
|
|
4181
4886
|
borderWidth: 3
|
|
4182
4887
|
}
|
|
4183
|
-
},
|
|
4184
|
-
let i =
|
|
4888
|
+
}, er = ({ size: e = "md", label: t = "Loading…", style: n, ...r }) => {
|
|
4889
|
+
let i = W(), a = H(), o = G(), s = d(new m.Value(0)).current;
|
|
4185
4890
|
c(() => {
|
|
4186
4891
|
s.setValue(0);
|
|
4187
4892
|
let e = m.loop(m.timing(s, {
|
|
@@ -4195,7 +4900,7 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4195
4900
|
let l = s.interpolate({
|
|
4196
4901
|
inputRange: [0, 1],
|
|
4197
4902
|
outputRange: ["0deg", "360deg"]
|
|
4198
|
-
}), { dimension: u, borderWidth: f } =
|
|
4903
|
+
}), { dimension: u, borderWidth: f } = $n[e], p = a === "dark" ? "rgba(255, 255, 255, 0.15)" : "rgba(0, 0, 0, 0.15)";
|
|
4199
4904
|
return /* @__PURE__ */ M(m.View, {
|
|
4200
4905
|
accessible: !0,
|
|
4201
4906
|
accessibilityRole: "progressbar",
|
|
@@ -4213,8 +4918,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4213
4918
|
}, n],
|
|
4214
4919
|
...r
|
|
4215
4920
|
});
|
|
4216
|
-
},
|
|
4217
|
-
let o =
|
|
4921
|
+
}, tr = 56, nr = 28, rr = 20, ir = 3, ar = 28, or = i(function({ value: e, onValueChange: t, disabled: n, style: r, ...i }, a) {
|
|
4922
|
+
let o = W(), s = H(), l = U(), u = d(new m.Value(+!!e)).current, f = d(!0);
|
|
4218
4923
|
c(() => {
|
|
4219
4924
|
if (f.current) {
|
|
4220
4925
|
f.current = !1;
|
|
@@ -4253,8 +4958,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4253
4958
|
...i,
|
|
4254
4959
|
children: /* @__PURE__ */ M(m.View, {
|
|
4255
4960
|
style: {
|
|
4256
|
-
width:
|
|
4257
|
-
height:
|
|
4961
|
+
width: tr,
|
|
4962
|
+
height: nr,
|
|
4258
4963
|
borderRadius: o.radiusPill,
|
|
4259
4964
|
borderWidth: l === "more" ? 2 : 1,
|
|
4260
4965
|
borderColor: v,
|
|
@@ -4262,15 +4967,15 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4262
4967
|
},
|
|
4263
4968
|
children: /* @__PURE__ */ M(m.View, { style: [{
|
|
4264
4969
|
position: "absolute",
|
|
4265
|
-
top:
|
|
4266
|
-
left:
|
|
4267
|
-
width:
|
|
4268
|
-
height:
|
|
4970
|
+
top: ir,
|
|
4971
|
+
left: ir,
|
|
4972
|
+
width: rr,
|
|
4973
|
+
height: rr,
|
|
4269
4974
|
borderRadius: o.radiusPill,
|
|
4270
4975
|
backgroundColor: e ? "#fff" : h,
|
|
4271
4976
|
transform: [{ translateX: u.interpolate({
|
|
4272
4977
|
inputRange: [0, 1],
|
|
4273
|
-
outputRange: [0,
|
|
4978
|
+
outputRange: [0, ar]
|
|
4274
4979
|
}) }]
|
|
4275
4980
|
}, l !== "more" && {
|
|
4276
4981
|
shadowColor: "#000",
|
|
@@ -4284,8 +4989,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4284
4989
|
}] })
|
|
4285
4990
|
})
|
|
4286
4991
|
});
|
|
4287
|
-
}),
|
|
4288
|
-
let o =
|
|
4992
|
+
}), sr = i(function({ children: e, inline: t = !1, accessibilityLabel: n = "Tabs", style: r, ...i }, a) {
|
|
4993
|
+
let o = W();
|
|
4289
4994
|
return /* @__PURE__ */ M(T, {
|
|
4290
4995
|
ref: a,
|
|
4291
4996
|
horizontal: !0,
|
|
@@ -4310,8 +5015,8 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4310
5015
|
...i,
|
|
4311
5016
|
children: e
|
|
4312
5017
|
});
|
|
4313
|
-
}),
|
|
4314
|
-
let l =
|
|
5018
|
+
}), cr = i(function({ label: e, icon: t, active: n = !1, onClose: r, closeLabel: i = "Close tab", count: a, disabled: o, ...s }, c) {
|
|
5019
|
+
let l = W();
|
|
4315
5020
|
return /* @__PURE__ */ N(w, {
|
|
4316
5021
|
ref: c,
|
|
4317
5022
|
disabled: o,
|
|
@@ -4410,7 +5115,7 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4410
5115
|
})
|
|
4411
5116
|
]
|
|
4412
5117
|
});
|
|
4413
|
-
}),
|
|
5118
|
+
}), lr = i(function({ active: e = !1, style: t, children: n, ...r }, i) {
|
|
4414
5119
|
return /* @__PURE__ */ M(k, {
|
|
4415
5120
|
ref: i,
|
|
4416
5121
|
style: [{ display: e ? "flex" : "none" }, t],
|
|
@@ -4420,21 +5125,21 @@ var dn = ({ value: e, onChange: t, min: n = 0, max: r = 100, step: i = 1, decima
|
|
|
4420
5125
|
});
|
|
4421
5126
|
//#endregion
|
|
4422
5127
|
//#region src/components/TextField/TextField.tsx
|
|
4423
|
-
function
|
|
5128
|
+
function ur(e, t) {
|
|
4424
5129
|
let n = e.match(/^rgba?\(([^,]+),([^,]+),([^,]+),?([^)]+)?\)$/);
|
|
4425
5130
|
if (!n) return e;
|
|
4426
5131
|
let [, r, i, a, o] = n, s = (o ? Number.parseFloat(o) : 1) * t;
|
|
4427
5132
|
return `rgba(${r.trim()}, ${i.trim()}, ${a.trim()}, ${s})`;
|
|
4428
5133
|
}
|
|
4429
|
-
var
|
|
4430
|
-
let p =
|
|
5134
|
+
var dr = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i, editable: a = !0, onFocus: o, onBlur: s, accessibilityLabel: c, accessibilityHint: l, ...u }, d) {
|
|
5135
|
+
let p = W(), m = U(), [h, g] = f(!1), _ = !a, v = n ?? t, y = n ? p.errorColor : h ? p.accentColor : p.borderSubtle;
|
|
4431
5136
|
return /* @__PURE__ */ N(k, {
|
|
4432
5137
|
style: [{
|
|
4433
5138
|
gap: p.space1,
|
|
4434
5139
|
opacity: _ ? p.opacityDisabled : 1
|
|
4435
5140
|
}, r],
|
|
4436
5141
|
children: [
|
|
4437
|
-
e && /* @__PURE__ */ M(
|
|
5142
|
+
e && /* @__PURE__ */ M(K, {
|
|
4438
5143
|
variant: "body",
|
|
4439
5144
|
style: { fontWeight: String(p.fontWeightSemibold) },
|
|
4440
5145
|
children: e
|
|
@@ -4444,7 +5149,7 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4444
5149
|
editable: a,
|
|
4445
5150
|
accessibilityLabel: c ?? e,
|
|
4446
5151
|
accessibilityHint: l ?? v,
|
|
4447
|
-
placeholderTextColor:
|
|
5152
|
+
placeholderTextColor: ur(p.windowFgColor, p.opacityDim),
|
|
4448
5153
|
onFocus: (e) => {
|
|
4449
5154
|
g(!0), o?.(e);
|
|
4450
5155
|
},
|
|
@@ -4466,7 +5171,7 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4466
5171
|
}, i],
|
|
4467
5172
|
...u
|
|
4468
5173
|
}),
|
|
4469
|
-
v && /* @__PURE__ */ M(
|
|
5174
|
+
v && /* @__PURE__ */ M(K, {
|
|
4470
5175
|
variant: "caption",
|
|
4471
5176
|
style: {
|
|
4472
5177
|
color: n ? p.errorColor : p.windowFgColor,
|
|
@@ -4476,8 +5181,8 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4476
5181
|
})
|
|
4477
5182
|
]
|
|
4478
5183
|
});
|
|
4479
|
-
}),
|
|
4480
|
-
let u =
|
|
5184
|
+
}), fr = m.createAnimatedComponent(w), pr = ({ title: e, duration: t = 3e3, onDismiss: n, actionLabel: r, onAction: i, dismissible: a = !1, style: s, ...l }) => {
|
|
5185
|
+
let u = W(), f = H(), p = G(), h = d(null), g = d(t), v = d(0), y = d(new m.Value(+!!p)).current, b = o(() => {
|
|
4481
5186
|
h.current &&= (clearTimeout(h.current), null);
|
|
4482
5187
|
}, []), x = o((e) => {
|
|
4483
5188
|
e <= 0 || !n || (b(), v.current = Date.now(), h.current = setTimeout(() => n(), e));
|
|
@@ -4522,7 +5227,7 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4522
5227
|
shadowRadius: 8,
|
|
4523
5228
|
elevation: 4
|
|
4524
5229
|
};
|
|
4525
|
-
return /* @__PURE__ */ N(
|
|
5230
|
+
return /* @__PURE__ */ N(fr, {
|
|
4526
5231
|
accessible: !0,
|
|
4527
5232
|
accessibilityRole: "alert",
|
|
4528
5233
|
accessibilityLiveRegion: "polite",
|
|
@@ -4556,7 +5261,7 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4556
5261
|
...E
|
|
4557
5262
|
}, s],
|
|
4558
5263
|
...l,
|
|
4559
|
-
children: [/* @__PURE__ */ M(
|
|
5264
|
+
children: [/* @__PURE__ */ M(K, {
|
|
4560
5265
|
variant: "body",
|
|
4561
5266
|
style: {
|
|
4562
5267
|
flex: 1,
|
|
@@ -4608,8 +5313,8 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4608
5313
|
})
|
|
4609
5314
|
})] })]
|
|
4610
5315
|
});
|
|
4611
|
-
},
|
|
4612
|
-
let i =
|
|
5316
|
+
}, mr = ({ position: e = "bottom", children: t, style: n, ...r }) => {
|
|
5317
|
+
let i = W();
|
|
4613
5318
|
return /* @__PURE__ */ M(k, {
|
|
4614
5319
|
pointerEvents: "box-none",
|
|
4615
5320
|
accessibilityLabel: "Notifications",
|
|
@@ -4628,237 +5333,8 @@ var wn = i(function({ label: e, helperText: t, error: n, style: r, inputStyle: i
|
|
|
4628
5333
|
...r,
|
|
4629
5334
|
children: t
|
|
4630
5335
|
});
|
|
4631
|
-
},
|
|
4632
|
-
|
|
4633
|
-
if (e) {
|
|
4634
|
-
if (typeof e == "function") {
|
|
4635
|
-
e(t);
|
|
4636
|
-
return;
|
|
4637
|
-
}
|
|
4638
|
-
e.current = t;
|
|
4639
|
-
}
|
|
4640
|
-
}
|
|
4641
|
-
function jn(e, t, n) {
|
|
4642
|
-
switch (n) {
|
|
4643
|
-
case "top": return {
|
|
4644
|
-
top: e.y - t.height - On,
|
|
4645
|
-
left: e.x + e.width / 2 - t.width / 2
|
|
4646
|
-
};
|
|
4647
|
-
case "bottom": return {
|
|
4648
|
-
top: e.y + e.height + On,
|
|
4649
|
-
left: e.x + e.width / 2 - t.width / 2
|
|
4650
|
-
};
|
|
4651
|
-
case "left": return {
|
|
4652
|
-
top: e.y + e.height / 2 - t.height / 2,
|
|
4653
|
-
left: e.x - t.width - On
|
|
4654
|
-
};
|
|
4655
|
-
case "right": return {
|
|
4656
|
-
top: e.y + e.height / 2 - t.height / 2,
|
|
4657
|
-
left: e.x + e.width + On
|
|
4658
|
-
};
|
|
4659
|
-
}
|
|
4660
|
-
}
|
|
4661
|
-
function Mn(e, t, n) {
|
|
4662
|
-
let { width: r, height: i } = g.get("window"), a = [
|
|
4663
|
-
n,
|
|
4664
|
-
n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
|
|
4665
|
-
"top",
|
|
4666
|
-
"bottom",
|
|
4667
|
-
"left",
|
|
4668
|
-
"right"
|
|
4669
|
-
];
|
|
4670
|
-
for (let n of a) {
|
|
4671
|
-
let { top: a, left: o } = jn(e, t, n), s = o >= $ && o + t.width <= r - $, c = a >= $ && a + t.height <= i - $;
|
|
4672
|
-
if (s && c) return {
|
|
4673
|
-
top: Math.max($, Math.min(a, i - t.height - $)),
|
|
4674
|
-
left: Math.max($, Math.min(o, r - t.width - $)),
|
|
4675
|
-
placement: n
|
|
4676
|
-
};
|
|
4677
|
-
}
|
|
4678
|
-
let { top: o, left: s } = jn(e, t, n);
|
|
4679
|
-
return {
|
|
4680
|
-
top: Math.max($, Math.min(o, i - t.height - $)),
|
|
4681
|
-
left: Math.max($, Math.min(s, r - t.width - $)),
|
|
4682
|
-
placement: n
|
|
4683
|
-
};
|
|
4684
|
-
}
|
|
4685
|
-
var Nn = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
|
|
4686
|
-
let a = U(), s = V(), l = W(), [u, p] = f(!1), [h, g] = f(null), [_, v] = f(null), [y, b] = f(null), S = d(null), C = d(null), w = d(new m.Value(0)).current, T = o(() => {
|
|
4687
|
-
C.current &&= (clearTimeout(C.current), null);
|
|
4688
|
-
}, []), D = o(() => {
|
|
4689
|
-
T(), p(!0);
|
|
4690
|
-
}, [T]), O = o(() => {
|
|
4691
|
-
T(), C.current = setTimeout(D, r);
|
|
4692
|
-
}, [
|
|
4693
|
-
T,
|
|
4694
|
-
D,
|
|
4695
|
-
r
|
|
4696
|
-
]), A = o(() => {
|
|
4697
|
-
T(), p(!1);
|
|
4698
|
-
}, [T]);
|
|
4699
|
-
c(() => {
|
|
4700
|
-
if (!u) {
|
|
4701
|
-
g(null), v(null), b(null);
|
|
4702
|
-
return;
|
|
4703
|
-
}
|
|
4704
|
-
S.current?.measureInWindow((e, t, n, r) => {
|
|
4705
|
-
g({
|
|
4706
|
-
x: e,
|
|
4707
|
-
y: t,
|
|
4708
|
-
width: n,
|
|
4709
|
-
height: r
|
|
4710
|
-
});
|
|
4711
|
-
});
|
|
4712
|
-
}, [u]), c(() => {
|
|
4713
|
-
!h || !_ || b(Mn(h, _, t));
|
|
4714
|
-
}, [
|
|
4715
|
-
h,
|
|
4716
|
-
_,
|
|
4717
|
-
t
|
|
4718
|
-
]), c(() => {
|
|
4719
|
-
if (y) {
|
|
4720
|
-
if (l) {
|
|
4721
|
-
w.setValue(1);
|
|
4722
|
-
return;
|
|
4723
|
-
}
|
|
4724
|
-
w.setValue(0), m.timing(w, {
|
|
4725
|
-
toValue: 1,
|
|
4726
|
-
duration: a.durationFast,
|
|
4727
|
-
useNativeDriver: !0
|
|
4728
|
-
}).start();
|
|
4729
|
-
}
|
|
4730
|
-
}, [
|
|
4731
|
-
y,
|
|
4732
|
-
l,
|
|
4733
|
-
w,
|
|
4734
|
-
a.durationFast
|
|
4735
|
-
]), c(() => T, [T]);
|
|
4736
|
-
let P = (e) => {
|
|
4737
|
-
let { width: t, height: n } = e.nativeEvent.layout;
|
|
4738
|
-
v({
|
|
4739
|
-
width: t,
|
|
4740
|
-
height: n
|
|
4741
|
-
});
|
|
4742
|
-
}, F = s === "dark" ? "#c0bfbc" : "#3d3d3d", ee = s === "dark" ? "rgba(0, 0, 0, 0.8)" : "#fff", I = s === "dark" ? {
|
|
4743
|
-
shadowOpacity: .4,
|
|
4744
|
-
shadowRadius: 8,
|
|
4745
|
-
elevation: 6
|
|
4746
|
-
} : {
|
|
4747
|
-
shadowOpacity: .2,
|
|
4748
|
-
shadowRadius: 8,
|
|
4749
|
-
elevation: 4
|
|
4750
|
-
}, L = {
|
|
4751
|
-
position: "absolute",
|
|
4752
|
-
width: 0,
|
|
4753
|
-
height: 0,
|
|
4754
|
-
borderWidth: kn,
|
|
4755
|
-
borderColor: "transparent"
|
|
4756
|
-
}, R = (() => {
|
|
4757
|
-
switch (y?.placement) {
|
|
4758
|
-
case "top": return {
|
|
4759
|
-
...L,
|
|
4760
|
-
top: "100%",
|
|
4761
|
-
left: "50%",
|
|
4762
|
-
marginLeft: -5,
|
|
4763
|
-
borderTopColor: F
|
|
4764
|
-
};
|
|
4765
|
-
case "bottom": return {
|
|
4766
|
-
...L,
|
|
4767
|
-
bottom: "100%",
|
|
4768
|
-
left: "50%",
|
|
4769
|
-
marginLeft: -5,
|
|
4770
|
-
borderBottomColor: F
|
|
4771
|
-
};
|
|
4772
|
-
case "left": return {
|
|
4773
|
-
...L,
|
|
4774
|
-
left: "100%",
|
|
4775
|
-
top: "50%",
|
|
4776
|
-
marginTop: -5,
|
|
4777
|
-
borderLeftColor: F
|
|
4778
|
-
};
|
|
4779
|
-
case "right": return {
|
|
4780
|
-
...L,
|
|
4781
|
-
right: "100%",
|
|
4782
|
-
top: "50%",
|
|
4783
|
-
marginTop: -5,
|
|
4784
|
-
borderRightColor: F
|
|
4785
|
-
};
|
|
4786
|
-
default: return null;
|
|
4787
|
-
}
|
|
4788
|
-
})(), te = i.props.ref;
|
|
4789
|
-
return /* @__PURE__ */ N(j, { children: [n(i, {
|
|
4790
|
-
ref: (e) => {
|
|
4791
|
-
S.current = e, An(te, e);
|
|
4792
|
-
},
|
|
4793
|
-
delayLongPress: r,
|
|
4794
|
-
accessibilityHint: i.props.accessibilityHint ?? e,
|
|
4795
|
-
onLongPress: (e) => {
|
|
4796
|
-
D(), i.props.onLongPress?.(e);
|
|
4797
|
-
},
|
|
4798
|
-
onPressOut: (e) => {
|
|
4799
|
-
A(), i.props.onPressOut?.(e);
|
|
4800
|
-
},
|
|
4801
|
-
onHoverIn: (e) => {
|
|
4802
|
-
O(), i.props.onHoverIn?.(e);
|
|
4803
|
-
},
|
|
4804
|
-
onHoverOut: (e) => {
|
|
4805
|
-
A(), i.props.onHoverOut?.(e);
|
|
4806
|
-
},
|
|
4807
|
-
onFocus: (e) => {
|
|
4808
|
-
O(), i.props.onFocus?.(e);
|
|
4809
|
-
},
|
|
4810
|
-
onBlur: (e) => {
|
|
4811
|
-
A(), i.props.onBlur?.(e);
|
|
4812
|
-
}
|
|
4813
|
-
}), /* @__PURE__ */ M(x, {
|
|
4814
|
-
visible: u,
|
|
4815
|
-
transparent: !0,
|
|
4816
|
-
animationType: "none",
|
|
4817
|
-
statusBarTranslucent: !0,
|
|
4818
|
-
children: /* @__PURE__ */ M(k, {
|
|
4819
|
-
pointerEvents: "box-none",
|
|
4820
|
-
style: E.absoluteFill,
|
|
4821
|
-
children: /* @__PURE__ */ N(m.View, {
|
|
4822
|
-
onLayout: P,
|
|
4823
|
-
accessible: !0,
|
|
4824
|
-
role: "tooltip",
|
|
4825
|
-
style: [{
|
|
4826
|
-
position: "absolute",
|
|
4827
|
-
maxWidth: 240,
|
|
4828
|
-
paddingVertical: 4,
|
|
4829
|
-
paddingHorizontal: a.space2,
|
|
4830
|
-
backgroundColor: F,
|
|
4831
|
-
borderRadius: a.radiusSm,
|
|
4832
|
-
shadowColor: "#000",
|
|
4833
|
-
shadowOffset: {
|
|
4834
|
-
width: 0,
|
|
4835
|
-
height: 2
|
|
4836
|
-
},
|
|
4837
|
-
...I
|
|
4838
|
-
}, y ? {
|
|
4839
|
-
top: y.top,
|
|
4840
|
-
left: y.left,
|
|
4841
|
-
opacity: w
|
|
4842
|
-
} : {
|
|
4843
|
-
top: -9999,
|
|
4844
|
-
left: -9999,
|
|
4845
|
-
opacity: 0
|
|
4846
|
-
}],
|
|
4847
|
-
children: [/* @__PURE__ */ M(G, {
|
|
4848
|
-
style: {
|
|
4849
|
-
color: ee,
|
|
4850
|
-
fontSize: a.fontSizeCaption,
|
|
4851
|
-
fontWeight: String(a.fontWeightNormal),
|
|
4852
|
-
lineHeight: a.fontSizeCaption * a.lineHeightBody,
|
|
4853
|
-
textAlign: "center"
|
|
4854
|
-
},
|
|
4855
|
-
children: e
|
|
4856
|
-
}), R && /* @__PURE__ */ M(k, { style: R })]
|
|
4857
|
-
})
|
|
4858
|
-
})
|
|
4859
|
-
})] });
|
|
4860
|
-
}, Pn = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
|
|
4861
|
-
let a = U(), o = V();
|
|
5336
|
+
}, hr = i(function({ children: e, accessibilityLabel: t = "View switcher", style: n, ...r }, i) {
|
|
5337
|
+
let a = W(), o = H();
|
|
4862
5338
|
return /* @__PURE__ */ N(k, {
|
|
4863
5339
|
ref: i,
|
|
4864
5340
|
accessible: !0,
|
|
@@ -4884,8 +5360,8 @@ var Nn = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
|
|
|
4884
5360
|
children: e
|
|
4885
5361
|
})]
|
|
4886
5362
|
});
|
|
4887
|
-
}),
|
|
4888
|
-
let o =
|
|
5363
|
+
}), gr = i(function({ label: e, icon: t, active: n = !1, disabled: r, ...i }, a) {
|
|
5364
|
+
let o = W();
|
|
4889
5365
|
return /* @__PURE__ */ N(w, {
|
|
4890
5366
|
ref: a,
|
|
4891
5367
|
disabled: r,
|
|
@@ -4922,6 +5398,6 @@ var Nn = ({ label: e, placement: t = "top", delay: r = 500, children: i }) => {
|
|
|
4922
5398
|
});
|
|
4923
5399
|
});
|
|
4924
5400
|
//#endregion
|
|
4925
|
-
export {
|
|
5401
|
+
export { Ue as ActionRow, at as AnimatedIcon, ft as Avatar, mt as Badge, ht as Banner, vt as BottomSheet, bt as BoxedList, wt as Button, Et as Card, Ot as Checkbox, kt as Chip, jt as Dialog, Mt as Divider, Gt as Drawer, Xt as Dropdown, Zt as Expander, cn as FileTypeIcon, V as GnomeContext, ze as GnomeProvider, ln as HeaderBar, dn as Highlight, q as Icon, zt as IconButton, mn as LevelBar, hn as Link, Pe as NAMED_ACCENT_COLORS, _n as Overlay, vn as PathBar, Cn as Popover, wn as ProgressBar, Dn as RadioButton, kn as SearchBar, Mn as SegmentedBar, yt as Separator, Rn as Sidebar, Fn as SidebarCollapsedContext, Ln as SidebarFilterContext, zn as SidebarItem, Bn as SidebarSection, Vn as Skeleton, qn as Slider, Qn as SpinButton, er as Spinner, or as Switch, sr as TabBar, cr as TabItem, lr as TabPanel, K as Text, dr as TextField, pr as Toast, mr as Toaster, Lt as Tooltip, hr as ViewSwitcher, gr as ViewSwitcherItem, Le as applyAccentColor, Ce as darkRawTokens, ye as darkTheme, Te as highContrastDarkRawTokens, xe as highContrastDarkTheme, we as highContrastRawTokens, be as highContrastTheme, Se as lightRawTokens, ve as lightTheme, Fe as resolveColorScheme, Ie as resolveContrast, Ne as resolveGnomeTheme, Me as useAccentColor, Ae as useColorScheme, je as useContrast, ke as useDateTimeFormatter, De as useDir, W as useGnomeTheme, Ee as useLocale, Oe as useNumberFormatter, G as useReducedMotion, H as useResolvedColorScheme, U as useResolvedContrast, In as useSidebarCollapsed };
|
|
4926
5402
|
|
|
4927
5403
|
//# sourceMappingURL=index.js.map
|