@tamagui/radio-group 2.0.0-rc.8 → 2.0.0
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/RadioGroup.cjs +108 -106
- package/dist/cjs/RadioGroup.native.js +110 -108
- package/dist/cjs/RadioGroup.native.js.map +1 -1
- package/dist/cjs/RadioGroupStyledContext.cjs +12 -10
- package/dist/cjs/RadioGroupStyledContext.native.js +17 -15
- package/dist/cjs/RadioGroupStyledContext.native.js.map +1 -1
- package/dist/cjs/createRadioGroup.cjs +133 -123
- package/dist/cjs/createRadioGroup.native.js +134 -124
- package/dist/cjs/createRadioGroup.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/RadioGroup.mjs +93 -93
- package/dist/esm/RadioGroup.mjs.map +1 -1
- package/dist/esm/RadioGroup.native.js +95 -95
- package/dist/esm/RadioGroup.native.js.map +1 -1
- package/dist/esm/createRadioGroup.mjs +103 -95
- package/dist/esm/createRadioGroup.mjs.map +1 -1
- package/dist/esm/createRadioGroup.native.js +103 -95
- package/dist/esm/createRadioGroup.native.js.map +1 -1
- package/dist/esm/index.js +6 -12
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/RadioGroup.mjs +93 -93
- package/dist/jsx/RadioGroup.mjs.map +1 -1
- package/dist/jsx/RadioGroup.native.js +110 -108
- package/dist/jsx/RadioGroup.native.js.map +1 -1
- package/dist/jsx/RadioGroupStyledContext.native.js +17 -15
- package/dist/jsx/RadioGroupStyledContext.native.js.map +1 -1
- package/dist/jsx/createRadioGroup.mjs +103 -95
- package/dist/jsx/createRadioGroup.mjs.map +1 -1
- package/dist/jsx/createRadioGroup.native.js +134 -124
- package/dist/jsx/createRadioGroup.native.js.map +1 -1
- package/dist/jsx/index.js +6 -12
- 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 +18 -21
- package/types/createRadioGroup.d.ts +8 -8
- package/types/index.d.ts +8 -8
- package/dist/cjs/RadioGroup.js +0 -120
- package/dist/cjs/RadioGroup.js.map +0 -6
- package/dist/cjs/RadioGroupStyledContext.js +0 -28
- package/dist/cjs/RadioGroupStyledContext.js.map +0 -6
- package/dist/cjs/createRadioGroup.js +0 -106
- package/dist/cjs/createRadioGroup.js.map +0 -6
- package/dist/cjs/index.js +0 -29
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/RadioGroup.js +0 -106
- package/dist/esm/RadioGroup.js.map +0 -6
- package/dist/esm/RadioGroupStyledContext.js +0 -12
- package/dist/esm/RadioGroupStyledContext.js.map +0 -6
- package/dist/esm/createRadioGroup.js +0 -95
- package/dist/esm/createRadioGroup.js.map +0 -6
- package/dist/jsx/RadioGroup.js +0 -106
- package/dist/jsx/RadioGroup.js.map +0 -6
- package/dist/jsx/RadioGroupStyledContext.js +0 -12
- package/dist/jsx/RadioGroupStyledContext.js.map +0 -6
- package/dist/jsx/createRadioGroup.js +0 -95
- package/dist/jsx/createRadioGroup.js.map +0 -6
package/dist/cjs/index.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all)
|
|
7
|
-
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
8
|
-
}, __copyProps = (to, from, except, desc) => {
|
|
9
|
-
if (from && typeof from == "object" || typeof from == "function")
|
|
10
|
-
for (let key of __getOwnPropNames(from))
|
|
11
|
-
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
|
-
return to;
|
|
13
|
-
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
14
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
-
var index_exports = {};
|
|
16
|
-
__export(index_exports, {
|
|
17
|
-
RadioGroup: () => RadioGroup
|
|
18
|
-
});
|
|
19
|
-
module.exports = __toCommonJS(index_exports);
|
|
20
|
-
var import_RadioGroup = require("./RadioGroup"), import_createRadioGroup = require("./createRadioGroup");
|
|
21
|
-
__reExport(index_exports, require("./createRadioGroup"), module.exports);
|
|
22
|
-
__reExport(index_exports, require("./RadioGroup"), module.exports);
|
|
23
|
-
__reExport(index_exports, require("./RadioGroupStyledContext"), module.exports);
|
|
24
|
-
const RadioGroup = (0, import_createRadioGroup.createRadioGroup)({
|
|
25
|
-
Frame: import_RadioGroup.RadioGroupFrame,
|
|
26
|
-
Indicator: import_RadioGroup.RadioGroupIndicatorFrame,
|
|
27
|
-
Item: import_RadioGroup.RadioGroupItemFrame
|
|
28
|
-
});
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.ts"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAIO,yBACP,0BAAiC;AAEjC,0BAAc,+BAPd;AAQA,0BAAc,yBARd;AASA,0BAAc,sCATd;AAWO,MAAM,iBAAa,0CAAiB;AAAA,EACzC,OAAO;AAAA,EACP,WAAW;AAAA,EACX,MAAM;AACR,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/RadioGroup.js
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { getVariableValue, styled } from "@tamagui/core";
|
|
2
|
-
import { getSize } from "@tamagui/get-token";
|
|
3
|
-
import { YStack } from "@tamagui/stacks";
|
|
4
|
-
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
|
|
5
|
-
name: RADIO_GROUP_ITEM_NAME,
|
|
6
|
-
render: "button",
|
|
7
|
-
variants: {
|
|
8
|
-
unstyled: {
|
|
9
|
-
false: {
|
|
10
|
-
size: "$true",
|
|
11
|
-
borderRadius: 1e3,
|
|
12
|
-
backgroundColor: "$background",
|
|
13
|
-
alignItems: "center",
|
|
14
|
-
justifyContent: "center",
|
|
15
|
-
borderWidth: 1,
|
|
16
|
-
borderColor: "$borderColor",
|
|
17
|
-
padding: 0,
|
|
18
|
-
hoverStyle: {
|
|
19
|
-
borderColor: "$borderColorHover",
|
|
20
|
-
backgroundColor: "$backgroundHover"
|
|
21
|
-
},
|
|
22
|
-
focusStyle: {
|
|
23
|
-
borderColor: "$borderColorHover",
|
|
24
|
-
backgroundColor: "$backgroundHover"
|
|
25
|
-
},
|
|
26
|
-
focusVisibleStyle: {
|
|
27
|
-
outlineStyle: "solid",
|
|
28
|
-
outlineWidth: 2,
|
|
29
|
-
outlineColor: "$outlineColor"
|
|
30
|
-
},
|
|
31
|
-
pressStyle: {
|
|
32
|
-
borderColor: "$borderColorFocus",
|
|
33
|
-
backgroundColor: "$backgroundFocus"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
disabled: {
|
|
38
|
-
true: {
|
|
39
|
-
pointerEvents: "none",
|
|
40
|
-
userSelect: "none",
|
|
41
|
-
cursor: "not-allowed",
|
|
42
|
-
hoverStyle: {
|
|
43
|
-
borderColor: "$borderColor",
|
|
44
|
-
backgroundColor: "$background"
|
|
45
|
-
},
|
|
46
|
-
pressStyle: {
|
|
47
|
-
borderColor: "$borderColor",
|
|
48
|
-
backgroundColor: "$background"
|
|
49
|
-
},
|
|
50
|
-
focusVisibleStyle: {
|
|
51
|
-
outlineWidth: 0
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
size: {
|
|
56
|
-
"...size": (value, { props }) => {
|
|
57
|
-
const size = Math.floor(
|
|
58
|
-
getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
|
|
59
|
-
);
|
|
60
|
-
return {
|
|
61
|
-
width: size,
|
|
62
|
-
height: size
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
defaultVariants: {
|
|
68
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
69
|
-
}
|
|
70
|
-
}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
|
|
71
|
-
name: RADIO_GROUP_INDICATOR_NAME,
|
|
72
|
-
variants: {
|
|
73
|
-
unstyled: {
|
|
74
|
-
false: {
|
|
75
|
-
width: "33%",
|
|
76
|
-
height: "33%",
|
|
77
|
-
borderRadius: 1e3,
|
|
78
|
-
backgroundColor: "$color",
|
|
79
|
-
pressTheme: !0
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
defaultVariants: {
|
|
84
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
85
|
-
}
|
|
86
|
-
}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
|
|
87
|
-
name: RADIO_GROUP_NAME,
|
|
88
|
-
variants: {
|
|
89
|
-
orientation: {
|
|
90
|
-
horizontal: {
|
|
91
|
-
flexDirection: "row",
|
|
92
|
-
spaceDirection: "horizontal"
|
|
93
|
-
},
|
|
94
|
-
vertical: {
|
|
95
|
-
flexDirection: "column",
|
|
96
|
-
spaceDirection: "vertical"
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
export {
|
|
102
|
-
RadioGroupFrame,
|
|
103
|
-
RadioGroupIndicatorFrame,
|
|
104
|
-
RadioGroupItemFrame
|
|
105
|
-
};
|
|
106
|
-
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/RadioGroup.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEvB,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,QAAQ;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,QAAQ;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createStyledContext } from "@tamagui/core";
|
|
2
|
-
const RadioGroupStyledContext = createStyledContext(
|
|
3
|
-
{
|
|
4
|
-
size: "$true",
|
|
5
|
-
scaleIcon: 1
|
|
6
|
-
},
|
|
7
|
-
"RadioGroup"
|
|
8
|
-
);
|
|
9
|
-
export {
|
|
10
|
-
RadioGroupStyledContext
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=RadioGroupStyledContext.js.map
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { isWeb, withStaticProperties } from "@tamagui/core";
|
|
2
|
-
import {
|
|
3
|
-
useRadioGroup,
|
|
4
|
-
useRadioGroupItem,
|
|
5
|
-
useRadioGroupItemIndicator
|
|
6
|
-
} from "@tamagui/radio-headless";
|
|
7
|
-
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
8
|
-
import React from "react";
|
|
9
|
-
import {
|
|
10
|
-
RadioGroupFrame,
|
|
11
|
-
RadioGroupIndicatorFrame,
|
|
12
|
-
RadioGroupItemFrame
|
|
13
|
-
} from "./RadioGroup";
|
|
14
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
const ensureContext = (x) => {
|
|
16
|
-
x.context || (x.context = RadioGroupContext);
|
|
17
|
-
}, RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
|
|
18
|
-
checked: !1,
|
|
19
|
-
disabled: !1
|
|
20
|
-
});
|
|
21
|
-
function createRadioGroup(createProps) {
|
|
22
|
-
const {
|
|
23
|
-
disableActiveTheme,
|
|
24
|
-
Frame = RadioGroupFrame,
|
|
25
|
-
Indicator = RadioGroupIndicatorFrame,
|
|
26
|
-
Item = RadioGroupItemFrame
|
|
27
|
-
} = createProps;
|
|
28
|
-
ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
|
|
29
|
-
const RadioGroupImp = Frame.styleable((props, ref) => {
|
|
30
|
-
const {
|
|
31
|
-
value,
|
|
32
|
-
defaultValue,
|
|
33
|
-
onValueChange,
|
|
34
|
-
required = !1,
|
|
35
|
-
disabled = !1,
|
|
36
|
-
name,
|
|
37
|
-
native,
|
|
38
|
-
accentColor,
|
|
39
|
-
orientation = "vertical",
|
|
40
|
-
...rest
|
|
41
|
-
} = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
-
orientation,
|
|
43
|
-
name,
|
|
44
|
-
defaultValue,
|
|
45
|
-
value,
|
|
46
|
-
onValueChange,
|
|
47
|
-
required,
|
|
48
|
-
disabled,
|
|
49
|
-
native,
|
|
50
|
-
accentColor
|
|
51
|
-
});
|
|
52
|
-
return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });
|
|
53
|
-
}), RadioGroupItemImp = Item.styleable((props, ref) => {
|
|
54
|
-
const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props, {
|
|
55
|
-
providerValue,
|
|
56
|
-
bubbleInput,
|
|
57
|
-
rovingFocusGroupAttrs,
|
|
58
|
-
frameAttrs,
|
|
59
|
-
isFormControl,
|
|
60
|
-
native
|
|
61
|
-
} = useRadioGroupItem({
|
|
62
|
-
radioGroupContext: RadioGroupContext,
|
|
63
|
-
value,
|
|
64
|
-
id,
|
|
65
|
-
labelledBy,
|
|
66
|
-
disabled,
|
|
67
|
-
onPress,
|
|
68
|
-
onKeyDown
|
|
69
|
-
});
|
|
70
|
-
return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
-
/* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),
|
|
72
|
-
isFormControl && bubbleInput
|
|
73
|
-
] }) });
|
|
74
|
-
});
|
|
75
|
-
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
76
|
-
const RadioIndicator = Indicator.styleable(
|
|
77
|
-
(props, forwardedRef) => {
|
|
78
|
-
const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
|
|
79
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
80
|
-
disabled
|
|
81
|
-
});
|
|
82
|
-
return forceMount || checked ? /* @__PURE__ */ jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
RadioIndicator.displayName = "RadioIndicator";
|
|
86
|
-
const RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
87
|
-
Item: RadioGroupItemImp,
|
|
88
|
-
Indicator: RadioIndicator
|
|
89
|
-
});
|
|
90
|
-
return RadioGroup.displayName = "RadioGroup", RadioGroup;
|
|
91
|
-
}
|
|
92
|
-
export {
|
|
93
|
-
createRadioGroup
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=createRadioGroup.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createRadioGroup.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,OAAO,4BAA4B;AAK5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwGG,SA+BA,UA/BA,KA+BA,YA/BA;AAtGV,MAAM,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB,GAOM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AA0BM,SAAS,iBAId,aAAmF;AACnF,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AAOJ,gBAAc,KAAK,GACnB,cAAc,SAAS,GACvB,cAAc,IAAI;AAalB,QAAM,gBAAgB,MAAM,UAA2B,CAAC,OAAO,QAAQ;AACrE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI,OAEE,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,MACzE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,8BAAC,mBAAiB,GAAG,YAAY,KAAW,GAAG,MAAM,GACvD,GACF;AAAA,EAEJ,CAAC,GAEK,oBAAoB,KAAK,UAA+B,CAAC,OAAO,QAAQ;AAC5E,UAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,KAAK,IAAI,OAEnE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,kBAAkB;AAAA,MACpB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,iCACE;AAAA,0BAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB,8BAAC,uBAAqB,GAAG,YAAY,KAAW,GAAG,MAAM,GAC3D;AAAA,MACC,iBAAiB;AAAA,OACpB,GAEJ;AAAA,EAEJ,CAAC;AAED,oBAAkB,cAAc;AAEhC,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,OAA4B,iBAAiB;AAC5C,YAAM,EAAE,YAAY,UAAU,GAAG,eAAe,IAAI,OAC9C,EAAE,SAAS,GAAG,iBAAiB,IAAI,2BAA2B;AAAA,QAClE,uBAAuB;AAAA,QACvB;AAAA,MACF,CAAC;AAED,aAAI,cAAc,UACT,oBAAC,aAAW,GAAG,kBAAkB,KAAK,cAAe,GAAG,gBAAgB,IAG1E;AAAA,IACT;AAAA,EACF;AAEA,iBAAe,cAAc;AAE7B,QAAM,aAAa,qBAAqB,eAAe;AAAA,IACrD,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AACD,oBAAW,cAAc,cAElB;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/jsx/RadioGroup.js
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
import { getVariableValue, styled } from "@tamagui/core";
|
|
2
|
-
import { getSize } from "@tamagui/get-token";
|
|
3
|
-
import { YStack } from "@tamagui/stacks";
|
|
4
|
-
const RADIO_GROUP_ITEM_NAME = "RadioGroupItem", RadioGroupItemFrame = styled(YStack, {
|
|
5
|
-
name: RADIO_GROUP_ITEM_NAME,
|
|
6
|
-
render: "button",
|
|
7
|
-
variants: {
|
|
8
|
-
unstyled: {
|
|
9
|
-
false: {
|
|
10
|
-
size: "$true",
|
|
11
|
-
borderRadius: 1e3,
|
|
12
|
-
backgroundColor: "$background",
|
|
13
|
-
alignItems: "center",
|
|
14
|
-
justifyContent: "center",
|
|
15
|
-
borderWidth: 1,
|
|
16
|
-
borderColor: "$borderColor",
|
|
17
|
-
padding: 0,
|
|
18
|
-
hoverStyle: {
|
|
19
|
-
borderColor: "$borderColorHover",
|
|
20
|
-
backgroundColor: "$backgroundHover"
|
|
21
|
-
},
|
|
22
|
-
focusStyle: {
|
|
23
|
-
borderColor: "$borderColorHover",
|
|
24
|
-
backgroundColor: "$backgroundHover"
|
|
25
|
-
},
|
|
26
|
-
focusVisibleStyle: {
|
|
27
|
-
outlineStyle: "solid",
|
|
28
|
-
outlineWidth: 2,
|
|
29
|
-
outlineColor: "$outlineColor"
|
|
30
|
-
},
|
|
31
|
-
pressStyle: {
|
|
32
|
-
borderColor: "$borderColorFocus",
|
|
33
|
-
backgroundColor: "$backgroundFocus"
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
disabled: {
|
|
38
|
-
true: {
|
|
39
|
-
pointerEvents: "none",
|
|
40
|
-
userSelect: "none",
|
|
41
|
-
cursor: "not-allowed",
|
|
42
|
-
hoverStyle: {
|
|
43
|
-
borderColor: "$borderColor",
|
|
44
|
-
backgroundColor: "$background"
|
|
45
|
-
},
|
|
46
|
-
pressStyle: {
|
|
47
|
-
borderColor: "$borderColor",
|
|
48
|
-
backgroundColor: "$background"
|
|
49
|
-
},
|
|
50
|
-
focusVisibleStyle: {
|
|
51
|
-
outlineWidth: 0
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
},
|
|
55
|
-
size: {
|
|
56
|
-
"...size": (value, { props }) => {
|
|
57
|
-
const size = Math.floor(
|
|
58
|
-
getVariableValue(getSize(value)) * (props.scaleSize ?? 0.5)
|
|
59
|
-
);
|
|
60
|
-
return {
|
|
61
|
-
width: size,
|
|
62
|
-
height: size
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
},
|
|
67
|
-
defaultVariants: {
|
|
68
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
69
|
-
}
|
|
70
|
-
}), RADIO_GROUP_INDICATOR_NAME = "RadioGroupIndicator", RadioGroupIndicatorFrame = styled(YStack, {
|
|
71
|
-
name: RADIO_GROUP_INDICATOR_NAME,
|
|
72
|
-
variants: {
|
|
73
|
-
unstyled: {
|
|
74
|
-
false: {
|
|
75
|
-
width: "33%",
|
|
76
|
-
height: "33%",
|
|
77
|
-
borderRadius: 1e3,
|
|
78
|
-
backgroundColor: "$color",
|
|
79
|
-
pressTheme: !0
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
defaultVariants: {
|
|
84
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
85
|
-
}
|
|
86
|
-
}), RADIO_GROUP_NAME = "RadioGroup", RadioGroupFrame = styled(YStack, {
|
|
87
|
-
name: RADIO_GROUP_NAME,
|
|
88
|
-
variants: {
|
|
89
|
-
orientation: {
|
|
90
|
-
horizontal: {
|
|
91
|
-
flexDirection: "row",
|
|
92
|
-
spaceDirection: "horizontal"
|
|
93
|
-
},
|
|
94
|
-
vertical: {
|
|
95
|
-
flexDirection: "column",
|
|
96
|
-
spaceDirection: "vertical"
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
export {
|
|
102
|
-
RadioGroupFrame,
|
|
103
|
-
RadioGroupIndicatorFrame,
|
|
104
|
-
RadioGroupItemFrame
|
|
105
|
-
};
|
|
106
|
-
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/RadioGroup.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,kBAAkB,cAAc;AACzC,SAAS,eAAe;AACxB,SAAS,cAAc;AAEvB,MAAM,wBAAwB,kBAEjB,sBAAsB,OAAO,QAAQ;AAAA,EAChD,MAAM;AAAA,EACN,QAAQ;AAAA,EAER,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,aAAa;AAAA,QACb,aAAa;AAAA,QACb,SAAS;AAAA,QAET,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,UACd,cAAc;AAAA,UACd,cAAc;AAAA,QAChB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,aAAa;AAAA,UACb,iBAAiB;AAAA,QACnB;AAAA,QAEA,mBAAmB;AAAA,UACjB,cAAc;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,OAAO,EAAE,MAAM,MAAM;AAC/B,cAAM,OAAO,KAAK;AAAA,UAChB,iBAAiB,QAAQ,KAAK,CAAC,KAAK,MAAM,aAAgB;AAAA,QAC5D;AACA,eAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,6BAA6B,uBAEtB,2BAA2B,OAAO,QAAQ;AAAA,EACrD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,cAAc;AAAA,QACd,iBAAiB;AAAA,QACjB,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,cAEZ,kBAAkB,OAAO,QAAQ;AAAA,EAC5C,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,aAAa;AAAA,MACX,YAAY;AAAA,QACV,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,QACR,eAAe;AAAA,QACf,gBAAgB;AAAA,MAClB;AAAA,IACF;AAAA,EACF;AACF,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { createStyledContext } from "@tamagui/core";
|
|
2
|
-
const RadioGroupStyledContext = createStyledContext(
|
|
3
|
-
{
|
|
4
|
-
size: "$true",
|
|
5
|
-
scaleIcon: 1
|
|
6
|
-
},
|
|
7
|
-
"RadioGroup"
|
|
8
|
-
);
|
|
9
|
-
export {
|
|
10
|
-
RadioGroupStyledContext
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=RadioGroupStyledContext.js.map
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
import { isWeb, withStaticProperties } from "@tamagui/core";
|
|
2
|
-
import {
|
|
3
|
-
useRadioGroup,
|
|
4
|
-
useRadioGroupItem,
|
|
5
|
-
useRadioGroupItemIndicator
|
|
6
|
-
} from "@tamagui/radio-headless";
|
|
7
|
-
import { RovingFocusGroup } from "@tamagui/roving-focus";
|
|
8
|
-
import React from "react";
|
|
9
|
-
import {
|
|
10
|
-
RadioGroupFrame,
|
|
11
|
-
RadioGroupIndicatorFrame,
|
|
12
|
-
RadioGroupItemFrame
|
|
13
|
-
} from "./RadioGroup";
|
|
14
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
const ensureContext = (x) => {
|
|
16
|
-
x.context || (x.context = RadioGroupContext);
|
|
17
|
-
}, RadioGroupContext = React.createContext({}), RadioGroupItemContext = React.createContext({
|
|
18
|
-
checked: !1,
|
|
19
|
-
disabled: !1
|
|
20
|
-
});
|
|
21
|
-
function createRadioGroup(createProps) {
|
|
22
|
-
const {
|
|
23
|
-
disableActiveTheme,
|
|
24
|
-
Frame = RadioGroupFrame,
|
|
25
|
-
Indicator = RadioGroupIndicatorFrame,
|
|
26
|
-
Item = RadioGroupItemFrame
|
|
27
|
-
} = createProps;
|
|
28
|
-
ensureContext(Frame), ensureContext(Indicator), ensureContext(Item);
|
|
29
|
-
const RadioGroupImp = Frame.styleable((props, ref) => {
|
|
30
|
-
const {
|
|
31
|
-
value,
|
|
32
|
-
defaultValue,
|
|
33
|
-
onValueChange,
|
|
34
|
-
required = !1,
|
|
35
|
-
disabled = !1,
|
|
36
|
-
name,
|
|
37
|
-
native,
|
|
38
|
-
accentColor,
|
|
39
|
-
orientation = "vertical",
|
|
40
|
-
...rest
|
|
41
|
-
} = props, { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
|
|
42
|
-
orientation,
|
|
43
|
-
name,
|
|
44
|
-
defaultValue,
|
|
45
|
-
value,
|
|
46
|
-
onValueChange,
|
|
47
|
-
required,
|
|
48
|
-
disabled,
|
|
49
|
-
native,
|
|
50
|
-
accentColor
|
|
51
|
-
});
|
|
52
|
-
return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupFrame, { ...frameAttrs, ref, ...rest }) }) });
|
|
53
|
-
}), RadioGroupItemImp = Item.styleable((props, ref) => {
|
|
54
|
-
const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props, {
|
|
55
|
-
providerValue,
|
|
56
|
-
bubbleInput,
|
|
57
|
-
rovingFocusGroupAttrs,
|
|
58
|
-
frameAttrs,
|
|
59
|
-
isFormControl,
|
|
60
|
-
native
|
|
61
|
-
} = useRadioGroupItem({
|
|
62
|
-
radioGroupContext: RadioGroupContext,
|
|
63
|
-
value,
|
|
64
|
-
id,
|
|
65
|
-
labelledBy,
|
|
66
|
-
disabled,
|
|
67
|
-
onPress,
|
|
68
|
-
onKeyDown
|
|
69
|
-
});
|
|
70
|
-
return /* @__PURE__ */ jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? bubbleInput : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
71
|
-
/* @__PURE__ */ jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: /* @__PURE__ */ jsx(RadioGroupItemFrame, { ...frameAttrs, ref, ...rest }) }),
|
|
72
|
-
isFormControl && bubbleInput
|
|
73
|
-
] }) });
|
|
74
|
-
});
|
|
75
|
-
RadioGroupItemImp.displayName = "RadioGroupItem";
|
|
76
|
-
const RadioIndicator = Indicator.styleable(
|
|
77
|
-
(props, forwardedRef) => {
|
|
78
|
-
const { forceMount, disabled, ...indicatorProps } = props, { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
|
|
79
|
-
radioGroupItemContext: RadioGroupItemContext,
|
|
80
|
-
disabled
|
|
81
|
-
});
|
|
82
|
-
return forceMount || checked ? /* @__PURE__ */ jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps }) : null;
|
|
83
|
-
}
|
|
84
|
-
);
|
|
85
|
-
RadioIndicator.displayName = "RadioIndicator";
|
|
86
|
-
const RadioGroup = withStaticProperties(RadioGroupImp, {
|
|
87
|
-
Item: RadioGroupItemImp,
|
|
88
|
-
Indicator: RadioIndicator
|
|
89
|
-
});
|
|
90
|
-
return RadioGroup.displayName = "RadioGroup", RadioGroup;
|
|
91
|
-
}
|
|
92
|
-
export {
|
|
93
|
-
createRadioGroup
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=createRadioGroup.js.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/createRadioGroup.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,OAAO,4BAA4B;AAK5C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AACjC,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAwGG,SA+BA,UA/BA,KA+BA,YA/BA;AAtGV,MAAM,gBAAgB,CAAC,MAAW;AAChC,EAAK,EAAE,YACL,EAAE,UAAU;AAEhB,GAOM,oBAAoB,MAAM,cAAsC,CAAC,CAAC,GAClE,wBAAwB,MAAM,cAA0C;AAAA,EAC5E,SAAS;AAAA,EACT,UAAU;AACZ,CAAC;AA0BM,SAAS,iBAId,aAAmF;AACnF,QAAM;AAAA,IACJ;AAAA,IACA,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT,IAAI;AAOJ,gBAAc,KAAK,GACnB,cAAc,SAAS,GACvB,cAAc,IAAI;AAalB,QAAM,gBAAgB,MAAM,UAA2B,CAAC,OAAO,QAAQ;AACrE,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc;AAAA,MACd,GAAG;AAAA,IACL,IAAI,OAEE,EAAE,eAAe,YAAY,sBAAsB,IAAI,cAAc;AAAA,MACzE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,eACjC,8BAAC,oBAAkB,GAAG,uBACpB,8BAAC,mBAAiB,GAAG,YAAY,KAAW,GAAG,MAAM,GACvD,GACF;AAAA,EAEJ,CAAC,GAEK,oBAAoB,KAAK,UAA+B,CAAC,OAAO,QAAQ;AAC5E,UAAM,EAAE,OAAO,YAAY,SAAS,WAAW,UAAU,IAAI,GAAG,KAAK,IAAI,OAEnE;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,kBAAkB;AAAA,MACpB,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,WACE,oBAAC,sBAAsB,UAAtB,EAA+B,OAAO,eACpC,mBAAS,SACR,cAEA,iCACE;AAAA,0BAAC,iBAAiB,MAAjB,EAAuB,GAAG,uBACzB,8BAAC,uBAAqB,GAAG,YAAY,KAAW,GAAG,MAAM,GAC3D;AAAA,MACC,iBAAiB;AAAA,OACpB,GAEJ;AAAA,EAEJ,CAAC;AAED,oBAAkB,cAAc;AAEhC,QAAM,iBAAiB,UAAU;AAAA,IAC/B,CAAC,OAA4B,iBAAiB;AAC5C,YAAM,EAAE,YAAY,UAAU,GAAG,eAAe,IAAI,OAC9C,EAAE,SAAS,GAAG,iBAAiB,IAAI,2BAA2B;AAAA,QAClE,uBAAuB;AAAA,QACvB;AAAA,MACF,CAAC;AAED,aAAI,cAAc,UACT,oBAAC,aAAW,GAAG,kBAAkB,KAAK,cAAe,GAAG,gBAAgB,IAG1E;AAAA,IACT;AAAA,EACF;AAEA,iBAAe,cAAc;AAE7B,QAAM,aAAa,qBAAqB,eAAe;AAAA,IACrD,MAAM;AAAA,IACN,WAAW;AAAA,EACb,CAAC;AACD,oBAAW,cAAc,cAElB;AACT;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|