@tamagui/checkbox 1.123.4 → 1.123.6
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/Checkbox.cjs +1 -1
- package/dist/cjs/Checkbox.js +1 -1
- package/dist/cjs/Checkbox.native.js +1 -1
- package/dist/cjs/createCheckbox.cjs +8 -6
- package/dist/cjs/createCheckbox.js +52 -52
- package/dist/cjs/createCheckbox.js.map +1 -1
- package/dist/cjs/createCheckbox.native.js +9 -4
- package/dist/cjs/createCheckbox.native.js.map +2 -2
- package/dist/esm/Checkbox.js +1 -1
- package/dist/esm/Checkbox.mjs +1 -1
- package/dist/esm/Checkbox.native.js +1 -1
- package/dist/esm/createCheckbox.js +53 -53
- package/dist/esm/createCheckbox.js.map +1 -1
- package/dist/esm/createCheckbox.mjs +9 -7
- package/dist/esm/createCheckbox.mjs.map +1 -1
- package/dist/esm/createCheckbox.native.js +10 -5
- package/dist/esm/createCheckbox.native.js.map +2 -2
- package/dist/jsx/Checkbox.js +1 -1
- package/dist/jsx/Checkbox.mjs +1 -1
- package/dist/jsx/Checkbox.native.js +1 -1
- package/dist/jsx/createCheckbox.js +53 -53
- package/dist/jsx/createCheckbox.js.map +1 -1
- package/dist/jsx/createCheckbox.mjs +9 -7
- package/dist/jsx/createCheckbox.mjs.map +1 -1
- package/dist/jsx/createCheckbox.native.js +10 -5
- package/dist/jsx/createCheckbox.native.js.map +2 -2
- package/package.json +16 -16
- package/src/Checkbox.tsx +1 -1
- package/src/createCheckbox.tsx +10 -7
- package/types/createCheckbox.d.ts.map +1 -1
package/dist/cjs/Checkbox.cjs
CHANGED
package/dist/cjs/Checkbox.js
CHANGED
|
@@ -91,7 +91,7 @@ function createCheckbox(createProps) {
|
|
|
91
91
|
} = (0, import_checkbox_headless.useCheckbox)(
|
|
92
92
|
// @ts-ignore
|
|
93
93
|
propsActive, [checked, setChecked], forwardedRef);
|
|
94
|
-
|
|
94
|
+
if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
|
|
95
95
|
type: "checkbox",
|
|
96
96
|
defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
|
|
97
97
|
tabIndex: -1,
|
|
@@ -103,11 +103,13 @@ function createCheckbox(createProps) {
|
|
|
103
103
|
...checkboxProps.style
|
|
104
104
|
// TODO: any
|
|
105
105
|
}
|
|
106
|
-
})
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
106
|
+
});
|
|
107
|
+
const memoizedContext = (0, import_react.useMemo)(() => ({
|
|
108
|
+
checked,
|
|
109
|
+
disabled: checkboxProps.disabled
|
|
110
|
+
}), [checked, checkboxProps.disabled]);
|
|
111
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
|
|
112
|
+
value: memoizedContext,
|
|
111
113
|
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
|
|
112
114
|
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
113
115
|
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
@@ -69,61 +69,61 @@ function createCheckbox(createProps) {
|
|
|
69
69
|
[checked, setChecked],
|
|
70
70
|
forwardedRef
|
|
71
71
|
);
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
72
|
+
if ((0, import_core.shouldRenderNativePlatform)(native) === "web")
|
|
73
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
|
+
"input",
|
|
75
|
+
{
|
|
76
|
+
type: "checkbox",
|
|
77
|
+
defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? !1 : checked,
|
|
78
|
+
tabIndex: -1,
|
|
79
|
+
ref: checkboxRef,
|
|
80
|
+
disabled: checkboxProps.disabled,
|
|
81
|
+
style: {
|
|
82
|
+
appearance: "auto",
|
|
83
|
+
accentColor: "var(--color6)",
|
|
84
|
+
...checkboxProps.style
|
|
85
|
+
// TODO: any
|
|
86
|
+
}
|
|
85
87
|
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
88
|
+
);
|
|
89
|
+
const memoizedContext = (0, import_react.useMemo)(
|
|
90
|
+
() => ({
|
|
91
|
+
checked,
|
|
92
|
+
disabled: checkboxProps.disabled
|
|
93
|
+
}),
|
|
94
|
+
[checked, checkboxProps.disabled]
|
|
95
|
+
);
|
|
96
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, { value: memoizedContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
97
|
+
import_CheckboxStyledContext.CheckboxStyledContext.Provider,
|
|
89
98
|
{
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
...checkboxProps,
|
|
117
|
-
style: checkboxProps.style,
|
|
118
|
-
children: propsActive.children
|
|
119
|
-
}
|
|
120
|
-
),
|
|
121
|
-
bubbleInput
|
|
122
|
-
]
|
|
123
|
-
}
|
|
124
|
-
)
|
|
99
|
+
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
100
|
+
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
101
|
+
children: [
|
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
103
|
+
Frame,
|
|
104
|
+
{
|
|
105
|
+
...!unstyled && {
|
|
106
|
+
width: size,
|
|
107
|
+
height: size
|
|
108
|
+
},
|
|
109
|
+
tag: "button",
|
|
110
|
+
ref: checkboxRef,
|
|
111
|
+
unstyled,
|
|
112
|
+
...unstyled === !1 && {
|
|
113
|
+
size,
|
|
114
|
+
theme: checked ? "active" : null
|
|
115
|
+
},
|
|
116
|
+
checked,
|
|
117
|
+
disabled: checkboxProps.disabled,
|
|
118
|
+
...checkboxProps,
|
|
119
|
+
style: checkboxProps.style,
|
|
120
|
+
children: propsActive.children
|
|
121
|
+
}
|
|
122
|
+
),
|
|
123
|
+
bubbleInput
|
|
124
|
+
]
|
|
125
125
|
}
|
|
126
|
-
);
|
|
126
|
+
) });
|
|
127
127
|
}
|
|
128
128
|
), IndicatorComponent = Indicator.styleable(
|
|
129
129
|
(props, forwardedRef) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -86,12 +86,17 @@ function createCheckbox(createProps) {
|
|
|
86
86
|
...checkboxProps.style
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
|
-
var
|
|
90
|
-
|
|
91
|
-
value: {
|
|
89
|
+
var memoizedContext = (0, import_react.useMemo)(function() {
|
|
90
|
+
return {
|
|
92
91
|
checked,
|
|
93
92
|
disabled: checkboxProps.disabled
|
|
94
|
-
}
|
|
93
|
+
};
|
|
94
|
+
}, [
|
|
95
|
+
checked,
|
|
96
|
+
checkboxProps.disabled
|
|
97
|
+
]), _propsActive_size1, _ref1, _ref2;
|
|
98
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
|
|
99
|
+
value: memoizedContext,
|
|
95
100
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
|
|
96
101
|
size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
|
|
97
102
|
scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,
|
|
5
|
-
"names": ["CheckboxContext", "React", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "CheckboxFrame", "Indicator", "CheckboxIndicatorFrame", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "useProps", "styledContext", "useContext", "CheckboxStyledContext", "adjustedSize", "size", "getVariableValue", "getSize", "shift", "Math", "round", "setChecked", "useControllableState", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useCheckbox", "useEffect", "id", "registerFocusable", "focusAndSelect", "value", "focus", "renderNative", "shouldRenderNativePlatform", "_jsx", "input", "type", "isIndeterminate", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "_jsxs", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getFontSize", "useTheme", "getThemedIcon", "useGetThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents", "withStaticProperties"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["CheckboxContext", "React", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "CheckboxFrame", "Indicator", "CheckboxIndicatorFrame", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "useProps", "styledContext", "useContext", "CheckboxStyledContext", "adjustedSize", "size", "getVariableValue", "getSize", "shift", "Math", "round", "setChecked", "useControllableState", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useCheckbox", "useEffect", "id", "registerFocusable", "focusAndSelect", "value", "focus", "renderNative", "shouldRenderNativePlatform", "_jsx", "input", "type", "isIndeterminate", "tabIndex", "ref", "style", "appearance", "accentColor", "memoizedContext", "useMemo", "Provider", "_jsxs", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getFontSize", "useTheme", "getThemedIcon", "useGetThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents", "withStaticProperties"]
|
|
6
6
|
}
|
package/dist/esm/Checkbox.js
CHANGED
package/dist/esm/Checkbox.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
|
|
3
3
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
4
4
|
import {
|
|
@@ -57,61 +57,61 @@ function createCheckbox(createProps) {
|
|
|
57
57
|
[checked, setChecked],
|
|
58
58
|
forwardedRef
|
|
59
59
|
);
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
60
|
+
if (shouldRenderNativePlatform(native) === "web")
|
|
61
|
+
return /* @__PURE__ */ jsx(
|
|
62
|
+
"input",
|
|
63
|
+
{
|
|
64
|
+
type: "checkbox",
|
|
65
|
+
defaultChecked: isIndeterminate(checked) ? !1 : checked,
|
|
66
|
+
tabIndex: -1,
|
|
67
|
+
ref: checkboxRef,
|
|
68
|
+
disabled: checkboxProps.disabled,
|
|
69
|
+
style: {
|
|
70
|
+
appearance: "auto",
|
|
71
|
+
accentColor: "var(--color6)",
|
|
72
|
+
...checkboxProps.style
|
|
73
|
+
// TODO: any
|
|
74
|
+
}
|
|
73
75
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
);
|
|
77
|
+
const memoizedContext = useMemo(
|
|
78
|
+
() => ({
|
|
79
|
+
checked,
|
|
80
|
+
disabled: checkboxProps.disabled
|
|
81
|
+
}),
|
|
82
|
+
[checked, checkboxProps.disabled]
|
|
83
|
+
);
|
|
84
|
+
return /* @__PURE__ */ jsx(CheckboxContext.Provider, { value: memoizedContext, children: /* @__PURE__ */ jsxs(
|
|
85
|
+
CheckboxStyledContext.Provider,
|
|
77
86
|
{
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
...checkboxProps,
|
|
105
|
-
style: checkboxProps.style,
|
|
106
|
-
children: propsActive.children
|
|
107
|
-
}
|
|
108
|
-
),
|
|
109
|
-
bubbleInput
|
|
110
|
-
]
|
|
111
|
-
}
|
|
112
|
-
)
|
|
87
|
+
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
88
|
+
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ jsx(
|
|
91
|
+
Frame,
|
|
92
|
+
{
|
|
93
|
+
...!unstyled && {
|
|
94
|
+
width: size,
|
|
95
|
+
height: size
|
|
96
|
+
},
|
|
97
|
+
tag: "button",
|
|
98
|
+
ref: checkboxRef,
|
|
99
|
+
unstyled,
|
|
100
|
+
...unstyled === !1 && {
|
|
101
|
+
size,
|
|
102
|
+
theme: checked ? "active" : null
|
|
103
|
+
},
|
|
104
|
+
checked,
|
|
105
|
+
disabled: checkboxProps.disabled,
|
|
106
|
+
...checkboxProps,
|
|
107
|
+
style: checkboxProps.style,
|
|
108
|
+
children: propsActive.children
|
|
109
|
+
}
|
|
110
|
+
),
|
|
111
|
+
bubbleInput
|
|
112
|
+
]
|
|
113
113
|
}
|
|
114
|
-
);
|
|
114
|
+
) });
|
|
115
115
|
}
|
|
116
116
|
), IndicatorComponent = Indicator.styleable(
|
|
117
117
|
(props, forwardedRef) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,
|
|
4
|
+
"mappings": "AAAA,OAAO,SAAS,eAAe;AAK/B,OAAkC;AAClC,SAAS,iBAAiB,mBAAmB;AAE7C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,mBAAmB;AAC5B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,4BAA4B;AAErC,SAAS,eAAe,8BAA8B;AACtD,SAAS,6BAA6B;AAmI5B,cAyBA,YAzBA;AAzFH,MAAM,kBAAkB,MAAM,cAGlC;AAAA,EACD,SAAS;AAAA,EACT,UAAU;AACZ,CAAC,GAEK,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB;AAEO,SAAS,eAGd,aAAyE;AACzE,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,EACd,IAAI;AAMJ,gBAAc,KAAK,GACnB,cAAc,SAAS;AAEvB,QAAM,iBAAiB,MAAM;AAAA,IAC3B,SAAkB,QAAQ,cAAc;AACtC,YAAM;AAAA,QACJ,YAAY;AAAA,QACZ,aAAa;AAAA,QACb;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,GAAG;AAAA,MACL,IAAI,QACE,cAAc,SAAS,KAAK,GAG5B,gBAAgB,MAAM,WAAW,qBAAqB;AAC5D,UAAI,eAAe,GACf,OAAO;AACX,MAAK,aACH,eAAe;AAAA,QACb,QAAQ,YAAY,QAAQ,eAAe,QAAQ,SAAS;AAAA,UAC1D,OAAO;AAAA,QACT,CAAC;AAAA,MACH,GACA,OAAO,YAAY,KAAK,MAAM,eAAe,SAAS,IAAI;AAG5D,YAAM,CAAC,UAAU,IAAO,UAAU,IAAI,qBAAqB;AAAA,QACzD,MAAM;AAAA,QACN,aAAa;AAAA,QACb,UAAU;AAAA,MACZ,CAAC,GAEK,EAAE,eAAe,aAAa,YAAY,IAAI;AAAA;AAAA,QAElD;AAAA,QACA,CAAC,SAAS,UAAU;AAAA,QACpB;AAAA,MACF;AAiBA,UADqB,2BAA2B,MAAM,MACjC;AACnB,eACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,gBAAgB,gBAAgB,OAAO,IAAI,KAAQ;AAAA,YACnD,UAAU;AAAA,YACV,KAAK;AAAA,YACL,UAAU,cAAc;AAAA,YACxB,OAAO;AAAA,cACL,YAAY;AAAA,cACZ,aAAa;AAAA,cACb,GAAI,cAAc;AAAA;AAAA,YACpB;AAAA;AAAA,QACF;AAIJ,YAAM,kBAAkB;AAAA,QACtB,OAAO;AAAA,UACL;AAAA,UACA,UAAU,cAAc;AAAA,QAC1B;AAAA,QACA,CAAC,SAAS,cAAc,QAAQ;AAAA,MAClC;AAEA,aACE,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,iBAC/B;AAAA,QAAC,sBAAsB;AAAA,QAAtB;AAAA,UACC,MAAM,YAAY,QAAQ,eAAe,QAAQ;AAAA,UACjD,WAAW,aAAa,eAAe,aAAa;AAAA,UAEpD;AAAA;AAAA,cAAC;AAAA;AAAA,gBACE,GAAI,CAAC,YAAY;AAAA,kBAChB,OAAO;AAAA,kBACP,QAAQ;AAAA,gBACV;AAAA,gBACA,KAAI;AAAA,gBACJ,KAAK;AAAA,gBACL;AAAA,gBACC,GAAI,aAAa,MAAS;AAAA,kBACzB;AAAA,kBACA,OAAO,UAAU,WAAW;AAAA,gBAC9B;AAAA,gBAEA;AAAA,gBACA,UAAU,cAAc;AAAA,gBACvB,GAAG;AAAA,gBAEJ,OAAO,cAAc;AAAA,gBAEpB,sBAAY;AAAA;AAAA,YACf;AAAA,YACC;AAAA;AAAA;AAAA,MACH,GACF;AAAA,IAEJ;AAAA,EACF,GAEM,qBAAqB,UAAU;AAAA,IACnC,CAAC,OAAO,iBAAiB;AACvB,YAAM;AAAA;AAAA,QAEJ,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,WAAW;AAAA,QACX,GAAG;AAAA,MACL,IAAI,OACE,gBAAgB,MAAM,WAAW,qBAAqB;AAC5D,UAAI,WAAW;AAEf,UAAI,CAAC,UAAU;AACb,cAAM,YACH,OAAO,cAAc,QAAS,WAC3B,cAAc,OAAO,OACrB,YAAY,cAAc,IAAW,KAAK,cAAc,WACxD,QAAQ,SAAS,GACjB,gBAAgB,iBAAiB,EAAE,MAAM,UAAU,OAAO,MAAM,MAAM,CAAC;AAG7E,mBADkB,MAAM,SAAS,QAAQ,YAAY,EAChC,IAAI,CAAC,UACpB,qBAAqB,CAAC,MAAM,eAAe,KAAK,IAC3C,QAEF,cAAc,KAAK,CAC3B;AAAA,MACH;AAEA,YAAM,UAAU,MAAM,WAAW,eAAe;AAChD,aAAI,cAAc,gBAAgB,QAAQ,OAAO,KAAK,QAAQ,YAAY,KAEtE,oBAAC,aAAU,eAAc,QAAQ,GAAG,gBAAgB,KAAK,cACtD,UACH,IAGG;AAAA,IACT;AAAA,EACF;AAEA,SAAO,qBAAqB,gBAAgB;AAAA,IAC1C,WAAW;AAAA,EACb,CAAC;AACH;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
3
3
|
import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
4
4
|
import { getFontSize } from "@tamagui/font-size";
|
|
@@ -53,7 +53,7 @@ function createCheckbox(createProps) {
|
|
|
53
53
|
} = useCheckbox(
|
|
54
54
|
// @ts-ignore
|
|
55
55
|
propsActive, [checked, setChecked], forwardedRef);
|
|
56
|
-
|
|
56
|
+
if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
|
|
57
57
|
type: "checkbox",
|
|
58
58
|
defaultChecked: isIndeterminate(checked) ? !1 : checked,
|
|
59
59
|
tabIndex: -1,
|
|
@@ -65,11 +65,13 @@ function createCheckbox(createProps) {
|
|
|
65
65
|
...checkboxProps.style
|
|
66
66
|
// TODO: any
|
|
67
67
|
}
|
|
68
|
-
})
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
});
|
|
69
|
+
const memoizedContext = useMemo(() => ({
|
|
70
|
+
checked,
|
|
71
|
+
disabled: checkboxProps.disabled
|
|
72
|
+
}), [checked, checkboxProps.disabled]);
|
|
73
|
+
return /* @__PURE__ */jsx(CheckboxContext.Provider, {
|
|
74
|
+
value: memoizedContext,
|
|
73
75
|
children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
|
|
74
76
|
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
75
77
|
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","isIndeterminate","useCheckbox","getVariableValue","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","disableActiveTheme","Frame","Indicator","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","props","propsActive","styledContext","useContext","adjustedSize","size","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","type","tabIndex","ref","style","appearance","accentColor","Provider","value","children","width","height","tag","theme","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","iconSize","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,
|
|
1
|
+
{"version":3,"names":["React","useMemo","isIndeterminate","useCheckbox","getVariableValue","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","disableActiveTheme","Frame","Indicator","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","props","propsActive","styledContext","useContext","adjustedSize","size","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","type","tabIndex","ref","style","appearance","accentColor","memoizedContext","Provider","value","children","width","height","tag","theme","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","iconSize","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
3
|
import { registerFocusable } from "@tamagui/focusable";
|
|
4
4
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
5
5
|
import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
@@ -68,12 +68,17 @@ function createCheckbox(createProps) {
|
|
|
68
68
|
...checkboxProps.style
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
value: {
|
|
71
|
+
var memoizedContext = useMemo(function() {
|
|
72
|
+
return {
|
|
74
73
|
checked,
|
|
75
74
|
disabled: checkboxProps.disabled
|
|
76
|
-
}
|
|
75
|
+
};
|
|
76
|
+
}, [
|
|
77
|
+
checked,
|
|
78
|
+
checkboxProps.disabled
|
|
79
|
+
]), _propsActive_size1, _ref1, _ref2;
|
|
80
|
+
return /* @__PURE__ */ _jsx(CheckboxContext.Provider, {
|
|
81
|
+
value: memoizedContext,
|
|
77
82
|
children: /* @__PURE__ */ _jsxs(CheckboxStyledContext.Provider, {
|
|
78
83
|
size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext?.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
|
|
79
84
|
scaleIcon: (_ref2 = scaleIcon ?? styledContext?.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,
|
|
5
|
-
"names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "useMemo", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "memoizedContext", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
|
|
6
6
|
}
|
package/dist/jsx/Checkbox.js
CHANGED
package/dist/jsx/Checkbox.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
|
|
3
3
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
4
4
|
import {
|
|
@@ -57,61 +57,61 @@ function createCheckbox(createProps) {
|
|
|
57
57
|
[checked, setChecked],
|
|
58
58
|
forwardedRef
|
|
59
59
|
);
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
60
|
+
if (shouldRenderNativePlatform(native) === "web")
|
|
61
|
+
return /* @__PURE__ */ jsx(
|
|
62
|
+
"input",
|
|
63
|
+
{
|
|
64
|
+
type: "checkbox",
|
|
65
|
+
defaultChecked: isIndeterminate(checked) ? !1 : checked,
|
|
66
|
+
tabIndex: -1,
|
|
67
|
+
ref: checkboxRef,
|
|
68
|
+
disabled: checkboxProps.disabled,
|
|
69
|
+
style: {
|
|
70
|
+
appearance: "auto",
|
|
71
|
+
accentColor: "var(--color6)",
|
|
72
|
+
...checkboxProps.style
|
|
73
|
+
// TODO: any
|
|
74
|
+
}
|
|
73
75
|
}
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
76
|
+
);
|
|
77
|
+
const memoizedContext = useMemo(
|
|
78
|
+
() => ({
|
|
79
|
+
checked,
|
|
80
|
+
disabled: checkboxProps.disabled
|
|
81
|
+
}),
|
|
82
|
+
[checked, checkboxProps.disabled]
|
|
83
|
+
);
|
|
84
|
+
return /* @__PURE__ */ jsx(CheckboxContext.Provider, { value: memoizedContext, children: /* @__PURE__ */ jsxs(
|
|
85
|
+
CheckboxStyledContext.Provider,
|
|
77
86
|
{
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
...checkboxProps,
|
|
105
|
-
style: checkboxProps.style,
|
|
106
|
-
children: propsActive.children
|
|
107
|
-
}
|
|
108
|
-
),
|
|
109
|
-
bubbleInput
|
|
110
|
-
]
|
|
111
|
-
}
|
|
112
|
-
)
|
|
87
|
+
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
88
|
+
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ jsx(
|
|
91
|
+
Frame,
|
|
92
|
+
{
|
|
93
|
+
...!unstyled && {
|
|
94
|
+
width: size,
|
|
95
|
+
height: size
|
|
96
|
+
},
|
|
97
|
+
tag: "button",
|
|
98
|
+
ref: checkboxRef,
|
|
99
|
+
unstyled,
|
|
100
|
+
...unstyled === !1 && {
|
|
101
|
+
size,
|
|
102
|
+
theme: checked ? "active" : null
|
|
103
|
+
},
|
|
104
|
+
checked,
|
|
105
|
+
disabled: checkboxProps.disabled,
|
|
106
|
+
...checkboxProps,
|
|
107
|
+
style: checkboxProps.style,
|
|
108
|
+
children: propsActive.children
|
|
109
|
+
}
|
|
110
|
+
),
|
|
111
|
+
bubbleInput
|
|
112
|
+
]
|
|
113
113
|
}
|
|
114
|
-
);
|
|
114
|
+
) });
|
|
115
115
|
}
|
|
116
116
|
), IndicatorComponent = Indicator.styleable(
|
|
117
117
|
(props, forwardedRef) => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": "AAAA,OAAO,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from "react";
|
|
1
|
+
import React, { useMemo } from "react";
|
|
2
2
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
3
3
|
import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
4
4
|
import { getFontSize } from "@tamagui/font-size";
|
|
@@ -53,7 +53,7 @@ function createCheckbox(createProps) {
|
|
|
53
53
|
} = useCheckbox(
|
|
54
54
|
// @ts-ignore
|
|
55
55
|
propsActive, [checked, setChecked], forwardedRef);
|
|
56
|
-
|
|
56
|
+
if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
|
|
57
57
|
type: "checkbox",
|
|
58
58
|
defaultChecked: isIndeterminate(checked) ? !1 : checked,
|
|
59
59
|
tabIndex: -1,
|
|
@@ -65,11 +65,13 @@ function createCheckbox(createProps) {
|
|
|
65
65
|
...checkboxProps.style
|
|
66
66
|
// TODO: any
|
|
67
67
|
}
|
|
68
|
-
})
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
68
|
+
});
|
|
69
|
+
const memoizedContext = useMemo(() => ({
|
|
70
|
+
checked,
|
|
71
|
+
disabled: checkboxProps.disabled
|
|
72
|
+
}), [checked, checkboxProps.disabled]);
|
|
73
|
+
return /* @__PURE__ */jsx(CheckboxContext.Provider, {
|
|
74
|
+
value: memoizedContext,
|
|
73
75
|
children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
|
|
74
76
|
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
75
77
|
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","isIndeterminate","useCheckbox","getVariableValue","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","disableActiveTheme","Frame","Indicator","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","props","propsActive","styledContext","useContext","adjustedSize","size","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","type","tabIndex","ref","style","appearance","accentColor","Provider","value","children","width","height","tag","theme","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","iconSize","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,
|
|
1
|
+
{"version":3,"names":["React","useMemo","isIndeterminate","useCheckbox","getVariableValue","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","disableActiveTheme","Frame","Indicator","FrameComponent","styleable","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","props","propsActive","styledContext","useContext","adjustedSize","size","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","type","tabIndex","ref","style","appearance","accentColor","memoizedContext","Provider","value","children","width","height","tag","theme","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","iconSize","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from "react";
|
|
2
|
+
import React, { useMemo } from "react";
|
|
3
3
|
import { registerFocusable } from "@tamagui/focusable";
|
|
4
4
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
5
5
|
import { getVariableValue, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
@@ -68,12 +68,17 @@ function createCheckbox(createProps) {
|
|
|
68
68
|
...checkboxProps.style
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
|
-
var
|
|
72
|
-
|
|
73
|
-
value: {
|
|
71
|
+
var memoizedContext = useMemo(function() {
|
|
72
|
+
return {
|
|
74
73
|
checked,
|
|
75
74
|
disabled: checkboxProps.disabled
|
|
76
|
-
}
|
|
75
|
+
};
|
|
76
|
+
}, [
|
|
77
|
+
checked,
|
|
78
|
+
checkboxProps.disabled
|
|
79
|
+
]), _propsActive_size1, _ref1, _ref2;
|
|
80
|
+
return /* @__PURE__ */ _jsx(CheckboxContext.Provider, {
|
|
81
|
+
value: memoizedContext,
|
|
77
82
|
children: /* @__PURE__ */ _jsxs(CheckboxStyledContext.Provider, {
|
|
78
83
|
size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext == null ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
|
|
79
84
|
scaleIcon: (_ref2 = scaleIcon ?? (styledContext == null ? void 0 : styledContext.scaleIcon)) !== null && _ref2 !== void 0 ? _ref2 : 1,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/checkbox/src/createCheckbox.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,
|
|
5
|
-
"names": ["React", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["React", "useMemo", "registerFocusable", "isIndeterminate", "useCheckbox", "getVariableValue", "shouldRenderNativePlatform", "useProps", "useTheme", "withStaticProperties", "getFontSize", "getSize", "useGetThemedIcon", "useControllableState", "CheckboxFrame", "CheckboxIndicatorFrame", "CheckboxStyledContext", "CheckboxContext", "createContext", "checked", "disabled", "ensureContext", "x", "context", "createCheckbox", "createProps", "disableActiveTheme", "Frame", "Indicator", "FrameComponent", "styleable", "_props", "forwardedRef", "scaleSize", "sizeAdjust", "scaleIcon", "checkedProp", "defaultChecked", "onCheckedChange", "native", "unstyled", "props", "propsActive", "styledContext", "useContext", "adjustedSize", "size", "shift", "Math", "round", "setChecked", "prop", "defaultProp", "onChange", "checkboxProps", "checkboxRef", "bubbleInput", "useEffect", "id", "focusAndSelect", "value", "focus", "renderNative", "input", "type", "tabIndex", "ref", "style", "appearance", "accentColor", "memoizedContext", "Provider", "width", "height", "tag", "theme", "children", "IndicatorComponent", "childrenProp", "forceMount", "disablePassStyles", "indicatorProps", "iconSize", "getThemedIcon", "color", "childrens", "Children", "toArray", "map", "child", "isValidElement", "pointerEvents"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/checkbox",
|
|
3
|
-
"version": "1.123.
|
|
3
|
+
"version": "1.123.6",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -24,20 +24,20 @@
|
|
|
24
24
|
"clean:build": "tamagui-build clean:build"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@tamagui/checkbox-headless": "1.123.
|
|
28
|
-
"@tamagui/compose-refs": "1.123.
|
|
29
|
-
"@tamagui/constants": "1.123.
|
|
30
|
-
"@tamagui/core": "1.123.
|
|
31
|
-
"@tamagui/create-context": "1.123.
|
|
32
|
-
"@tamagui/focusable": "1.123.
|
|
33
|
-
"@tamagui/font-size": "1.123.
|
|
34
|
-
"@tamagui/get-token": "1.123.
|
|
35
|
-
"@tamagui/helpers": "1.123.
|
|
36
|
-
"@tamagui/helpers-tamagui": "1.123.
|
|
37
|
-
"@tamagui/label": "1.123.
|
|
38
|
-
"@tamagui/stacks": "1.123.
|
|
39
|
-
"@tamagui/use-controllable-state": "1.123.
|
|
40
|
-
"@tamagui/use-previous": "1.123.
|
|
27
|
+
"@tamagui/checkbox-headless": "1.123.6",
|
|
28
|
+
"@tamagui/compose-refs": "1.123.6",
|
|
29
|
+
"@tamagui/constants": "1.123.6",
|
|
30
|
+
"@tamagui/core": "1.123.6",
|
|
31
|
+
"@tamagui/create-context": "1.123.6",
|
|
32
|
+
"@tamagui/focusable": "1.123.6",
|
|
33
|
+
"@tamagui/font-size": "1.123.6",
|
|
34
|
+
"@tamagui/get-token": "1.123.6",
|
|
35
|
+
"@tamagui/helpers": "1.123.6",
|
|
36
|
+
"@tamagui/helpers-tamagui": "1.123.6",
|
|
37
|
+
"@tamagui/label": "1.123.6",
|
|
38
|
+
"@tamagui/stacks": "1.123.6",
|
|
39
|
+
"@tamagui/use-controllable-state": "1.123.6",
|
|
40
|
+
"@tamagui/use-previous": "1.123.6"
|
|
41
41
|
},
|
|
42
42
|
"exports": {
|
|
43
43
|
"./package.json": "./package.json",
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
"devDependencies": {
|
|
56
|
-
"@tamagui/build": "1.123.
|
|
56
|
+
"@tamagui/build": "1.123.6",
|
|
57
57
|
"react": "*"
|
|
58
58
|
},
|
|
59
59
|
"publishConfig": {
|
package/src/Checkbox.tsx
CHANGED
package/src/createCheckbox.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { useMemo } from 'react'
|
|
2
2
|
import type {
|
|
3
3
|
CheckedState,
|
|
4
4
|
CheckboxExtraProps as HeadlessCheckboxExtraProps,
|
|
@@ -165,13 +165,16 @@ export function createCheckbox<
|
|
|
165
165
|
)
|
|
166
166
|
}
|
|
167
167
|
|
|
168
|
+
const memoizedContext = useMemo(
|
|
169
|
+
() => ({
|
|
170
|
+
checked,
|
|
171
|
+
disabled: checkboxProps.disabled,
|
|
172
|
+
}),
|
|
173
|
+
[checked, checkboxProps.disabled]
|
|
174
|
+
)
|
|
175
|
+
|
|
168
176
|
return (
|
|
169
|
-
<CheckboxContext.Provider
|
|
170
|
-
value={{
|
|
171
|
-
checked,
|
|
172
|
-
disabled: checkboxProps.disabled,
|
|
173
|
-
}}
|
|
174
|
-
>
|
|
177
|
+
<CheckboxContext.Provider value={memoizedContext}>
|
|
175
178
|
<CheckboxStyledContext.Provider
|
|
176
179
|
size={propsActive.size ?? styledContext?.size ?? '$true'}
|
|
177
180
|
scaleIcon={scaleIcon ?? styledContext?.scaleIcon ?? 1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createCheckbox.d.ts","sourceRoot":"","sources":["../src/createCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"createCheckbox.d.ts","sourceRoot":"","sources":["../src/createCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,IAAI,0BAA0B,EACjD,MAAM,4BAA4B,CAAA;AAGnC,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAgBxE,KAAK,6BAA6B,GAAG;IACnC,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,kBAAkB,GAAG,0BAA0B,GAAG;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAA;CAC5B,CAAA;AACD,KAAK,iBAAiB,GAAG,UAAU,CAAA;AAEnC,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAC3C,kBAAkB,GAClB,6BAA6B,CAAA;AAE/B,KAAK,iBAAiB,GAAG,CACvB,KAAK,EAAE,kBAAkB,GAAG,6BAA6B,KACtD,GAAG,CAAA;AAER,KAAK,sCAAsC,GAAG,EAAE,CAAA;AAChD,KAAK,0BAA0B,GAAG,CAAC,KAAK,EAAE,sCAAsC,KAAK,GAAG,CAAA;AAExF,KAAK,0BAA0B,GAAG,UAAU,CAAA;AAC5C,KAAK,2BAA2B,GAAG;IACjC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,GAC7D,2BAA2B,CAAA;AAE7B,eAAO,MAAM,eAAe;aACjB,YAAY;eACV,OAAO;EAIlB,CAAA;AAQF,wBAAgB,cAAc,CAC5B,CAAC,SAAS,iBAAiB,EAC3B,CAAC,SAAS,0BAA0B,EACpC,WAAW,EAAE;IAAE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IAAC,SAAS,CAAC,EAAE,CAAC,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;gBAnD3D,MAAM;gBACN,MAAM;iBACL,MAAM;aACV,WAAW,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;gBAHf,MAAM;gBACN,MAAM;iBACL,MAAM;aACV,WAAW,CAAC,KAAK,CAAC;;gBAHf,MAAM;gBACN,MAAM;iBACL,MAAM;aACV,WAAW,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oBAHf,MAAM;oBACN,MAAM;qBACL,MAAM;iBACV,WAAW,CAAC,KAAK,CAAC;;oBAHf,MAAM;oBACN,MAAM;qBACL,MAAM;iBACV,WAAW,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8N5B"}
|