@tamagui/checkbox 2.0.0-rc.4 → 2.0.0-rc.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Checkbox.cjs +93 -88
- package/dist/cjs/Checkbox.native.js +93 -91
- package/dist/cjs/Checkbox.native.js.map +1 -1
- package/dist/cjs/CheckboxStyledContext.cjs +14 -12
- package/dist/cjs/CheckboxStyledContext.native.js +20 -18
- package/dist/cjs/CheckboxStyledContext.native.js.map +1 -1
- package/dist/cjs/createCheckbox.cjs +163 -153
- package/dist/cjs/createCheckbox.native.js +180 -176
- package/dist/cjs/createCheckbox.native.js.map +1 -1
- package/dist/cjs/index.cjs +15 -13
- package/dist/cjs/index.native.js +15 -13
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Checkbox.mjs +77 -74
- package/dist/esm/Checkbox.mjs.map +1 -1
- package/dist/esm/Checkbox.native.js +77 -77
- package/dist/esm/Checkbox.native.js.map +1 -1
- package/dist/esm/CheckboxStyledContext.mjs +2 -2
- package/dist/esm/CheckboxStyledContext.native.js +2 -2
- package/dist/esm/createCheckbox.mjs +119 -114
- package/dist/esm/createCheckbox.mjs.map +1 -1
- package/dist/esm/createCheckbox.native.js +134 -136
- package/dist/esm/createCheckbox.native.js.map +1 -1
- package/dist/esm/index.js +6 -8
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/Checkbox.mjs +77 -74
- package/dist/jsx/Checkbox.mjs.map +1 -1
- package/dist/jsx/Checkbox.native.js +93 -91
- package/dist/jsx/Checkbox.native.js.map +1 -1
- package/dist/jsx/CheckboxStyledContext.mjs +2 -2
- package/dist/jsx/CheckboxStyledContext.native.js +20 -18
- package/dist/jsx/CheckboxStyledContext.native.js.map +1 -1
- package/dist/jsx/createCheckbox.mjs +119 -114
- package/dist/jsx/createCheckbox.mjs.map +1 -1
- package/dist/jsx/createCheckbox.native.js +180 -176
- package/dist/jsx/createCheckbox.native.js.map +1 -1
- package/dist/jsx/index.js +6 -8
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +15 -13
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +19 -22
- package/types/createCheckbox.d.ts +3 -3
- package/types/index.d.ts +3 -3
- package/dist/cjs/Checkbox.js +0 -108
- package/dist/cjs/Checkbox.js.map +0 -6
- package/dist/cjs/CheckboxStyledContext.js +0 -28
- package/dist/cjs/CheckboxStyledContext.js.map +0 -6
- package/dist/cjs/createCheckbox.js +0 -165
- package/dist/cjs/createCheckbox.js.map +0 -6
- package/dist/cjs/index.js +0 -28
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/Checkbox.js +0 -95
- package/dist/esm/Checkbox.js.map +0 -6
- package/dist/esm/CheckboxStyledContext.js +0 -12
- package/dist/esm/CheckboxStyledContext.js.map +0 -6
- package/dist/esm/createCheckbox.js +0 -158
- package/dist/esm/createCheckbox.js.map +0 -6
- package/dist/jsx/Checkbox.js +0 -95
- package/dist/jsx/Checkbox.js.map +0 -6
- package/dist/jsx/CheckboxStyledContext.js +0 -12
- package/dist/jsx/CheckboxStyledContext.js.map +0 -6
- package/dist/jsx/createCheckbox.js +0 -158
- package/dist/jsx/createCheckbox.js.map +0 -6
|
@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var Checkbox_exports = {};
|
|
24
26
|
__export(Checkbox_exports, {
|
|
@@ -26,92 +28,92 @@ __export(Checkbox_exports, {
|
|
|
26
28
|
CheckboxIndicatorFrame: () => CheckboxIndicatorFrame
|
|
27
29
|
});
|
|
28
30
|
module.exports = __toCommonJS(Checkbox_exports);
|
|
29
|
-
var import_core = require("@tamagui/core")
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
31
|
+
var import_core = require("@tamagui/core");
|
|
32
|
+
var import_get_token = require("@tamagui/get-token");
|
|
33
|
+
var import_stacks = require("@tamagui/stacks");
|
|
34
|
+
var import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js");
|
|
35
|
+
var INDICATOR_NAME = "CheckboxIndicator";
|
|
36
|
+
var CheckboxIndicatorFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
37
|
+
// use Checkbox for easier themes
|
|
38
|
+
name: INDICATOR_NAME,
|
|
39
|
+
context: import_CheckboxStyledContext.CheckboxStyledContext,
|
|
40
|
+
variants: {
|
|
41
|
+
unstyled: {
|
|
42
|
+
false: {}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
defaultVariants: {
|
|
46
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
accept: {
|
|
50
|
+
activeStyle: "style"
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
var CHECKBOX_NAME = "Checkbox";
|
|
54
|
+
var CheckboxFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
55
|
+
name: CHECKBOX_NAME,
|
|
56
|
+
render: "button",
|
|
57
|
+
context: import_CheckboxStyledContext.CheckboxStyledContext,
|
|
58
|
+
variants: {
|
|
59
|
+
unstyled: {
|
|
60
|
+
false: {
|
|
61
|
+
size: "$true",
|
|
62
|
+
backgroundColor: "$background",
|
|
63
|
+
alignItems: "center",
|
|
64
|
+
justifyContent: "center",
|
|
65
|
+
borderWidth: 1,
|
|
66
|
+
borderColor: "$borderColor",
|
|
67
|
+
hoverStyle: {
|
|
68
|
+
borderColor: "$borderColorHover"
|
|
69
|
+
},
|
|
70
|
+
pressStyle: {
|
|
71
|
+
backgroundColor: "$backgroundPress",
|
|
72
|
+
borderColor: "$borderColorPress"
|
|
73
|
+
},
|
|
74
|
+
focusStyle: {
|
|
75
|
+
borderColor: "$borderColorFocus"
|
|
76
|
+
},
|
|
77
|
+
focusVisibleStyle: {
|
|
78
|
+
outlineStyle: "solid",
|
|
79
|
+
outlineWidth: 2,
|
|
80
|
+
outlineColor: "$outlineColor"
|
|
81
|
+
}
|
|
41
82
|
}
|
|
42
83
|
},
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
}
|
|
50
|
-
}),
|
|
51
|
-
CHECKBOX_NAME = "Checkbox",
|
|
52
|
-
CheckboxFrame = (0, import_core.styled)(import_stacks.YStack, {
|
|
53
|
-
name: CHECKBOX_NAME,
|
|
54
|
-
render: "button",
|
|
55
|
-
context: import_CheckboxStyledContext.CheckboxStyledContext,
|
|
56
|
-
variants: {
|
|
57
|
-
unstyled: {
|
|
58
|
-
false: {
|
|
59
|
-
size: "$true",
|
|
60
|
-
backgroundColor: "$background",
|
|
61
|
-
alignItems: "center",
|
|
62
|
-
justifyContent: "center",
|
|
63
|
-
borderWidth: 1,
|
|
84
|
+
disabled: {
|
|
85
|
+
true: {
|
|
86
|
+
pointerEvents: "none",
|
|
87
|
+
userSelect: "none",
|
|
88
|
+
cursor: "not-allowed",
|
|
89
|
+
hoverStyle: {
|
|
64
90
|
borderColor: "$borderColor",
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
borderColor: "$borderColorFocus"
|
|
74
|
-
},
|
|
75
|
-
focusVisibleStyle: {
|
|
76
|
-
outlineStyle: "solid",
|
|
77
|
-
outlineWidth: 2,
|
|
78
|
-
outlineColor: "$outlineColor"
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
},
|
|
82
|
-
disabled: {
|
|
83
|
-
true: {
|
|
84
|
-
pointerEvents: "none",
|
|
85
|
-
userSelect: "none",
|
|
86
|
-
cursor: "not-allowed",
|
|
87
|
-
hoverStyle: {
|
|
88
|
-
borderColor: "$borderColor",
|
|
89
|
-
backgroundColor: "$background"
|
|
90
|
-
},
|
|
91
|
-
pressStyle: {
|
|
92
|
-
borderColor: "$borderColor",
|
|
93
|
-
backgroundColor: "$background"
|
|
94
|
-
},
|
|
95
|
-
focusStyle: {
|
|
96
|
-
outlineWidth: 0
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
},
|
|
100
|
-
size: {
|
|
101
|
-
"...size": function (val) {
|
|
102
|
-
var radiusToken = (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8;
|
|
103
|
-
return {
|
|
104
|
-
borderRadius: radiusToken
|
|
105
|
-
};
|
|
91
|
+
backgroundColor: "$background"
|
|
92
|
+
},
|
|
93
|
+
pressStyle: {
|
|
94
|
+
borderColor: "$borderColor",
|
|
95
|
+
backgroundColor: "$background"
|
|
96
|
+
},
|
|
97
|
+
focusStyle: {
|
|
98
|
+
outlineWidth: 0
|
|
106
99
|
}
|
|
107
100
|
}
|
|
108
101
|
},
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
102
|
+
size: {
|
|
103
|
+
"...size": function (val) {
|
|
104
|
+
var radiusToken = (0, import_core.getVariableValue)((0, import_get_token.getSize)(val)) / 8;
|
|
105
|
+
return {
|
|
106
|
+
borderRadius: radiusToken
|
|
107
|
+
};
|
|
108
|
+
}
|
|
115
109
|
}
|
|
116
|
-
}
|
|
110
|
+
},
|
|
111
|
+
defaultVariants: {
|
|
112
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
113
|
+
}
|
|
114
|
+
}, {
|
|
115
|
+
accept: {
|
|
116
|
+
activeStyle: "style"
|
|
117
|
+
}
|
|
118
|
+
});
|
|
117
119
|
//# sourceMappingURL=Checkbox.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Checkbox_exports","CheckboxFrame","CheckboxIndicatorFrame","module","exports","import_core","require","import_get_token","import_stacks","import_CheckboxStyledContext","INDICATOR_NAME","styled","YStack","context","CheckboxStyledContext","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor"
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","Checkbox_exports","CheckboxFrame","CheckboxIndicatorFrame","module","exports","import_core","require","import_get_token","import_stacks","import_CheckboxStyledContext","INDICATOR_NAME","styled","YStack","context","CheckboxStyledContext","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -3,8 +3,8 @@ const CheckboxStyledContext = createStyledContext({
|
|
|
3
3
|
size: "$true",
|
|
4
4
|
scaleIcon: 1,
|
|
5
5
|
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
6
|
-
active:
|
|
7
|
-
disabled:
|
|
6
|
+
active: false,
|
|
7
|
+
disabled: false
|
|
8
8
|
});
|
|
9
9
|
export { CheckboxStyledContext };
|
|
10
10
|
//# sourceMappingURL=CheckboxStyledContext.mjs.map
|
|
@@ -5,32 +5,34 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
|
5
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
6
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
7
|
var __export = (target, all) => {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: true
|
|
11
|
+
});
|
|
12
|
+
};
|
|
13
|
+
var __copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
+
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
15
16
|
get: () => from[key],
|
|
16
17
|
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
18
|
});
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
}
|
|
20
|
+
return to;
|
|
21
|
+
};
|
|
20
22
|
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value:
|
|
23
|
+
value: true
|
|
22
24
|
}), mod);
|
|
23
25
|
var CheckboxStyledContext_exports = {};
|
|
24
26
|
__export(CheckboxStyledContext_exports, {
|
|
25
27
|
CheckboxStyledContext: () => CheckboxStyledContext
|
|
26
28
|
});
|
|
27
29
|
module.exports = __toCommonJS(CheckboxStyledContext_exports);
|
|
28
|
-
var import_core = require("@tamagui/core")
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
30
|
+
var import_core = require("@tamagui/core");
|
|
31
|
+
var CheckboxStyledContext = (0, import_core.createStyledContext)({
|
|
32
|
+
size: "$true",
|
|
33
|
+
scaleIcon: 1,
|
|
34
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
35
|
+
active: false,
|
|
36
|
+
disabled: false
|
|
37
|
+
});
|
|
36
38
|
//# sourceMappingURL=CheckboxStyledContext.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAwB;AAMlC,IACDC,gBAAM,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACNC,iBAAW,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACXC,YAAU,GAAAN,MAAY,CAAAO,SAAA,CAAAC,cAAqB;AAAA,IAC3CC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable"],"sources":["../../src/CheckboxStyledContext.tsx"],"sourcesContent":[null],"mappings":"AACA,YAAS;;AAEF,IAAAA,SAAM,GAAAC,MAAA,CAAAC,cAAwB;AAMlC,IACDC,gBAAM,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACNC,iBAAW,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACXC,YAAU,GAAAN,MAAY,CAAAO,SAAA,CAAAC,cAAqB;AAAA,IAC3CC,QAAQ,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACR,SAAAC,IAAU,IAAAD,GAAA,EACXZ,SAAA,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA","ignoreList":[]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
2
2
|
import { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
3
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
3
4
|
import { getFontSize } from "@tamagui/font-size";
|
|
4
5
|
import { getSize } from "@tamagui/get-token";
|
|
5
6
|
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
@@ -9,139 +10,143 @@ import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
|
|
|
9
10
|
import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
|
|
10
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
12
|
const CheckboxContext = React.createContext({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
13
|
+
checked: false,
|
|
14
|
+
disabled: false
|
|
15
|
+
});
|
|
16
|
+
const ensureContext = x => {
|
|
17
|
+
if (!x.context) x.context = CheckboxContext;
|
|
18
|
+
};
|
|
18
19
|
function createCheckbox(createProps) {
|
|
19
20
|
const {
|
|
20
21
|
Frame = CheckboxFrame,
|
|
21
22
|
Indicator = CheckboxIndicatorFrame
|
|
22
23
|
} = createProps;
|
|
23
|
-
ensureContext(Frame)
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
24
|
+
ensureContext(Frame);
|
|
25
|
+
ensureContext(Indicator);
|
|
26
|
+
return withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {
|
|
27
|
+
const {
|
|
28
|
+
scaleSize = .45,
|
|
29
|
+
sizeAdjust = 0,
|
|
30
|
+
scaleIcon,
|
|
31
|
+
checked: checkedProp,
|
|
32
|
+
defaultChecked,
|
|
33
|
+
onCheckedChange,
|
|
34
|
+
native,
|
|
35
|
+
unstyled = false,
|
|
36
|
+
activeStyle,
|
|
37
|
+
activeTheme,
|
|
38
|
+
...props
|
|
39
|
+
} = _props;
|
|
40
|
+
const propsActive = useProps(props);
|
|
41
|
+
const styledContext = React.useContext(CheckboxStyledContext.context);
|
|
42
|
+
let adjustedSize = 0;
|
|
43
|
+
let size = 0;
|
|
44
|
+
if (!unstyled) {
|
|
45
|
+
adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
|
|
43
46
|
shift: sizeAdjust
|
|
44
|
-
}))
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
47
|
+
}));
|
|
48
|
+
size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
|
|
49
|
+
}
|
|
50
|
+
const [checked = false, setChecked] = useControllableState({
|
|
51
|
+
prop: checkedProp,
|
|
52
|
+
defaultProp: defaultChecked,
|
|
53
|
+
onChange: onCheckedChange
|
|
54
|
+
});
|
|
55
|
+
const {
|
|
56
|
+
checkboxProps,
|
|
57
|
+
checkboxRef,
|
|
58
|
+
bubbleInput
|
|
59
|
+
} = useCheckbox(
|
|
60
|
+
// @ts-ignore
|
|
61
|
+
propsActive, [checked, setChecked], forwardedRef);
|
|
62
|
+
if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
|
|
63
|
+
type: "checkbox",
|
|
64
|
+
defaultChecked: isIndeterminate(checked) ? false : checked,
|
|
65
|
+
tabIndex: -1,
|
|
66
|
+
ref: checkboxRef,
|
|
67
|
+
disabled: checkboxProps.disabled,
|
|
68
|
+
style: {
|
|
69
|
+
appearance: "auto",
|
|
70
|
+
accentColor: "var(--color6)",
|
|
71
|
+
...checkboxProps.style
|
|
72
|
+
}
|
|
73
|
+
});
|
|
74
|
+
const memoizedContext = useMemo(() => ({
|
|
75
|
+
checked,
|
|
76
|
+
disabled: checkboxProps.disabled
|
|
77
|
+
}), [checked, checkboxProps.disabled]);
|
|
78
|
+
const isActive = !!checked;
|
|
79
|
+
const disabled = checkboxProps.disabled;
|
|
80
|
+
return /* @__PURE__ */jsx(CheckboxContext.Provider, {
|
|
81
|
+
value: memoizedContext,
|
|
82
|
+
children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
|
|
83
|
+
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
84
|
+
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
85
|
+
unstyled,
|
|
86
|
+
active: isActive,
|
|
87
|
+
disabled,
|
|
88
|
+
children: [/* @__PURE__ */jsx(Frame, {
|
|
89
|
+
render: "button",
|
|
90
|
+
ref: checkboxRef,
|
|
80
91
|
unstyled,
|
|
81
|
-
|
|
92
|
+
theme: activeTheme ?? null,
|
|
93
|
+
...(isWeb && {
|
|
94
|
+
type: "button"
|
|
95
|
+
}),
|
|
96
|
+
...(!unstyled && {
|
|
97
|
+
width: size,
|
|
98
|
+
height: size,
|
|
99
|
+
size
|
|
100
|
+
}),
|
|
101
|
+
checked,
|
|
82
102
|
disabled,
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
unstyled
|
|
87
|
-
|
|
88
|
-
...(isWeb && {
|
|
89
|
-
type: "button"
|
|
103
|
+
...checkboxProps,
|
|
104
|
+
...props,
|
|
105
|
+
...(isActive && {
|
|
106
|
+
...(!unstyled && !activeStyle && {
|
|
107
|
+
backgroundColor: "$backgroundActive"
|
|
90
108
|
}),
|
|
91
|
-
...
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
...props,
|
|
100
|
-
...(isActive && {
|
|
101
|
-
...(!unstyled && !activeStyle && {
|
|
102
|
-
backgroundColor: "$backgroundActive"
|
|
103
|
-
}),
|
|
104
|
-
...activeStyle
|
|
105
|
-
}),
|
|
106
|
-
children: propsActive.children
|
|
107
|
-
}), bubbleInput]
|
|
108
|
-
})
|
|
109
|
-
});
|
|
110
|
-
}),
|
|
111
|
-
IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
|
|
109
|
+
...activeStyle
|
|
110
|
+
}),
|
|
111
|
+
children: propsActive.children
|
|
112
|
+
}), bubbleInput]
|
|
113
|
+
})
|
|
114
|
+
});
|
|
115
|
+
}), {
|
|
116
|
+
Indicator: Indicator.styleable((props, forwardedRef) => {
|
|
112
117
|
const {
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
118
|
+
children: childrenProp,
|
|
119
|
+
forceMount,
|
|
120
|
+
disablePassStyles,
|
|
121
|
+
unstyled = false,
|
|
122
|
+
activeStyle,
|
|
123
|
+
...indicatorProps
|
|
124
|
+
} = props;
|
|
125
|
+
const styledContext = CheckboxStyledContext.useStyledContext();
|
|
126
|
+
const {
|
|
127
|
+
active
|
|
128
|
+
} = styledContext;
|
|
124
129
|
let children = childrenProp;
|
|
125
130
|
if (!unstyled) {
|
|
126
|
-
const
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
131
|
+
const getThemedIcon = useGetThemedIcon({
|
|
132
|
+
size: (typeof styledContext.size === "number" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
|
|
133
|
+
color: useTheme().color
|
|
134
|
+
});
|
|
135
|
+
children = React.Children.toArray(childrenProp).map(child => {
|
|
136
|
+
if (disablePassStyles || !React.isValidElement(child)) return child;
|
|
137
|
+
return getThemedIcon(child);
|
|
138
|
+
});
|
|
133
139
|
}
|
|
134
140
|
const context = React.useContext(CheckboxContext);
|
|
135
|
-
|
|
141
|
+
if (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */jsx(Indicator, {
|
|
136
142
|
pointerEvents: "none",
|
|
137
143
|
...indicatorProps,
|
|
138
144
|
...(active && activeStyle),
|
|
139
145
|
ref: forwardedRef,
|
|
140
146
|
children
|
|
141
|
-
})
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
Indicator: IndicatorComponent
|
|
147
|
+
});
|
|
148
|
+
return null;
|
|
149
|
+
})
|
|
145
150
|
});
|
|
146
151
|
}
|
|
147
152
|
export { CheckboxContext, createCheckbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["isIndeterminate","useCheckbox","getVariableValue","isWeb","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","getFontSize","getSize","useGetThemedIcon","useControllableState","React","useMemo","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","Frame","Indicator","
|
|
1
|
+
{"version":3,"names":["isIndeterminate","useCheckbox","getVariableValue","isWeb","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","registerFocusable","getFontSize","getSize","useGetThemedIcon","useControllableState","React","useMemo","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","jsx","jsxs","CheckboxContext","createContext","checked","disabled","ensureContext","x","context","createCheckbox","createProps","Frame","Indicator","styleable","Checkbox","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","activeStyle","activeTheme","props","propsActive","styledContext","useContext","adjustedSize","size","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","type","tabIndex","ref","style","appearance","accentColor","memoizedContext","isActive","Provider","value","children","active","render","theme","width","height","backgroundColor","childrenProp","forceMount","disablePassStyles","indicatorProps","useStyledContext","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|