@tamagui/checkbox 1.88.22 → 1.88.23
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/esm/Checkbox.native.js +47 -62
- package/dist/esm/Checkbox.native.js.map +1 -1
- package/dist/esm/index.native.js +1 -19
- package/dist/esm/index.native.js.map +1 -1
- package/dist/jsx/Checkbox.native.js +47 -62
- package/dist/jsx/Checkbox.native.js.map +1 -1
- package/dist/jsx/index.native.js +1 -19
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +15 -15
|
@@ -1,39 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
-
var Checkbox_exports = {};
|
|
25
|
-
__export(Checkbox_exports, {
|
|
26
|
-
BubbleInput: () => BubbleInput,
|
|
27
|
-
Checkbox: () => Checkbox2,
|
|
28
|
-
CheckboxFrame: () => CheckboxFrame,
|
|
29
|
-
CheckboxStyledContext: () => CheckboxStyledContext,
|
|
30
|
-
createCheckboxScope: () => createCheckboxScope,
|
|
31
|
-
getState: () => getState,
|
|
32
|
-
isIndeterminate: () => isIndeterminate
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(Checkbox_exports);
|
|
35
|
-
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_label = require("@tamagui/label"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
const CheckboxStyledContext = (0, import_core.createStyledContext)({
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import {
|
|
4
|
+
createStyledContext,
|
|
5
|
+
getVariableValue,
|
|
6
|
+
styled,
|
|
7
|
+
useProps,
|
|
8
|
+
useTheme
|
|
9
|
+
} from "@tamagui/core";
|
|
10
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
11
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
12
|
+
import { getFontSize } from "@tamagui/font-size";
|
|
13
|
+
import { getSize } from "@tamagui/get-token";
|
|
14
|
+
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
15
|
+
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
16
|
+
import { useLabelContext } from "@tamagui/label";
|
|
17
|
+
import { ButtonNestingContext, ThemeableStack } from "@tamagui/stacks";
|
|
18
|
+
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
19
|
+
import { usePrevious } from "@tamagui/use-previous";
|
|
20
|
+
import * as React from "react";
|
|
21
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
22
|
+
const CheckboxStyledContext = createStyledContext({
|
|
37
23
|
size: "$true",
|
|
38
24
|
scaleIcon: 1
|
|
39
25
|
});
|
|
@@ -44,7 +30,7 @@ function getState(checked) {
|
|
|
44
30
|
return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
|
|
45
31
|
}
|
|
46
32
|
const BubbleInput = (props) => {
|
|
47
|
-
const { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React.useRef(null), prevChecked =
|
|
33
|
+
const { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React.useRef(null), prevChecked = usePrevious(checked);
|
|
48
34
|
return React.useEffect(() => {
|
|
49
35
|
const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
|
|
50
36
|
inputProto,
|
|
@@ -54,7 +40,7 @@ const BubbleInput = (props) => {
|
|
|
54
40
|
const event = new Event("click", { bubbles });
|
|
55
41
|
input.indeterminate = isIndeterminate(checked), setChecked.call(input, isIndeterminate(checked) ? !1 : checked), input.dispatchEvent(event);
|
|
56
42
|
}
|
|
57
|
-
}, [prevChecked, checked, bubbles]), /* @__PURE__ */
|
|
43
|
+
}, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsx(
|
|
58
44
|
"input",
|
|
59
45
|
{
|
|
60
46
|
type: "checkbox",
|
|
@@ -78,7 +64,7 @@ const BubbleInput = (props) => {
|
|
|
78
64
|
}
|
|
79
65
|
}
|
|
80
66
|
);
|
|
81
|
-
}, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame =
|
|
67
|
+
}, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame = styled(ThemeableStack, {
|
|
82
68
|
// use Checkbox for easier themes
|
|
83
69
|
name: INDICATOR_NAME,
|
|
84
70
|
context: CheckboxStyledContext
|
|
@@ -95,8 +81,8 @@ const BubbleInput = (props) => {
|
|
|
95
81
|
process.env.NODE_ENV === "development" && !childrenProp && console.warn(
|
|
96
82
|
"Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
|
|
97
83
|
);
|
|
98
|
-
const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 :
|
|
99
|
-
return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */
|
|
84
|
+
const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon, theme = useTheme(), getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color }), children = React.Children.toArray(childrenProp).map((child) => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
|
|
85
|
+
return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */ jsx(
|
|
100
86
|
CheckboxIndicatorFrame,
|
|
101
87
|
{
|
|
102
88
|
"data-state": getState(context.state),
|
|
@@ -111,7 +97,7 @@ const BubbleInput = (props) => {
|
|
|
111
97
|
)
|
|
112
98
|
);
|
|
113
99
|
CheckboxIndicator.displayName = INDICATOR_NAME;
|
|
114
|
-
const CHECKBOX_NAME = "Checkbox", CheckboxFrame =
|
|
100
|
+
const CHECKBOX_NAME = "Checkbox", CheckboxFrame = styled(ThemeableStack, {
|
|
115
101
|
name: CHECKBOX_NAME,
|
|
116
102
|
tag: "button",
|
|
117
103
|
context: CheckboxStyledContext,
|
|
@@ -157,14 +143,14 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
157
143
|
},
|
|
158
144
|
size: {
|
|
159
145
|
"...size": (val, { tokens }) => ({
|
|
160
|
-
borderRadius:
|
|
146
|
+
borderRadius: getVariableValue(getSize(val)) / 8
|
|
161
147
|
})
|
|
162
148
|
}
|
|
163
149
|
},
|
|
164
150
|
defaultVariants: {
|
|
165
151
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
166
152
|
}
|
|
167
|
-
}), [createCheckboxContext, createCheckboxScope] =
|
|
153
|
+
}), [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.styleable(function(props, forwardedRef) {
|
|
168
154
|
const {
|
|
169
155
|
__scopeCheckbox,
|
|
170
156
|
labelledBy: ariaLabelledby,
|
|
@@ -180,25 +166,25 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
180
166
|
native,
|
|
181
167
|
scaleIcon,
|
|
182
168
|
...checkboxProps
|
|
183
|
-
} = props, isInsideButton = React.useContext(
|
|
169
|
+
} = props, isInsideButton = React.useContext(ButtonNestingContext), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), propsActive = useProps(props), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = useControllableState({
|
|
184
170
|
prop: checkedProp,
|
|
185
171
|
defaultProp: defaultChecked,
|
|
186
172
|
onChange: onCheckedChange
|
|
187
|
-
}), styledContext = React.useContext(CheckboxStyledContext), adjustedSize =
|
|
188
|
-
|
|
173
|
+
}), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = getVariableValue(
|
|
174
|
+
getSize(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
|
|
189
175
|
shift: sizeAdjust
|
|
190
176
|
})
|
|
191
|
-
), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId =
|
|
177
|
+
), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
|
|
192
178
|
return React.useEffect(() => {
|
|
193
179
|
if (props.id && !disabled)
|
|
194
|
-
return
|
|
180
|
+
return registerFocusable(props.id, {
|
|
195
181
|
focusAndSelect: () => {
|
|
196
182
|
setChecked((x) => !x);
|
|
197
183
|
},
|
|
198
184
|
focus: () => {
|
|
199
185
|
}
|
|
200
186
|
});
|
|
201
|
-
}, [props.id, setChecked, disabled]), /* @__PURE__ */
|
|
187
|
+
}, [props.id, setChecked, disabled]), /* @__PURE__ */ jsx(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled: !!disabled, children: isWeb && native ? /* @__PURE__ */ jsx(
|
|
202
188
|
BubbleInput,
|
|
203
189
|
{
|
|
204
190
|
control: button,
|
|
@@ -210,8 +196,8 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
210
196
|
disabled,
|
|
211
197
|
id: props.id
|
|
212
198
|
}
|
|
213
|
-
) : /* @__PURE__ */
|
|
214
|
-
/* @__PURE__ */
|
|
199
|
+
) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
200
|
+
/* @__PURE__ */ jsx(
|
|
215
201
|
CheckboxFrame,
|
|
216
202
|
{
|
|
217
203
|
width: size,
|
|
@@ -226,22 +212,22 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
226
212
|
disabled,
|
|
227
213
|
...checkboxProps,
|
|
228
214
|
ref: composedRefs,
|
|
229
|
-
...
|
|
215
|
+
...isWeb && {
|
|
230
216
|
type: "button",
|
|
231
217
|
value,
|
|
232
|
-
onKeyDown:
|
|
218
|
+
onKeyDown: composeEventHandlers(
|
|
233
219
|
props.onKeyDown,
|
|
234
220
|
(event) => {
|
|
235
221
|
event.key === "Enter" && event.preventDefault();
|
|
236
222
|
}
|
|
237
223
|
)
|
|
238
224
|
},
|
|
239
|
-
onPress:
|
|
225
|
+
onPress: composeEventHandlers(props.onPress, (event) => {
|
|
240
226
|
setChecked(
|
|
241
227
|
(prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
|
|
242
228
|
), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
|
|
243
229
|
}),
|
|
244
|
-
children: /* @__PURE__ */
|
|
230
|
+
children: /* @__PURE__ */ jsx(
|
|
245
231
|
CheckboxStyledContext.Provider,
|
|
246
232
|
{
|
|
247
233
|
size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
|
|
@@ -251,7 +237,7 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
251
237
|
)
|
|
252
238
|
}
|
|
253
239
|
),
|
|
254
|
-
|
|
240
|
+
isWeb && isFormControl ? /* @__PURE__ */ jsx(
|
|
255
241
|
BubbleInput,
|
|
256
242
|
{
|
|
257
243
|
isHidden: !0,
|
|
@@ -265,18 +251,17 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
265
251
|
}
|
|
266
252
|
) : null
|
|
267
253
|
] }) });
|
|
268
|
-
}), Checkbox2 =
|
|
254
|
+
}), Checkbox2 = withStaticProperties(CheckboxComponent, {
|
|
269
255
|
Indicator: CheckboxIndicator,
|
|
270
256
|
Props: CheckboxStyledContext.Provider
|
|
271
257
|
});
|
|
272
|
-
|
|
273
|
-
0 && (module.exports = {
|
|
258
|
+
export {
|
|
274
259
|
BubbleInput,
|
|
275
|
-
Checkbox,
|
|
260
|
+
Checkbox2 as Checkbox,
|
|
276
261
|
CheckboxFrame,
|
|
277
262
|
CheckboxStyledContext,
|
|
278
263
|
createCheckboxScope,
|
|
279
264
|
getState,
|
|
280
265
|
isIndeterminate
|
|
281
|
-
}
|
|
266
|
+
};
|
|
282
267
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Checkbox.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Checkbox"]
|
|
6
6
|
}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
return to;
|
|
11
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
12
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
-
var src_exports = {};
|
|
14
|
-
module.exports = __toCommonJS(src_exports);
|
|
15
|
-
__reExport(src_exports, require("./Checkbox"), module.exports);
|
|
16
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./Checkbox")
|
|
19
|
-
});
|
|
1
|
+
export * from "./Checkbox";
|
|
20
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,39 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
|
-
var Checkbox_exports = {};
|
|
25
|
-
__export(Checkbox_exports, {
|
|
26
|
-
BubbleInput: () => BubbleInput,
|
|
27
|
-
Checkbox: () => Checkbox2,
|
|
28
|
-
CheckboxFrame: () => CheckboxFrame,
|
|
29
|
-
CheckboxStyledContext: () => CheckboxStyledContext,
|
|
30
|
-
createCheckboxScope: () => createCheckboxScope,
|
|
31
|
-
getState: () => getState,
|
|
32
|
-
isIndeterminate: () => isIndeterminate
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(Checkbox_exports);
|
|
35
|
-
var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_core = require("@tamagui/core"), import_create_context = require("@tamagui/create-context"), import_focusable = require("@tamagui/focusable"), import_font_size = require("@tamagui/font-size"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_label = require("@tamagui/label"), import_stacks = require("@tamagui/stacks"), import_use_controllable_state = require("@tamagui/use-controllable-state"), import_use_previous = require("@tamagui/use-previous"), React = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
const CheckboxStyledContext = (0, import_core.createStyledContext)({
|
|
1
|
+
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
2
|
+
import { isWeb } from "@tamagui/constants";
|
|
3
|
+
import {
|
|
4
|
+
createStyledContext,
|
|
5
|
+
getVariableValue,
|
|
6
|
+
styled,
|
|
7
|
+
useProps,
|
|
8
|
+
useTheme
|
|
9
|
+
} from "@tamagui/core";
|
|
10
|
+
import { createContextScope } from "@tamagui/create-context";
|
|
11
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
12
|
+
import { getFontSize } from "@tamagui/font-size";
|
|
13
|
+
import { getSize } from "@tamagui/get-token";
|
|
14
|
+
import { composeEventHandlers, withStaticProperties } from "@tamagui/helpers";
|
|
15
|
+
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
16
|
+
import { useLabelContext } from "@tamagui/label";
|
|
17
|
+
import { ButtonNestingContext, ThemeableStack } from "@tamagui/stacks";
|
|
18
|
+
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
19
|
+
import { usePrevious } from "@tamagui/use-previous";
|
|
20
|
+
import * as React from "react";
|
|
21
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
22
|
+
const CheckboxStyledContext = createStyledContext({
|
|
37
23
|
size: "$true",
|
|
38
24
|
scaleIcon: 1
|
|
39
25
|
});
|
|
@@ -44,7 +30,7 @@ function getState(checked) {
|
|
|
44
30
|
return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
|
|
45
31
|
}
|
|
46
32
|
const BubbleInput = (props) => {
|
|
47
|
-
const { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React.useRef(null), prevChecked =
|
|
33
|
+
const { checked, bubbles = !0, control, isHidden, ...inputProps } = props, ref = React.useRef(null), prevChecked = usePrevious(checked);
|
|
48
34
|
return React.useEffect(() => {
|
|
49
35
|
const input = ref.current, inputProto = window.HTMLInputElement.prototype, setChecked = Object.getOwnPropertyDescriptor(
|
|
50
36
|
inputProto,
|
|
@@ -54,7 +40,7 @@ const BubbleInput = (props) => {
|
|
|
54
40
|
const event = new Event("click", { bubbles });
|
|
55
41
|
input.indeterminate = isIndeterminate(checked), setChecked.call(input, isIndeterminate(checked) ? !1 : checked), input.dispatchEvent(event);
|
|
56
42
|
}
|
|
57
|
-
}, [prevChecked, checked, bubbles]), /* @__PURE__ */
|
|
43
|
+
}, [prevChecked, checked, bubbles]), /* @__PURE__ */ jsx(
|
|
58
44
|
"input",
|
|
59
45
|
{
|
|
60
46
|
type: "checkbox",
|
|
@@ -78,7 +64,7 @@ const BubbleInput = (props) => {
|
|
|
78
64
|
}
|
|
79
65
|
}
|
|
80
66
|
);
|
|
81
|
-
}, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame =
|
|
67
|
+
}, INDICATOR_NAME = "CheckboxIndicator", CheckboxIndicatorFrame = styled(ThemeableStack, {
|
|
82
68
|
// use Checkbox for easier themes
|
|
83
69
|
name: INDICATOR_NAME,
|
|
84
70
|
context: CheckboxStyledContext
|
|
@@ -95,8 +81,8 @@ const BubbleInput = (props) => {
|
|
|
95
81
|
process.env.NODE_ENV === "development" && !childrenProp && console.warn(
|
|
96
82
|
"Warning: You created a Checkbox.Indicator without passing an child prop for it to use as an icon."
|
|
97
83
|
);
|
|
98
|
-
const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 :
|
|
99
|
-
return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */
|
|
84
|
+
const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox), styledContext = React.useContext(CheckboxStyledContext), iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon, theme = useTheme(), getThemedIcon = useGetThemedIcon({ size: iconSize, color: theme.color }), children = React.Children.toArray(childrenProp).map((child) => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
|
|
85
|
+
return forceMount || isIndeterminate(context.state) || context.state === !0 ? /* @__PURE__ */ jsx(
|
|
100
86
|
CheckboxIndicatorFrame,
|
|
101
87
|
{
|
|
102
88
|
"data-state": getState(context.state),
|
|
@@ -111,7 +97,7 @@ const BubbleInput = (props) => {
|
|
|
111
97
|
)
|
|
112
98
|
);
|
|
113
99
|
CheckboxIndicator.displayName = INDICATOR_NAME;
|
|
114
|
-
const CHECKBOX_NAME = "Checkbox", CheckboxFrame =
|
|
100
|
+
const CHECKBOX_NAME = "Checkbox", CheckboxFrame = styled(ThemeableStack, {
|
|
115
101
|
name: CHECKBOX_NAME,
|
|
116
102
|
tag: "button",
|
|
117
103
|
context: CheckboxStyledContext,
|
|
@@ -157,14 +143,14 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
157
143
|
},
|
|
158
144
|
size: {
|
|
159
145
|
"...size": (val, { tokens }) => ({
|
|
160
|
-
borderRadius:
|
|
146
|
+
borderRadius: getVariableValue(getSize(val)) / 8
|
|
161
147
|
})
|
|
162
148
|
}
|
|
163
149
|
},
|
|
164
150
|
defaultVariants: {
|
|
165
151
|
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
166
152
|
}
|
|
167
|
-
}), [createCheckboxContext, createCheckboxScope] =
|
|
153
|
+
}), [createCheckboxContext, createCheckboxScope] = createContextScope(CHECKBOX_NAME), [CheckboxProvider, useCheckboxContext] = createCheckboxContext(CHECKBOX_NAME), CheckboxComponent = CheckboxFrame.styleable(function(props, forwardedRef) {
|
|
168
154
|
const {
|
|
169
155
|
__scopeCheckbox,
|
|
170
156
|
labelledBy: ariaLabelledby,
|
|
@@ -180,25 +166,25 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
180
166
|
native,
|
|
181
167
|
scaleIcon,
|
|
182
168
|
...checkboxProps
|
|
183
|
-
} = props, isInsideButton = React.useContext(
|
|
169
|
+
} = props, isInsideButton = React.useContext(ButtonNestingContext), [button, setButton] = React.useState(null), composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node)), hasConsumerStoppedPropagationRef = React.useRef(!1), propsActive = useProps(props), isFormControl = isWeb ? button ? !!button.closest("form") : !0 : !1, [checked = !1, setChecked] = useControllableState({
|
|
184
170
|
prop: checkedProp,
|
|
185
171
|
defaultProp: defaultChecked,
|
|
186
172
|
onChange: onCheckedChange
|
|
187
|
-
}), styledContext = React.useContext(CheckboxStyledContext), adjustedSize =
|
|
188
|
-
|
|
173
|
+
}), styledContext = React.useContext(CheckboxStyledContext), adjustedSize = getVariableValue(
|
|
174
|
+
getSize(propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true", {
|
|
189
175
|
shift: sizeAdjust
|
|
190
176
|
})
|
|
191
|
-
), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId =
|
|
177
|
+
), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize, labelId = useLabelContext(button), labelledBy = ariaLabelledby || labelId;
|
|
192
178
|
return React.useEffect(() => {
|
|
193
179
|
if (props.id && !disabled)
|
|
194
|
-
return
|
|
180
|
+
return registerFocusable(props.id, {
|
|
195
181
|
focusAndSelect: () => {
|
|
196
182
|
setChecked((x) => !x);
|
|
197
183
|
},
|
|
198
184
|
focus: () => {
|
|
199
185
|
}
|
|
200
186
|
});
|
|
201
|
-
}, [props.id, setChecked, disabled]), /* @__PURE__ */
|
|
187
|
+
}, [props.id, setChecked, disabled]), /* @__PURE__ */ jsx(CheckboxProvider, { scope: __scopeCheckbox, state: checked, disabled: !!disabled, children: isWeb && native ? /* @__PURE__ */ jsx(
|
|
202
188
|
BubbleInput,
|
|
203
189
|
{
|
|
204
190
|
control: button,
|
|
@@ -210,8 +196,8 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
210
196
|
disabled,
|
|
211
197
|
id: props.id
|
|
212
198
|
}
|
|
213
|
-
) : /* @__PURE__ */
|
|
214
|
-
/* @__PURE__ */
|
|
199
|
+
) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
200
|
+
/* @__PURE__ */ jsx(
|
|
215
201
|
CheckboxFrame,
|
|
216
202
|
{
|
|
217
203
|
width: size,
|
|
@@ -226,22 +212,22 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
226
212
|
disabled,
|
|
227
213
|
...checkboxProps,
|
|
228
214
|
ref: composedRefs,
|
|
229
|
-
...
|
|
215
|
+
...isWeb && {
|
|
230
216
|
type: "button",
|
|
231
217
|
value,
|
|
232
|
-
onKeyDown:
|
|
218
|
+
onKeyDown: composeEventHandlers(
|
|
233
219
|
props.onKeyDown,
|
|
234
220
|
(event) => {
|
|
235
221
|
event.key === "Enter" && event.preventDefault();
|
|
236
222
|
}
|
|
237
223
|
)
|
|
238
224
|
},
|
|
239
|
-
onPress:
|
|
225
|
+
onPress: composeEventHandlers(props.onPress, (event) => {
|
|
240
226
|
setChecked(
|
|
241
227
|
(prevChecked) => isIndeterminate(prevChecked) ? !0 : !prevChecked
|
|
242
228
|
), isFormControl && (hasConsumerStoppedPropagationRef.current = event.isPropagationStopped(), hasConsumerStoppedPropagationRef.current || event.stopPropagation());
|
|
243
229
|
}),
|
|
244
|
-
children: /* @__PURE__ */
|
|
230
|
+
children: /* @__PURE__ */ jsx(
|
|
245
231
|
CheckboxStyledContext.Provider,
|
|
246
232
|
{
|
|
247
233
|
size: propsActive.size ?? (styledContext == null ? void 0 : styledContext.size) ?? "$true",
|
|
@@ -251,7 +237,7 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
251
237
|
)
|
|
252
238
|
}
|
|
253
239
|
),
|
|
254
|
-
|
|
240
|
+
isWeb && isFormControl ? /* @__PURE__ */ jsx(
|
|
255
241
|
BubbleInput,
|
|
256
242
|
{
|
|
257
243
|
isHidden: !0,
|
|
@@ -265,18 +251,17 @@ const CHECKBOX_NAME = "Checkbox", CheckboxFrame = (0, import_core.styled)(import
|
|
|
265
251
|
}
|
|
266
252
|
) : null
|
|
267
253
|
] }) });
|
|
268
|
-
}), Checkbox2 =
|
|
254
|
+
}), Checkbox2 = withStaticProperties(CheckboxComponent, {
|
|
269
255
|
Indicator: CheckboxIndicator,
|
|
270
256
|
Props: CheckboxStyledContext.Provider
|
|
271
257
|
});
|
|
272
|
-
|
|
273
|
-
0 && (module.exports = {
|
|
258
|
+
export {
|
|
274
259
|
BubbleInput,
|
|
275
|
-
Checkbox,
|
|
260
|
+
Checkbox2 as Checkbox,
|
|
276
261
|
CheckboxFrame,
|
|
277
262
|
CheckboxStyledContext,
|
|
278
263
|
createCheckboxScope,
|
|
279
264
|
getState,
|
|
280
265
|
isIndeterminate
|
|
281
|
-
}
|
|
266
|
+
};
|
|
282
267
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Checkbox.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["Checkbox"]
|
|
6
6
|
}
|
package/dist/jsx/index.native.js
CHANGED
|
@@ -1,20 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
10
|
-
return to;
|
|
11
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
12
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
13
|
-
var src_exports = {};
|
|
14
|
-
module.exports = __toCommonJS(src_exports);
|
|
15
|
-
__reExport(src_exports, require("./Checkbox"), module.exports);
|
|
16
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
17
|
-
0 && (module.exports = {
|
|
18
|
-
...require("./Checkbox")
|
|
19
|
-
});
|
|
1
|
+
export * from "./Checkbox";
|
|
20
2
|
//# sourceMappingURL=index.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/checkbox",
|
|
3
|
-
"version": "1.88.
|
|
3
|
+
"version": "1.88.23",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -24,19 +24,19 @@
|
|
|
24
24
|
"clean:build": "tamagui-build clean:build"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@tamagui/compose-refs": "1.88.
|
|
28
|
-
"@tamagui/constants": "1.88.
|
|
29
|
-
"@tamagui/core": "1.88.
|
|
30
|
-
"@tamagui/create-context": "1.88.
|
|
31
|
-
"@tamagui/focusable": "1.88.
|
|
32
|
-
"@tamagui/font-size": "1.88.
|
|
33
|
-
"@tamagui/get-token": "1.88.
|
|
34
|
-
"@tamagui/helpers": "1.88.
|
|
35
|
-
"@tamagui/helpers-tamagui": "1.88.
|
|
36
|
-
"@tamagui/label": "1.88.
|
|
37
|
-
"@tamagui/stacks": "1.88.
|
|
38
|
-
"@tamagui/use-controllable-state": "1.88.
|
|
39
|
-
"@tamagui/use-previous": "1.88.
|
|
27
|
+
"@tamagui/compose-refs": "1.88.23",
|
|
28
|
+
"@tamagui/constants": "1.88.23",
|
|
29
|
+
"@tamagui/core": "1.88.23",
|
|
30
|
+
"@tamagui/create-context": "1.88.23",
|
|
31
|
+
"@tamagui/focusable": "1.88.23",
|
|
32
|
+
"@tamagui/font-size": "1.88.23",
|
|
33
|
+
"@tamagui/get-token": "1.88.23",
|
|
34
|
+
"@tamagui/helpers": "1.88.23",
|
|
35
|
+
"@tamagui/helpers-tamagui": "1.88.23",
|
|
36
|
+
"@tamagui/label": "1.88.23",
|
|
37
|
+
"@tamagui/stacks": "1.88.23",
|
|
38
|
+
"@tamagui/use-controllable-state": "1.88.23",
|
|
39
|
+
"@tamagui/use-previous": "1.88.23"
|
|
40
40
|
},
|
|
41
41
|
"exports": {
|
|
42
42
|
"./package.json": "./package.json",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"react": "*"
|
|
52
52
|
},
|
|
53
53
|
"devDependencies": {
|
|
54
|
-
"@tamagui/build": "1.88.
|
|
54
|
+
"@tamagui/build": "1.88.23",
|
|
55
55
|
"react": "^18.2.0"
|
|
56
56
|
},
|
|
57
57
|
"publishConfig": {
|