@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,56 +4,59 @@ 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 SelectTrigger_exports = {};
|
|
35
37
|
__export(SelectTrigger_exports, {
|
|
36
38
|
SelectTrigger: () => SelectTrigger
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(SelectTrigger_exports);
|
|
39
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
var SelectTrigger = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
46
|
-
var _context_floatingContext
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
42
|
+
var import_compose_refs = require("@tamagui/compose-refs");
|
|
43
|
+
var import_list_item = require("@tamagui/list-item");
|
|
44
|
+
var React = __toESM(require("react"), 1);
|
|
45
|
+
var import_context = require("./context.native.js");
|
|
46
|
+
var TRIGGER_NAME = "SelectTrigger";
|
|
47
|
+
var SelectTrigger = /* @__PURE__ */React.forwardRef(function SelectTrigger2(props, forwardedRef) {
|
|
48
|
+
var _context_floatingContext;
|
|
49
|
+
var {
|
|
50
|
+
scope,
|
|
51
|
+
disabled = false,
|
|
52
|
+
unstyled = false,
|
|
53
|
+
...triggerProps
|
|
54
|
+
} = props;
|
|
55
|
+
var context = (0, import_context.useSelectContext)(scope);
|
|
56
|
+
var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
|
|
57
|
+
var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
|
|
58
|
+
if (itemParentContext.shouldRenderWebNative) return null;
|
|
59
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem, {
|
|
57
60
|
componentName: TRIGGER_NAME,
|
|
58
61
|
unstyled,
|
|
59
62
|
render: "button",
|
|
@@ -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","SelectTrigger_exports","SelectTrigger","module","exports","import_jsx_runtime","require","import_compose_refs","import_list_item","React","import_context","TRIGGER_NAME","forwardRef","props","forwardedRef","_context_floatingContext","scope","disabled","unstyled","triggerProps","context","useSelectContext","itemParentContext","useSelectItemParentContext","composedRefs","useComposedRefs","floatingContext","refs","setReference","shouldRenderWebNative","jsx","ListItem","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role"
|
|
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","SelectTrigger_exports","SelectTrigger","module","exports","import_jsx_runtime","require","import_compose_refs","import_list_item","React","import_context","TRIGGER_NAME","forwardRef","SelectTrigger2","props","forwardedRef","_context_floatingContext","scope","disabled","unstyled","triggerProps","context","useSelectContext","itemParentContext","useSelectItemParentContext","composedRefs","useComposedRefs","floatingContext","refs","setReference","shouldRenderWebNative","jsx","ListItem","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AAGT,IAAAA,QAAS,GAAAC,MAAA,CAAAC,MAAgB;AACzB,IAAAC,SAAY,GAAAF,MAAA,CAAWG,cAAA;AAEvB,IAAAC,gBAAS,GAAAJ,MAAkB,CAAAK,wBAAA;AAiCrB,IAAAC,iBAAA,GAAAN,MAAA,CAAAO,mBAAA;AA3BN,IAAAC,YAAM,GAAAR,MAAe,CAAAS,cAAA;AAIrB,IAAAC,YAAM,GAAAV,MACJ,CAAAW,SAAO,CAAAC,cAAW;AAIb,IAAAC,QAAM,GAAAA,CAAAC,MAAgB,EAAAC,GAAA,KAAM;EAAA,KACjC,IAAAC,IAAS,IAAAD,GAAA,EAAAb,SAAc,CAA2BY,MAAA,EAAAE,IAAA,EAAc;IAC9DC,GAAA,EAAAF,GAAM,CAAAC,IAAE;IAERE,UAAM;EACN;AACA;AAAqB,IAAAC,WACnB,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IAAAF,IACA,WAAQA,IAAA,aAAsB,WAAAA,IAAA;IAAA,KAChC,IAAAG,GAAA,IAAAlB,iBAAA,CAAAe,IAAA,QAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EAAApB,SAAA,CAAAkB,EAAA,EAAAI,GAAA;MAIAP,GAAA,EAAIA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MACFN,UAAO,IAAAK,IAAA,GAAAnB,gBAAA,CAAAiB,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA,EACT;EAEA;EACE,OAACE,EAAA;AAAA;AAAA,IAAAM,OACC,GAAAA,CAAAC,GAAA,EAAAC,UAAe,EAAAd,MAAA,MAAAA,MAAA,GAAAa,GAAA,WAAA5B,QAAA,CAAAS,YAAA,CAAAmB,GAAA,SAAAR,WAAA;AAAA;AACf;AACO;AACF;AACiBS,UACjB,IAAC,CAAAD,GAAA,KAAYA,GAAA,CAAAE,UAAA,GAAA3B,SAAA,CAAAY,MAAA;EAAAgB,KAAA,EAAAH,GAChB;EAAmBT,UACjB;AAAc,KAAAJ,MACd,EAAca,GACA;AAChB,IAAAI,YACA,GAAAJ,GAAa,IAAAR,WAAA,CAAAjB,SAAA;EAAA4B,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAK,qBACP;AAAkBnB,QAC1B,CAAAmB,qBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OACK,GAAAJ,YAAA,CAAAC,qBAAA;AAAA,IAAAI,kBACL,GAAcC,OAAA;AAAA,IAAAC,mBACd,GAAeD,OAAQ;AAAA,IAAAE,gBACvB,GAAAF,OAAkB;AAAA,IAAAG,KAClB,GAAAd,OAAK,CAAAW,OAAQ;AAAA,IAAAI,cACb,GAAAJ,OAAA;AAAA,IAAAK,YACA,kBAAe;AAAgB,IAAAT,aAC3B,kBAAAO,KAAA,CAAAG,UAAA,UAAAC,eAAAC,KAAA,EAAAC,YAAA;EAAA,IAAAC,wBACC;EAAA;IAAAC,KACA;IAAAC,QAAQ,GAAI;IAAAC,QAAA,GAAmB;IAAA,GAASC;EAAA,IAAkBN,KAAA;EAC3D,IAAAO,OACE,GAAG,IAAAX,cAAkB,CAAAY,gBAAa,EAAAL,KAAA;EAAkB,IAAAM,iBAChD,OAAAb,cACA,CAAAc,0BAAA,EAAAP,KAAA;EAAA,IAAAQ,YACE,KAAU,EAAAlB,mBAAA,CAAAmB,eAAA,EAAAX,YAAA,GAAAC,wBAAA,GAAAK,OAAA,CAAAM,eAAA,cAAAX,wBAAA,uBAAAA,wBAAA,CAAAY,IAAA,CAAAC,YAAA;EACR,IAAAN,iBAAA,CAAAO,qBAA2B,SAAY;EAAA,sBACzC,IAAAzB,kBAAA,CAAA0B,GAAA,EAAAvB,gBAAA,CAAAwB,QAAA;IAAAC,aAEF,EAAAtB,YAAA;IAAAQ,QAAA;IAEIe,MAAA;IACAC,IAAA;IAAuCC,EAAA,EAAAb,iBACzC,CAAAa,EAAA;IAAA,KAAAjB,QACF;MAAAkB,iBAEN;QAAAC,YACE,SAAU;QACRC,YAAA;QAAuCC,YACzC;MAAA;MACFC,WAAA;MAAAC,IACN,EAAAnB,iBAAA,CAAAmB;IAEJ;IACFC,IAAA","ignoreList":[]}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { FloatingFocusManager } from "@floating-ui/react";
|
|
2
1
|
import { AdaptPortalContents, useAdaptIsActive } from "@tamagui/adapt";
|
|
3
2
|
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
4
3
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
@@ -6,104 +5,130 @@ import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
|
6
5
|
import { styled } from "@tamagui/core";
|
|
7
6
|
import { needsPortalRepropagation } from "@tamagui/portal";
|
|
8
7
|
import { YStack } from "@tamagui/stacks";
|
|
8
|
+
import { startTransition } from "@tamagui/start-transition";
|
|
9
|
+
import * as React from "react";
|
|
9
10
|
import { VIEWPORT_NAME } from "./constants.mjs";
|
|
10
11
|
import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.mjs";
|
|
11
12
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
13
|
const SelectViewportFrame = styled(YStack, {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
size: {
|
|
26
|
-
"...size": (val, {
|
|
27
|
-
tokens
|
|
28
|
-
}) => ({
|
|
29
|
-
borderRadius: tokens.radius[val] ?? val
|
|
30
|
-
})
|
|
14
|
+
name: VIEWPORT_NAME,
|
|
15
|
+
variants: {
|
|
16
|
+
unstyled: {
|
|
17
|
+
false: {
|
|
18
|
+
size: "$2",
|
|
19
|
+
backgroundColor: "$background",
|
|
20
|
+
elevate: true,
|
|
21
|
+
bordered: true,
|
|
22
|
+
userSelect: "none",
|
|
23
|
+
outlineWidth: 0
|
|
31
24
|
}
|
|
32
25
|
},
|
|
33
|
-
|
|
34
|
-
|
|
26
|
+
size: {
|
|
27
|
+
"...size": (val, {
|
|
28
|
+
tokens
|
|
29
|
+
}) => {
|
|
30
|
+
return {
|
|
31
|
+
borderRadius: tokens.radius[val] ?? val
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
defaultVariants: {
|
|
37
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
const needsRepropagation = needsPortalRepropagation();
|
|
41
|
+
const SelectViewport = SelectViewportFrame.styleable(function SelectViewport2(props, forwardedRef) {
|
|
42
|
+
const {
|
|
43
|
+
scope,
|
|
44
|
+
children,
|
|
45
|
+
disableScroll,
|
|
46
|
+
...viewportProps
|
|
47
|
+
} = props;
|
|
48
|
+
const context = useSelectContext(scope);
|
|
49
|
+
const itemContext = useSelectItemParentContext(scope);
|
|
50
|
+
const isAdapted = useAdaptIsActive(context.adaptScope);
|
|
51
|
+
const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
|
|
52
|
+
React.useEffect(() => {
|
|
53
|
+
if (!context.lazyMount) return;
|
|
54
|
+
if (!context.open) return;
|
|
55
|
+
if (lazyMounted) return;
|
|
56
|
+
startTransition(() => {
|
|
57
|
+
setLazyMounted(true);
|
|
58
|
+
});
|
|
59
|
+
}, [context.lazyMount, context.open, lazyMounted]);
|
|
60
|
+
const composedRefs = useComposedRefs(
|
|
61
|
+
// @ts-ignore TODO react 19 type needs fix
|
|
62
|
+
forwardedRef, context.floatingContext?.refs.setFloating);
|
|
63
|
+
useIsomorphicLayoutEffect(() => {
|
|
64
|
+
if (context.update) {
|
|
65
|
+
context.update();
|
|
35
66
|
}
|
|
36
|
-
})
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
} = props,
|
|
45
|
-
context = useSelectContext(scope),
|
|
46
|
-
itemContext = useSelectItemParentContext(scope),
|
|
47
|
-
isAdapted = useAdaptIsActive(context.adaptScope),
|
|
48
|
-
composedRefs = useComposedRefs(
|
|
49
|
-
// @ts-ignore TODO react 19 type needs fix
|
|
50
|
-
forwardedRef, context.floatingContext?.refs.setFloating);
|
|
51
|
-
if (useIsomorphicLayoutEffect(() => {
|
|
52
|
-
context.update && context.update();
|
|
53
|
-
}, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(YStack, {
|
|
67
|
+
}, [isAdapted]);
|
|
68
|
+
useIsomorphicLayoutEffect(() => {
|
|
69
|
+
if (context.lazyMount && lazyMounted && context.open && context.update) {
|
|
70
|
+
context.update();
|
|
71
|
+
}
|
|
72
|
+
}, [lazyMounted]);
|
|
73
|
+
if (itemContext.shouldRenderWebNative) {
|
|
74
|
+
return /* @__PURE__ */jsx(YStack, {
|
|
54
75
|
position: "relative",
|
|
55
76
|
children
|
|
56
77
|
});
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
78
|
+
}
|
|
79
|
+
if (isAdapted || !isWeb) {
|
|
80
|
+
let content = children;
|
|
81
|
+
if (needsRepropagation) {
|
|
82
|
+
content = /* @__PURE__ */jsx(ForwardSelectContext, {
|
|
60
83
|
itemContext,
|
|
61
84
|
context,
|
|
62
85
|
children: content
|
|
63
|
-
})), /* @__PURE__ */jsx(AdaptPortalContents, {
|
|
64
|
-
scope: context.adaptScope,
|
|
65
|
-
children: content
|
|
66
86
|
});
|
|
67
87
|
}
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
// remove this, it was set to "Select" always
|
|
72
|
-
className,
|
|
73
|
-
...floatingProps
|
|
74
|
-
} = itemContext.interactions.getFloatingProps();
|
|
75
|
-
return /* @__PURE__ */jsxs(Fragment, {
|
|
76
|
-
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
77
|
-
dangerouslySetInnerHTML: {
|
|
78
|
-
__html: selectViewportCSS
|
|
79
|
-
}
|
|
80
|
-
}), /* @__PURE__ */jsx(AnimatePresence, {
|
|
81
|
-
children: context.open ? /* @__PURE__ */jsx(FloatingFocusManager, {
|
|
82
|
-
context: context.floatingContext,
|
|
83
|
-
modal: !1,
|
|
84
|
-
initialFocus: -1,
|
|
85
|
-
children: /* @__PURE__ */jsx(SelectViewportFrame, {
|
|
86
|
-
size: itemContext.size,
|
|
87
|
-
role: "presentation",
|
|
88
|
-
...viewportProps,
|
|
89
|
-
...style,
|
|
90
|
-
...floatingProps,
|
|
91
|
-
...(!props.unstyled && {
|
|
92
|
-
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
93
|
-
}),
|
|
94
|
-
ref: composedRefs,
|
|
95
|
-
children
|
|
96
|
-
}, "select-viewport")
|
|
97
|
-
}) : null
|
|
98
|
-
}), !context.open && /* @__PURE__ */jsx("div", {
|
|
99
|
-
style: {
|
|
100
|
-
display: "none"
|
|
101
|
-
},
|
|
102
|
-
children: props.children
|
|
103
|
-
})]
|
|
88
|
+
return /* @__PURE__ */jsx(AdaptPortalContents, {
|
|
89
|
+
scope: context.adaptScope,
|
|
90
|
+
children: content
|
|
104
91
|
});
|
|
105
|
-
}
|
|
106
|
-
|
|
92
|
+
}
|
|
93
|
+
if (!itemContext.interactions) {
|
|
94
|
+
if (process.env.NODE_ENV === "development") {
|
|
95
|
+
console.warn(`No interactions provided to Select, potentially missing Adapt`);
|
|
96
|
+
}
|
|
97
|
+
return null;
|
|
98
|
+
}
|
|
99
|
+
const {
|
|
100
|
+
style,
|
|
101
|
+
// remove this, it was set to "Select" always
|
|
102
|
+
className,
|
|
103
|
+
...floatingProps
|
|
104
|
+
} = itemContext.interactions.getFloatingProps();
|
|
105
|
+
return /* @__PURE__ */jsxs(Fragment, {
|
|
106
|
+
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
107
|
+
dangerouslySetInnerHTML: {
|
|
108
|
+
__html: selectViewportCSS
|
|
109
|
+
}
|
|
110
|
+
}), /* @__PURE__ */jsx(AnimatePresence, {
|
|
111
|
+
children: context.open ? /* @__PURE__ */jsx(SelectViewportFrame, {
|
|
112
|
+
size: itemContext.size,
|
|
113
|
+
role: "presentation",
|
|
114
|
+
...viewportProps,
|
|
115
|
+
...style,
|
|
116
|
+
...floatingProps,
|
|
117
|
+
...(!props.unstyled && {
|
|
118
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
119
|
+
}),
|
|
120
|
+
ref: composedRefs,
|
|
121
|
+
children: lazyMounted ? children : null
|
|
122
|
+
}, "select-viewport") : null
|
|
123
|
+
}), !context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */jsx("div", {
|
|
124
|
+
style: {
|
|
125
|
+
display: "none"
|
|
126
|
+
},
|
|
127
|
+
children
|
|
128
|
+
})]
|
|
129
|
+
});
|
|
130
|
+
});
|
|
131
|
+
const selectViewportCSS = `
|
|
107
132
|
.is_SelectViewport {
|
|
108
133
|
scrollbar-width: none;
|
|
109
134
|
-webkit-overflow-scrolling: touch;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","needsPortalRepropagation","YStack","startTransition","React","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","needsRepropagation","SelectViewport","styleable","SelectViewport2","props","forwardedRef","scope","children","disableScroll","viewportProps","context","itemContext","isAdapted","adaptScope","lazyMounted","setLazyMounted","useState","lazyMount","useEffect","open","composedRefs","floatingContext","refs","setFloating","update","shouldRenderWebNative","position","content","interactions","NODE_ENV","console","warn","style","className","floatingProps","getFloatingProps","dangerouslySetInnerHTML","__html","selectViewportCSS","role","overflowY","overflow","ref","renderValue","display"],"sources":["../../src/SelectViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -5,54 +5,56 @@ 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 SelectViewport_native_exports = {};
|
|
24
26
|
__export(SelectViewport_native_exports, {
|
|
25
27
|
SelectViewport: () => SelectViewport
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(SelectViewport_native_exports);
|
|
28
|
-
var import_jsx_runtime = require("react/jsx-runtime")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
})
|
|
30
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
+
var import_adapt = require("@tamagui/adapt");
|
|
32
|
+
var import_core = require("@tamagui/core");
|
|
33
|
+
var import_constants = require("./constants.native.js");
|
|
34
|
+
var import_context = require("./context.native.js");
|
|
35
|
+
var SelectViewport = function (props) {
|
|
36
|
+
var {
|
|
37
|
+
scope,
|
|
38
|
+
children
|
|
39
|
+
} = props;
|
|
40
|
+
var context = (0, import_context.useSelectContext)(scope);
|
|
41
|
+
var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
|
|
42
|
+
var themeName = (0, import_core.useThemeName)();
|
|
43
|
+
var adaptContext = (0, import_adapt.useAdaptContext)();
|
|
44
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
|
|
45
|
+
scope: context.adaptScope,
|
|
46
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
|
|
47
|
+
name: themeName,
|
|
48
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
|
|
49
|
+
itemContext: itemParentContext,
|
|
50
|
+
context,
|
|
51
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptContext.Provider, {
|
|
52
|
+
...adaptContext,
|
|
53
|
+
children
|
|
53
54
|
})
|
|
54
55
|
})
|
|
55
|
-
})
|
|
56
|
-
};
|
|
56
|
+
})
|
|
57
|
+
});
|
|
58
|
+
};
|
|
57
59
|
SelectViewport.displayName = import_constants.VIEWPORT_NAME;
|
|
58
60
|
//# sourceMappingURL=SelectViewport.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SelectViewport_native_exports","__export","SelectViewport","module","exports","__toCommonJS","import_jsx_runtime","require","import_adapt","import_core","import_constants","import_context","props","scope","children","context","useSelectContext","itemParentContext","useSelectItemParentContext","themeName","useThemeName","adaptContext","useAdaptContext","jsx","AdaptPortalContents","adaptScope","Theme","name","ForwardSelectContext","itemContext","AdaptContext","Provider","displayName","VIEWPORT_NAME"],"sources":["../../src/SelectViewport.native.tsx"],"sourcesContent":[null],"mappings":"
|
|
1
|
+
{"version":3,"names":["SelectViewport_native_exports","__export","SelectViewport","module","exports","__toCommonJS","import_jsx_runtime","require","import_adapt","import_core","import_constants","import_context","props","scope","children","context","useSelectContext","itemParentContext","useSelectItemParentContext","themeName","useThemeName","adaptContext","useAdaptContext","jsx","AdaptPortalContents","adaptScope","Theme","name","ForwardSelectContext","itemContext","AdaptContext","Provider","displayName","VIEWPORT_NAME"],"sources":["../../src/SelectViewport.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,6BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,YAAA,GAAmED,OAAA;AACnE,IAAAE,WAAA,GAAoCF,OAAA;AACpC,IAAAG,gBAAA,GAA8BH,OAAA;AAC9B,IAAAI,cAAA,GAAmFJ,OAAA;AAC5E,IAAIL,cAAA,GAAiB,SAAAA,CAASU,KAAA,EAAO;EACxC,IAAI;IAAEC,KAAA;IAAOC;EAAS,IAAIF,KAAA;EAC1B,IAAIG,OAAA,OAAUJ,cAAA,CAAAK,gBAAA,EAAiBH,KAAK;EACpC,IAAII,iBAAA,OAAoBN,cAAA,CAAAO,0BAAA,EAA2BL,KAAK;EACxD,IAAIM,SAAA,OAAYV,WAAA,CAAAW,YAAA,EAAa;EAE7B,IAAIC,YAAA,OAAeb,YAAA,CAAAc,eAAA,EAAgB;EACnC,OAAqB,mBAAAhB,kBAAA,CAAAiB,GAAA,EAAKf,YAAA,CAAAgB,mBAAA,EAAqB;IAC3CX,KAAA,EAAOE,OAAA,CAAQU,UAAA;IACfX,QAAA,EAAwB,mBAAAR,kBAAA,CAAAiB,GAAA,EAAKd,WAAA,CAAAiB,KAAA,EAAO;MAChCC,IAAA,EAAMR,SAAA;MACNL,QAAA,EAAwB,mBAAAR,kBAAA,CAAAiB,GAAA,EAAKZ,cAAA,CAAAiB,oBAAA,EAAsB;QAC/CC,WAAA,EAAaZ,iBAAA;QACbF,OAAA;QACAD,QAAA,EAAwB,mBAAAR,kBAAA,CAAAiB,GAAA,EAAKf,YAAA,CAAAsB,YAAA,CAAaC,QAAA,EAAU;UAChD,GAAGV,YAAA;UACHP;QACJ,CAAC;MACL,CAAC;IACL,CAAC;EACL,CAAC;AACL;AACAZ,cAAA,CAAe8B,WAAA,GAActB,gBAAA,CAAAuB,aAAA","ignoreList":[]}
|
package/dist/jsx/constants.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
const SELECT_NAME = "Select"
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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";
|
|
8
8
|
export { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, SCROLL_ARROW_VELOCITY, SELECT_NAME, VIEWPORT_NAME, WINDOW_PADDING };
|
|
9
9
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["SELECT_NAME","WINDOW_PADDING","SCROLL_ARROW_VELOCITY","SCROLL_ARROW_THRESHOLD","MIN_HEIGHT","FALLBACK_THRESHOLD","VIEWPORT_NAME"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,WAAA,GAAc;
|
|
1
|
+
{"version":3,"names":["SELECT_NAME","WINDOW_PADDING","SCROLL_ARROW_VELOCITY","SCROLL_ARROW_THRESHOLD","MIN_HEIGHT","FALLBACK_THRESHOLD","VIEWPORT_NAME"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,WAAA,GAAc;AACpB,MAAMC,cAAA,GAAiB;AACvB,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,UAAA,GAAa;AACnB,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,aAAA,GAAgB","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 constants_exports = {};
|
|
24
26
|
__export(constants_exports, {
|
|
@@ -31,11 +33,11 @@ __export(constants_exports, {
|
|
|
31
33
|
WINDOW_PADDING: () => WINDOW_PADDING
|
|
32
34
|
});
|
|
33
35
|
module.exports = __toCommonJS(constants_exports);
|
|
34
|
-
var SELECT_NAME = "Select"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
var SELECT_NAME = "Select";
|
|
37
|
+
var WINDOW_PADDING = 8;
|
|
38
|
+
var SCROLL_ARROW_VELOCITY = 8;
|
|
39
|
+
var SCROLL_ARROW_THRESHOLD = 8;
|
|
40
|
+
var MIN_HEIGHT = 80;
|
|
41
|
+
var FALLBACK_THRESHOLD = 16;
|
|
42
|
+
var VIEWPORT_NAME = "SelectViewport";
|
|
41
43
|
//# sourceMappingURL=constants.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,YAAM","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,YAAM;;AACN,IAAAA,SAAM,GAAAC,MAAA,CAAiBC,cAAA;AACvB,IAAAC,gBAAM,GAAAF,MAAA,CAAwBG,wBAAA;AAC9B,IAAAC,iBAAM,GAAAJ,MAAA,CAAyBK,mBAAA;AAC/B,IAAAC,YAAM,GAAaN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACnB,IAAAC,QAAM,GAAAA,CAAAC,MAAA,EAAAC,GAAqB;EAC3B,KAAM,IAAAC,IAAA,IAAAD,GAAgB,E","ignoreList":[]}
|
package/dist/jsx/context.mjs
CHANGED
|
@@ -1,20 +1,27 @@
|
|
|
1
1
|
import { createStyledContext } from "@tamagui/core";
|
|
2
2
|
import { getPortal } from "@tamagui/native";
|
|
3
|
+
import { createContext } from "react";
|
|
3
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
const SelectZIndexContext = createContext(void 0);
|
|
4
6
|
const {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
7
|
+
Provider: SelectProvider,
|
|
8
|
+
useStyledContext: useSelectContext
|
|
9
|
+
} = createStyledContext(null, "Select");
|
|
10
|
+
const {
|
|
11
|
+
Provider: SelectItemParentProvider,
|
|
12
|
+
useStyledContext: useSelectItemParentContext
|
|
13
|
+
} = createStyledContext(null, "SelectItem");
|
|
14
|
+
const ForwardSelectContext = ({
|
|
15
|
+
context,
|
|
16
|
+
itemContext,
|
|
17
|
+
children
|
|
18
|
+
}) => {
|
|
19
|
+
const portalState = getPortal().state;
|
|
20
|
+
if (portalState.type === "teleport") {
|
|
21
|
+
return children;
|
|
22
|
+
}
|
|
23
|
+
return /* @__PURE__ */jsx(SelectProvider, {
|
|
24
|
+
isInSheet: true,
|
|
18
25
|
scope: context.scopeName,
|
|
19
26
|
...context,
|
|
20
27
|
children: /* @__PURE__ */jsx(SelectItemParentProvider, {
|
|
@@ -23,5 +30,6 @@ const {
|
|
|
23
30
|
children
|
|
24
31
|
})
|
|
25
32
|
});
|
|
26
|
-
|
|
33
|
+
};
|
|
34
|
+
export { ForwardSelectContext, SelectItemParentProvider, SelectProvider, SelectZIndexContext, useSelectContext, useSelectItemParentContext };
|
|
27
35
|
//# sourceMappingURL=context.mjs.map
|
package/dist/jsx/context.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createStyledContext","getPortal","jsx","Provider","SelectProvider","useStyledContext","useSelectContext","SelectItemParentProvider","useSelectItemParentContext","ForwardSelectContext","context","itemContext","children","state","type","isInSheet","scope","scopeName"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;
|
|
1
|
+
{"version":3,"names":["createStyledContext","getPortal","createContext","jsx","SelectZIndexContext","Provider","SelectProvider","useStyledContext","useSelectContext","SelectItemParentProvider","useSelectItemParentContext","ForwardSelectContext","context","itemContext","children","portalState","state","type","isInSheet","scope","scopeName"],"sources":["../../src/context.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,QAA2B;AACpC,SAASC,SAAA,QAAiB;AAC1B,SAASC,aAAA,QAAqB;AAmCxB,SAAAC,GAAA;AA/BC,MAAMC,mBAAA,GAAsBF,aAAA,CAAkC,MAAS;AAEvE,MAAM;EAAEG,QAAA,EAAUC,cAAA;EAAgBC,gBAAA,EAAkBC;AAAiB,IAC1ER,mBAAA,CAAwC,MAAa,QAAQ;AAIxD,MAAM;EACXK,QAAA,EAAUI,wBAAA;EACVF,gBAAA,EAAkBG;AACpB,IAAIV,mBAAA,CAAkD,MAAa,YAAY;AAExE,MAAMW,oBAAA,GAAuBA,CAAC;EACnCC,OAAA;EACAC,WAAA;EACAC;AACF,MAIM;EAGJ,MAAMC,WAAA,GAAcd,SAAA,CAAU,EAAEe,KAAA;EAChC,IAAID,WAAA,CAAYE,IAAA,KAAS,YAAY;IACnC,OAAOH,QAAA;EACT;EAGA,OACE,eAAAX,GAAA,CAACG,cAAA;IAAeY,SAAA,EAAS;IAACC,KAAA,EAAOP,OAAA,CAAQQ,SAAA;IAAY,GAAGR,OAAA;IACtDE,QAAA,iBAAAX,GAAA,CAACM,wBAAA;MAAyBU,KAAA,EAAOP,OAAA,CAAQQ,SAAA;MAAY,GAAGP,WAAA;MACrDC;IAAA,CACH;EAAA,CACF;AAEJ","ignoreList":[]}
|