@tamagui/label 1.26.0 → 1.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/label",
3
- "version": "1.26.0",
3
+ "version": "1.26.1",
4
4
  "sideEffects": [
5
5
  "*.css"
6
6
  ],
@@ -31,20 +31,20 @@
31
31
  }
32
32
  },
33
33
  "dependencies": {
34
- "@tamagui/compose-refs": "1.26.0",
35
- "@tamagui/create-context": "1.26.0",
36
- "@tamagui/focusable": "1.26.0",
37
- "@tamagui/get-button-sized": "1.26.0",
38
- "@tamagui/get-font-sized": "1.26.0",
39
- "@tamagui/text": "1.26.0",
40
- "@tamagui/web": "1.26.0"
34
+ "@tamagui/compose-refs": "1.26.1",
35
+ "@tamagui/create-context": "1.26.1",
36
+ "@tamagui/focusable": "1.26.1",
37
+ "@tamagui/get-button-sized": "1.26.1",
38
+ "@tamagui/get-font-sized": "1.26.1",
39
+ "@tamagui/text": "1.26.1",
40
+ "@tamagui/web": "1.26.1"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": "*",
44
44
  "react-native": "*"
45
45
  },
46
46
  "devDependencies": {
47
- "@tamagui/build": "1.26.0",
47
+ "@tamagui/build": "1.26.1",
48
48
  "react": "^18.2.0",
49
49
  "react-native": "^0.71.7"
50
50
  },
@@ -1,139 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { useComposedRefs } from "@tamagui/compose-refs";
3
- import { createContext } from "@tamagui/create-context";
4
- import { focusFocusable } from "@tamagui/focusable";
5
- import { getButtonSized } from "@tamagui/get-button-sized";
6
- import { getFontSized } from "@tamagui/get-font-sized";
7
- import { SizableText } from "@tamagui/text";
8
- import { isWeb, styled, themeable } from "@tamagui/web";
9
- import * as React from "react";
10
- const NAME = "Label";
11
- const [LabelProvider, useLabelContextImpl] = createContext(NAME, {
12
- id: void 0,
13
- controlRef: { current: null }
14
- });
15
- const LabelFrame = styled(SizableText, {
16
- name: "Label",
17
- tag: "label",
18
- variants: {
19
- unstyled: {
20
- false: {
21
- size: "$true",
22
- color: "$color",
23
- backgroundColor: "transparent",
24
- display: "flex",
25
- alignItems: "center",
26
- userSelect: "none",
27
- cursor: "default",
28
- pressStyle: {
29
- color: "$colorPress"
30
- }
31
- }
32
- },
33
- size: {
34
- "...size": (val, extras) => {
35
- const buttonStyle = getButtonSized(val, extras);
36
- return {
37
- ...getFontSized(val, extras),
38
- height: buttonStyle.height,
39
- lineHeight: buttonStyle.height
40
- };
41
- }
42
- }
43
- },
44
- defaultVariants: {
45
- unstyled: false
46
- }
47
- });
48
- const LabelComponent = React.forwardRef(
49
- (props, forwardedRef) => {
50
- const { htmlFor, id: idProp, ...labelProps } = props;
51
- const controlRef = React.useRef(null);
52
- const ref = React.useRef(null);
53
- const composedRefs = useComposedRefs(forwardedRef, ref);
54
- const backupId = React.useId();
55
- const id = idProp ?? backupId;
56
- if (isWeb) {
57
- React.useEffect(() => {
58
- if (htmlFor) {
59
- const element = document.getElementById(htmlFor);
60
- const label = ref.current;
61
- if (label && element) {
62
- const getAriaLabel = () => element.getAttribute("aria-labelledby");
63
- const ariaLabelledBy = [id, getAriaLabel()].filter(Boolean).join(" ");
64
- element.setAttribute("aria-labelledby", ariaLabelledBy);
65
- controlRef.current = element;
66
- return () => {
67
- var _a;
68
- if (!id)
69
- return;
70
- const ariaLabelledBy2 = (_a = getAriaLabel()) == null ? void 0 : _a.replace(id, "");
71
- if (ariaLabelledBy2 === "") {
72
- element.removeAttribute("aria-labelledby");
73
- } else if (ariaLabelledBy2) {
74
- element.setAttribute("aria-labelledby", ariaLabelledBy2);
75
- }
76
- };
77
- }
78
- }
79
- }, [id, htmlFor]);
80
- }
81
- return /* @__PURE__ */ jsx(LabelProvider, { id, controlRef, children: /* @__PURE__ */ jsx(
82
- LabelFrame,
83
- {
84
- role: "heading",
85
- id,
86
- htmlFor,
87
- ...labelProps,
88
- ref: composedRefs,
89
- onMouseDown: (event) => {
90
- var _a;
91
- (_a = props.onMouseDown) == null ? void 0 : _a.call(props, event);
92
- if (!event.defaultPrevented && event.detail > 1) {
93
- event.preventDefault();
94
- }
95
- },
96
- onPress: (event) => {
97
- var _a;
98
- (_a = props.onPress) == null ? void 0 : _a.call(props, event);
99
- if (isWeb) {
100
- if (htmlFor || !controlRef.current || event.defaultPrevented)
101
- return;
102
- const isClickingControl = controlRef.current.contains(
103
- event.target
104
- );
105
- const isUserClick = event.isTrusted === true;
106
- if (!isClickingControl && isUserClick) {
107
- controlRef.current.click();
108
- controlRef.current.focus();
109
- }
110
- } else {
111
- if (props.htmlFor) {
112
- focusFocusable(props.htmlFor);
113
- }
114
- }
115
- }
116
- }
117
- ) });
118
- }
119
- );
120
- LabelComponent.displayName = NAME;
121
- const Label = LabelFrame.extractable(themeable(LabelComponent), {
122
- neverFlatten: true
123
- });
124
- const useLabelContext = (element) => {
125
- const context = useLabelContextImpl("LabelConsumer");
126
- const { controlRef } = context;
127
- React.useEffect(() => {
128
- if (element)
129
- controlRef.current = element;
130
- }, [element, controlRef]);
131
- return context.id;
132
- };
133
- const Root = Label;
134
- export {
135
- Label,
136
- LabelFrame,
137
- useLabelContext
138
- };
139
- //# sourceMappingURL=Label.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/Label.tsx"],
4
- "mappings": "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",
5
- "names": ["ariaLabelledBy"]
6
- }
@@ -1,2 +0,0 @@
1
- export * from "./Label";
2
- //# sourceMappingURL=index.mjs.map
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/index.ts"],
4
- "mappings": "AAAA,cAAc;",
5
- "names": []
6
- }