@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40
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.cjs +28 -23
- package/dist/cjs/BubbleSelect.native.js +12 -10
- package/dist/cjs/BubbleSelect.native.js.map +1 -1
- package/dist/cjs/Select.cjs +402 -376
- package/dist/cjs/Select.native.js +428 -414
- package/dist/cjs/Select.native.js.map +1 -1
- package/dist/cjs/SelectContent.cjs +73 -66
- package/dist/cjs/SelectContent.native.js +12 -10
- package/dist/cjs/SelectContent.native.js.map +1 -1
- package/dist/cjs/SelectImpl.cjs +239 -176
- package/dist/cjs/SelectImpl.native.js +21 -16
- package/dist/cjs/SelectImpl.native.js.map +1 -1
- package/dist/cjs/SelectItem.cjs +189 -137
- package/dist/cjs/SelectItem.native.js +211 -164
- package/dist/cjs/SelectItem.native.js.map +1 -1
- package/dist/cjs/SelectItemText.cjs +82 -68
- package/dist/cjs/SelectItemText.native.js +81 -69
- package/dist/cjs/SelectItemText.native.js.map +1 -1
- package/dist/cjs/SelectScrollButton.cjs +104 -83
- package/dist/cjs/SelectScrollButton.native.js +17 -15
- package/dist/cjs/SelectScrollButton.native.js.map +1 -1
- package/dist/cjs/SelectTrigger.cjs +81 -77
- package/dist/cjs/SelectTrigger.native.js +43 -40
- package/dist/cjs/SelectTrigger.native.js.map +1 -1
- package/dist/cjs/SelectViewport.cjs +141 -103
- package/dist/cjs/SelectViewport.native.js +39 -37
- package/dist/cjs/SelectViewport.native.js.map +1 -1
- package/dist/cjs/constants.cjs +19 -17
- package/dist/cjs/constants.native.js +19 -17
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/context.cjs +38 -27
- package/dist/cjs/context.native.js +46 -38
- package/dist/cjs/context.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useSelectBreakpointActive.cjs +13 -11
- package/dist/cjs/useSelectBreakpointActive.native.js +17 -15
- package/dist/cjs/useSelectBreakpointActive.native.js.map +1 -1
- package/dist/esm/BubbleSelect.mjs +16 -13
- package/dist/esm/BubbleSelect.mjs.map +1 -1
- package/dist/esm/Select.mjs +356 -331
- package/dist/esm/Select.mjs.map +1 -1
- package/dist/esm/Select.native.js +381 -369
- package/dist/esm/Select.native.js.map +1 -1
- package/dist/esm/SelectContent.mjs +55 -39
- package/dist/esm/SelectContent.mjs.map +1 -1
- package/dist/esm/SelectImpl.mjs +208 -147
- package/dist/esm/SelectImpl.mjs.map +1 -1
- package/dist/esm/SelectImpl.native.js +4 -1
- package/dist/esm/SelectImpl.native.js.map +1 -1
- package/dist/esm/SelectItem.mjs +157 -107
- package/dist/esm/SelectItem.mjs.map +1 -1
- package/dist/esm/SelectItem.native.js +180 -135
- package/dist/esm/SelectItem.native.js.map +1 -1
- package/dist/esm/SelectItemText.mjs +50 -38
- package/dist/esm/SelectItemText.mjs.map +1 -1
- package/dist/esm/SelectItemText.native.js +50 -40
- package/dist/esm/SelectItemText.native.js.map +1 -1
- package/dist/esm/SelectScrollButton.mjs +74 -55
- package/dist/esm/SelectScrollButton.mjs.map +1 -1
- package/dist/esm/SelectScrollButton.native.js +5 -5
- package/dist/esm/SelectScrollButton.native.js.map +1 -1
- package/dist/esm/SelectTrigger.mjs +51 -49
- package/dist/esm/SelectTrigger.mjs.map +1 -1
- package/dist/esm/SelectTrigger.native.js +13 -12
- package/dist/esm/SelectTrigger.native.js.map +1 -1
- package/dist/esm/SelectViewport.mjs +108 -83
- package/dist/esm/SelectViewport.mjs.map +1 -1
- package/dist/esm/SelectViewport.native.js +7 -7
- package/dist/esm/SelectViewport.native.js.map +1 -1
- package/dist/esm/constants.mjs +7 -7
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +7 -7
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/context.mjs +22 -14
- package/dist/esm/context.mjs.map +1 -1
- package/dist/esm/context.native.js +30 -25
- package/dist/esm/context.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/useSelectBreakpointActive.mjs +1 -1
- package/dist/esm/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/esm/useSelectBreakpointActive.native.js +1 -1
- package/dist/esm/useSelectBreakpointActive.native.js.map +1 -1
- package/dist/jsx/BubbleSelect.mjs +16 -13
- package/dist/jsx/BubbleSelect.mjs.map +1 -1
- package/dist/jsx/BubbleSelect.native.js +12 -10
- package/dist/jsx/BubbleSelect.native.js.map +1 -1
- package/dist/jsx/Select.mjs +356 -331
- package/dist/jsx/Select.mjs.map +1 -1
- package/dist/jsx/Select.native.js +428 -414
- package/dist/jsx/Select.native.js.map +1 -1
- package/dist/jsx/SelectContent.mjs +55 -39
- package/dist/jsx/SelectContent.mjs.map +1 -1
- package/dist/jsx/SelectContent.native.js +12 -10
- package/dist/jsx/SelectContent.native.js.map +1 -1
- package/dist/jsx/SelectImpl.mjs +208 -147
- package/dist/jsx/SelectImpl.mjs.map +1 -1
- package/dist/jsx/SelectImpl.native.js +21 -16
- package/dist/jsx/SelectImpl.native.js.map +1 -1
- package/dist/jsx/SelectItem.mjs +157 -107
- package/dist/jsx/SelectItem.mjs.map +1 -1
- package/dist/jsx/SelectItem.native.js +211 -164
- package/dist/jsx/SelectItem.native.js.map +1 -1
- package/dist/jsx/SelectItemText.mjs +50 -38
- package/dist/jsx/SelectItemText.mjs.map +1 -1
- package/dist/jsx/SelectItemText.native.js +81 -69
- package/dist/jsx/SelectItemText.native.js.map +1 -1
- package/dist/jsx/SelectScrollButton.mjs +74 -55
- package/dist/jsx/SelectScrollButton.mjs.map +1 -1
- package/dist/jsx/SelectScrollButton.native.js +17 -15
- package/dist/jsx/SelectScrollButton.native.js.map +1 -1
- package/dist/jsx/SelectTrigger.mjs +51 -49
- package/dist/jsx/SelectTrigger.mjs.map +1 -1
- package/dist/jsx/SelectTrigger.native.js +43 -40
- package/dist/jsx/SelectTrigger.native.js.map +1 -1
- package/dist/jsx/SelectViewport.mjs +108 -83
- package/dist/jsx/SelectViewport.mjs.map +1 -1
- package/dist/jsx/SelectViewport.native.js +39 -37
- package/dist/jsx/SelectViewport.native.js.map +1 -1
- package/dist/jsx/constants.mjs +7 -7
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +19 -17
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/context.mjs +22 -14
- package/dist/jsx/context.mjs.map +1 -1
- package/dist/jsx/context.native.js +46 -38
- package/dist/jsx/context.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useSelectBreakpointActive.mjs +1 -1
- package/dist/jsx/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.native.js +17 -15
- package/dist/jsx/useSelectBreakpointActive.native.js.map +1 -1
- package/package.json +31 -35
- package/src/Select.tsx +16 -1
- package/src/SelectContent.tsx +47 -36
- package/src/SelectImpl.tsx +51 -49
- package/src/SelectItem.tsx +17 -7
- package/src/SelectScrollButton.tsx +1 -1
- package/src/SelectTrigger.tsx +1 -1
- package/src/SelectViewport.tsx +42 -22
- package/src/context.tsx +4 -0
- package/src/types.tsx +44 -4
- package/types/Select.d.ts +2 -2
- package/types/Select.d.ts.map +1 -1
- package/types/SelectContent.d.ts +1 -1
- package/types/SelectContent.d.ts.map +1 -1
- package/types/SelectImpl.d.ts.map +1 -1
- package/types/SelectItem.d.ts.map +1 -1
- package/types/SelectTrigger.d.ts +1 -1
- package/types/SelectViewport.d.ts.map +1 -1
- package/types/context.d.ts +1 -0
- package/types/context.d.ts.map +1 -1
- package/types/types.d.ts +33 -3
- package/types/types.d.ts.map +1 -1
- package/dist/cjs/BubbleSelect.js +0 -34
- package/dist/cjs/BubbleSelect.js.map +0 -6
- package/dist/cjs/Select.js +0 -402
- package/dist/cjs/Select.js.map +0 -6
- package/dist/cjs/SelectContent.js +0 -57
- package/dist/cjs/SelectContent.js.map +0 -6
- package/dist/cjs/SelectImpl.js +0 -222
- package/dist/cjs/SelectImpl.js.map +0 -6
- package/dist/cjs/SelectItem.js +0 -166
- package/dist/cjs/SelectItem.js.map +0 -6
- package/dist/cjs/SelectItemText.js +0 -64
- package/dist/cjs/SelectItemText.js.map +0 -6
- package/dist/cjs/SelectScrollButton.js +0 -105
- package/dist/cjs/SelectScrollButton.js.map +0 -6
- package/dist/cjs/SelectTrigger.js +0 -81
- package/dist/cjs/SelectTrigger.js.map +0 -6
- package/dist/cjs/SelectViewport.js +0 -114
- package/dist/cjs/SelectViewport.js.map +0 -6
- package/dist/cjs/constants.js +0 -27
- package/dist/cjs/constants.js.map +0 -6
- package/dist/cjs/context.js +0 -33
- package/dist/cjs/context.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useSelectBreakpointActive.js +0 -25
- package/dist/cjs/useSelectBreakpointActive.js.map +0 -6
- package/dist/esm/BubbleSelect.js +0 -17
- package/dist/esm/BubbleSelect.js.map +0 -6
- package/dist/esm/Select.js +0 -412
- package/dist/esm/Select.js.map +0 -6
- package/dist/esm/SelectContent.js +0 -39
- package/dist/esm/SelectContent.js.map +0 -6
- package/dist/esm/SelectImpl.js +0 -223
- package/dist/esm/SelectImpl.js.map +0 -6
- package/dist/esm/SelectItem.js +0 -148
- package/dist/esm/SelectItem.js.map +0 -6
- package/dist/esm/SelectItemText.js +0 -46
- package/dist/esm/SelectItemText.js.map +0 -6
- package/dist/esm/SelectScrollButton.js +0 -87
- package/dist/esm/SelectScrollButton.js.map +0 -6
- package/dist/esm/SelectTrigger.js +0 -61
- package/dist/esm/SelectTrigger.js.map +0 -6
- package/dist/esm/SelectViewport.js +0 -112
- package/dist/esm/SelectViewport.js.map +0 -6
- package/dist/esm/constants.js +0 -11
- package/dist/esm/constants.js.map +0 -6
- package/dist/esm/context.js +0 -19
- package/dist/esm/context.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useSelectBreakpointActive.js +0 -9
- package/dist/esm/useSelectBreakpointActive.js.map +0 -6
- package/dist/jsx/BubbleSelect.js +0 -17
- package/dist/jsx/BubbleSelect.js.map +0 -6
- package/dist/jsx/Select.js +0 -412
- package/dist/jsx/Select.js.map +0 -6
- package/dist/jsx/SelectContent.js +0 -39
- package/dist/jsx/SelectContent.js.map +0 -6
- package/dist/jsx/SelectImpl.js +0 -223
- package/dist/jsx/SelectImpl.js.map +0 -6
- package/dist/jsx/SelectItem.js +0 -148
- package/dist/jsx/SelectItem.js.map +0 -6
- package/dist/jsx/SelectItemText.js +0 -46
- package/dist/jsx/SelectItemText.js.map +0 -6
- package/dist/jsx/SelectScrollButton.js +0 -87
- package/dist/jsx/SelectScrollButton.js.map +0 -6
- package/dist/jsx/SelectTrigger.js +0 -61
- package/dist/jsx/SelectTrigger.js.map +0 -6
- package/dist/jsx/SelectViewport.js +0 -112
- package/dist/jsx/SelectViewport.js.map +0 -6
- package/dist/jsx/constants.js +0 -11
- package/dist/jsx/constants.js.map +0 -6
- package/dist/jsx/context.js +0 -19
- package/dist/jsx/context.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useSelectBreakpointActive.js +0 -9
- package/dist/jsx/useSelectBreakpointActive.js.map +0 -6
|
@@ -4,33 +4,35 @@ var __create = Object.create;
|
|
|
4
4
|
var __defProp = Object.defineProperty;
|
|
5
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf
|
|
8
|
-
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
9
|
var __export = (target, all) => {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: true
|
|
13
|
+
});
|
|
14
|
+
};
|
|
15
|
+
var __copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
17
18
|
get: () => from[key],
|
|
18
19
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
20
|
});
|
|
20
|
-
|
|
21
|
-
|
|
21
|
+
}
|
|
22
|
+
return to;
|
|
23
|
+
};
|
|
22
24
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
25
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
+
value: mod,
|
|
31
|
+
enumerable: true
|
|
32
|
+
}) : target, mod));
|
|
33
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
+
value: true
|
|
35
|
+
}), mod);
|
|
34
36
|
var SelectItemText_exports = {};
|
|
35
37
|
__export(SelectItemText_exports, {
|
|
36
38
|
ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
|
|
@@ -38,56 +40,66 @@ __export(SelectItemText_exports, {
|
|
|
38
40
|
SelectItemTextFrame: () => SelectItemTextFrame
|
|
39
41
|
});
|
|
40
42
|
module.exports = __toCommonJS(SelectItemText_exports);
|
|
41
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
|
+
var import_compose_refs = require("@tamagui/compose-refs");
|
|
45
|
+
var import_core = require("@tamagui/core");
|
|
46
|
+
var import_text = require("@tamagui/text");
|
|
47
|
+
var React = __toESM(require("react"), 1);
|
|
48
|
+
var import_context = require("./context.native.js");
|
|
49
|
+
var import_SelectItem = require("./SelectItem.native.js");
|
|
50
|
+
var ITEM_TEXT_NAME = "SelectItemText";
|
|
51
|
+
var SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
|
|
52
|
+
name: ITEM_TEXT_NAME,
|
|
53
|
+
variants: {
|
|
54
|
+
unstyled: {
|
|
55
|
+
false: {
|
|
56
|
+
userSelect: "none",
|
|
57
|
+
color: "$color",
|
|
58
|
+
ellipsis: true
|
|
58
59
|
}
|
|
59
|
-
},
|
|
60
|
-
defaultVariants: {
|
|
61
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
62
60
|
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
61
|
+
},
|
|
62
|
+
defaultVariants: {
|
|
63
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
var SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
|
|
67
|
+
var {
|
|
68
|
+
scope,
|
|
69
|
+
className,
|
|
70
|
+
...itemTextProps
|
|
71
|
+
} = props;
|
|
72
|
+
var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
|
|
73
|
+
var ref = React.useRef(null);
|
|
74
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
|
|
75
|
+
var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
|
|
76
|
+
var contents = React.useRef(null);
|
|
77
|
+
contents.current = /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
|
|
78
|
+
className,
|
|
79
|
+
size: itemParentContext.size,
|
|
80
|
+
id: itemContext.textId,
|
|
81
|
+
...itemTextProps,
|
|
82
|
+
ref: composedRefs
|
|
83
|
+
});
|
|
84
|
+
(0, import_core.useIsomorphicLayoutEffect)(function () {
|
|
85
|
+
if (itemParentContext.initialValue === itemContext.value) {
|
|
86
|
+
itemParentContext.setSelectedItem(contents.current);
|
|
87
|
+
}
|
|
88
|
+
}, []);
|
|
89
|
+
(0, import_core.useIsomorphicLayoutEffect)(function () {
|
|
90
|
+
return itemParentContext.valueSubscribe(function (val) {
|
|
91
|
+
if (val === itemContext.value) {
|
|
92
|
+
itemParentContext.setSelectedItem(contents.current);
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
}, [itemContext.value]);
|
|
96
|
+
if (itemParentContext.shouldRenderWebNative) {
|
|
97
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
88
98
|
children: props.children
|
|
89
|
-
}) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
90
|
-
children: contents.current
|
|
91
99
|
});
|
|
100
|
+
}
|
|
101
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
102
|
+
children: contents.current
|
|
92
103
|
});
|
|
104
|
+
});
|
|
93
105
|
//# sourceMappingURL=SelectItemText.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SelectItemText_exports","ITEM_TEXT_NAME","SelectItemText","SelectItemTextFrame","module","exports","import_jsx_runtime","require","import_compose_refs","import_core","import_text","React","import_context","import_SelectItem","styled","SizableText","variants","unstyled","false","userSelect","color","ellipsis"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,QAAS,GAAAC,MAAQ,CAAAC,MAAA;AACjB,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAAmB;AAC5B,IAAAC,gBAAY,GAAWJ,MAAA,CAAAK,wBAAA;AAEvB,IAAAC,iBAAS,GAAAN,MAAA,CAAAO,mBAAkC;AAC3C,IAAAC,YAAS,GAAAR,MAAA,CAAAS,cAA4B;
|
|
1
|
+
{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SelectItemText_exports","ITEM_TEXT_NAME","SelectItemText","SelectItemTextFrame","module","exports","import_jsx_runtime","require","import_compose_refs","import_core","import_text","React","import_context","import_SelectItem","styled","SizableText","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","SelectItemText2","props","forwardedRef"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAET,IAAAA,QAAS,GAAAC,MAAQ,CAAAC,MAAA;AACjB,IAAAC,SAAS,GAAAF,MAAA,CAAAG,cAAmB;AAC5B,IAAAC,gBAAY,GAAWJ,MAAA,CAAAK,wBAAA;AAEvB,IAAAC,iBAAS,GAAAN,MAAA,CAAAO,mBAAkC;AAC3C,IAAAC,YAAS,GAAAR,MAAA,CAAAS,cAA4B;AA6C/B,IAAAC,YAwBO,GAxBPV,MAAA,CAAAW,SAAA,CAAAC,cAAA;AAtCC,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAiBC,GAAA;EAEvB,KAAM,IAAAC,IAAA,IAAAD,GAAA,EACXb,SAAM,CAAAY,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEI,IACRC,WAAU,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACRF,IAAA,IAAO,OAAAA,IAAA,wBAAAA,IAAA;IAAA,KACL,IAAAG,GAAA,IAAYlB,iBAAA,CAAAe,IAAA,OACZ,CAAAX,YAAO,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACPpB,SAAA,CAAUkB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EACZ,OACFE,EAAA;AAAA;AACF,IAEAM,OAAA,GAAAA,CAAAC,GAAA,EAAiBC,UAAA,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AAEjB;AACD;AAMM;AACLS,UAAS,KAAAD,GAAA,KAAAA,GAAe,CAAAE,UAAO,GAAA3B,SAAc,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAAA;EAAAT,UAAA;AAAA,KAAAJ,MAAA,EAC3Ca,GAGA;AACA,IAAAI,YAAY,GAAAJ,GAAM,IAAAR,WAAsC,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AACxD,IAAAK,sBAAqB;AACrBnB,QAAA,CAAAmB,sBAAoB;EACpBC,cAAM,EAAAA,CAAA,KAAWA,cAAkC;EAInDC,cAAS,EAAAA,CAAA,KACPA,cAAA;EAAAC,mBAAC,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OACC,GAAAN,YAAA,CAAAC,sBAAA;AAAA,IAAAM,kBACM,GAAAC,OAAkB;AAAA,IAAAC,mBACpB,GAAYD,OAAA;AAAA,IAAAE,WACZ,GAAAF,OAAA;AAAA,IAAAG,WACC,GAAAH,OAAA;AAAA,IAAAI,KAAA,GAAAjB,OAAA,CAAAa,OAAA;AAAA,IACPK,cAAA,GAAAL,OAAA;AAGF,IAAAM,iBAAA,GAAAN,OAA0B,yBAAM;AAC9B,IAAAN,cAAI,mBAAkB;AACpB,IAAAE,mBAAA,GAAkB,IAAAM,WAAA,CAAgBK,MAAA,EAAAJ,WAAgB,CAAAK,WAAA;EAAA/B,IACpD,EAAAiB,cAAA;EAAAe,QACG;IAELC,QAAA;MACEC,KAAA,EAAO;QACLC,UAAI,EAAQ;QACVC,KAAA;QACFC,QAAA;MACF;IACF;EAEA;EACEC,eAAO;IACTL,QAAA,EAAAM,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAEA;AAA2B,EAC7B;AACF,IAAAvB,cAAA,GAAAC,mBAAA,CAAAuB,SAAA,UAAAC,gBAAAC,KAAA,EAAAC,YAAA","ignoreList":[]}
|
|
@@ -1,74 +1,88 @@
|
|
|
1
|
-
import { autoUpdate, offset, useFloating } from "@floating
|
|
1
|
+
import { autoUpdate, offset, useFloatingRaw as useFloating } from "@tamagui/floating";
|
|
2
2
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
3
|
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.mjs";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton"
|
|
9
|
-
|
|
8
|
+
const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
|
|
9
|
+
const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
|
|
10
|
+
return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
|
|
10
11
|
componentName: SCROLL_UP_BUTTON_NAME,
|
|
11
12
|
...props,
|
|
12
13
|
dir: "up",
|
|
13
14
|
ref: forwardedRef
|
|
14
|
-
})
|
|
15
|
+
});
|
|
16
|
+
});
|
|
15
17
|
SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
|
|
16
|
-
const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton"
|
|
17
|
-
|
|
18
|
+
const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
|
|
19
|
+
const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
|
|
20
|
+
return /* @__PURE__ */jsx(SelectScrollButtonImpl, {
|
|
18
21
|
componentName: SCROLL_DOWN_BUTTON_NAME,
|
|
19
22
|
...props,
|
|
20
23
|
dir: "down",
|
|
21
24
|
ref: forwardedRef
|
|
22
|
-
})
|
|
25
|
+
});
|
|
26
|
+
});
|
|
23
27
|
SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
|
|
24
28
|
const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef) => {
|
|
25
29
|
const {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
if (!isVisible)
|
|
30
|
+
scope,
|
|
31
|
+
dir,
|
|
32
|
+
componentName,
|
|
33
|
+
...scrollIndicatorProps
|
|
34
|
+
} = props;
|
|
35
|
+
const {
|
|
36
|
+
forceUpdate,
|
|
37
|
+
open,
|
|
38
|
+
fallback,
|
|
39
|
+
setScrollTop,
|
|
40
|
+
setInnerOffset,
|
|
41
|
+
...context
|
|
42
|
+
} = useSelectContext(scope);
|
|
43
|
+
const floatingRef = context.floatingContext?.refs.floating;
|
|
44
|
+
const statusRef = React.useRef("idle");
|
|
45
|
+
const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
|
|
46
|
+
const frameRef = React.useRef(null);
|
|
47
|
+
const {
|
|
48
|
+
x,
|
|
49
|
+
y,
|
|
50
|
+
refs,
|
|
51
|
+
strategy
|
|
52
|
+
} = useFloating({
|
|
53
|
+
open: open && isVisible,
|
|
54
|
+
strategy: "fixed",
|
|
55
|
+
elements: {
|
|
56
|
+
reference: floatingRef?.current
|
|
57
|
+
},
|
|
58
|
+
placement: dir === "up" ? "top" : "bottom",
|
|
59
|
+
middleware: [offset(({
|
|
60
|
+
rects
|
|
61
|
+
}) => -rects.floating.height)],
|
|
62
|
+
whileElementsMounted: (...args) => autoUpdate(...args, {
|
|
63
|
+
animationFrame: true
|
|
64
|
+
})
|
|
65
|
+
});
|
|
66
|
+
const composedRef = useComposedRefs(forwardedRef, refs.setFloating);
|
|
67
|
+
if (!isVisible) {
|
|
68
|
+
return null;
|
|
69
|
+
}
|
|
64
70
|
const onScroll = amount => {
|
|
65
71
|
const floating = floatingRef;
|
|
66
|
-
|
|
72
|
+
if (!floating) return;
|
|
73
|
+
if (fallback) {
|
|
74
|
+
if (floating.current) {
|
|
75
|
+
floating.current.scrollTop -= amount;
|
|
76
|
+
flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));
|
|
77
|
+
}
|
|
78
|
+
} else {
|
|
79
|
+
flushSync(() => setInnerOffset(value => value - amount));
|
|
80
|
+
}
|
|
67
81
|
};
|
|
68
82
|
return /* @__PURE__ */jsx(YStack, {
|
|
69
83
|
ref: composedRef,
|
|
70
84
|
componentName,
|
|
71
|
-
"aria-hidden":
|
|
85
|
+
"aria-hidden": true,
|
|
72
86
|
...scrollIndicatorProps,
|
|
73
87
|
zIndex: 1e3,
|
|
74
88
|
position: strategy,
|
|
@@ -81,19 +95,24 @@ const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef)
|
|
|
81
95
|
function frame() {
|
|
82
96
|
const element = floatingRef?.current;
|
|
83
97
|
if (element) {
|
|
84
|
-
const currentNow = Date.now()
|
|
85
|
-
|
|
98
|
+
const currentNow = Date.now();
|
|
99
|
+
const msElapsed = currentNow - prevNow;
|
|
86
100
|
prevNow = currentNow;
|
|
87
|
-
const pixelsToScroll = msElapsed / 2
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels))
|
|
101
|
+
const pixelsToScroll = msElapsed / 2;
|
|
102
|
+
const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
|
|
103
|
+
const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
|
|
104
|
+
onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels));
|
|
105
|
+
if (scrollRemaining) {
|
|
106
|
+
frameRef.current = requestAnimationFrame(frame);
|
|
107
|
+
}
|
|
91
108
|
}
|
|
92
109
|
}
|
|
93
|
-
cancelAnimationFrame(frameRef.current)
|
|
110
|
+
cancelAnimationFrame(frameRef.current);
|
|
111
|
+
frameRef.current = requestAnimationFrame(frame);
|
|
94
112
|
},
|
|
95
113
|
onPointerLeave: () => {
|
|
96
|
-
statusRef.current = "idle"
|
|
114
|
+
statusRef.current = "idle";
|
|
115
|
+
cancelAnimationFrame(frameRef.current);
|
|
97
116
|
}
|
|
98
117
|
});
|
|
99
118
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["autoUpdate","offset","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,EAAYC,MAAA,EAAQC,WAAA,QAAmB;
|
|
1
|
+
{"version":3,"names":["autoUpdate","offset","useFloatingRaw","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var SelectScrollButton_native_exports = {};
|
|
24
26
|
__export(SelectScrollButton_native_exports, {
|
|
@@ -27,9 +29,9 @@ __export(SelectScrollButton_native_exports, {
|
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(SelectScrollButton_native_exports);
|
|
29
31
|
var SelectScrollUpButton = function (_) {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
return null;
|
|
33
|
+
};
|
|
34
|
+
var SelectScrollDownButton = function (_) {
|
|
35
|
+
return null;
|
|
36
|
+
};
|
|
35
37
|
//# sourceMappingURL=SelectScrollButton.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SelectScrollButton_native_exports","__export","SelectScrollDownButton","SelectScrollUpButton","module","exports","__toCommonJS","_"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["SelectScrollButton_native_exports","__export","SelectScrollDownButton","SelectScrollUpButton","module","exports","__toCommonJS","_"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,iCAAA;AAAO,IAAIG,oBAAA,GAAuB,SAAAA,CAASI,CAAA,EAAG;EAC1C,OAAO;AACX;AACO,IAAIL,sBAAA,GAAyB,SAAAA,CAASK,CAAA,EAAG;EAC5C,OAAO;AACX","ignoreList":[]}
|
|
@@ -3,59 +3,61 @@ import { ListItem } from "@tamagui/list-item";
|
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
const TRIGGER_NAME = "SelectTrigger"
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
itemParentContext.setOpen(!context.open);
|
|
47
|
-
}
|
|
48
|
-
} : {
|
|
49
|
-
onMouseDown() {
|
|
50
|
-
context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
|
|
51
|
-
}
|
|
52
|
-
})
|
|
53
|
-
} : {
|
|
6
|
+
const TRIGGER_NAME = "SelectTrigger";
|
|
7
|
+
const isPointerCoarse = typeof window !== "undefined" && true ? window.matchMedia("(pointer:coarse)").matches : true;
|
|
8
|
+
const SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {
|
|
9
|
+
const {
|
|
10
|
+
scope,
|
|
11
|
+
disabled = false,
|
|
12
|
+
unstyled = false,
|
|
13
|
+
...triggerProps
|
|
14
|
+
} = props;
|
|
15
|
+
const context = useSelectContext(scope);
|
|
16
|
+
const itemParentContext = useSelectItemParentContext(scope);
|
|
17
|
+
const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
|
|
18
|
+
if (itemParentContext.shouldRenderWebNative) return null;
|
|
19
|
+
return /* @__PURE__ */jsx(ListItem, {
|
|
20
|
+
componentName: TRIGGER_NAME,
|
|
21
|
+
unstyled,
|
|
22
|
+
render: "button",
|
|
23
|
+
type: "button",
|
|
24
|
+
id: itemParentContext.id,
|
|
25
|
+
...(!unstyled && {
|
|
26
|
+
focusVisibleStyle: {
|
|
27
|
+
outlineStyle: "solid",
|
|
28
|
+
outlineWidth: 2,
|
|
29
|
+
outlineColor: "$outlineColor"
|
|
30
|
+
},
|
|
31
|
+
borderWidth: 1,
|
|
32
|
+
size: itemParentContext.size
|
|
33
|
+
}),
|
|
34
|
+
role: "combobox",
|
|
35
|
+
"aria-haspopup": "listbox",
|
|
36
|
+
"aria-expanded": context.open,
|
|
37
|
+
"aria-autocomplete": "none",
|
|
38
|
+
dir: context.dir,
|
|
39
|
+
disabled,
|
|
40
|
+
"data-disabled": disabled ? "" : void 0,
|
|
41
|
+
...triggerProps,
|
|
42
|
+
ref: composedRefs,
|
|
43
|
+
...(itemParentContext.interactions ? {
|
|
44
|
+
...itemParentContext.interactions.getReferenceProps(),
|
|
45
|
+
...(isPointerCoarse ? {
|
|
54
46
|
onPress() {
|
|
55
47
|
itemParentContext.setOpen(!context.open);
|
|
56
48
|
}
|
|
49
|
+
} : {
|
|
50
|
+
onMouseDown() {
|
|
51
|
+
context.floatingContext?.update?.();
|
|
52
|
+
itemParentContext.setOpen(!context.open);
|
|
53
|
+
}
|
|
57
54
|
})
|
|
58
|
-
}
|
|
55
|
+
} : {
|
|
56
|
+
onPress() {
|
|
57
|
+
itemParentContext.setOpen(!context.open);
|
|
58
|
+
}
|
|
59
|
+
})
|
|
59
60
|
});
|
|
61
|
+
});
|
|
60
62
|
export { SelectTrigger };
|
|
61
63
|
//# sourceMappingURL=SelectTrigger.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAGhC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AAEvB,SAASC,gBAAA,EAAkBC,0BAAA,QAAkC;AAiCvD,SAAAC,GAAA;AA3BN,MAAMC,YAAA,GAAe;
|
|
1
|
+
{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAGhC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AAEvB,SAASC,gBAAA,EAAkBC,0BAAA,QAAkC;AAiCvD,SAAAC,GAAA;AA3BN,MAAMC,YAAA,GAAe;AAIrB,MAAMC,eAAA,GACJ,OAAOC,MAAA,KAAW,eAAe,OAAAA,MAAY,CAAAC,UAAA,mBACzC,EAAAC,OAAO,OAAW;AAGjB,MAAMC,aAAA,GAAgBT,KAAA,CAAMU,UAAA,UAAAC,eAAAC,KAAA,EAAAC,YAAA;EAAA,MACjC;IAAAC,KAAS;IAAAC,QAAA,GAAc;IAA2BC,QAAA,QAAc;IAAA,GAAAC;EAAA,IAAAL,KAAA;EAC9D,MAAAM,OAAQ,GAAAjB,gBAAkB,CAAAa,KAAO;EAEjC,MAAAK,iBAAgB,GAAAjB,0BAAsB,CAAAY,KAAA;EACtC,MAAAM,YAAM,GAAAtB,eAAoB,CAAAe,YAAA,EAAAK,OAA2B,CAAAG,eAAK,EAAAC,IAAA,CAAAC,YAAA;EAC1D,IAAAJ,iBAAM,CAAAK,qBAAe;EAAA,OACnB,eAAArB,GAAA,CAAAJ,QAAA;IAAA0B,aACQ,EAAArB,YAAA;IAAsBY,QAChC;IAIAU,MAAI;IACFC,IAAA,UAAO;IAAAC,EACT,EAAAT,iBAAA,CAAAS,EAAA;IAEA,KAAAZ,QACE;MAAAa,iBAAC;QAAAC,YAAA;QAAAC,YACC;QAAeC,YACf;MAAA;MACOC,WACF;MAAAC,IAAA,EACLf,iBAAI,CAAAe;IAAkB;IACJC,IAAA,YAChB;IAAmB,eACjB,WAAc;IAAA,eACd,EAAAjB,OAAc,CAAAkB,IAAA;IAAA,mBACd,QAAc;IAAAC,GAAA,EAAAnB,OAChB,CAAAmB,GAAA;IAAAtB,QACA;IAAa,eACP,EAAAA,QAAA,QAAkB;IAAA,GAAAE,YAC1B;IAAAqB,GAAA,EAAAlB,YACK;IAAA,IAAAD,iBACL,CAAAoB,YAAc;MAAA,GAAApB,iBACd,CAAAoB,YAAuB,CAAAC,iBAAA;MAAA,IAAAnC,eACvB;QAAAoC,OAAkBA,CAAA;UAAAtB,iBACL,CAAAuB,OAAA,EAAAxB,OAAA,CAAAkB,IAAA;QAAA;MAAA,IACb;QAAAO,YAAA;UAAAzB,OACA,CAAAG,eAAe,EAAAuB,MAAA,GAAW;UAAKzB,iBAC3B,CAAAuB,OAAA,EAAAxB,OAAA,CAAAkB,IAAA;QAAA;MAAA;IACC;MACJK,OAAIA,CAAA;QACDtB,iBACK,CAAAuB,OAAA,EAAAxB,OAAkB,CAAAkB,IAAA;MAA+B;IAAA;EAEhD;AAEI;AAAuC,SAAA3B,aACzC","ignoreList":[]}
|