@tamagui/select 1.61.3 → 1.62.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/dist/cjs/BubbleSelect.js +12 -26
- package/dist/cjs/BubbleSelect.js.map +1 -1
- package/dist/cjs/BubbleSelect.native.js +35 -0
- package/dist/cjs/BubbleSelect.native.js.map +6 -0
- package/dist/cjs/Select.js +80 -205
- package/dist/cjs/Select.js.map +2 -2
- package/dist/cjs/Select.native.js +353 -0
- package/dist/cjs/Select.native.js.map +6 -0
- package/dist/cjs/SelectContent.js +10 -34
- package/dist/cjs/SelectContent.js.map +1 -1
- package/dist/cjs/SelectContent.native.js +6 -11
- package/dist/cjs/SelectContent.native.js.map +1 -1
- package/dist/cjs/SelectImpl.js +94 -190
- package/dist/cjs/SelectImpl.js.map +1 -1
- package/dist/cjs/SelectImpl.native.js +6 -14
- package/dist/cjs/SelectImpl.native.js.map +1 -1
- package/dist/cjs/SelectItem.js +36 -88
- package/dist/cjs/SelectItem.js.map +1 -1
- package/dist/cjs/SelectItem.native.js +145 -0
- package/dist/cjs/SelectItem.native.js.map +6 -0
- package/dist/cjs/SelectScrollButton.js +40 -87
- package/dist/cjs/SelectScrollButton.js.map +2 -2
- package/dist/cjs/SelectScrollButton.native.js +6 -10
- package/dist/cjs/SelectScrollButton.native.js.map +1 -1
- package/dist/cjs/SelectTrigger.js +20 -40
- package/dist/cjs/SelectTrigger.js.map +2 -2
- package/dist/cjs/SelectTrigger.native.js +73 -0
- package/dist/cjs/SelectTrigger.native.js.map +6 -0
- package/dist/cjs/SelectViewport.js +24 -54
- package/dist/cjs/SelectViewport.js.map +2 -2
- package/dist/cjs/SelectViewport.native.js +9 -24
- package/dist/cjs/SelectViewport.native.js.map +1 -1
- package/dist/cjs/constants.js +6 -16
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/constants.native.js +38 -0
- package/dist/cjs/constants.native.js.map +6 -0
- package/dist/cjs/context.js +8 -20
- package/dist/cjs/context.js.map +1 -1
- package/dist/cjs/context.native.js +48 -0
- package/dist/cjs/context.native.js.map +6 -0
- package/dist/cjs/index.js +4 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/index.native.js +22 -0
- package/dist/cjs/index.native.js.map +6 -0
- package/dist/cjs/types.js +3 -6
- package/dist/cjs/types.js.map +1 -1
- package/dist/cjs/types.native.js +15 -0
- package/dist/cjs/types.native.js.map +6 -0
- package/dist/cjs/useSelectBreakpointActive.js +8 -17
- package/dist/cjs/useSelectBreakpointActive.js.map +1 -1
- package/dist/cjs/useSelectBreakpointActive.native.js +35 -0
- package/dist/cjs/useSelectBreakpointActive.native.js.map +6 -0
- package/dist/esm/BubbleSelect.js +7 -15
- package/dist/esm/BubbleSelect.js.map +1 -1
- package/dist/esm/Select.js +73 -171
- package/dist/esm/Select.js.map +2 -2
- package/dist/esm/SelectContent.js +5 -20
- package/dist/esm/SelectContent.js.map +1 -1
- package/dist/esm/SelectImpl.js +87 -171
- package/dist/esm/SelectImpl.js.map +1 -1
- package/dist/esm/SelectItem.js +29 -70
- package/dist/esm/SelectItem.js.map +1 -1
- package/dist/esm/SelectScrollButton.js +33 -68
- package/dist/esm/SelectScrollButton.js.map +2 -2
- package/dist/esm/SelectTrigger.js +13 -23
- package/dist/esm/SelectTrigger.js.map +2 -2
- package/dist/esm/SelectViewport.js +19 -36
- package/dist/esm/SelectViewport.js.map +2 -2
- package/dist/esm/constants.js +1 -7
- package/dist/esm/constants.js.map +1 -1
- package/dist/esm/context.js +3 -9
- package/dist/esm/context.js.map +1 -1
- package/dist/esm/useSelectBreakpointActive.js +3 -8
- package/dist/esm/useSelectBreakpointActive.js.map +1 -1
- package/dist/jsx/BubbleSelect.js +7 -15
- package/dist/jsx/BubbleSelect.js.map +1 -1
- package/dist/jsx/BubbleSelect.native.js +17 -0
- package/dist/jsx/BubbleSelect.native.js.map +6 -0
- package/dist/jsx/Select.js +68 -165
- package/dist/jsx/Select.js.map +2 -2
- package/dist/jsx/Select.native.js +337 -0
- package/dist/jsx/Select.native.js.map +6 -0
- package/dist/jsx/SelectContent.js +3 -18
- package/dist/jsx/SelectContent.js.map +1 -1
- package/dist/jsx/SelectContent.native.js +1 -3
- package/dist/jsx/SelectContent.native.js.map +1 -1
- package/dist/jsx/SelectImpl.js +86 -167
- package/dist/jsx/SelectImpl.js.map +1 -1
- package/dist/jsx/SelectImpl.native.js +1 -6
- package/dist/jsx/SelectImpl.native.js.map +1 -1
- package/dist/jsx/SelectItem.js +28 -68
- package/dist/jsx/SelectItem.js.map +1 -1
- package/dist/jsx/SelectItem.native.js +115 -0
- package/dist/jsx/SelectItem.native.js.map +6 -0
- package/dist/jsx/SelectScrollButton.js +22 -53
- package/dist/jsx/SelectScrollButton.js.map +1 -1
- package/dist/jsx/SelectScrollButton.native.js +1 -2
- package/dist/jsx/SelectScrollButton.native.js.map +1 -1
- package/dist/jsx/SelectTrigger.js +11 -19
- package/dist/jsx/SelectTrigger.js.map +2 -2
- package/dist/jsx/SelectTrigger.native.js +44 -0
- package/dist/jsx/SelectTrigger.native.js.map +6 -0
- package/dist/jsx/SelectViewport.js +16 -32
- package/dist/jsx/SelectViewport.js.map +2 -2
- package/dist/jsx/SelectViewport.native.js +1 -5
- package/dist/jsx/SelectViewport.native.js.map +1 -1
- package/dist/jsx/constants.js +1 -7
- package/dist/jsx/constants.js.map +1 -1
- package/dist/jsx/constants.native.js +11 -0
- package/dist/jsx/constants.native.js.map +6 -0
- package/dist/jsx/context.js +2 -8
- package/dist/jsx/context.js.map +1 -1
- package/dist/jsx/context.native.js +20 -0
- package/dist/jsx/context.native.js.map +6 -0
- package/dist/jsx/index.native.js +3 -0
- package/dist/jsx/index.native.js.map +6 -0
- package/dist/jsx/types.native.js +1 -0
- package/dist/jsx/types.native.js.map +6 -0
- package/dist/jsx/useSelectBreakpointActive.js +3 -8
- package/dist/jsx/useSelectBreakpointActive.js.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.native.js +13 -0
- package/dist/jsx/useSelectBreakpointActive.native.js.map +6 -0
- package/package.json +19 -19
- package/types/Select.d.ts +1 -0
- package/types/Select.d.ts.map +1 -1
- package/dist/esm/SelectContent.native.js +0 -7
- package/dist/esm/SelectContent.native.js.map +0 -6
- package/dist/esm/SelectImpl.native.js +0 -11
- package/dist/esm/SelectImpl.native.js.map +0 -6
- package/dist/esm/SelectScrollButton.native.js +0 -7
- package/dist/esm/SelectScrollButton.native.js.map +0 -6
- package/dist/esm/SelectViewport.native.js +0 -32
- package/dist/esm/SelectViewport.native.js.map +0 -6
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/SelectItem.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -4,36 +4,24 @@ import { YStack } from "@tamagui/stacks";
|
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { flushSync } from "react-dom";
|
|
6
6
|
import { useSelectContext } from "./context";
|
|
7
|
-
const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton"
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
ref={forwardedRef}
|
|
14
|
-
/>;
|
|
15
|
-
});
|
|
7
|
+
const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = React.forwardRef((props, forwardedRef) => <SelectScrollButtonImpl
|
|
8
|
+
componentName={SCROLL_UP_BUTTON_NAME}
|
|
9
|
+
{...props}
|
|
10
|
+
dir="up"
|
|
11
|
+
ref={forwardedRef}
|
|
12
|
+
/>);
|
|
16
13
|
SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
|
|
17
|
-
const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton"
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
ref={forwardedRef}
|
|
24
|
-
/>;
|
|
25
|
-
});
|
|
14
|
+
const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = React.forwardRef((props, forwardedRef) => <SelectScrollButtonImpl
|
|
15
|
+
componentName={SCROLL_DOWN_BUTTON_NAME}
|
|
16
|
+
{...props}
|
|
17
|
+
dir="down"
|
|
18
|
+
ref={forwardedRef}
|
|
19
|
+
/>);
|
|
26
20
|
SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
|
|
27
21
|
const SelectScrollButtonImpl = React.memo(
|
|
28
22
|
React.forwardRef(
|
|
29
23
|
(props, forwardedRef) => {
|
|
30
|
-
const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props
|
|
31
|
-
const { forceUpdate, open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(componentName, __scopeSelect);
|
|
32
|
-
const floatingRef = context.floatingContext?.refs.floating;
|
|
33
|
-
const statusRef = React.useRef("idle");
|
|
34
|
-
const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
|
|
35
|
-
const frameRef = React.useRef();
|
|
36
|
-
const { x, y, refs, strategy } = useFloating({
|
|
24
|
+
const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props, { forceUpdate, open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(componentName, __scopeSelect), floatingRef = context.floatingContext?.refs.floating, statusRef = React.useRef("idle"), isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"], frameRef = React.useRef(), { x, y, refs, strategy } = useFloating({
|
|
37
25
|
open: open && isVisible,
|
|
38
26
|
strategy: "fixed",
|
|
39
27
|
elements: {
|
|
@@ -41,24 +29,13 @@ const SelectScrollButtonImpl = React.memo(
|
|
|
41
29
|
},
|
|
42
30
|
placement: dir === "up" ? "top" : "bottom",
|
|
43
31
|
middleware: [offset(({ rects }) => -rects.floating.height)],
|
|
44
|
-
whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame:
|
|
45
|
-
});
|
|
46
|
-
|
|
47
|
-
if (!isVisible) {
|
|
32
|
+
whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: !0 })
|
|
33
|
+
}), composedRef = useComposedRefs(forwardedRef, refs.setFloating);
|
|
34
|
+
if (!isVisible)
|
|
48
35
|
return null;
|
|
49
|
-
}
|
|
50
36
|
const onScroll = (amount) => {
|
|
51
37
|
const floating = floatingRef;
|
|
52
|
-
|
|
53
|
-
return;
|
|
54
|
-
if (fallback) {
|
|
55
|
-
if (floating.current) {
|
|
56
|
-
floating.current.scrollTop -= amount;
|
|
57
|
-
flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));
|
|
58
|
-
}
|
|
59
|
-
} else {
|
|
60
|
-
flushSync(() => setInnerOffset((value) => value - amount));
|
|
61
|
-
}
|
|
38
|
+
floating && (fallback ? floating.current && (floating.current.scrollTop -= amount, flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0))) : flushSync(() => setInnerOffset((value) => value - amount)));
|
|
62
39
|
};
|
|
63
40
|
return <YStack
|
|
64
41
|
ref={composedRef}
|
|
@@ -76,26 +53,18 @@ const SelectScrollButtonImpl = React.memo(
|
|
|
76
53
|
function frame() {
|
|
77
54
|
const element = floatingRef?.current;
|
|
78
55
|
if (element) {
|
|
79
|
-
const currentNow = Date.now();
|
|
80
|
-
const msElapsed = currentNow - prevNow;
|
|
56
|
+
const currentNow = Date.now(), msElapsed = currentNow - prevNow;
|
|
81
57
|
prevNow = currentNow;
|
|
82
|
-
const pixelsToScroll = msElapsed / 2;
|
|
83
|
-
const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
|
|
84
|
-
const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
|
|
58
|
+
const pixelsToScroll = msElapsed / 2, remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop, scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
|
|
85
59
|
onScroll(
|
|
86
60
|
dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)
|
|
87
|
-
);
|
|
88
|
-
if (scrollRemaining) {
|
|
89
|
-
frameRef.current = requestAnimationFrame(frame);
|
|
90
|
-
}
|
|
61
|
+
), scrollRemaining && (frameRef.current = requestAnimationFrame(frame));
|
|
91
62
|
}
|
|
92
63
|
}
|
|
93
|
-
cancelAnimationFrame(frameRef.current);
|
|
94
|
-
frameRef.current = requestAnimationFrame(frame);
|
|
64
|
+
cancelAnimationFrame(frameRef.current), frameRef.current = requestAnimationFrame(frame);
|
|
95
65
|
}}
|
|
96
66
|
onPointerLeave={() => {
|
|
97
|
-
statusRef.current = "idle";
|
|
98
|
-
cancelAnimationFrame(frameRef.current);
|
|
67
|
+
statusRef.current = "idle", cancelAnimationFrame(frameRef.current);
|
|
99
68
|
}}
|
|
100
69
|
/>;
|
|
101
70
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectScrollButton.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,YAAY,QAAQ,mBAAmB;AAChD,SAAS,uBAAuB;AAEhC,SAAS,cAAc;AACvB,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,SAAS,wBAAwB;AAWjC,MAAM,wBAAwB
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -2,28 +2,21 @@ import { useComposedRefs } from "@tamagui/compose-refs";
|
|
|
2
2
|
import { ListItem } from "@tamagui/list-item";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { useSelectContext, useSelectItemParentContext } from "./context";
|
|
5
|
-
const TRIGGER_NAME = "SelectTrigger"
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props;
|
|
9
|
-
const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
|
|
10
|
-
const itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect);
|
|
11
|
-
const composedRefs = useComposedRefs(
|
|
5
|
+
const TRIGGER_NAME = "SelectTrigger", SelectTrigger = React.forwardRef(
|
|
6
|
+
function(props, forwardedRef) {
|
|
7
|
+
const { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = useSelectContext(TRIGGER_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect), composedRefs = useComposedRefs(
|
|
12
8
|
forwardedRef,
|
|
13
9
|
context.floatingContext?.refs.setReference
|
|
14
10
|
);
|
|
15
|
-
|
|
16
|
-
return null;
|
|
17
|
-
}
|
|
18
|
-
return <ListItem
|
|
11
|
+
return itemParentContext.shouldRenderWebNative ? null : <ListItem
|
|
19
12
|
componentName={TRIGGER_NAME}
|
|
20
13
|
unstyled={unstyled}
|
|
21
14
|
{...!unstyled && {
|
|
22
|
-
backgrounded:
|
|
23
|
-
radiused:
|
|
24
|
-
hoverTheme:
|
|
25
|
-
pressTheme:
|
|
26
|
-
focusable:
|
|
15
|
+
backgrounded: !0,
|
|
16
|
+
radiused: !0,
|
|
17
|
+
hoverTheme: !0,
|
|
18
|
+
pressTheme: !0,
|
|
19
|
+
focusable: !0,
|
|
27
20
|
focusStyle: {
|
|
28
21
|
outlineStyle: "solid",
|
|
29
22
|
outlineWidth: 2,
|
|
@@ -39,11 +32,10 @@ const SelectTrigger = React.forwardRef(
|
|
|
39
32
|
data-disabled={disabled ? "" : void 0}
|
|
40
33
|
{...triggerProps}
|
|
41
34
|
ref={composedRefs}
|
|
42
|
-
{...
|
|
35
|
+
{...itemParentContext.interactions ? {
|
|
43
36
|
...itemParentContext.interactions.getReferenceProps(),
|
|
44
37
|
onMouseDown() {
|
|
45
|
-
context.floatingContext?.update();
|
|
46
|
-
itemParentContext.setOpen(!context.open);
|
|
38
|
+
context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
|
|
47
39
|
}
|
|
48
40
|
} : {
|
|
49
41
|
onPress() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectTrigger.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAM7D,MAAM,eAAe
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAM7D,MAAM,eAAe,iBAIR,gBAAgB,MAAM;AAAA,EACjC,SAAuB,OAAwC,cAAc;AAC3E,UAAM,EAAE,eAAe,WAAW,IAAO,WAAW,IAAO,GAAG,aAAa,IAAI,OAEzE,UAAU,iBAAiB,cAAc,aAAa,GACtD,oBAAoB,2BAA2B,cAAc,aAAa,GAC1E,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,WAAI,kBAAkB,wBACb,OAIP,CAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU;AAAA,UACL,CAAC,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,MACf;AAAA,MACA,MAAM,kBAAkB;AAAA,MAExB,eAAe,QAAQ;AAAA,MACvB,kBAAkB;AAAA,MAClB,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,UACwC,kBAAkB,eAC3D;AAAA,QACE,GAAG,kBAAkB,aAAa,kBAAkB;AAAA,QACpD,cAAc;AACZ,kBAAQ,iBAAiB,OAAO,GAChC,kBAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA,MACF,IACA;AAAA,QACE,UAAU;AACR,4BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,QACzC;AAAA,MACF;AAAA,IACN;AAAA,EAEJ;AACF;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { ListItem } from "@tamagui/list-item";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { useSelectContext, useSelectItemParentContext } from "./context";
|
|
5
|
+
const TRIGGER_NAME = "SelectTrigger", SelectTrigger = React.forwardRef(
|
|
6
|
+
function(props, forwardedRef) {
|
|
7
|
+
const { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = useSelectContext(TRIGGER_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(TRIGGER_NAME, __scopeSelect), composedRefs = useComposedRefs(
|
|
8
|
+
forwardedRef,
|
|
9
|
+
context.floatingContext?.refs.setReference
|
|
10
|
+
);
|
|
11
|
+
return itemParentContext.shouldRenderWebNative ? null : <ListItem
|
|
12
|
+
componentName={TRIGGER_NAME}
|
|
13
|
+
unstyled={unstyled}
|
|
14
|
+
{...!unstyled && {
|
|
15
|
+
backgrounded: !0,
|
|
16
|
+
radiused: !0,
|
|
17
|
+
hoverTheme: !0,
|
|
18
|
+
pressTheme: !0,
|
|
19
|
+
focusable: !0,
|
|
20
|
+
focusStyle: {
|
|
21
|
+
outlineStyle: "solid",
|
|
22
|
+
outlineWidth: 2,
|
|
23
|
+
outlineColor: "$borderColorFocus"
|
|
24
|
+
},
|
|
25
|
+
borderWidth: 1
|
|
26
|
+
}}
|
|
27
|
+
size={itemParentContext.size}
|
|
28
|
+
aria-expanded={context.open}
|
|
29
|
+
aria-autocomplete="none"
|
|
30
|
+
dir={context.dir}
|
|
31
|
+
disabled={disabled}
|
|
32
|
+
data-disabled={disabled ? "" : void 0}
|
|
33
|
+
{...triggerProps}
|
|
34
|
+
ref={composedRefs}
|
|
35
|
+
onPress={function() {
|
|
36
|
+
itemParentContext.setOpen(!context.open);
|
|
37
|
+
}}
|
|
38
|
+
/>;
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
export {
|
|
42
|
+
SelectTrigger
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=SelectTrigger.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/SelectTrigger.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,uBAAuB;AAEhC,SAAS,gBAA+B;AACxC,YAAY,WAAW;AAEvB,SAAS,kBAAkB,kCAAkC;AAM7D,MAAM,eAAe,iBAIR,gBAAgB,MAAM;AAAA,EACjC,SAAuB,OAAwC,cAAc;AAC3E,UAAM,EAAE,eAAe,WAAW,IAAO,WAAW,IAAO,GAAG,aAAa,IAAI,OAEzE,UAAU,iBAAiB,cAAc,aAAa,GACtD,oBAAoB,2BAA2B,cAAc,aAAa,GAC1E,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAIA,WAAI,kBAAkB,wBACb,OAIP,CAAC;AAAA,MACC,eAAe;AAAA,MACf,UAAU;AAAA,UACL,CAAC,YAAY;AAAA,QAChB,cAAc;AAAA,QACd,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,YAAY;AAAA,UACV,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,MACf;AAAA,MACA,MAAM,kBAAkB;AAAA,MAExB,eAAe,QAAQ;AAAA,MACvB,kBAAkB;AAAA,MAClB,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV,eAAe,WAAW,KAAK;AAAA,UAC3B;AAAA,MACJ,KAAK;AAAA,MAUC,SAAO,WAAG;AACR,0BAAkB,QAAQ,CAAC,QAAQ,IAAI;AAAA,MACzC;AAAA,IAER;AAAA,EAEJ;AACF;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -22,57 +22,42 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
22
22
|
false: {
|
|
23
23
|
size: "$2",
|
|
24
24
|
backgroundColor: "$background",
|
|
25
|
-
elevate:
|
|
26
|
-
bordered:
|
|
25
|
+
elevate: !0,
|
|
26
|
+
bordered: !0,
|
|
27
27
|
userSelect: "none",
|
|
28
28
|
outlineWidth: 0
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
size: {
|
|
32
|
-
"...size": (val, { tokens }) => {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
};
|
|
36
|
-
}
|
|
32
|
+
"...size": (val, { tokens }) => ({
|
|
33
|
+
borderRadius: tokens.radius[val] ?? val
|
|
34
|
+
})
|
|
37
35
|
}
|
|
38
36
|
},
|
|
39
37
|
defaultVariants: {
|
|
40
|
-
unstyled:
|
|
38
|
+
unstyled: !1
|
|
41
39
|
}
|
|
42
|
-
})
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
|
|
46
|
-
const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
|
|
47
|
-
const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect);
|
|
48
|
-
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
40
|
+
}), SelectViewport = SelectViewportFrame.styleable(
|
|
41
|
+
function(props, forwardedRef) {
|
|
42
|
+
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
49
43
|
useIsomorphicLayoutEffect(() => {
|
|
50
|
-
|
|
51
|
-
context.update();
|
|
52
|
-
}
|
|
44
|
+
context.update && context.update();
|
|
53
45
|
}, [breakpointActive]);
|
|
54
46
|
const composedRefs = composeRefs(
|
|
55
47
|
forwardedRef,
|
|
56
48
|
context.floatingContext?.refs.setFloating
|
|
57
49
|
);
|
|
58
|
-
if (itemContext.shouldRenderWebNative)
|
|
50
|
+
if (itemContext.shouldRenderWebNative)
|
|
59
51
|
return <>{children}</>;
|
|
60
|
-
|
|
61
|
-
if (breakpointActive || !isWeb) {
|
|
52
|
+
if (breakpointActive || !isWeb)
|
|
62
53
|
return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext
|
|
63
54
|
__scopeSelect={__scopeSelect}
|
|
64
55
|
itemContext={itemContext}
|
|
65
56
|
context={context}
|
|
66
57
|
>{children}</ForwardSelectContext></PortalItem>;
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
console.warn(`No interactions provided to Select, potentially missing Adapt`);
|
|
71
|
-
}
|
|
72
|
-
return null;
|
|
73
|
-
}
|
|
74
|
-
const { style, ...floatingProps } = itemContext.interactions.getFloatingProps();
|
|
75
|
-
const { scrollbarWidth, listStyleType, overflow, ...restStyle } = style;
|
|
58
|
+
if (!itemContext.interactions)
|
|
59
|
+
return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
|
|
60
|
+
const { style, ...floatingProps } = itemContext.interactions.getFloatingProps(), { scrollbarWidth, listStyleType, overflow, ...restStyle } = style;
|
|
76
61
|
return <>
|
|
77
62
|
{!disableScroll && !props.unstyled && <style
|
|
78
63
|
dangerouslySetInnerHTML={{
|
|
@@ -98,8 +83,7 @@ const SelectViewport = SelectViewportFrame.styleable(
|
|
|
98
83
|
{!context.open && <div style={{ display: "none" }}>{props.children}</div>}
|
|
99
84
|
</>;
|
|
100
85
|
}
|
|
101
|
-
)
|
|
102
|
-
const selectViewportCSS = `
|
|
86
|
+
), selectViewportCSS = `
|
|
103
87
|
.is_SelectViewport {
|
|
104
88
|
scrollbar-width: none;
|
|
105
89
|
-webkit-overflow-scrolling: touch;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAG/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,
|
|
5
|
-
"names": [
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAG/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,YAAY;AACd,aAAO,GAAG,SAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC,CAAC;AAAA,QACC,eAAe;AAAA,QACf,aAAa;AAAA,QACb,SAAS;AAAA,QAER,SACH,EANC,qBAOH,EARC;AAYL,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM,EAAE,OAAO,GAAG,cAAc,IAAI,YAAY,aAAa,iBAAiB,GACxE,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU,IAAI;AAElE,WACE;AAAA,OACG,CAAC,iBAAiB,CAAC,MAAM,YACxB,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC,iBACE,QAAQ,OACP,CAAC;AAAA,QACC;AAAA,QACA,IAAI;AAAA,QACJ,MAAM,YAAY;AAAA,QAElB,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,YACC,CAAC,MAAM,YAAY;AAAA,UACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,QACpD;AAAA,QAEC,SACH,EAfC,uBAgBC,KACN,EAnBC,gBAoBH,EArBC;AAAA;AAAA;AAAA;AAAA,OAwBA,CAAC,QAAQ,QAAQ,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,MAAM,SAAS,EAAhD;AAAA,IACrB;AAAA,EAEJ;AACF,GAEM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
5
|
+
"names": []
|
|
6
6
|
}
|
|
@@ -9,11 +9,7 @@ import {
|
|
|
9
9
|
useSelectItemParentContext
|
|
10
10
|
} from "./context";
|
|
11
11
|
const SelectViewport = (props) => {
|
|
12
|
-
const { __scopeSelect, children } = props;
|
|
13
|
-
const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
|
|
14
|
-
const itemParentContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect);
|
|
15
|
-
const themeName = useThemeName();
|
|
16
|
-
const adaptContext = React.useContext(AdaptParentContext);
|
|
12
|
+
const { __scopeSelect, children } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), themeName = useThemeName(), adaptContext = React.useContext(AdaptParentContext);
|
|
17
13
|
return <PortalItem hostName={`${context.scopeKey}SheetContents`}><Theme name={themeName}><ForwardSelectContext
|
|
18
14
|
__scopeSelect={__scopeSelect}
|
|
19
15
|
itemContext={itemParentContext}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.native.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,OAAO,oBAAoB;AACpC,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AACnC,SAAS,OAAO,oBAAoB;AACpC,SAAS,kBAAkB;AAC3B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGA,MAAM,iBAAiB,CAAC,UAA4C;AACzE,QAAM,EAAE,eAAe,SAAS,IAAI,OAC9B,UAAU,iBAAiB,eAAe,aAAa,GACvD,oBAAoB,2BAA2B,eAAe,aAAa,GAC3E,YAAY,aAAa,GACzB,eAAe,MAAM,WAAW,kBAAkB;AAGxD,SACE,CAAC,WAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC,CAAC,MAAM,MAAM,WACX,CAAC;AAAA,IACC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,SAAS;AAAA,GAET,CAAC,mBAAmB,SAAS,OAAO,eACjC,SACH,EAFC,mBAAmB,SAGtB,EARC,qBASH,EAVC,MAWH,EAZC;AAcL;AAEA,eAAe,cAAc;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/constants.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
const SELECT_NAME = "Select";
|
|
2
|
-
const WINDOW_PADDING = 8;
|
|
3
|
-
const SCROLL_ARROW_VELOCITY = 8;
|
|
4
|
-
const SCROLL_ARROW_THRESHOLD = 8;
|
|
5
|
-
const MIN_HEIGHT = 80;
|
|
6
|
-
const FALLBACK_THRESHOLD = 16;
|
|
7
|
-
const VIEWPORT_NAME = "SelectViewport";
|
|
1
|
+
const SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
|
|
8
2
|
export {
|
|
9
3
|
FALLBACK_THRESHOLD,
|
|
10
4
|
MIN_HEIGHT,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/constants.tsx"],
|
|
4
|
-
"mappings": "AAAO,MAAM,cAAc
|
|
4
|
+
"mappings": "AAAO,MAAM,cAAc,UACd,iBAAiB,GACjB,wBAAwB,GACxB,yBAAyB,GACzB,aAAa,IACb,qBAAqB,IACrB,gBAAgB;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
const SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
|
|
2
|
+
export {
|
|
3
|
+
FALLBACK_THRESHOLD,
|
|
4
|
+
MIN_HEIGHT,
|
|
5
|
+
SCROLL_ARROW_THRESHOLD,
|
|
6
|
+
SCROLL_ARROW_VELOCITY,
|
|
7
|
+
SELECT_NAME,
|
|
8
|
+
VIEWPORT_NAME,
|
|
9
|
+
WINDOW_PADDING
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=constants.js.map
|
package/dist/jsx/context.js
CHANGED
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
import { createContextScope } from "@tamagui/create-context";
|
|
2
2
|
import { SELECT_NAME } from "./constants";
|
|
3
|
-
const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)
|
|
4
|
-
const [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME);
|
|
5
|
-
const [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME);
|
|
6
|
-
const [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME);
|
|
7
|
-
const ForwardSelectContext = ({
|
|
3
|
+
const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME), ForwardSelectContext = ({
|
|
8
4
|
__scopeSelect,
|
|
9
5
|
context,
|
|
10
6
|
itemContext,
|
|
11
7
|
children
|
|
12
|
-
}) => {
|
|
13
|
-
return <SelectProvider isInSheet scope={__scopeSelect} {...context}><SelectItemParentProvider scope={__scopeSelect} {...itemContext}>{children}</SelectItemParentProvider></SelectProvider>;
|
|
14
|
-
};
|
|
8
|
+
}) => <SelectProvider isInSheet scope={__scopeSelect} {...context}><SelectItemParentProvider scope={__scopeSelect} {...itemContext}>{children}</SelectItemParentProvider></SelectProvider>;
|
|
15
9
|
export {
|
|
16
10
|
ForwardSelectContext,
|
|
17
11
|
SelectItemParentProvider,
|
package/dist/jsx/context.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/context.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW,GAIxC,CAAC,+BAA+B,2BAA2B,IACtE,mBAAmB,WAAW,GAEnB,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,WAAW,GAElD,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMI,CAAC,eAAe,UAAU,OAAO,mBAAmB,SAClD,CAAC,yBAAyB,OAAO,mBAAmB,cACjD,SACH,EAFC,yBAGH,EAJC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
2
|
+
import { SELECT_NAME } from "./constants";
|
|
3
|
+
const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = createContextScope(SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(SELECT_NAME), ForwardSelectContext = ({
|
|
4
|
+
__scopeSelect,
|
|
5
|
+
context,
|
|
6
|
+
itemContext,
|
|
7
|
+
children
|
|
8
|
+
}) => <SelectProvider isInSheet scope={__scopeSelect} {...context}><SelectItemParentProvider scope={__scopeSelect} {...itemContext}>{children}</SelectItemParentProvider></SelectProvider>;
|
|
9
|
+
export {
|
|
10
|
+
ForwardSelectContext,
|
|
11
|
+
SelectItemParentProvider,
|
|
12
|
+
SelectProvider,
|
|
13
|
+
createSelectContext,
|
|
14
|
+
createSelectItemParentContext,
|
|
15
|
+
createSelectItemParentScope,
|
|
16
|
+
createSelectScope,
|
|
17
|
+
useSelectContext,
|
|
18
|
+
useSelectItemParentContext
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/context.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,0BAA0B;AAEnC,SAAS,mBAAmB;AAGrB,MAAM,CAAC,qBAAqB,iBAAiB,IAAI,mBAAmB,WAAW,GAEzE,CAAC,gBAAgB,gBAAgB,IAC5C,oBAAwC,WAAW,GAIxC,CAAC,+BAA+B,2BAA2B,IACtE,mBAAmB,WAAW,GAEnB,CAAC,0BAA0B,0BAA0B,IAChE,oBAAkD,WAAW,GAElD,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMI,CAAC,eAAe,UAAU,OAAO,mBAAmB,SAClD,CAAC,yBAAyB,OAAO,mBAAmB,cACjD,SACH,EAFC,yBAGH,EAJC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import { useMedia } from "@tamagui/core";
|
|
2
2
|
const useSelectBreakpointActive = (sheetBreakpoint) => {
|
|
3
3
|
const media = useMedia();
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
if (sheetBreakpoint === true)
|
|
7
|
-
return true;
|
|
8
|
-
return sheetBreakpoint ? media[sheetBreakpoint] : false;
|
|
9
|
-
};
|
|
10
|
-
const useShowSelectSheet = (context) => {
|
|
4
|
+
return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
|
|
5
|
+
}, useShowSelectSheet = (context) => {
|
|
11
6
|
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
12
|
-
return context.open ===
|
|
7
|
+
return context.open === !1 ? !1 : breakpointActive;
|
|
13
8
|
};
|
|
14
9
|
export {
|
|
15
10
|
useSelectBreakpointActive,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useSelectBreakpointActive.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,SAAK,kBACD,oBAAoB,KAAa,KAC9B,kBAAkB,MAAM,eAAe,IAAI,KAFrB;AAG/B,GAEa,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,KAAQ,KAAQ;AAC1C;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useMedia } from "@tamagui/core";
|
|
2
|
+
const useSelectBreakpointActive = (sheetBreakpoint) => {
|
|
3
|
+
const media = useMedia();
|
|
4
|
+
return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
|
|
5
|
+
}, useShowSelectSheet = (context) => {
|
|
6
|
+
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
7
|
+
return context.open === !1 ? !1 : breakpointActive;
|
|
8
|
+
};
|
|
9
|
+
export {
|
|
10
|
+
useSelectBreakpointActive,
|
|
11
|
+
useShowSelectSheet
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=useSelectBreakpointActive.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/useSelectBreakpointActive.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,gBAAgB;AAIlB,MAAM,4BAA4B,CACvC,oBACG;AACH,QAAM,QAAQ,SAAS;AACvB,SAAK,kBACD,oBAAoB,KAAa,KAC9B,kBAAkB,MAAM,eAAe,IAAI,KAFrB;AAG/B,GAEa,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAC1E,SAAO,QAAQ,SAAS,KAAQ,KAAQ;AAC1C;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|