@swan-io/lake 12.2.10 → 12.2.11
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/package.json +1 -1
- package/src/components/AppOpeningAnimation.js +1 -1
- package/src/components/Breadcrumbs.js +2 -2
- package/src/components/FlatList.js +2 -2
- package/src/components/LakeCheckbox.js +1 -1
- package/src/components/MultiSelect.js +1 -1
- package/src/components/Pressable.js +3 -3
- package/src/components/SectionList.js +2 -2
- package/src/components/SegmentedControl.js +6 -6
- package/src/components/SmsOpeningAnimation.js +1 -1
- package/src/components/Svg.d.ts +9 -4
- package/src/components/TabView.js +2 -2
- package/src/components/Toggle.js +5 -5
- package/src/components/VirtualizedList.js +1 -1
- package/src/hooks/useUpdateEffect.js +1 -3
package/package.json
CHANGED
|
@@ -46,5 +46,5 @@ export const AppOpeningAnimation = ({ accentColor, appLogo, playing = true, styl
|
|
|
46
46
|
animationPlayState: playing ? "running" : "paused",
|
|
47
47
|
};
|
|
48
48
|
}, [playing]);
|
|
49
|
-
return (_jsxs(Svg, { viewBox: "0 0 442 860", style: style, children: [_jsxs(Mask, { id: "phoneScreen", children: [_jsx(Rect, { x: 0, y: 0, width: 442, height: 860, fill: "#000" }), _jsx(Rect, { fill: "#fff", x: 25, y: 21, width: 392, height: 817, rx: 45 })] }), _jsxs(G, { children: [_jsx(Rect, { fill: backgroundColor.default, x: 25, y: 21, width: 392, height: 817, rx: 45 }), _jsx(Path, { d: "M80 86h35.6c15 0 27 12 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 117.7h35.6c15 0 27 12 27 27v35.6c0 14.9-12 27-27 27H80c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5h35.6c15 0 27 12 27 27V784c0 14.9-12 27-27 27H80c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zM203.2 86h35.6c15 0 27 12 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 235.3h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5h35.6c15 0 27 12 27 27V784c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zM326.4 86H362c15 0 27 12 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6H362c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 117.7H362c15 0 27 12 27 27v35.6c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zm0 117.6H362c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5H362c15 0 27 12 27 27V784c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27z", fill: "#fff" }), _jsx(G, { mask: "url(#phoneScreen)", children: _jsx(Rect, { fill: accentColor, fillRule: "nonzero", x: 176.4, y: 321, width: 89.6, height: 89.6, rx: 27, style: [styles.icon, animationStyle],
|
|
49
|
+
return (_jsxs(Svg, { viewBox: "0 0 442 860", style: style, children: [_jsxs(Mask, { id: "phoneScreen", children: [_jsx(Rect, { x: 0, y: 0, width: 442, height: 860, fill: "#000" }), _jsx(Rect, { fill: "#fff", x: 25, y: 21, width: 392, height: 817, rx: 45 })] }), _jsxs(G, { children: [_jsx(Rect, { fill: backgroundColor.default, x: 25, y: 21, width: 392, height: 817, rx: 45 }), _jsx(Path, { d: "M80 86h35.6c15 0 27 12 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 117.7h35.6c15 0 27 12 27 27v35.6c0 14.9-12 27-27 27H80c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27H80c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5h35.6c15 0 27 12 27 27V784c0 14.9-12 27-27 27H80c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zM203.2 86h35.6c15 0 27 12 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 235.3h35.6c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5h35.6c15 0 27 12 27 27V784c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zM326.4 86H362c15 0 27 12 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V113c0-15 12-27 27-27zm0 117.6H362c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27v-35.6c0-14.9 12-27 27-27zm0 117.7H362c15 0 27 12 27 27v35.6c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27zm0 117.6H362c15 0 27 12.1 27 27v35.6c0 15-12 27-27 27h-35.6c-15 0-27-12-27-27V466c0-14.9 12-27 27-27v-.1zm0 282.5H362c15 0 27 12 27 27V784c0 14.9-12 27-27 27h-35.6c-15 0-27-12.1-27-27v-35.6c0-15 12-27 27-27z", fill: "#fff" }), _jsx(G, { mask: "url(#phoneScreen)", children: _jsx(Rect, { fill: accentColor, fillRule: "nonzero", x: 176.4, y: 321, width: 89.6, height: 89.6, rx: 27, style: [styles.icon, animationStyle], transformOrigin: "221.2 365.8" }) }), _jsx(Image, { xlinkHref: appLogo, preserveAspectRatio: "xMidYMid meet", x: 190, y: 335, height: 62, width: 62, style: [styles.logo, animationStyle], transformOrigin: "221.2 365.8" }), _jsx(Circle, { stroke: "#FFFFFF", strokeWidth: 2, cx: 219.5, cy: 439.5, r: 157.5, fill: "none", style: [styles.circle, animationStyle], transformOrigin: "219.5 439.5" }), _jsx(Path, { d: "M369 0a67.998 67.998 0 0168 68v177c1.326 0 2.598.527 3.536 1.464A5.004 5.004 0 01442 250v96a5.004 5.004 0 01-1.464 3.536A5.004 5.004 0 01437 351v441a67.996 67.996 0 01-19.917 48.083A67.996 67.996 0 01369 860H71a67.998 67.998 0 01-68-68V365.6a5 5 0 01-3-4.6v-58a5.002 5.002 0 013-4.6v-16.8a5 5 0 01-3-4.6v-58a5.002 5.002 0 013-4.6v-30.8a5 5 0 01-3-4.6v-24a5.002 5.002 0 013-4.6V68A68 68 0 0171 0h298zm0 21H71a46 46 0 00-46 45.2V792a45.999 45.999 0 0045.2 46H369a46 46 0 0046-45.2V67a45.998 45.998 0 00-46-46z", fill: "#000" })] })] }));
|
|
50
50
|
};
|
|
@@ -127,8 +127,8 @@ export const BreadcrumbsRoot = ({ rootLevelCrumbs = emptyCrumbArray, children })
|
|
|
127
127
|
setRootCrumbs(rootLevelCrumbs.map(crumb => ({ id: uuid(), crumb, isRootCrumb: true })));
|
|
128
128
|
}, [rootLevelCrumbs]);
|
|
129
129
|
const orderedCrumbs = useMemo(() => [...crumbs].sort((a, b) => { var _a, _b; return (((_a = b.index) !== null && _a !== void 0 ? _a : -1) > ((_b = a.index) !== null && _b !== void 0 ? _b : -1) ? -1 : 1); }), [crumbs]);
|
|
130
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(setCrumbs):
|
|
131
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(currentIndexRef):
|
|
130
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(setCrumbs): _
|
|
131
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(currentIndexRef): _
|
|
132
132
|
const value = useMemo(() => [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef], [rootCrumbs, orderedCrumbs, setCrumbs, currentIndexRef]);
|
|
133
133
|
return _jsx(BreadcrumbsContext.Provider, { value: value, children: children });
|
|
134
134
|
};
|
|
@@ -15,8 +15,8 @@ export const FlatList = ({ ref, ItemSeparatorComponent, ListEmptyComponent, List
|
|
|
15
15
|
const scrollTrackerStyle = horizontal
|
|
16
16
|
? { top: 0, width: onEndReachedThresholdPx }
|
|
17
17
|
: { left: 0, height: onEndReachedThresholdPx };
|
|
18
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached):
|
|
19
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(data.length):
|
|
18
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached): _
|
|
19
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(data.length): _
|
|
20
20
|
useEffect(() => {
|
|
21
21
|
const element = scrollTrackerRef.current;
|
|
22
22
|
if (element != null) {
|
|
@@ -39,7 +39,7 @@ const styles = StyleSheet.create({
|
|
|
39
39
|
export const LakeCheckbox = ({ value, color = "current", disabled = false, isError = false, }) => {
|
|
40
40
|
const isFirstRender = useRef(true);
|
|
41
41
|
const [shouldAnimate, setShouldAnimate] = useState(false);
|
|
42
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(value):
|
|
42
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(value): _
|
|
43
43
|
useEffect(() => {
|
|
44
44
|
if (!isFirstRender.current) {
|
|
45
45
|
setShouldAnimate(true);
|
|
@@ -151,7 +151,7 @@ export const MultiSelect = ({ color = "gray", disabled = false, emptyResultText,
|
|
|
151
151
|
setFilter("");
|
|
152
152
|
}
|
|
153
153
|
}, [visible]);
|
|
154
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(values):
|
|
154
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(values): _
|
|
155
155
|
useEffect(() => {
|
|
156
156
|
var _a, _b;
|
|
157
157
|
if (shouldScrollToBottomRef.current) {
|
|
@@ -17,7 +17,7 @@ const styles = StyleSheet.create({
|
|
|
17
17
|
},
|
|
18
18
|
});
|
|
19
19
|
const getPressable = (
|
|
20
|
-
// biome-ignore lint/suspicious/noExplicitAny:
|
|
20
|
+
// biome-ignore lint/suspicious/noExplicitAny: _
|
|
21
21
|
Component, config = {}) => {
|
|
22
22
|
const { applyPressStyle = true } = config;
|
|
23
23
|
return (props) => {
|
|
@@ -62,14 +62,14 @@ Component, config = {}) => {
|
|
|
62
62
|
onHoverEnd: onHoverOut,
|
|
63
63
|
});
|
|
64
64
|
const interactionState = { hovered, focused, pressed };
|
|
65
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(hostRef):
|
|
65
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(hostRef): _
|
|
66
66
|
const blurHandler = useCallback((e) => {
|
|
67
67
|
if (e.nativeEvent.target === hostRef.current) {
|
|
68
68
|
setFocused(false);
|
|
69
69
|
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
70
70
|
}
|
|
71
71
|
}, [hostRef, setFocused, onBlur]);
|
|
72
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(hostRef):
|
|
72
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(hostRef): _
|
|
73
73
|
const focusHandler = useCallback((e) => {
|
|
74
74
|
if (e.nativeEvent.target === hostRef.current) {
|
|
75
75
|
setFocused(true);
|
|
@@ -16,8 +16,8 @@ export const SectionList = ({ ref, ItemSeparatorComponent, ListEmptyComponent, L
|
|
|
16
16
|
const scrollTrackerStyle = horizontal
|
|
17
17
|
? { top: 0, width: onEndReachedThresholdPx }
|
|
18
18
|
: { left: 0, height: onEndReachedThresholdPx };
|
|
19
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached):
|
|
20
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(sections.length):
|
|
19
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(onEndReached): _
|
|
20
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(sections.length): _
|
|
21
21
|
useEffect(() => {
|
|
22
22
|
const element = scrollTrackerRef.current;
|
|
23
23
|
if (element != null) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from "react";
|
|
3
3
|
import { StyleSheet, View } from "react-native";
|
|
4
4
|
import { P, match } from "ts-pattern";
|
|
@@ -110,9 +110,9 @@ export const SegmentedControl = ({ selected, items, onValueChange, minItemWidth
|
|
|
110
110
|
},
|
|
111
111
|
] }), items.map(item => (_jsxs(Pressable, { style: styles.itemDesktop, onPress: () => {
|
|
112
112
|
onValueChange(item.id);
|
|
113
|
-
}, children: [
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
113
|
+
}, children: [isNotNullish(item.icon) &&
|
|
114
|
+
match(item)
|
|
115
|
+
.with({ icon: P.nonNullable, activeIcon: P.nonNullable }, () => (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.id) === item.id ? selectedItem.activeIcon : item.icon)
|
|
116
|
+
.with({ icon: P.nonNullable }, () => item.icon)
|
|
117
|
+
.otherwise(() => null), _jsx(Space, { height: 8, width: 12 }), _jsx(LakeText, { color: colors.gray[900], numberOfLines: 1, variant: "regular", style: styles.itemText, children: item.name })] }, item.id)))] })) }));
|
|
118
118
|
};
|
|
@@ -48,5 +48,5 @@ export const SmsOpeningAnimation = ({ playing = true, style }) => {
|
|
|
48
48
|
animationPlayState: playing ? "running" : "paused",
|
|
49
49
|
};
|
|
50
50
|
}, [playing]);
|
|
51
|
-
return (_jsxs(Svg, { viewBox: "0 0 442 860", style: style, children: [_jsxs(Mask, { id: "phoneScreen", children: [_jsx(Rect, { x: 0, y: 0, width: 442, height: 860, fill: "#000" }), _jsx(Rect, { fill: "#fff", x: 25, y: 21, width: 392, height: 817, rx: 45 })] }), _jsxs(G, { children: [_jsx(Rect, { fill: colors.swan[400], x: 25, y: 21, width: 392, height: 817, rx: 45 }), _jsx(G, { mask: "url(#phoneScreen)", children: _jsx(Rect, { fill: backgroundColor.default, fillRule: "nonzero", x: 43, y: 80, width: 355, height: 149, rx: 32, style: [styles.icon, animationStyle],
|
|
51
|
+
return (_jsxs(Svg, { viewBox: "0 0 442 860", style: style, children: [_jsxs(Mask, { id: "phoneScreen", children: [_jsx(Rect, { x: 0, y: 0, width: 442, height: 860, fill: "#000" }), _jsx(Rect, { fill: "#fff", x: 25, y: 21, width: 392, height: 817, rx: 45 })] }), _jsxs(G, { children: [_jsx(Rect, { fill: colors.swan[400], x: 25, y: 21, width: 392, height: 817, rx: 45 }), _jsx(G, { mask: "url(#phoneScreen)", children: _jsx(Rect, { fill: backgroundColor.default, fillRule: "nonzero", x: 43, y: 80, width: 355, height: 149, rx: 32, style: [styles.icon, animationStyle], transformOrigin: "221.2 150" }) }), _jsx(Path, { d: "M221.000028,125 C237.569013,125 251,138.429348 251,154.996311 C251,171.563274 237.569013,184.992622 221.000028,184.992622 C216.146713,184.999037 211.364882,183.823286 207.068041,181.567043 L194.198053,184.917631 C193.323041,185.145499 192.392776,184.893009 191.7531,184.254027 C191.113423,183.615046 190.860005,182.685139 191.087056,181.810013 L194.435053,168.944596 C192.172455,164.643731 190.993369,159.855888 191.000028,154.996311 C191.000028,138.429348 204.431044,125 221.000028,125 Z M224.756025,157.995942 L211.250037,157.995942 L210.944038,158.01694 C209.830402,158.170147 209.00073,159.121675 209.00073,160.245665 C209.00073,161.369656 209.830402,162.321184 210.944038,162.474391 L211.250037,162.495389 L224.756025,162.495389 L225.059024,162.474391 C226.17266,162.321184 227.002332,161.369656 227.002332,160.245665 C227.002332,159.121675 226.17266,158.170147 225.059024,158.01694 L224.756025,157.995942 Z M230.750019,147.497233 L211.250037,147.497233 L210.944038,147.518231 C209.830402,147.671438 209.00073,148.622966 209.00073,149.746957 C209.00073,150.870947 209.830402,151.822475 210.944038,151.975683 L211.250037,151.99668 L230.750019,151.99668 L231.056019,151.975683 C232.169654,151.822475 232.999327,150.870947 232.999327,149.746957 C232.999327,148.622966 232.169654,147.671438 231.056019,147.518231 L230.750019,147.497233 Z", fill: colors.swan[400], fillRule: "nonzero", style: [styles.logo, animationStyle], transformOrigin: "221.2 150" }), _jsx(Circle, { stroke: colors.swan[100], strokeWidth: 2, cx: 219.5, cy: 439.5, r: 157.5, fill: "none", style: [styles.circle, animationStyle], transformOrigin: "219.5 439.5" }), _jsx(Path, { d: "M369 0a67.998 67.998 0 0168 68v177c1.326 0 2.598.527 3.536 1.464A5.004 5.004 0 01442 250v96a5.004 5.004 0 01-1.464 3.536A5.004 5.004 0 01437 351v441a67.996 67.996 0 01-19.917 48.083A67.996 67.996 0 01369 860H71a67.998 67.998 0 01-68-68V365.6a5 5 0 01-3-4.6v-58a5.002 5.002 0 013-4.6v-16.8a5 5 0 01-3-4.6v-58a5.002 5.002 0 013-4.6v-30.8a5 5 0 01-3-4.6v-24a5.002 5.002 0 013-4.6V68A68 68 0 0171 0h298zm0 21H71a46 46 0 00-46 45.2V792a45.999 45.999 0 0045.2 46H369a46 46 0 0046-45.2V67a45.998 45.998 0 00-46-46z", fill: "#000" })] })] }));
|
|
52
52
|
};
|
package/src/components/Svg.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from "react";
|
|
2
2
|
import { ViewProps } from "react-native";
|
|
3
|
-
type
|
|
3
|
+
type FillRule = "evenodd" | "nonzero";
|
|
4
|
+
type CommonProps = Pick<ViewProps, "id" | "role" | "style" | "tabIndex" | "testID"> & {
|
|
4
5
|
children?: ReactNode;
|
|
6
|
+
transformOrigin?: string;
|
|
5
7
|
};
|
|
6
|
-
type FillRule = "evenodd" | "nonzero";
|
|
7
|
-
type CommonProps = Pick<ViewProps, "id" | "role" | "style" | "tabIndex" | "testID"> & ChildrenProp;
|
|
8
8
|
type SvgProps = CommonProps & {
|
|
9
9
|
height?: number;
|
|
10
10
|
title?: string;
|
|
@@ -128,13 +128,18 @@ export declare const Svg: ({ style, ...props }: SvgProps) => import("react").Rea
|
|
|
128
128
|
role?: import("react-native").WebRole | undefined;
|
|
129
129
|
tabIndex?: 0 | -1 | undefined;
|
|
130
130
|
children?: ReactNode;
|
|
131
|
+
transformOrigin?: string;
|
|
131
132
|
height?: number;
|
|
132
133
|
title?: string;
|
|
133
134
|
viewBox?: string;
|
|
134
135
|
width?: number;
|
|
135
136
|
}, string | import("react").JSXElementConstructor<any>>;
|
|
136
137
|
export declare const Circle: (props: CircleProps) => import("react").ReactElement<CircleProps, string | import("react").JSXElementConstructor<any>>;
|
|
137
|
-
export declare const Defs: (props:
|
|
138
|
+
export declare const Defs: (props: {
|
|
139
|
+
children?: ReactNode;
|
|
140
|
+
}) => import("react").ReactElement<{
|
|
141
|
+
children?: ReactNode;
|
|
142
|
+
}, string | import("react").JSXElementConstructor<any>>;
|
|
138
143
|
export declare const G: (props: GProps) => import("react").ReactElement<GProps, string | import("react").JSXElementConstructor<any>>;
|
|
139
144
|
export declare const Use: (props: UseProps) => import("react").ReactElement<UseProps, string | import("react").JSXElementConstructor<any>>;
|
|
140
145
|
export declare const Mask: (props: CommonProps) => import("react").ReactElement<CommonProps, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -290,8 +290,8 @@ export const TabView = ({ tabs, otherLabel, hideIfSingleItem = true, sticky = fa
|
|
|
290
290
|
const location = useLocation();
|
|
291
291
|
const { path } = location;
|
|
292
292
|
const currentLocationURL = location.toString();
|
|
293
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(kept):
|
|
294
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(collapsed):
|
|
293
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(kept): _
|
|
294
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(collapsed): _
|
|
295
295
|
useEffect(() => {
|
|
296
296
|
if (isNotNullish(linksRefs.current)) {
|
|
297
297
|
const values = Object.entries(linksRefs.current);
|
package/src/components/Toggle.js
CHANGED
|
@@ -59,11 +59,11 @@ export const Toggle = ({ onToggle, value, disabled = false, mode = "desktop", on
|
|
|
59
59
|
}));
|
|
60
60
|
}, () => { });
|
|
61
61
|
}, [value]);
|
|
62
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(reajustLayout):
|
|
63
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(value):
|
|
64
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(isMobileMode):
|
|
65
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(onLabel):
|
|
66
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(offLabel):
|
|
62
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(reajustLayout): _
|
|
63
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(value): _
|
|
64
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(isMobileMode): _
|
|
65
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(onLabel): _
|
|
66
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(offLabel): _
|
|
67
67
|
useEffect(reajustLayout, [reajustLayout, value, isMobileMode, onLabel, offLabel]);
|
|
68
68
|
return (_jsxs(Pressable, { style: [styles.switch, disabled && commonStyles.disabled], onPress: () => onToggle(!value), "aria-disabled": disabled, "aria-checked": value, disabled: disabled, ref: containerRef, role: "switch", onLayout: reajustLayout, children: [_jsx(View, { style: [
|
|
69
69
|
styles.handle,
|
|
@@ -273,7 +273,7 @@ export const VirtualizedList = ({ variant, data, stickedToStartColumns, columns,
|
|
|
273
273
|
.toUndefined();
|
|
274
274
|
}, [onLayoutUpdate]);
|
|
275
275
|
// tracks if the threshold to initiate the next data load is reached
|
|
276
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(data.length):
|
|
276
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies(data.length): _
|
|
277
277
|
useEffect(() => {
|
|
278
278
|
const scrollTracker = scrollTrackerRef.current;
|
|
279
279
|
if (scrollTracker != null) {
|
|
@@ -2,11 +2,9 @@ import { useEffect } from "react";
|
|
|
2
2
|
import { useFirstMountState } from "./useFirstMountState";
|
|
3
3
|
export const useUpdateEffect = (effect, deps) => {
|
|
4
4
|
const isFirstMount = useFirstMountState();
|
|
5
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(effect):
|
|
6
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies(isFirstMount):
|
|
7
5
|
useEffect(() => {
|
|
8
6
|
if (!isFirstMount) {
|
|
9
7
|
return effect();
|
|
10
|
-
}
|
|
8
|
+
} // biome-ignore lint/correctness/useExhaustiveDependencies: _
|
|
11
9
|
}, deps);
|
|
12
10
|
};
|