@tamagui/checkbox 2.7.7 → 3.0.0-beta.643.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Checkbox.cjs +105 -101
- package/dist/cjs/Checkbox.native.cjs +137 -0
- package/dist/cjs/Checkbox.native.js +120 -100
- package/dist/cjs/Checkbox.native.js.map +1 -1
- package/dist/cjs/CheckboxStyledContext.cjs +18 -23
- package/dist/cjs/CheckboxStyledContext.native.cjs +32 -0
- package/dist/cjs/CheckboxStyledContext.native.js +18 -22
- package/dist/cjs/CheckboxStyledContext.native.js.map +1 -1
- package/dist/cjs/index.cjs +9 -26
- package/dist/cjs/index.native.cjs +22 -0
- package/dist/cjs/index.native.js +10 -26
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/Checkbox.mjs +83 -87
- package/dist/esm/Checkbox.mjs.map +1 -1
- package/dist/esm/Checkbox.native.js +99 -87
- package/dist/esm/Checkbox.native.js.map +1 -1
- package/dist/esm/CheckboxStyledContext.mjs +5 -5
- package/dist/esm/CheckboxStyledContext.mjs.map +1 -1
- package/dist/esm/CheckboxStyledContext.native.js +5 -5
- package/dist/esm/CheckboxStyledContext.native.js.map +1 -1
- package/dist/esm/index.js +3 -11
- package/dist/esm/index.mjs +3 -11
- package/dist/esm/index.native.js +3 -11
- package/dist/jsx/Checkbox.mjs +83 -87
- package/dist/jsx/Checkbox.mjs.map +1 -1
- package/dist/jsx/Checkbox.native.cjs +137 -0
- package/dist/jsx/Checkbox.native.js +120 -100
- package/dist/jsx/Checkbox.native.js.map +1 -1
- package/dist/jsx/CheckboxStyledContext.mjs +5 -5
- package/dist/jsx/CheckboxStyledContext.mjs.map +1 -1
- package/dist/jsx/CheckboxStyledContext.native.cjs +32 -0
- package/dist/jsx/CheckboxStyledContext.native.js +18 -22
- package/dist/jsx/CheckboxStyledContext.native.js.map +1 -1
- package/dist/jsx/index.js +3 -11
- package/dist/jsx/index.mjs +3 -11
- package/dist/jsx/index.native.cjs +22 -0
- package/dist/jsx/index.native.js +10 -26
- package/dist/jsx/index.native.js.map +1 -1
- package/package.json +6 -16
- package/src/Checkbox.tsx +189 -81
- package/src/CheckboxStyledContext.tsx +2 -6
- package/src/index.ts +0 -9
- package/types/Checkbox.d.ts +446 -24
- package/types/Checkbox.d.ts.map +1 -1
- package/types/CheckboxStyledContext.d.ts +2 -4
- package/types/CheckboxStyledContext.d.ts.map +1 -1
- package/types/index.d.ts +0 -320
- package/types/index.d.ts.map +1 -1
- package/dist/cjs/createCheckbox.cjs +0 -194
- package/dist/cjs/createCheckbox.native.js +0 -213
- package/dist/cjs/createCheckbox.native.js.map +0 -1
- package/dist/esm/createCheckbox.mjs +0 -150
- package/dist/esm/createCheckbox.mjs.map +0 -1
- package/dist/esm/createCheckbox.native.js +0 -167
- package/dist/esm/createCheckbox.native.js.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/jsx/createCheckbox.mjs +0 -150
- package/dist/jsx/createCheckbox.mjs.map +0 -1
- package/dist/jsx/createCheckbox.native.js +0 -213
- package/dist/jsx/createCheckbox.native.js.map +0 -1
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs.map +0 -1
- package/src/createCheckbox.tsx +0 -280
- package/types/createCheckbox.d.ts +0 -196
- package/types/createCheckbox.d.ts.map +0 -1
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all) __defProp(target, name, {
|
|
11
|
-
get: all[name],
|
|
12
|
-
enumerable: true
|
|
13
|
-
});
|
|
14
|
-
};
|
|
15
|
-
var __copyProps = (to, from, except, desc) => {
|
|
16
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
17
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
18
|
-
get: () => from[key],
|
|
19
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
return to;
|
|
23
|
-
};
|
|
24
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
25
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
26
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
27
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
28
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
29
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
30
|
-
value: mod,
|
|
31
|
-
enumerable: true
|
|
32
|
-
}) : target, mod));
|
|
33
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
34
|
-
value: true
|
|
35
|
-
}), mod);
|
|
36
|
-
var createCheckbox_exports = {};
|
|
37
|
-
__export(createCheckbox_exports, {
|
|
38
|
-
CheckboxContext: () => CheckboxContext,
|
|
39
|
-
createCheckbox: () => createCheckbox
|
|
40
|
-
});
|
|
41
|
-
module.exports = __toCommonJS(createCheckbox_exports);
|
|
42
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
|
-
var import_checkbox_headless = require("@tamagui/checkbox-headless");
|
|
44
|
-
var import_core = require("@tamagui/core");
|
|
45
|
-
var import_focusable = require("@tamagui/focusable");
|
|
46
|
-
var import_font_size = require("@tamagui/font-size");
|
|
47
|
-
var import_get_token = require("@tamagui/get-token");
|
|
48
|
-
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
49
|
-
var import_use_controllable_state = require("@tamagui/use-controllable-state");
|
|
50
|
-
var import_react = __toESM(require("react"), 1);
|
|
51
|
-
var import_Checkbox = require("./Checkbox.native.js");
|
|
52
|
-
var import_CheckboxStyledContext = require("./CheckboxStyledContext.native.js");
|
|
53
|
-
var CheckboxContext = /* @__PURE__ */import_react.default.createContext({
|
|
54
|
-
checked: false,
|
|
55
|
-
disabled: false
|
|
56
|
-
});
|
|
57
|
-
var ensureContext = function (x) {
|
|
58
|
-
if (!x.context) x.context = CheckboxContext;
|
|
59
|
-
};
|
|
60
|
-
function createCheckbox(createProps) {
|
|
61
|
-
var {
|
|
62
|
-
Frame = import_Checkbox.CheckboxFrame,
|
|
63
|
-
Indicator = import_Checkbox.CheckboxIndicatorFrame
|
|
64
|
-
} = createProps;
|
|
65
|
-
ensureContext(Frame);
|
|
66
|
-
ensureContext(Indicator);
|
|
67
|
-
var FrameComponent = Frame.styleable(function Checkbox(_props, forwardedRef) {
|
|
68
|
-
var {
|
|
69
|
-
scaleSize = .45,
|
|
70
|
-
sizeAdjust = 0,
|
|
71
|
-
scaleIcon,
|
|
72
|
-
checked: checkedProp,
|
|
73
|
-
defaultChecked,
|
|
74
|
-
onCheckedChange,
|
|
75
|
-
native,
|
|
76
|
-
unstyled = false,
|
|
77
|
-
activeStyle,
|
|
78
|
-
activeTheme,
|
|
79
|
-
...props
|
|
80
|
-
} = _props;
|
|
81
|
-
var propsActive = (0, import_core.useProps)(props);
|
|
82
|
-
var styledContext = import_react.default.useContext(import_CheckboxStyledContext.CheckboxStyledContext.context);
|
|
83
|
-
var adjustedSize = 0;
|
|
84
|
-
var size = 0;
|
|
85
|
-
if (!unstyled) {
|
|
86
|
-
var _propsActive_size, _ref;
|
|
87
|
-
adjustedSize = (0, import_core.getVariableValue)((0, import_get_token.getSize)((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
|
|
88
|
-
shift: sizeAdjust
|
|
89
|
-
}));
|
|
90
|
-
size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
|
|
91
|
-
}
|
|
92
|
-
var [checked = false, setChecked] = (0, import_use_controllable_state.useControllableState)({
|
|
93
|
-
prop: checkedProp,
|
|
94
|
-
defaultProp: defaultChecked,
|
|
95
|
-
onChange: onCheckedChange
|
|
96
|
-
});
|
|
97
|
-
var {
|
|
98
|
-
checkboxProps,
|
|
99
|
-
checkboxRef,
|
|
100
|
-
bubbleInput
|
|
101
|
-
} = (0, import_checkbox_headless.useCheckbox)(
|
|
102
|
-
// @ts-ignore
|
|
103
|
-
propsActive, [checked, setChecked], forwardedRef);
|
|
104
|
-
import_react.default.useEffect(function () {
|
|
105
|
-
if (!props.id) return;
|
|
106
|
-
if (props.disabled) return;
|
|
107
|
-
return (0, import_focusable.registerFocusable)(props.id, {
|
|
108
|
-
focusAndSelect: function () {
|
|
109
|
-
setChecked === null || setChecked === void 0 || setChecked(function (value) {
|
|
110
|
-
return !value;
|
|
111
|
-
});
|
|
112
|
-
},
|
|
113
|
-
focus: function () {}
|
|
114
|
-
});
|
|
115
|
-
}, [props.id, props.disabled]);
|
|
116
|
-
if ((0, import_core.shouldRenderNativePlatform)(native) === "web") return /* @__PURE__ */(0, import_jsx_runtime.jsx)("input", {
|
|
117
|
-
type: "checkbox",
|
|
118
|
-
defaultChecked: (0, import_checkbox_headless.isIndeterminate)(checked) ? false : checked,
|
|
119
|
-
tabIndex: -1,
|
|
120
|
-
ref: checkboxRef,
|
|
121
|
-
disabled: checkboxProps.disabled,
|
|
122
|
-
style: {
|
|
123
|
-
appearance: "auto",
|
|
124
|
-
accentColor: "var(--color6)",
|
|
125
|
-
...checkboxProps.style
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
var memoizedContext = (0, import_react.useMemo)(function () {
|
|
129
|
-
return {
|
|
130
|
-
checked,
|
|
131
|
-
disabled: checkboxProps.disabled
|
|
132
|
-
};
|
|
133
|
-
}, [checked, checkboxProps.disabled]);
|
|
134
|
-
var isActive = !!checked;
|
|
135
|
-
var disabled = checkboxProps.disabled;
|
|
136
|
-
var _propsActive_size1, _ref1, _ref2;
|
|
137
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxContext.Provider, {
|
|
138
|
-
value: memoizedContext,
|
|
139
|
-
children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_CheckboxStyledContext.CheckboxStyledContext.Provider, {
|
|
140
|
-
size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
|
|
141
|
-
scaleIcon: (_ref2 = scaleIcon !== null && scaleIcon !== void 0 ? scaleIcon : styledContext === null || styledContext === void 0 ? void 0 : styledContext.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
|
|
142
|
-
unstyled,
|
|
143
|
-
active: isActive,
|
|
144
|
-
disabled,
|
|
145
|
-
children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Frame, {
|
|
146
|
-
render: "button",
|
|
147
|
-
ref: checkboxRef,
|
|
148
|
-
unstyled,
|
|
149
|
-
theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
|
|
150
|
-
...(import_core.isWeb && {
|
|
151
|
-
type: "button"
|
|
152
|
-
}),
|
|
153
|
-
...(!unstyled && {
|
|
154
|
-
width: size,
|
|
155
|
-
height: size,
|
|
156
|
-
size
|
|
157
|
-
}),
|
|
158
|
-
checked,
|
|
159
|
-
disabled,
|
|
160
|
-
...checkboxProps,
|
|
161
|
-
...props,
|
|
162
|
-
...(isActive && {
|
|
163
|
-
...(!unstyled && !activeStyle && {
|
|
164
|
-
backgroundColor: "$backgroundActive"
|
|
165
|
-
}),
|
|
166
|
-
...activeStyle
|
|
167
|
-
}),
|
|
168
|
-
children: propsActive.children
|
|
169
|
-
}), bubbleInput]
|
|
170
|
-
})
|
|
171
|
-
});
|
|
172
|
-
});
|
|
173
|
-
var IndicatorComponent = Indicator.styleable(function (props, forwardedRef) {
|
|
174
|
-
var {
|
|
175
|
-
children: childrenProp,
|
|
176
|
-
forceMount,
|
|
177
|
-
disablePassStyles,
|
|
178
|
-
unstyled = false,
|
|
179
|
-
activeStyle,
|
|
180
|
-
...indicatorProps
|
|
181
|
-
} = props;
|
|
182
|
-
var styledContext = import_CheckboxStyledContext.CheckboxStyledContext.useStyledContext();
|
|
183
|
-
var {
|
|
184
|
-
active
|
|
185
|
-
} = styledContext;
|
|
186
|
-
var children = childrenProp;
|
|
187
|
-
if (!unstyled) {
|
|
188
|
-
var iconSize = (typeof styledContext.size === "number" ? styledContext.size * .65 : (0, import_font_size.getFontSize)(styledContext.size)) * styledContext.scaleIcon;
|
|
189
|
-
var theme = (0, import_core.useTheme)();
|
|
190
|
-
var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
191
|
-
size: iconSize,
|
|
192
|
-
color: theme.color
|
|
193
|
-
});
|
|
194
|
-
children = import_react.default.Children.toArray(childrenProp).map(function (child) {
|
|
195
|
-
if (disablePassStyles || ! /* @__PURE__ */import_react.default.isValidElement(child)) return child;
|
|
196
|
-
return getThemedIcon(child);
|
|
197
|
-
});
|
|
198
|
-
}
|
|
199
|
-
var context = import_react.default.useContext(CheckboxContext);
|
|
200
|
-
if (forceMount || (0, import_checkbox_headless.isIndeterminate)(context.checked) || context.checked === true) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Indicator, {
|
|
201
|
-
pointerEvents: "none",
|
|
202
|
-
...indicatorProps,
|
|
203
|
-
...(active && activeStyle),
|
|
204
|
-
ref: forwardedRef,
|
|
205
|
-
children
|
|
206
|
-
});
|
|
207
|
-
return null;
|
|
208
|
-
});
|
|
209
|
-
return (0, import_core.withStaticProperties)(FrameComponent, {
|
|
210
|
-
Indicator: IndicatorComponent
|
|
211
|
-
});
|
|
212
|
-
}
|
|
213
|
-
//# sourceMappingURL=createCheckbox.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["isNodeMode","mod","__esModule","__defProp","target","value","enumerable","__toCommonJS","__copyProps","createCheckbox_exports","__export","CheckboxContext","createCheckbox","module","exports","import_jsx_runtime","require","import_checkbox_headless","import_core","import_focusable","import_font_size","import_get_token","import_helpers_tamagui","import_use_controllable_state","import_react","__toESM","import_Checkbox","import_CheckboxStyledContext","default","createContext","checked","disabled","ensureContext","x","context","createProps","Frame","CheckboxFrame","Indicator","CheckboxIndicatorFrame","FrameComponent","styleable","Checkbox","_props","forwardedRef","scaleSize","sizeAdjust","scaleIcon","checkedProp","defaultChecked","onCheckedChange","native","unstyled","activeStyle","activeTheme","props","propsActive","useProps","styledContext","useContext","CheckboxStyledContext","adjustedSize","size","_propsActive_size","_ref","getVariableValue","getSize","shift","Math","round","setChecked","useControllableState","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","useCheckbox","useEffect","id","registerFocusable","focusAndSelect","focus","shouldRenderNativePlatform","jsx","type","isIndeterminate","tabIndex","ref","style","appearance","accentColor","memoizedContext","useMemo","isActive","_propsActive_size1","_ref1","_ref2","Provider","children","jsxs","active","render","theme","isWeb","width","height","backgroundColor","IndicatorComponent","childrenProp","forceMount","disablePassStyles","indicatorProps","useStyledContext","iconSize","getFontSize","useTheme","getThemedIcon","useGetThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents","withStaticProperties"],"sources":["../../src/createCheckbox.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,150 +0,0 @@
|
|
|
1
|
-
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
2
|
-
import { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
3
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
4
|
-
import { getSize } from "@tamagui/get-token";
|
|
5
|
-
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
6
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
7
|
-
import React, { useMemo } from "react";
|
|
8
|
-
import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
|
|
9
|
-
import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
|
|
10
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
11
|
-
const CheckboxContext = React.createContext({
|
|
12
|
-
checked: false,
|
|
13
|
-
disabled: false
|
|
14
|
-
});
|
|
15
|
-
const ensureContext = x => {
|
|
16
|
-
if (!x.context) x.context = CheckboxContext;
|
|
17
|
-
};
|
|
18
|
-
function createCheckbox(createProps) {
|
|
19
|
-
const {
|
|
20
|
-
Frame = CheckboxFrame,
|
|
21
|
-
Indicator = CheckboxIndicatorFrame
|
|
22
|
-
} = createProps;
|
|
23
|
-
ensureContext(Frame);
|
|
24
|
-
ensureContext(Indicator);
|
|
25
|
-
return withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {
|
|
26
|
-
const {
|
|
27
|
-
scaleSize = .45,
|
|
28
|
-
sizeAdjust = 0,
|
|
29
|
-
scaleIcon,
|
|
30
|
-
checked: checkedProp,
|
|
31
|
-
defaultChecked,
|
|
32
|
-
onCheckedChange,
|
|
33
|
-
native,
|
|
34
|
-
unstyled = false,
|
|
35
|
-
activeStyle,
|
|
36
|
-
activeTheme,
|
|
37
|
-
...props
|
|
38
|
-
} = _props;
|
|
39
|
-
const propsActive = useProps(props);
|
|
40
|
-
const styledContext = React.useContext(CheckboxStyledContext.context);
|
|
41
|
-
let adjustedSize = 0;
|
|
42
|
-
let size = 0;
|
|
43
|
-
if (!unstyled) {
|
|
44
|
-
adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
|
|
45
|
-
shift: sizeAdjust
|
|
46
|
-
}));
|
|
47
|
-
size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
|
|
48
|
-
}
|
|
49
|
-
const [checked = false, setChecked] = useControllableState({
|
|
50
|
-
prop: checkedProp,
|
|
51
|
-
defaultProp: defaultChecked,
|
|
52
|
-
onChange: onCheckedChange
|
|
53
|
-
});
|
|
54
|
-
const {
|
|
55
|
-
checkboxProps,
|
|
56
|
-
checkboxRef,
|
|
57
|
-
bubbleInput
|
|
58
|
-
} = useCheckbox(propsActive, [checked, setChecked], forwardedRef);
|
|
59
|
-
if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
|
|
60
|
-
type: "checkbox",
|
|
61
|
-
defaultChecked: isIndeterminate(checked) ? false : checked,
|
|
62
|
-
tabIndex: -1,
|
|
63
|
-
ref: checkboxRef,
|
|
64
|
-
disabled: checkboxProps.disabled,
|
|
65
|
-
style: {
|
|
66
|
-
appearance: "auto",
|
|
67
|
-
accentColor: "var(--color6)",
|
|
68
|
-
...checkboxProps.style
|
|
69
|
-
}
|
|
70
|
-
});
|
|
71
|
-
const memoizedContext = useMemo(() => ({
|
|
72
|
-
checked,
|
|
73
|
-
disabled: checkboxProps.disabled
|
|
74
|
-
}), [checked, checkboxProps.disabled]);
|
|
75
|
-
const isActive = !!checked;
|
|
76
|
-
const disabled = checkboxProps.disabled;
|
|
77
|
-
return /* @__PURE__ */jsx(CheckboxContext.Provider, {
|
|
78
|
-
value: memoizedContext,
|
|
79
|
-
children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
|
|
80
|
-
size: propsActive.size ?? styledContext?.size ?? "$true",
|
|
81
|
-
scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
|
|
82
|
-
unstyled,
|
|
83
|
-
active: isActive,
|
|
84
|
-
disabled,
|
|
85
|
-
children: [/* @__PURE__ */jsx(Frame, {
|
|
86
|
-
render: "button",
|
|
87
|
-
ref: checkboxRef,
|
|
88
|
-
unstyled,
|
|
89
|
-
theme: activeTheme ?? null,
|
|
90
|
-
...(isWeb && {
|
|
91
|
-
type: "button"
|
|
92
|
-
}),
|
|
93
|
-
...(!unstyled && {
|
|
94
|
-
width: size,
|
|
95
|
-
height: size,
|
|
96
|
-
size
|
|
97
|
-
}),
|
|
98
|
-
checked,
|
|
99
|
-
disabled,
|
|
100
|
-
...checkboxProps,
|
|
101
|
-
...props,
|
|
102
|
-
...(isActive && {
|
|
103
|
-
...(!unstyled && !activeStyle && {
|
|
104
|
-
backgroundColor: "$backgroundActive"
|
|
105
|
-
}),
|
|
106
|
-
...activeStyle
|
|
107
|
-
}),
|
|
108
|
-
children: propsActive.children
|
|
109
|
-
}), bubbleInput]
|
|
110
|
-
})
|
|
111
|
-
});
|
|
112
|
-
}), {
|
|
113
|
-
Indicator: Indicator.styleable((props, forwardedRef) => {
|
|
114
|
-
const {
|
|
115
|
-
children: childrenProp,
|
|
116
|
-
forceMount,
|
|
117
|
-
disablePassStyles,
|
|
118
|
-
unstyled = false,
|
|
119
|
-
activeStyle,
|
|
120
|
-
...indicatorProps
|
|
121
|
-
} = props;
|
|
122
|
-
const styledContext = CheckboxStyledContext.useStyledContext();
|
|
123
|
-
const {
|
|
124
|
-
active
|
|
125
|
-
} = styledContext;
|
|
126
|
-
let children = childrenProp;
|
|
127
|
-
if (!unstyled) {
|
|
128
|
-
const getThemedIcon = useGetThemedIcon({
|
|
129
|
-
size: (typeof styledContext.size === "number" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
|
|
130
|
-
color: useTheme().color
|
|
131
|
-
});
|
|
132
|
-
children = React.Children.toArray(childrenProp).map(child => {
|
|
133
|
-
if (disablePassStyles || !React.isValidElement(child)) return child;
|
|
134
|
-
return getThemedIcon(child);
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
const context = React.useContext(CheckboxContext);
|
|
138
|
-
if (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */jsx(Indicator, {
|
|
139
|
-
pointerEvents: "none",
|
|
140
|
-
...indicatorProps,
|
|
141
|
-
...(active && activeStyle),
|
|
142
|
-
ref: forwardedRef,
|
|
143
|
-
children
|
|
144
|
-
});
|
|
145
|
-
return null;
|
|
146
|
-
})
|
|
147
|
-
});
|
|
148
|
-
}
|
|
149
|
-
export { CheckboxContext, createCheckbox };
|
|
150
|
-
//# sourceMappingURL=createCheckbox.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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","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":["createCheckbox.mjs"],"sourcesContent":["import { isIndeterminate, useCheckbox } from \"@tamagui/checkbox-headless\";\nimport { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from \"@tamagui/core\";\nimport { getFontSize } from \"@tamagui/font-size\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport React, { useMemo } from \"react\";\nimport { CheckboxFrame, CheckboxIndicatorFrame } from \"./Checkbox\";\nimport { CheckboxStyledContext } from \"./CheckboxStyledContext\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\n\nconst CheckboxContext = React.createContext({\n\tchecked: false,\n\tdisabled: false\n});\nconst ensureContext = (x) => {\n\tif (!x.context) x.context = CheckboxContext;\n};\nfunction createCheckbox(createProps) {\n\tconst { Frame = CheckboxFrame, Indicator = CheckboxIndicatorFrame } = createProps;\n\tensureContext(Frame);\n\tensureContext(Indicator);\n\treturn withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {\n\t\tconst { scaleSize = .45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = false, activeStyle, activeTheme, ...props } = _props;\n\t\tconst propsActive = useProps(props);\n\t\tconst styledContext = React.useContext(CheckboxStyledContext.context);\n\t\tlet adjustedSize = 0;\n\t\tlet size = 0;\n\t\tif (!unstyled) {\n\t\t\tadjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? \"$true\", { shift: sizeAdjust }));\n\t\t\tsize = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;\n\t\t}\n\t\tconst [checked = false, setChecked] = useControllableState({\n\t\t\tprop: checkedProp,\n\t\t\tdefaultProp: defaultChecked,\n\t\t\tonChange: onCheckedChange\n\t\t});\n\t\tconst { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(propsActive, [checked, setChecked], forwardedRef);\n\t\tif (shouldRenderNativePlatform(native) === \"web\") return /* @__PURE__ */ jsx(\"input\", {\n\t\t\ttype: \"checkbox\",\n\t\t\tdefaultChecked: isIndeterminate(checked) ? false : checked,\n\t\t\ttabIndex: -1,\n\t\t\tref: checkboxRef,\n\t\t\tdisabled: checkboxProps.disabled,\n\t\t\tstyle: {\n\t\t\t\tappearance: \"auto\",\n\t\t\t\taccentColor: \"var(--color6)\",\n\t\t\t\t...checkboxProps.style\n\t\t\t}\n\t\t});\n\t\tconst memoizedContext = useMemo(() => ({\n\t\t\tchecked,\n\t\t\tdisabled: checkboxProps.disabled\n\t\t}), [checked, checkboxProps.disabled]);\n\t\tconst isActive = !!checked;\n\t\tconst disabled = checkboxProps.disabled;\n\t\treturn /* @__PURE__ */ jsx(CheckboxContext.Provider, {\n\t\t\tvalue: memoizedContext,\n\t\t\tchildren: /* @__PURE__ */ jsxs(CheckboxStyledContext.Provider, {\n\t\t\t\tsize: propsActive.size ?? styledContext?.size ?? \"$true\",\n\t\t\t\tscaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,\n\t\t\t\tunstyled,\n\t\t\t\tactive: isActive,\n\t\t\t\tdisabled,\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(Frame, {\n\t\t\t\t\trender: \"button\",\n\t\t\t\t\tref: checkboxRef,\n\t\t\t\t\tunstyled,\n\t\t\t\t\ttheme: activeTheme ?? null,\n\t\t\t\t\t...isWeb && { type: \"button\" },\n\t\t\t\t\t...!unstyled && {\n\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\theight: size,\n\t\t\t\t\t\tsize\n\t\t\t\t\t},\n\t\t\t\t\tchecked,\n\t\t\t\t\tdisabled,\n\t\t\t\t\t...checkboxProps,\n\t\t\t\t\t...props,\n\t\t\t\t\t...isActive && {\n\t\t\t\t\t\t...!unstyled && !activeStyle && { backgroundColor: \"$backgroundActive\" },\n\t\t\t\t\t\t...activeStyle\n\t\t\t\t\t},\n\t\t\t\t\tchildren: propsActive.children\n\t\t\t\t}), bubbleInput]\n\t\t\t})\n\t\t});\n\t}), { Indicator: Indicator.styleable((props, forwardedRef) => {\n\t\tconst { children: childrenProp, forceMount, disablePassStyles, unstyled = false, activeStyle, ...indicatorProps } = props;\n\t\tconst styledContext = CheckboxStyledContext.useStyledContext();\n\t\tconst { active } = styledContext;\n\t\tlet children = childrenProp;\n\t\tif (!unstyled) {\n\t\t\tconst getThemedIcon = useGetThemedIcon({\n\t\t\t\tsize: (typeof styledContext.size === \"number\" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,\n\t\t\t\tcolor: useTheme().color\n\t\t\t});\n\t\t\tchildren = React.Children.toArray(childrenProp).map((child) => {\n\t\t\t\tif (disablePassStyles || !React.isValidElement(child)) return child;\n\t\t\t\treturn getThemedIcon(child);\n\t\t\t});\n\t\t}\n\t\tconst context = React.useContext(CheckboxContext);\n\t\tif (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */ jsx(Indicator, {\n\t\t\tpointerEvents: \"none\",\n\t\t\t...indicatorProps,\n\t\t\t...active && activeStyle,\n\t\t\tref: forwardedRef,\n\t\t\tchildren\n\t\t});\n\t\treturn null;\n\t}) });\n}\n\nexport { CheckboxContext, createCheckbox };"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,167 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
|
|
3
|
-
import { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
|
|
4
|
-
import { registerFocusable } from "@tamagui/focusable";
|
|
5
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
6
|
-
import { getSize } from "@tamagui/get-token";
|
|
7
|
-
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
8
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
9
|
-
import React, { useMemo } from "react";
|
|
10
|
-
import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.native.js";
|
|
11
|
-
import { CheckboxStyledContext } from "./CheckboxStyledContext.native.js";
|
|
12
|
-
var CheckboxContext = /* @__PURE__ */React.createContext({
|
|
13
|
-
checked: false,
|
|
14
|
-
disabled: false
|
|
15
|
-
});
|
|
16
|
-
var ensureContext = function (x) {
|
|
17
|
-
if (!x.context) x.context = CheckboxContext;
|
|
18
|
-
};
|
|
19
|
-
function createCheckbox(createProps) {
|
|
20
|
-
var {
|
|
21
|
-
Frame = CheckboxFrame,
|
|
22
|
-
Indicator = CheckboxIndicatorFrame
|
|
23
|
-
} = createProps;
|
|
24
|
-
ensureContext(Frame);
|
|
25
|
-
ensureContext(Indicator);
|
|
26
|
-
return withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {
|
|
27
|
-
var {
|
|
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
|
-
var propsActive = useProps(props);
|
|
41
|
-
var styledContext = React.useContext(CheckboxStyledContext.context);
|
|
42
|
-
var adjustedSize = 0;
|
|
43
|
-
var size = 0;
|
|
44
|
-
if (!unstyled) {
|
|
45
|
-
var _propsActive_size, _ref;
|
|
46
|
-
adjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : "$true", {
|
|
47
|
-
shift: sizeAdjust
|
|
48
|
-
}));
|
|
49
|
-
size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
|
|
50
|
-
}
|
|
51
|
-
var [checked = false, setChecked] = useControllableState({
|
|
52
|
-
prop: checkedProp,
|
|
53
|
-
defaultProp: defaultChecked,
|
|
54
|
-
onChange: onCheckedChange
|
|
55
|
-
});
|
|
56
|
-
var {
|
|
57
|
-
checkboxProps,
|
|
58
|
-
checkboxRef,
|
|
59
|
-
bubbleInput
|
|
60
|
-
} = useCheckbox(propsActive, [checked, setChecked], forwardedRef);
|
|
61
|
-
React.useEffect(function () {
|
|
62
|
-
if (!props.id) return;
|
|
63
|
-
if (props.disabled) return;
|
|
64
|
-
return registerFocusable(props.id, {
|
|
65
|
-
focusAndSelect: function () {
|
|
66
|
-
setChecked === null || setChecked === void 0 || setChecked(function (value) {
|
|
67
|
-
return !value;
|
|
68
|
-
});
|
|
69
|
-
},
|
|
70
|
-
focus: function () {}
|
|
71
|
-
});
|
|
72
|
-
}, [props.id, props.disabled]);
|
|
73
|
-
if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
|
|
74
|
-
type: "checkbox",
|
|
75
|
-
defaultChecked: isIndeterminate(checked) ? false : checked,
|
|
76
|
-
tabIndex: -1,
|
|
77
|
-
ref: checkboxRef,
|
|
78
|
-
disabled: checkboxProps.disabled,
|
|
79
|
-
style: {
|
|
80
|
-
appearance: "auto",
|
|
81
|
-
accentColor: "var(--color6)",
|
|
82
|
-
...checkboxProps.style
|
|
83
|
-
}
|
|
84
|
-
});
|
|
85
|
-
var memoizedContext = useMemo(function () {
|
|
86
|
-
return {
|
|
87
|
-
checked,
|
|
88
|
-
disabled: checkboxProps.disabled
|
|
89
|
-
};
|
|
90
|
-
}, [checked, checkboxProps.disabled]);
|
|
91
|
-
var isActive = !!checked;
|
|
92
|
-
var disabled = checkboxProps.disabled;
|
|
93
|
-
var _propsActive_size1, _ref1, _ref2;
|
|
94
|
-
return /* @__PURE__ */jsx(CheckboxContext.Provider, {
|
|
95
|
-
value: memoizedContext,
|
|
96
|
-
children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
|
|
97
|
-
size: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : "$true",
|
|
98
|
-
scaleIcon: (_ref2 = scaleIcon !== null && scaleIcon !== void 0 ? scaleIcon : styledContext === null || styledContext === void 0 ? void 0 : styledContext.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,
|
|
99
|
-
unstyled,
|
|
100
|
-
active: isActive,
|
|
101
|
-
disabled,
|
|
102
|
-
children: [/* @__PURE__ */jsx(Frame, {
|
|
103
|
-
render: "button",
|
|
104
|
-
ref: checkboxRef,
|
|
105
|
-
unstyled,
|
|
106
|
-
theme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,
|
|
107
|
-
...(isWeb && {
|
|
108
|
-
type: "button"
|
|
109
|
-
}),
|
|
110
|
-
...(!unstyled && {
|
|
111
|
-
width: size,
|
|
112
|
-
height: size,
|
|
113
|
-
size
|
|
114
|
-
}),
|
|
115
|
-
checked,
|
|
116
|
-
disabled,
|
|
117
|
-
...checkboxProps,
|
|
118
|
-
...props,
|
|
119
|
-
...(isActive && {
|
|
120
|
-
...(!unstyled && !activeStyle && {
|
|
121
|
-
backgroundColor: "$backgroundActive"
|
|
122
|
-
}),
|
|
123
|
-
...activeStyle
|
|
124
|
-
}),
|
|
125
|
-
children: propsActive.children
|
|
126
|
-
}), bubbleInput]
|
|
127
|
-
})
|
|
128
|
-
});
|
|
129
|
-
}), {
|
|
130
|
-
Indicator: Indicator.styleable(function (props, forwardedRef) {
|
|
131
|
-
var {
|
|
132
|
-
children: childrenProp,
|
|
133
|
-
forceMount,
|
|
134
|
-
disablePassStyles,
|
|
135
|
-
unstyled = false,
|
|
136
|
-
activeStyle,
|
|
137
|
-
...indicatorProps
|
|
138
|
-
} = props;
|
|
139
|
-
var styledContext = CheckboxStyledContext.useStyledContext();
|
|
140
|
-
var {
|
|
141
|
-
active
|
|
142
|
-
} = styledContext;
|
|
143
|
-
var children = childrenProp;
|
|
144
|
-
if (!unstyled) {
|
|
145
|
-
var getThemedIcon = useGetThemedIcon({
|
|
146
|
-
size: (typeof styledContext.size === "number" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
|
|
147
|
-
color: useTheme().color
|
|
148
|
-
});
|
|
149
|
-
children = React.Children.toArray(childrenProp).map(function (child) {
|
|
150
|
-
if (disablePassStyles || ! /* @__PURE__ */React.isValidElement(child)) return child;
|
|
151
|
-
return getThemedIcon(child);
|
|
152
|
-
});
|
|
153
|
-
}
|
|
154
|
-
var context = React.useContext(CheckboxContext);
|
|
155
|
-
if (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */jsx(Indicator, {
|
|
156
|
-
pointerEvents: "none",
|
|
157
|
-
...indicatorProps,
|
|
158
|
-
...(active && activeStyle),
|
|
159
|
-
ref: forwardedRef,
|
|
160
|
-
children
|
|
161
|
-
});
|
|
162
|
-
return null;
|
|
163
|
-
})
|
|
164
|
-
});
|
|
165
|
-
}
|
|
166
|
-
export { CheckboxContext, createCheckbox };
|
|
167
|
-
//# sourceMappingURL=createCheckbox.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","jsxs","isIndeterminate","useCheckbox","getVariableValue","isWeb","shouldRenderNativePlatform","useProps","useTheme","withStaticProperties","registerFocusable","getFontSize","getSize","useGetThemedIcon","useControllableState","React","useMemo","CheckboxFrame","CheckboxIndicatorFrame","CheckboxStyledContext","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","_propsActive_size","_ref","shift","Math","round","setChecked","prop","defaultProp","onChange","checkboxProps","checkboxRef","bubbleInput","useEffect","id","focusAndSelect","value","focus","type","tabIndex","ref","style","appearance","accentColor","memoizedContext","isActive","_propsActive_size1","_ref1","_ref2","Provider","children","active","render","theme","width","height","backgroundColor","childrenProp","forceMount","disablePassStyles","indicatorProps","useStyledContext","getThemedIcon","color","Children","toArray","map","child","isValidElement","pointerEvents"],"sources":["createCheckbox.native.js"],"sourcesContent":["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { isIndeterminate, useCheckbox } from \"@tamagui/checkbox-headless\";\nimport { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from \"@tamagui/core\";\nimport { registerFocusable } from \"@tamagui/focusable\";\nimport { getFontSize } from \"@tamagui/font-size\";\nimport { getSize } from \"@tamagui/get-token\";\nimport { useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { useControllableState } from \"@tamagui/use-controllable-state\";\nimport React, { useMemo } from \"react\";\nimport { CheckboxFrame, CheckboxIndicatorFrame } from \"./Checkbox\";\nimport { CheckboxStyledContext } from \"./CheckboxStyledContext\";\n\nvar CheckboxContext = /* @__PURE__ */ React.createContext({\n\tchecked: false,\n\tdisabled: false\n});\nvar ensureContext = function(x) {\n\tif (!x.context) x.context = CheckboxContext;\n};\nfunction createCheckbox(createProps) {\n\tvar { Frame = CheckboxFrame, Indicator = CheckboxIndicatorFrame } = createProps;\n\tensureContext(Frame);\n\tensureContext(Indicator);\n\treturn withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {\n\t\tvar { scaleSize = .45, sizeAdjust = 0, scaleIcon, checked: checkedProp, defaultChecked, onCheckedChange, native, unstyled = false, activeStyle, activeTheme, ...props } = _props;\n\t\tvar propsActive = useProps(props);\n\t\tvar styledContext = React.useContext(CheckboxStyledContext.context);\n\t\tvar adjustedSize = 0;\n\t\tvar size = 0;\n\t\tif (!unstyled) {\n\t\t\tvar _propsActive_size, _ref;\n\t\t\tadjustedSize = getVariableValue(getSize((_ref = (_propsActive_size = propsActive.size) !== null && _propsActive_size !== void 0 ? _propsActive_size : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref !== void 0 ? _ref : \"$true\", { shift: sizeAdjust }));\n\t\t\tsize = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;\n\t\t}\n\t\tvar [checked = false, setChecked] = useControllableState({\n\t\t\tprop: checkedProp,\n\t\t\tdefaultProp: defaultChecked,\n\t\t\tonChange: onCheckedChange\n\t\t});\n\t\tvar { checkboxProps, checkboxRef, bubbleInput } = useCheckbox(propsActive, [checked, setChecked], forwardedRef);\n\t\tReact.useEffect(function() {\n\t\t\tif (!props.id) return;\n\t\t\tif (props.disabled) return;\n\t\t\treturn registerFocusable(props.id, {\n\t\t\t\tfocusAndSelect: function() {\n\t\t\t\t\tsetChecked === null || setChecked === void 0 || setChecked(function(value) {\n\t\t\t\t\t\treturn !value;\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\tfocus: function() {}\n\t\t\t});\n\t\t}, [props.id, props.disabled]);\n\t\tif (shouldRenderNativePlatform(native) === \"web\") return /* @__PURE__ */ jsx(\"input\", {\n\t\t\ttype: \"checkbox\",\n\t\t\tdefaultChecked: isIndeterminate(checked) ? false : checked,\n\t\t\ttabIndex: -1,\n\t\t\tref: checkboxRef,\n\t\t\tdisabled: checkboxProps.disabled,\n\t\t\tstyle: {\n\t\t\t\tappearance: \"auto\",\n\t\t\t\taccentColor: \"var(--color6)\",\n\t\t\t\t...checkboxProps.style\n\t\t\t}\n\t\t});\n\t\tvar memoizedContext = useMemo(function() {\n\t\t\treturn {\n\t\t\t\tchecked,\n\t\t\t\tdisabled: checkboxProps.disabled\n\t\t\t};\n\t\t}, [checked, checkboxProps.disabled]);\n\t\tvar isActive = !!checked;\n\t\tvar disabled = checkboxProps.disabled;\n\t\tvar _propsActive_size1, _ref1, _ref2;\n\t\treturn /* @__PURE__ */ jsx(CheckboxContext.Provider, {\n\t\t\tvalue: memoizedContext,\n\t\t\tchildren: /* @__PURE__ */ jsxs(CheckboxStyledContext.Provider, {\n\t\t\t\tsize: (_ref1 = (_propsActive_size1 = propsActive.size) !== null && _propsActive_size1 !== void 0 ? _propsActive_size1 : styledContext === null || styledContext === void 0 ? void 0 : styledContext.size) !== null && _ref1 !== void 0 ? _ref1 : \"$true\",\n\t\t\t\tscaleIcon: (_ref2 = scaleIcon !== null && scaleIcon !== void 0 ? scaleIcon : styledContext === null || styledContext === void 0 ? void 0 : styledContext.scaleIcon) !== null && _ref2 !== void 0 ? _ref2 : 1,\n\t\t\t\tunstyled,\n\t\t\t\tactive: isActive,\n\t\t\t\tdisabled,\n\t\t\t\tchildren: [/* @__PURE__ */ jsx(Frame, {\n\t\t\t\t\trender: \"button\",\n\t\t\t\t\tref: checkboxRef,\n\t\t\t\t\tunstyled,\n\t\t\t\t\ttheme: activeTheme !== null && activeTheme !== void 0 ? activeTheme : null,\n\t\t\t\t\t...isWeb && { type: \"button\" },\n\t\t\t\t\t...!unstyled && {\n\t\t\t\t\t\twidth: size,\n\t\t\t\t\t\theight: size,\n\t\t\t\t\t\tsize\n\t\t\t\t\t},\n\t\t\t\t\tchecked,\n\t\t\t\t\tdisabled,\n\t\t\t\t\t...checkboxProps,\n\t\t\t\t\t...props,\n\t\t\t\t\t...isActive && {\n\t\t\t\t\t\t...!unstyled && !activeStyle && { backgroundColor: \"$backgroundActive\" },\n\t\t\t\t\t\t...activeStyle\n\t\t\t\t\t},\n\t\t\t\t\tchildren: propsActive.children\n\t\t\t\t}), bubbleInput]\n\t\t\t})\n\t\t});\n\t}), { Indicator: Indicator.styleable(function(props, forwardedRef) {\n\t\tvar { children: childrenProp, forceMount, disablePassStyles, unstyled = false, activeStyle, ...indicatorProps } = props;\n\t\tvar styledContext = CheckboxStyledContext.useStyledContext();\n\t\tvar { active } = styledContext;\n\t\tvar children = childrenProp;\n\t\tif (!unstyled) {\n\t\t\tvar getThemedIcon = useGetThemedIcon({\n\t\t\t\tsize: (typeof styledContext.size === \"number\" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,\n\t\t\t\tcolor: useTheme().color\n\t\t\t});\n\t\t\tchildren = React.Children.toArray(childrenProp).map(function(child) {\n\t\t\t\tif (disablePassStyles || !/* @__PURE__ */ React.isValidElement(child)) return child;\n\t\t\t\treturn getThemedIcon(child);\n\t\t\t});\n\t\t}\n\t\tvar context = React.useContext(CheckboxContext);\n\t\tif (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */ jsx(Indicator, {\n\t\t\tpointerEvents: \"none\",\n\t\t\t...indicatorProps,\n\t\t\t...active && activeStyle,\n\t\t\tref: forwardedRef,\n\t\t\tchildren\n\t\t});\n\t\treturn null;\n\t}) });\n}\n\nexport { CheckboxContext, createCheckbox };"],"mappings":"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","ignoreList":[]}
|
package/dist/esm/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["CheckboxFrame","CheckboxIndicatorFrame","createCheckbox","Checkbox","Frame","Indicator"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,sBAAA,QAA8B;AACtD,SAASC,cAAA,QAAsB;AAE/B,cAAc;AACd,cAAc;AACd,cAAc;AAGP,MAAMC,QAAA,GAAWD,cAAA,CAAe;EACrCE,KAAA,EAAOJ,aAAA;EACPK,SAAA,EAAWJ;AACb,CAAC","ignoreList":[]}
|
package/dist/esm/index.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["CheckboxFrame","CheckboxIndicatorFrame","createCheckbox","Checkbox","Frame","Indicator"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,sBAAA,QAA8B;AACtD,SAASC,cAAA,QAAsB;AAE/B,cAAc;AACd,cAAc;AACd,cAAc;AAGP,MAAMC,QAAA,GAAWD,cAAA,CAAe;EACrCE,KAAA,EAAOJ,aAAA;EACPK,SAAA,EAAWJ;AACb,CAAC","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["CheckboxFrame","CheckboxIndicatorFrame","createCheckbox","Checkbox","Frame","Indicator"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,aAAA,EAAeC,sBAAA,QAA8B;AACtD,SAASC,cAAA,QAAsB;AAE/B,cAAc;AACd,cAAc;AACd,cAAc;AAGP,IAAAC,QAAM,GAAAD,cAAW;EACtBE,KAAA,EAAOJ,aAAA;EACPK,SAAA,EAAWJ;AACb,CAAC","ignoreList":[]}
|