@tamagui/label 1.135.4 → 1.135.5
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/Label.cjs +1 -1
- package/dist/cjs/Label.js +1 -1
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/Label.native.js +131 -106
- package/dist/cjs/Label.native.js.map +1 -6
- package/dist/cjs/index.native.js +13 -12
- package/dist/cjs/index.native.js.map +1 -6
- package/dist/jsx/Label.native.js +149 -103
- package/dist/jsx/Label.native.js.map +1 -6
- package/dist/jsx/index.native.js +21 -2
- package/dist/jsx/index.native.js.map +1 -6
- package/package.json +11 -10
package/dist/cjs/Label.cjs
CHANGED
|
@@ -44,7 +44,7 @@ var import_compose_refs = require("@tamagui/compose-refs"),
|
|
|
44
44
|
import_get_font_sized = require("@tamagui/get-font-sized"),
|
|
45
45
|
import_text = require("@tamagui/text"),
|
|
46
46
|
import_web = require("@tamagui/web"),
|
|
47
|
-
React = __toESM(require("react")),
|
|
47
|
+
React = __toESM(require("react"), 1),
|
|
48
48
|
import_jsx_runtime = require("react/jsx-runtime");
|
|
49
49
|
const NAME = "Label",
|
|
50
50
|
[LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
|
package/dist/cjs/Label.js
CHANGED
|
@@ -27,7 +27,7 @@ __export(Label_exports, {
|
|
|
27
27
|
useLabelContext: () => useLabelContext
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(Label_exports);
|
|
30
|
-
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
+
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_get_button_sized = require("@tamagui/get-button-sized"), import_get_font_sized = require("@tamagui/get-font-sized"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), React = __toESM(require("react"), 1), import_jsx_runtime = require("react/jsx-runtime");
|
|
31
31
|
const NAME = "Label", [LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
|
|
32
32
|
id: void 0,
|
|
33
33
|
controlRef: { current: null }
|
package/dist/cjs/Label.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Label.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAChC,mBAAsB,+BACtB,wBAA8B,oCAC9B,mBAA+B,+BAC/B,0BAA+B,sCAC/B,wBAA6B,oCAC7B,cAA4B,0BAE5B,aAAkC,yBAClC,QAAuB,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAgC,kCAChC,mBAAsB,+BACtB,wBAA8B,oCAC9B,mBAA+B,+BAC/B,0BAA+B,sCAC/B,wBAA6B,oCAC7B,cAA4B,0BAE5B,aAAkC,yBAClC,QAAuB,8BAgGf;AA7FR,MAAM,OAAO,SAOP,CAAC,eAAe,mBAAmB,QAAI,qCAAiC,MAAM;AAAA,EAClF,IAAI;AAAA,EACJ,YAAY,EAAE,SAAS,KAAK;AAC9B,CAAC,GAEY,iBAAa,mBAAO,yBAAa;AAAA,EAC5C,MAAM;AAAA,EACN,KAAK;AAAA,EAEL,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,YAAY;AAAA,UACV,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAE1B,cAAM,mBADc,wCAAe,KAAK,MAAM,GACZ;AAElC,eAAO;AAAA,UACL,OAFgB,oCAAa,KAAuB,MAAa;AAAA,UAGjE,YAAY,eAAe,OAAO,OAAO,KAAK,YAAY,IAAI;AAAA,QAChE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAMK,iBAAiB,MAAM;AAAA,EAC3B,CAAC,OAAO,iBAAiB;AACvB,UAAM,EAAE,SAAS,IAAI,QAAQ,GAAG,WAAW,IAAI,OACzC,aAAa,MAAM,OAA2B,IAAI,GAClD,MAAM,MAAM,OAAY,IAAI,GAC5B,mBAAe,qCAAgB,cAAc,GAAG,GAChD,WAAW,MAAM,MAAM,GACvB,KAAK,UAAU;AAErB,WAAI,0BACF,MAAM,UAAU,MAAM;AACpB,UAAI,SAAS;AACX,cAAM,UAAU,SAAS,eAAe,OAAO;AAE/C,YADc,IAAI,WACL,SAAS;AACpB,gBAAM,eAAe,MAAM,QAAQ,aAAa,iBAAiB,GAC3D,iBAAiB,CAAC,IAAI,aAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AACpE,yBAAQ,aAAa,mBAAmB,cAAc,GACtD,WAAW,UAAU,SACd,MAAM;AAKX,gBAAI,CAAC,GAAI;AACT,kBAAMA,kBAAiB,aAAa,GAAG,QAAQ,IAAI,EAAE;AACrD,YAAIA,oBAAmB,KACrB,QAAQ,gBAAgB,iBAAiB,IAChCA,mBACT,QAAQ,aAAa,mBAAmBA,eAAc;AAAA,UAE1D;AAAA,QACF;AAAA,MACF;AAAA,IACF,GAAG,CAAC,IAAI,OAAO,CAAC,GAIhB,4CAAC,iBAAc,IAAQ,YACrB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAEA;AAAA,QACC,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,aAAa,CAAC,UAAU;AACtB,gBAAM,cAAc,KAAK,GAErB,CAAC,MAAM,oBAAoB,MAAM,SAAS,KAC5C,MAAM,eAAe;AAAA,QAEzB;AAAA,QACA,SAAS,CAAC,UAAU;AAGlB,cAFA,MAAM,UAAU,KAAK,GAEjB,wBAAO;AACT,gBAAI,WAAW,CAAC,WAAW,WAAW,MAAM,iBAAkB;AAC9D,kBAAM,oBAAoB,WAAW,QAAQ;AAAA,cAC3C,MAAM;AAAA,YACR,GAGM,cAAc,MAAM,cAAc;AAMxC,YAAI,CAAC,qBAAqB,gBACxB,WAAW,QAAQ,MAAM,GACzB,WAAW,QAAQ,MAAM;AAAA,UAE7B;AACE,YAAI,MAAM,eACR,iCAAe,MAAM,OAAO;AAAA,QAGlC;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAEtB,MAAM,QACX,WAAW,gBAAY,sBAAU,cAAqB,CAAQ,GAEnD,kBAAkB,CAAC,YAAiC;AAC/D,QAAM,UAAU,oBAAoB,eAAe,GAC7C,EAAE,WAAW,IAAI;AAEvB,eAAM,UAAU,MAAM;AACpB,IAAI,YAAS,WAAW,UAAU;AAAA,EACpC,GAAG,CAAC,SAAS,UAAU,CAAC,GAEjB,QAAQ;AACjB;",
|
|
5
5
|
"names": ["ariaLabelledBy"]
|
|
6
6
|
}
|
package/dist/cjs/Label.native.js
CHANGED
|
@@ -1,26 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __create = Object.create;
|
|
3
4
|
var __defProp = Object.defineProperty;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf,
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
9
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
16
22
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
23
|
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
24
|
// file that has been converted to a CommonJS file using a Babel-
|
|
19
25
|
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
26
|
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
22
|
-
|
|
23
|
-
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
24
34
|
var Label_exports = {};
|
|
25
35
|
__export(Label_exports, {
|
|
26
36
|
Label: () => Label,
|
|
@@ -28,105 +38,120 @@ __export(Label_exports, {
|
|
|
28
38
|
useLabelContext: () => useLabelContext
|
|
29
39
|
});
|
|
30
40
|
module.exports = __toCommonJS(Label_exports);
|
|
31
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
42
|
+
import_compose_refs = require("@tamagui/compose-refs"),
|
|
43
|
+
import_constants = require("@tamagui/constants"),
|
|
44
|
+
import_create_context = require("@tamagui/create-context"),
|
|
45
|
+
import_focusable = require("@tamagui/focusable"),
|
|
46
|
+
import_get_button_sized = require("@tamagui/get-button-sized"),
|
|
47
|
+
import_get_font_sized = require("@tamagui/get-font-sized"),
|
|
48
|
+
import_text = require("@tamagui/text"),
|
|
49
|
+
import_web = require("@tamagui/web"),
|
|
50
|
+
React = __toESM(require("react"), 1),
|
|
51
|
+
NAME = "Label",
|
|
52
|
+
[LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
|
|
53
|
+
id: void 0,
|
|
54
|
+
controlRef: {
|
|
55
|
+
current: null
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
LabelFrame = (0, import_web.styled)(import_text.SizableText, {
|
|
59
|
+
name: "Label",
|
|
60
|
+
tag: "label",
|
|
61
|
+
variants: {
|
|
62
|
+
unstyled: {
|
|
63
|
+
false: {
|
|
64
|
+
size: "$true",
|
|
65
|
+
color: "$color",
|
|
66
|
+
backgroundColor: "transparent",
|
|
67
|
+
display: "flex",
|
|
68
|
+
alignItems: "center",
|
|
69
|
+
userSelect: "none",
|
|
70
|
+
cursor: "default",
|
|
71
|
+
pressStyle: {
|
|
72
|
+
color: "$colorPress"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
size: {
|
|
77
|
+
"...size": function (val, extras) {
|
|
78
|
+
var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
79
|
+
buttonHeight = buttonStyle?.height,
|
|
80
|
+
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
81
|
+
return {
|
|
82
|
+
...fontStyle,
|
|
83
|
+
lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
|
|
84
|
+
};
|
|
51
85
|
}
|
|
52
86
|
}
|
|
53
87
|
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras), buttonHeight = buttonStyle == null ? void 0 : buttonStyle.height, fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
57
|
-
return {
|
|
58
|
-
...fontStyle,
|
|
59
|
-
lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
|
|
60
|
-
};
|
|
61
|
-
}
|
|
88
|
+
defaultVariants: {
|
|
89
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
62
90
|
}
|
|
63
|
-
},
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
var
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
91
|
+
}),
|
|
92
|
+
LabelComponent = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
93
|
+
var {
|
|
94
|
+
htmlFor,
|
|
95
|
+
id: idProp,
|
|
96
|
+
...labelProps
|
|
97
|
+
} = props,
|
|
98
|
+
controlRef = React.useRef(null),
|
|
99
|
+
ref = React.useRef(null),
|
|
100
|
+
composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref),
|
|
101
|
+
backupId = React.useId(),
|
|
102
|
+
id = idProp ?? backupId;
|
|
103
|
+
return import_constants.isWeb && React.useEffect(function () {
|
|
104
|
+
if (htmlFor) {
|
|
105
|
+
var element = document.getElementById(htmlFor),
|
|
106
|
+
label = ref.current;
|
|
107
|
+
if (label && element) {
|
|
108
|
+
var getAriaLabel = function () {
|
|
109
|
+
return element.getAttribute("aria-labelledby");
|
|
110
|
+
},
|
|
111
|
+
ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
|
|
112
|
+
return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, function () {
|
|
113
|
+
var _getAriaLabel;
|
|
114
|
+
if (id) {
|
|
115
|
+
var ariaLabelledBy2 = (_getAriaLabel = getAriaLabel()) === null || _getAriaLabel === void 0 ? void 0 : _getAriaLabel.replace(id, "");
|
|
116
|
+
ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
}
|
|
86
120
|
}
|
|
87
|
-
}
|
|
88
|
-
}, [
|
|
89
|
-
id,
|
|
90
|
-
htmlFor
|
|
91
|
-
]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelProvider, {
|
|
92
|
-
id,
|
|
93
|
-
controlRef,
|
|
94
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelFrame, {
|
|
121
|
+
}, [id, htmlFor]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelProvider, {
|
|
95
122
|
id,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
var
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
123
|
+
controlRef,
|
|
124
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelFrame, {
|
|
125
|
+
id,
|
|
126
|
+
// @ts-ignore
|
|
127
|
+
htmlFor,
|
|
128
|
+
...labelProps,
|
|
129
|
+
ref: composedRefs,
|
|
130
|
+
onMouseDown: function (event) {
|
|
131
|
+
var _props_onMouseDown;
|
|
132
|
+
(_props_onMouseDown = props.onMouseDown) === null || _props_onMouseDown === void 0 || _props_onMouseDown.call(props, event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
|
|
133
|
+
},
|
|
134
|
+
onPress: function (event) {
|
|
135
|
+
var _props_onPress;
|
|
136
|
+
if ((_props_onPress = props.onPress) === null || _props_onPress === void 0 || _props_onPress.call(props, event), import_constants.isWeb) {
|
|
137
|
+
if (htmlFor || !controlRef.current || event.defaultPrevented) return;
|
|
138
|
+
var isClickingControl = controlRef.current.contains(event.target),
|
|
139
|
+
isUserClick = event.isTrusted === !0;
|
|
140
|
+
!isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
|
|
141
|
+
} else props.htmlFor && (0, import_focusable.focusFocusable)(props.htmlFor);
|
|
142
|
+
}
|
|
143
|
+
})
|
|
144
|
+
});
|
|
114
145
|
});
|
|
115
|
-
});
|
|
116
146
|
LabelComponent.displayName = NAME;
|
|
117
|
-
var Label = LabelFrame.extractable((0, import_web.themeable)(LabelComponent)),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
Label,
|
|
129
|
-
LabelFrame,
|
|
130
|
-
useLabelContext
|
|
131
|
-
});
|
|
132
|
-
//# sourceMappingURL=Label.js.map
|
|
147
|
+
var Label = LabelFrame.extractable((0, import_web.themeable)(LabelComponent)),
|
|
148
|
+
useLabelContext = function (element) {
|
|
149
|
+
var context = useLabelContextImpl("LabelConsumer"),
|
|
150
|
+
{
|
|
151
|
+
controlRef
|
|
152
|
+
} = context;
|
|
153
|
+
return React.useEffect(function () {
|
|
154
|
+
element && (controlRef.current = element);
|
|
155
|
+
}, [element, controlRef]), context.id;
|
|
156
|
+
};
|
|
157
|
+
//# sourceMappingURL=Label.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Label.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["ariaLabelledBy", "_jsx"]
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Label_exports","__export","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","__toESM","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","name","tag","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","getButtonSized","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","LabelComponent","forwardRef","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","useEffect","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute","jsx","children","onMouseDown","event","_props_onMouseDown","call","defaultPrevented","detail","preventDefault","onPress","_props_onPress","isClickingControl","contains","target","isUserClick","isTrusted","click","focus"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -1,20 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
13
18
|
var index_exports = {};
|
|
14
19
|
module.exports = __toCommonJS(index_exports);
|
|
15
|
-
__reExport(index_exports, require("./Label"), module.exports);
|
|
16
|
-
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./Label")
|
|
19
|
-
});
|
|
20
|
-
//# sourceMappingURL=index.js.map
|
|
20
|
+
__reExport(index_exports, require("./Label.native.js"), module.exports);
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA","ignoreList":[]}
|
package/dist/jsx/Label.native.js
CHANGED
|
@@ -1,111 +1,157 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __create = Object.create;
|
|
4
|
+
var __defProp = Object.defineProperty;
|
|
5
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getProtoOf = Object.getPrototypeOf,
|
|
8
|
+
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
+
var __export = (target, all) => {
|
|
10
|
+
for (var name in all) __defProp(target, name, {
|
|
11
|
+
get: all[name],
|
|
12
|
+
enumerable: !0
|
|
13
|
+
});
|
|
14
|
+
},
|
|
15
|
+
__copyProps = (to, from, except, desc) => {
|
|
16
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
17
|
+
get: () => from[key],
|
|
18
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
19
|
+
});
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
22
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
+
value: mod,
|
|
29
|
+
enumerable: !0
|
|
30
|
+
}) : target, mod)),
|
|
31
|
+
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
+
value: !0
|
|
33
|
+
}), mod);
|
|
34
|
+
var Label_exports = {};
|
|
35
|
+
__export(Label_exports, {
|
|
36
|
+
Label: () => Label,
|
|
37
|
+
LabelFrame: () => LabelFrame,
|
|
38
|
+
useLabelContext: () => useLabelContext
|
|
39
|
+
});
|
|
40
|
+
module.exports = __toCommonJS(Label_exports);
|
|
41
|
+
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
42
|
+
import_compose_refs = require("@tamagui/compose-refs"),
|
|
43
|
+
import_constants = require("@tamagui/constants"),
|
|
44
|
+
import_create_context = require("@tamagui/create-context"),
|
|
45
|
+
import_focusable = require("@tamagui/focusable"),
|
|
46
|
+
import_get_button_sized = require("@tamagui/get-button-sized"),
|
|
47
|
+
import_get_font_sized = require("@tamagui/get-font-sized"),
|
|
48
|
+
import_text = require("@tamagui/text"),
|
|
49
|
+
import_web = require("@tamagui/web"),
|
|
50
|
+
React = __toESM(require("react"), 1),
|
|
51
|
+
NAME = "Label",
|
|
52
|
+
[LabelProvider, useLabelContextImpl] = (0, import_create_context.createContext)(NAME, {
|
|
53
|
+
id: void 0,
|
|
54
|
+
controlRef: {
|
|
55
|
+
current: null
|
|
56
|
+
}
|
|
57
|
+
}),
|
|
58
|
+
LabelFrame = (0, import_web.styled)(import_text.SizableText, {
|
|
59
|
+
name: "Label",
|
|
60
|
+
tag: "label",
|
|
61
|
+
variants: {
|
|
62
|
+
unstyled: {
|
|
63
|
+
false: {
|
|
64
|
+
size: "$true",
|
|
65
|
+
color: "$color",
|
|
66
|
+
backgroundColor: "transparent",
|
|
67
|
+
display: "flex",
|
|
68
|
+
alignItems: "center",
|
|
69
|
+
userSelect: "none",
|
|
70
|
+
cursor: "default",
|
|
71
|
+
pressStyle: {
|
|
72
|
+
color: "$colorPress"
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
size: {
|
|
77
|
+
"...size": function (val, extras) {
|
|
78
|
+
var buttonStyle = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
79
|
+
buttonHeight = buttonStyle?.height,
|
|
80
|
+
fontStyle = (0, import_get_font_sized.getFontSized)(val, extras);
|
|
81
|
+
return {
|
|
82
|
+
...fontStyle,
|
|
83
|
+
lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
|
|
84
|
+
};
|
|
31
85
|
}
|
|
32
86
|
}
|
|
33
87
|
},
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
var buttonStyle = getButtonSized(val, extras), buttonHeight = buttonStyle == null ? void 0 : buttonStyle.height, fontStyle = getFontSized(val, extras);
|
|
37
|
-
return {
|
|
38
|
-
...fontStyle,
|
|
39
|
-
lineHeight: buttonHeight ? extras.tokens.size[buttonHeight] : void 0
|
|
40
|
-
};
|
|
41
|
-
}
|
|
88
|
+
defaultVariants: {
|
|
89
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
42
90
|
}
|
|
43
|
-
},
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
91
|
+
}),
|
|
92
|
+
LabelComponent = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
|
|
93
|
+
var {
|
|
94
|
+
htmlFor,
|
|
95
|
+
id: idProp,
|
|
96
|
+
...labelProps
|
|
97
|
+
} = props,
|
|
98
|
+
controlRef = React.useRef(null),
|
|
99
|
+
ref = React.useRef(null),
|
|
100
|
+
composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref),
|
|
101
|
+
backupId = React.useId(),
|
|
102
|
+
id = idProp ?? backupId;
|
|
103
|
+
return import_constants.isWeb && React.useEffect(function () {
|
|
104
|
+
if (htmlFor) {
|
|
105
|
+
var element = document.getElementById(htmlFor),
|
|
106
|
+
label = ref.current;
|
|
107
|
+
if (label && element) {
|
|
108
|
+
var getAriaLabel = function () {
|
|
109
|
+
return element.getAttribute("aria-labelledby");
|
|
110
|
+
},
|
|
111
|
+
ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
|
|
112
|
+
return element.setAttribute("aria-labelledby", ariaLabelledBy), controlRef.current = element, function () {
|
|
113
|
+
var _getAriaLabel;
|
|
114
|
+
if (id) {
|
|
115
|
+
var ariaLabelledBy2 = (_getAriaLabel = getAriaLabel()) === null || _getAriaLabel === void 0 ? void 0 : _getAriaLabel.replace(id, "");
|
|
116
|
+
ariaLabelledBy2 === "" ? element.removeAttribute("aria-labelledby") : ariaLabelledBy2 && element.setAttribute("aria-labelledby", ariaLabelledBy2);
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
}
|
|
66
120
|
}
|
|
67
|
-
}
|
|
68
|
-
}, [
|
|
69
|
-
id,
|
|
70
|
-
htmlFor
|
|
71
|
-
]), /* @__PURE__ */ _jsx(LabelProvider, {
|
|
72
|
-
id,
|
|
73
|
-
controlRef,
|
|
74
|
-
children: /* @__PURE__ */ _jsx(LabelFrame, {
|
|
121
|
+
}, [id, htmlFor]), /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelProvider, {
|
|
75
122
|
id,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
123
|
+
controlRef,
|
|
124
|
+
children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(LabelFrame, {
|
|
125
|
+
id,
|
|
126
|
+
// @ts-ignore
|
|
127
|
+
htmlFor,
|
|
128
|
+
...labelProps,
|
|
129
|
+
ref: composedRefs,
|
|
130
|
+
onMouseDown: function (event) {
|
|
131
|
+
var _props_onMouseDown;
|
|
132
|
+
(_props_onMouseDown = props.onMouseDown) === null || _props_onMouseDown === void 0 || _props_onMouseDown.call(props, event), !event.defaultPrevented && event.detail > 1 && event.preventDefault();
|
|
133
|
+
},
|
|
134
|
+
onPress: function (event) {
|
|
135
|
+
var _props_onPress;
|
|
136
|
+
if ((_props_onPress = props.onPress) === null || _props_onPress === void 0 || _props_onPress.call(props, event), import_constants.isWeb) {
|
|
137
|
+
if (htmlFor || !controlRef.current || event.defaultPrevented) return;
|
|
138
|
+
var isClickingControl = controlRef.current.contains(event.target),
|
|
139
|
+
isUserClick = event.isTrusted === !0;
|
|
140
|
+
!isClickingControl && isUserClick && (controlRef.current.click(), controlRef.current.focus());
|
|
141
|
+
} else props.htmlFor && (0, import_focusable.focusFocusable)(props.htmlFor);
|
|
142
|
+
}
|
|
143
|
+
})
|
|
144
|
+
});
|
|
94
145
|
});
|
|
95
|
-
});
|
|
96
146
|
LabelComponent.displayName = NAME;
|
|
97
|
-
var Label = LabelFrame.extractable(themeable(LabelComponent)),
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
};
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
LabelFrame,
|
|
109
|
-
useLabelContext
|
|
110
|
-
};
|
|
111
|
-
//# sourceMappingURL=Label.js.map
|
|
147
|
+
var Label = LabelFrame.extractable((0, import_web.themeable)(LabelComponent)),
|
|
148
|
+
useLabelContext = function (element) {
|
|
149
|
+
var context = useLabelContextImpl("LabelConsumer"),
|
|
150
|
+
{
|
|
151
|
+
controlRef
|
|
152
|
+
} = context;
|
|
153
|
+
return React.useEffect(function () {
|
|
154
|
+
element && (controlRef.current = element);
|
|
155
|
+
}, [element, controlRef]), context.id;
|
|
156
|
+
};
|
|
157
|
+
//# sourceMappingURL=Label.native.js.map
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Label.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["ariaLabelledBy"]
|
|
6
|
-
}
|
|
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","Label_exports","Label","LabelFrame","useLabelContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_create_context","import_focusable","import_get_button_sized","import_get_font_sized","import_text","import_web","React","NAME","LabelProvider","useLabelContextImpl","createContext","id","controlRef","current","styled","SizableText","tag","variants","unstyled","false","size","color","backgroundColor","display","alignItems","userSelect","cursor","pressStyle","...size","val","extras","buttonStyle","getButtonSized","buttonHeight","height","fontStyle","getFontSized","lineHeight","tokens","defaultVariants","process","env","TAMAGUI_HEADLESS","LabelComponent","forwardRef","props","forwardedRef","htmlFor","idProp","labelProps","useRef","ref","composedRefs","useComposedRefs","backupId","useId","isWeb","useEffect","element","document","getElementById","label","getAriaLabel","getAttribute","ariaLabelledBy","filter","Boolean","join","setAttribute","_getAriaLabel","ariaLabelledBy2","replace","removeAttribute"],"sources":["../../src/Label.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/index.native.js
CHANGED
|
@@ -1,2 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
18
|
+
var index_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(index_exports);
|
|
20
|
+
__reExport(index_exports, require("./Label.native.js"), module.exports);
|
|
21
|
+
//# sourceMappingURL=index.native.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/label",
|
|
3
|
-
"version": "1.135.
|
|
3
|
+
"version": "1.135.5",
|
|
4
|
+
"type": "module",
|
|
4
5
|
"sideEffects": [
|
|
5
6
|
"*.css"
|
|
6
7
|
],
|
|
@@ -36,21 +37,21 @@
|
|
|
36
37
|
}
|
|
37
38
|
},
|
|
38
39
|
"dependencies": {
|
|
39
|
-
"@tamagui/compose-refs": "1.135.
|
|
40
|
-
"@tamagui/constants": "1.135.
|
|
41
|
-
"@tamagui/create-context": "1.135.
|
|
42
|
-
"@tamagui/focusable": "1.135.
|
|
43
|
-
"@tamagui/get-button-sized": "1.135.
|
|
44
|
-
"@tamagui/get-font-sized": "1.135.
|
|
45
|
-
"@tamagui/text": "1.135.
|
|
46
|
-
"@tamagui/web": "1.135.
|
|
40
|
+
"@tamagui/compose-refs": "1.135.5",
|
|
41
|
+
"@tamagui/constants": "1.135.5",
|
|
42
|
+
"@tamagui/create-context": "1.135.5",
|
|
43
|
+
"@tamagui/focusable": "1.135.5",
|
|
44
|
+
"@tamagui/get-button-sized": "1.135.5",
|
|
45
|
+
"@tamagui/get-font-sized": "1.135.5",
|
|
46
|
+
"@tamagui/text": "1.135.5",
|
|
47
|
+
"@tamagui/web": "1.135.5"
|
|
47
48
|
},
|
|
48
49
|
"peerDependencies": {
|
|
49
50
|
"react": "*",
|
|
50
51
|
"react-native": "*"
|
|
51
52
|
},
|
|
52
53
|
"devDependencies": {
|
|
53
|
-
"@tamagui/build": "1.135.
|
|
54
|
+
"@tamagui/build": "1.135.5",
|
|
54
55
|
"react": "*",
|
|
55
56
|
"react-native": "^0.79.2"
|
|
56
57
|
},
|