@korsolutions/ui 0.0.34 → 0.0.36
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/module/components/checkbox/checkbox.js +36 -0
- package/dist/module/components/checkbox/checkbox.js.map +1 -0
- package/dist/module/components/checkbox/index.js +5 -0
- package/dist/module/components/checkbox/index.js.map +1 -0
- package/dist/module/components/checkbox/variants/default.js +70 -0
- package/dist/module/components/checkbox/variants/default.js.map +1 -0
- package/dist/module/components/checkbox/variants/index.js +9 -0
- package/dist/module/components/checkbox/variants/index.js.map +1 -0
- package/dist/module/components/checkbox/variants/outlined.js +85 -0
- package/dist/module/components/checkbox/variants/outlined.js.map +1 -0
- package/dist/module/components/index.js +1 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/tabs/tabs.js +7 -7
- package/dist/module/components/tabs/tabs.js.map +1 -1
- package/dist/module/primitives/checkbox/checkbox-context.js +12 -0
- package/dist/module/primitives/checkbox/checkbox-context.js.map +1 -0
- package/dist/module/primitives/checkbox/checkbox-description.js +24 -0
- package/dist/module/primitives/checkbox/checkbox-description.js.map +1 -0
- package/dist/module/primitives/checkbox/checkbox-indicator.js +38 -0
- package/dist/module/primitives/checkbox/checkbox-indicator.js.map +1 -0
- package/dist/module/primitives/checkbox/checkbox-root.js +56 -0
- package/dist/module/primitives/checkbox/checkbox-root.js.map +1 -0
- package/dist/module/primitives/checkbox/checkbox-title.js +24 -0
- package/dist/module/primitives/checkbox/checkbox-title.js.map +1 -0
- package/dist/module/primitives/checkbox/index.js +14 -0
- package/dist/module/primitives/checkbox/index.js.map +1 -0
- package/dist/module/primitives/checkbox/types.js +4 -0
- package/dist/module/primitives/checkbox/types.js.map +1 -0
- package/dist/module/primitives/index.js +1 -0
- package/dist/module/primitives/index.js.map +1 -1
- package/dist/module/primitives/tabs/index.js +1 -1
- package/dist/module/primitives/tabs/index.js.map +1 -1
- package/dist/module/primitives/tabs/tabs-context.js +2 -2
- package/dist/module/primitives/tabs/tabs-context.js.map +1 -1
- package/dist/module/primitives/tabs/tabs-root.js +5 -5
- package/dist/module/primitives/tabs/tabs-root.js.map +1 -1
- package/dist/module/primitives/tabs/tabs-trigger-text.js.map +1 -1
- package/dist/module/primitives/tabs/tabs-trigger.js +2 -2
- package/dist/module/primitives/tabs/tabs-trigger.js.map +1 -1
- package/dist/typescript/src/components/checkbox/checkbox.d.ts +13 -0
- package/dist/typescript/src/components/checkbox/checkbox.d.ts.map +1 -0
- package/dist/typescript/src/components/checkbox/index.d.ts +3 -0
- package/dist/typescript/src/components/checkbox/index.d.ts.map +1 -0
- package/dist/typescript/src/components/checkbox/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/checkbox/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/checkbox/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/checkbox/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/checkbox/variants/outlined.d.ts +3 -0
- package/dist/typescript/src/components/checkbox/variants/outlined.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +1 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/tabs/tabs.d.ts +8 -8
- package/dist/typescript/src/components/tabs/tabs.d.ts.map +1 -1
- package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts +11 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-context.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-description.d.ts +8 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-description.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-indicator.d.ts +7 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-indicator.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-root.d.ts +13 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-root.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-title.d.ts +8 -0
- package/dist/typescript/src/primitives/checkbox/checkbox-title.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/index.d.ts +16 -0
- package/dist/typescript/src/primitives/checkbox/index.d.ts.map +1 -0
- package/dist/typescript/src/primitives/checkbox/types.d.ts +10 -0
- package/dist/typescript/src/primitives/checkbox/types.d.ts.map +1 -0
- package/dist/typescript/src/primitives/index.d.ts +1 -0
- package/dist/typescript/src/primitives/index.d.ts.map +1 -1
- package/dist/typescript/src/primitives/tabs/index.d.ts +2 -2
- package/dist/typescript/src/primitives/tabs/tabs-context.d.ts +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-context.d.ts.map +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-list.d.ts +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-root.d.ts +2 -2
- package/dist/typescript/src/primitives/tabs/tabs-root.d.ts.map +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-trigger-text.d.ts.map +1 -1
- package/dist/typescript/src/primitives/tabs/tabs-trigger.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/checkbox/checkbox.tsx +32 -0
- package/src/components/checkbox/index.ts +2 -0
- package/src/components/checkbox/variants/default.tsx +66 -0
- package/src/components/checkbox/variants/index.ts +7 -0
- package/src/components/checkbox/variants/outlined.tsx +82 -0
- package/src/components/index.ts +1 -0
- package/src/components/tabs/tabs.tsx +15 -15
- package/src/primitives/checkbox/checkbox-context.tsx +19 -0
- package/src/primitives/checkbox/checkbox-description.tsx +21 -0
- package/src/primitives/checkbox/checkbox-indicator.tsx +34 -0
- package/src/primitives/checkbox/checkbox-root.tsx +66 -0
- package/src/primitives/checkbox/checkbox-title.tsx +21 -0
- package/src/primitives/checkbox/index.ts +17 -0
- package/src/primitives/checkbox/types.ts +11 -0
- package/src/primitives/index.ts +1 -0
- package/src/primitives/tabs/index.ts +2 -2
- package/src/primitives/tabs/tabs-context.tsx +3 -3
- package/src/primitives/tabs/tabs-list.tsx +1 -1
- package/src/primitives/tabs/tabs-root.tsx +7 -7
- package/src/primitives/tabs/tabs-trigger-text.tsx +2 -6
- package/src/primitives/tabs/tabs-trigger.tsx +5 -17
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { CheckboxPrimitive } from "../../primitives/index.js";
|
|
4
|
+
import React from "react";
|
|
5
|
+
import { View } from "react-native";
|
|
6
|
+
import { CheckboxVariants } from "./variants/index.js";
|
|
7
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
8
|
+
export function Checkbox(props) {
|
|
9
|
+
const {
|
|
10
|
+
checked,
|
|
11
|
+
onChange,
|
|
12
|
+
title,
|
|
13
|
+
description,
|
|
14
|
+
disabled,
|
|
15
|
+
variant = "default"
|
|
16
|
+
} = props;
|
|
17
|
+
const useVariantStyles = CheckboxVariants[variant];
|
|
18
|
+
const variantStyles = useVariantStyles();
|
|
19
|
+
return /*#__PURE__*/_jsxs(CheckboxPrimitive.Root, {
|
|
20
|
+
checked: checked,
|
|
21
|
+
onChange: onChange,
|
|
22
|
+
disabled: disabled,
|
|
23
|
+
styles: variantStyles,
|
|
24
|
+
children: [/*#__PURE__*/_jsx(CheckboxPrimitive.Indicator, {}), (title || description) && /*#__PURE__*/_jsxs(View, {
|
|
25
|
+
style: {
|
|
26
|
+
flex: 1
|
|
27
|
+
},
|
|
28
|
+
children: [title && /*#__PURE__*/_jsx(CheckboxPrimitive.Title, {
|
|
29
|
+
children: title
|
|
30
|
+
}), description && /*#__PURE__*/_jsx(CheckboxPrimitive.Description, {
|
|
31
|
+
children: description
|
|
32
|
+
})]
|
|
33
|
+
})]
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CheckboxPrimitive","React","View","CheckboxVariants","jsx","_jsx","jsxs","_jsxs","Checkbox","props","checked","onChange","title","description","disabled","variant","useVariantStyles","variantStyles","Root","styles","children","Indicator","style","flex","Title","Description"],"sourceRoot":"../../../../src","sources":["components/checkbox/checkbox.tsx"],"mappings":";;AAAA,SAASA,iBAAiB;AAC1B,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,gBAAgB;AAAqB,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW9C,OAAO,SAASC,QAAQA,CAACC,KAAoB,EAAE;EAC7C,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,WAAW;IAAEC,QAAQ;IAAEC,OAAO,GAAG;EAAU,CAAC,GAAGN,KAAK;EAEtF,MAAMO,gBAAgB,GAAGb,gBAAgB,CAACY,OAAO,CAAC;EAClD,MAAME,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACET,KAAA,CAACP,iBAAiB,CAACkB,IAAI;IAACR,OAAO,EAAEA,OAAQ;IAACC,QAAQ,EAAEA,QAAS;IAACG,QAAQ,EAAEA,QAAS;IAACK,MAAM,EAAEF,aAAc;IAAAG,QAAA,gBACtGf,IAAA,CAACL,iBAAiB,CAACqB,SAAS,IAAE,CAAC,EAC9B,CAACT,KAAK,IAAIC,WAAW,kBACpBN,KAAA,CAACL,IAAI;MAACoB,KAAK,EAAE;QAAEC,IAAI,EAAE;MAAE,CAAE;MAAAH,QAAA,GACtBR,KAAK,iBAAIP,IAAA,CAACL,iBAAiB,CAACwB,KAAK;QAAAJ,QAAA,EAAER;MAAK,CAA0B,CAAC,EACnEC,WAAW,iBAAIR,IAAA,CAACL,iBAAiB,CAACyB,WAAW;QAAAL,QAAA,EAAEP;MAAW,CAAgC,CAAC;IAAA,CACxF,CACP;EAAA,CACqB,CAAC;AAE7B","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["Checkbox","CheckboxVariants"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,gBAAgB","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export const useCheckboxVariantDefault = () => {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
radius,
|
|
8
|
+
fontFamily,
|
|
9
|
+
fontSize
|
|
10
|
+
}) => ({
|
|
11
|
+
root: {
|
|
12
|
+
default: {
|
|
13
|
+
flexDirection: "row",
|
|
14
|
+
alignItems: "flex-start",
|
|
15
|
+
gap: 12
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
indicator: {
|
|
19
|
+
default: {
|
|
20
|
+
width: 20,
|
|
21
|
+
height: 20,
|
|
22
|
+
borderRadius: radius / 2,
|
|
23
|
+
borderWidth: 2,
|
|
24
|
+
borderColor: colors.border,
|
|
25
|
+
backgroundColor: colors.background,
|
|
26
|
+
marginTop: 2,
|
|
27
|
+
alignItems: "center",
|
|
28
|
+
justifyContent: "center"
|
|
29
|
+
},
|
|
30
|
+
checked: {
|
|
31
|
+
backgroundColor: colors.primary,
|
|
32
|
+
borderColor: colors.primary
|
|
33
|
+
},
|
|
34
|
+
disabled: {
|
|
35
|
+
opacity: 0.5
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
checkmark: {
|
|
39
|
+
default: {
|
|
40
|
+
color: colors.primaryForeground,
|
|
41
|
+
fontSize: 14,
|
|
42
|
+
fontWeight: "bold",
|
|
43
|
+
lineHeight: 16
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
title: {
|
|
47
|
+
default: {
|
|
48
|
+
color: colors.foreground,
|
|
49
|
+
fontSize,
|
|
50
|
+
fontFamily,
|
|
51
|
+
fontWeight: "500"
|
|
52
|
+
},
|
|
53
|
+
disabled: {
|
|
54
|
+
color: colors.mutedForeground
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
description: {
|
|
58
|
+
default: {
|
|
59
|
+
color: colors.mutedForeground,
|
|
60
|
+
fontSize: fontSize * 0.875,
|
|
61
|
+
fontFamily,
|
|
62
|
+
marginTop: 2
|
|
63
|
+
},
|
|
64
|
+
disabled: {
|
|
65
|
+
opacity: 0.7
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
}));
|
|
69
|
+
};
|
|
70
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useCheckboxVariantDefault","colors","radius","fontFamily","fontSize","root","default","flexDirection","alignItems","gap","indicator","width","height","borderRadius","borderWidth","borderColor","border","backgroundColor","background","marginTop","justifyContent","checked","primary","disabled","opacity","checkmark","color","primaryForeground","fontWeight","lineHeight","title","foreground","mutedForeground","description"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/default.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KAAsB;EAC7D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,YAAY;QACxBC,GAAG,EAAE;MACP;IACF,CAAC;IACDC,SAAS,EAAE;MACTJ,OAAO,EAAE;QACPK,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVC,YAAY,EAAEX,MAAM,GAAG,CAAC;QACxBY,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEd,MAAM,CAACe,MAAM;QAC1BC,eAAe,EAAEhB,MAAM,CAACiB,UAAU;QAClCC,SAAS,EAAE,CAAC;QACZX,UAAU,EAAE,QAAQ;QACpBY,cAAc,EAAE;MAClB,CAAC;MACDC,OAAO,EAAE;QACPJ,eAAe,EAAEhB,MAAM,CAACqB,OAAO;QAC/BP,WAAW,EAAEd,MAAM,CAACqB;MACtB,CAAC;MACDC,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,SAAS,EAAE;MACTnB,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC0B,iBAAiB;QAC/BvB,QAAQ,EAAE,EAAE;QACZwB,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,KAAK,EAAE;MACLxB,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC8B,UAAU;QACxB3B,QAAQ;QACRD,UAAU;QACVyB,UAAU,EAAE;MACd,CAAC;MACDL,QAAQ,EAAE;QACRG,KAAK,EAAEzB,MAAM,CAAC+B;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACX3B,OAAO,EAAE;QACPoB,KAAK,EAAEzB,MAAM,CAAC+B,eAAe;QAC7B5B,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BD,UAAU;QACVgB,SAAS,EAAE;MACb,CAAC;MACDI,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCheckboxVariantDefault } from "./default.js";
|
|
4
|
+
import { useCheckboxVariantOutlined } from "./outlined.js";
|
|
5
|
+
export const CheckboxVariants = {
|
|
6
|
+
default: useCheckboxVariantDefault,
|
|
7
|
+
outlined: useCheckboxVariantOutlined
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCheckboxVariantDefault","useCheckboxVariantOutlined","CheckboxVariants","default","outlined"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/index.ts"],"mappings":";;AAAA,SAASA,yBAAyB;AAClC,SAASC,0BAA0B;AAEnC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,OAAO,EAAEH,yBAAyB;EAClCI,QAAQ,EAAEH;AACZ,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export const useCheckboxVariantOutlined = () => {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
radius,
|
|
8
|
+
fontFamily,
|
|
9
|
+
fontSize
|
|
10
|
+
}) => ({
|
|
11
|
+
root: {
|
|
12
|
+
default: {
|
|
13
|
+
flexDirection: "row",
|
|
14
|
+
alignItems: "flex-start",
|
|
15
|
+
gap: 12,
|
|
16
|
+
borderWidth: 1,
|
|
17
|
+
borderColor: colors.border,
|
|
18
|
+
borderRadius: radius,
|
|
19
|
+
padding: 16,
|
|
20
|
+
backgroundColor: colors.background
|
|
21
|
+
},
|
|
22
|
+
hovered: {
|
|
23
|
+
backgroundColor: colors.muted,
|
|
24
|
+
borderColor: colors.primary
|
|
25
|
+
},
|
|
26
|
+
checked: {
|
|
27
|
+
borderColor: colors.primary
|
|
28
|
+
},
|
|
29
|
+
disabled: {
|
|
30
|
+
opacity: 0.5
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
indicator: {
|
|
34
|
+
default: {
|
|
35
|
+
width: 20,
|
|
36
|
+
height: 20,
|
|
37
|
+
borderRadius: radius / 2,
|
|
38
|
+
borderWidth: 2,
|
|
39
|
+
borderColor: colors.border,
|
|
40
|
+
backgroundColor: colors.background,
|
|
41
|
+
marginTop: 2,
|
|
42
|
+
alignItems: "center",
|
|
43
|
+
justifyContent: "center"
|
|
44
|
+
},
|
|
45
|
+
checked: {
|
|
46
|
+
backgroundColor: colors.primary,
|
|
47
|
+
borderColor: colors.primary
|
|
48
|
+
},
|
|
49
|
+
disabled: {
|
|
50
|
+
opacity: 0.5
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
checkmark: {
|
|
54
|
+
default: {
|
|
55
|
+
color: colors.primaryForeground,
|
|
56
|
+
fontSize: 14,
|
|
57
|
+
fontWeight: "bold",
|
|
58
|
+
lineHeight: 16
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
title: {
|
|
62
|
+
default: {
|
|
63
|
+
color: colors.foreground,
|
|
64
|
+
fontSize,
|
|
65
|
+
fontFamily,
|
|
66
|
+
fontWeight: "500"
|
|
67
|
+
},
|
|
68
|
+
disabled: {
|
|
69
|
+
color: colors.mutedForeground
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
description: {
|
|
73
|
+
default: {
|
|
74
|
+
color: colors.mutedForeground,
|
|
75
|
+
fontSize: fontSize * 0.875,
|
|
76
|
+
fontFamily,
|
|
77
|
+
marginTop: 2
|
|
78
|
+
},
|
|
79
|
+
disabled: {
|
|
80
|
+
opacity: 0.7
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}));
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=outlined.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useCheckboxVariantOutlined","colors","radius","fontFamily","fontSize","root","default","flexDirection","alignItems","gap","borderWidth","borderColor","border","borderRadius","padding","backgroundColor","background","hovered","muted","primary","checked","disabled","opacity","indicator","width","height","marginTop","justifyContent","checkmark","color","primaryForeground","fontWeight","lineHeight","title","foreground","mutedForeground","description"],"sourceRoot":"../../../../../src","sources":["components/checkbox/variants/outlined.tsx"],"mappings":";;AACA,SAASA,eAAe;AAExB,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAsB;EAC9D,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAAsB;IAC7DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,YAAY;QACxBC,GAAG,EAAE,EAAE;QACPC,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BC,YAAY,EAAEX,MAAM;QACpBY,OAAO,EAAE,EAAE;QACXC,eAAe,EAAEd,MAAM,CAACe;MAC1B,CAAC;MACDC,OAAO,EAAE;QACPF,eAAe,EAAEd,MAAM,CAACiB,KAAK;QAC7BP,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MACDC,OAAO,EAAE;QACPT,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MACDE,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDC,SAAS,EAAE;MACTjB,OAAO,EAAE;QACPkB,KAAK,EAAE,EAAE;QACTC,MAAM,EAAE,EAAE;QACVZ,YAAY,EAAEX,MAAM,GAAG,CAAC;QACxBQ,WAAW,EAAE,CAAC;QACdC,WAAW,EAAEV,MAAM,CAACW,MAAM;QAC1BG,eAAe,EAAEd,MAAM,CAACe,UAAU;QAClCU,SAAS,EAAE,CAAC;QACZlB,UAAU,EAAE,QAAQ;QACpBmB,cAAc,EAAE;MAClB,CAAC;MACDP,OAAO,EAAE;QACPL,eAAe,EAAEd,MAAM,CAACkB,OAAO;QAC/BR,WAAW,EAAEV,MAAM,CAACkB;MACtB,CAAC;MAEDE,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF,CAAC;IACDM,SAAS,EAAE;MACTtB,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAAC6B,iBAAiB;QAC/B1B,QAAQ,EAAE,EAAE;QACZ2B,UAAU,EAAE,MAAM;QAClBC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,KAAK,EAAE;MACL3B,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAACiC,UAAU;QACxB9B,QAAQ;QACRD,UAAU;QACV4B,UAAU,EAAE;MACd,CAAC;MACDV,QAAQ,EAAE;QACRQ,KAAK,EAAE5B,MAAM,CAACkC;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACX9B,OAAO,EAAE;QACPuB,KAAK,EAAE5B,MAAM,CAACkC,eAAe;QAC7B/B,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BD,UAAU;QACVuB,SAAS,EAAE;MACb,CAAC;MACDL,QAAQ,EAAE;QACRC,OAAO,EAAE;MACX;IACF;EACF,CAAC,CACH,CAAC;AACH,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -9,7 +9,7 @@ export function Tabs(props) {
|
|
|
9
9
|
tabs,
|
|
10
10
|
defaultValue,
|
|
11
11
|
value: controlledValue,
|
|
12
|
-
|
|
12
|
+
onChange,
|
|
13
13
|
variant = "default"
|
|
14
14
|
} = props;
|
|
15
15
|
const initialValue = defaultValue ?? tabs[0]?.value ?? "";
|
|
@@ -19,24 +19,24 @@ export function Tabs(props) {
|
|
|
19
19
|
if (controlledValue === undefined) {
|
|
20
20
|
setUncontrolledValue(newValue);
|
|
21
21
|
}
|
|
22
|
-
|
|
22
|
+
onChange?.(newValue);
|
|
23
23
|
};
|
|
24
24
|
const useVariantStyles = TabsVariants[variant];
|
|
25
25
|
const variantStyles = useVariantStyles();
|
|
26
26
|
return /*#__PURE__*/_jsx(TabsPrimitive.Root, {
|
|
27
|
-
value: value,
|
|
28
|
-
|
|
27
|
+
value: String(value),
|
|
28
|
+
onChange: newValue => handleValueChange(newValue),
|
|
29
29
|
styles: variantStyles,
|
|
30
30
|
children: /*#__PURE__*/_jsx(TabsPrimitive.List, {
|
|
31
31
|
children: tabs.map(tab => /*#__PURE__*/_jsx(TabsPrimitive.Trigger, {
|
|
32
|
-
value: tab.value,
|
|
32
|
+
value: String(tab.value),
|
|
33
33
|
isDisabled: tab.disabled,
|
|
34
34
|
children: /*#__PURE__*/_jsx(TabsPrimitive.TriggerText, {
|
|
35
|
-
value: tab.value,
|
|
35
|
+
value: String(tab.value),
|
|
36
36
|
isDisabled: tab.disabled,
|
|
37
37
|
children: tab.label
|
|
38
38
|
})
|
|
39
|
-
}, tab.value))
|
|
39
|
+
}, String(tab.value)))
|
|
40
40
|
})
|
|
41
41
|
});
|
|
42
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TabsPrimitive","React","useState","TabsVariants","jsx","_jsx","Tabs","props","tabs","defaultValue","value","controlledValue","
|
|
1
|
+
{"version":3,"names":["TabsPrimitive","React","useState","TabsVariants","jsx","_jsx","Tabs","props","tabs","defaultValue","value","controlledValue","onChange","variant","initialValue","uncontrolledValue","setUncontrolledValue","handleValueChange","newValue","undefined","useVariantStyles","variantStyles","Root","String","styles","children","List","map","tab","Trigger","isDisabled","disabled","TriggerText","label"],"sourceRoot":"../../../../src","sources":["components/tabs/tabs.tsx"],"mappings":";;AAAA,SAASA,aAAa;AACtB,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,YAAY;AAAqB,SAAAC,GAAA,IAAAC,IAAA;AAgB1C,OAAO,SAASC,IAAIA,CAAIC,KAAmB,EAAE;EAC3C,MAAM;IAAEC,IAAI;IAAEC,YAAY;IAAEC,KAAK,EAAEC,eAAe;IAAEC,QAAQ;IAAEC,OAAO,GAAG;EAAU,CAAC,GAAGN,KAAK;EAE3F,MAAMO,YAAY,GAAGL,YAAY,IAAID,IAAI,CAAC,CAAC,CAAC,EAAEE,KAAK,IAAK,EAAQ;EAChE,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGd,QAAQ,CAACY,YAAY,CAAC;EACxE,MAAMJ,KAAK,GAAGC,eAAe,IAAII,iBAAiB;EAElD,MAAME,iBAAiB,GAAIC,QAAW,IAAK;IACzC,IAAIP,eAAe,KAAKQ,SAAS,EAAE;MACjCH,oBAAoB,CAACE,QAAQ,CAAC;IAChC;IACAN,QAAQ,GAAGM,QAAQ,CAAC;EACtB,CAAC;EAED,MAAME,gBAAgB,GAAGjB,YAAY,CAACU,OAAO,CAAC;EAC9C,MAAMQ,aAAa,GAAGD,gBAAgB,CAAC,CAAC;EAExC,oBACEf,IAAA,CAACL,aAAa,CAACsB,IAAI;IAACZ,KAAK,EAAEa,MAAM,CAACb,KAAK,CAAE;IAACE,QAAQ,EAAGM,QAAQ,IAAKD,iBAAiB,CAACC,QAAa,CAAE;IAACM,MAAM,EAAEH,aAAc;IAAAI,QAAA,eACxHpB,IAAA,CAACL,aAAa,CAAC0B,IAAI;MAAAD,QAAA,EAChBjB,IAAI,CAACmB,GAAG,CAAEC,GAAG,iBACZvB,IAAA,CAACL,aAAa,CAAC6B,OAAO;QAAyBnB,KAAK,EAAEa,MAAM,CAACK,GAAG,CAAClB,KAAK,CAAE;QAACoB,UAAU,EAAEF,GAAG,CAACG,QAAS;QAAAN,QAAA,eAChGpB,IAAA,CAACL,aAAa,CAACgC,WAAW;UAACtB,KAAK,EAAEa,MAAM,CAACK,GAAG,CAAClB,KAAK,CAAE;UAACoB,UAAU,EAAEF,GAAG,CAACG,QAAS;UAAAN,QAAA,EAC3EG,GAAG,CAACK;QAAK,CACe;MAAC,GAHFV,MAAM,CAACK,GAAG,CAAClB,KAAK,CAIrB,CACxB;IAAC,CACgB;EAAC,CACH,CAAC;AAEzB","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
export const CheckboxPrimitiveContext = /*#__PURE__*/React.createContext(null);
|
|
5
|
+
export const useCheckboxContext = () => {
|
|
6
|
+
const context = React.useContext(CheckboxPrimitiveContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("Checkbox compound components must be used within CheckboxPrimitive.Root");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=checkbox-context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","CheckboxPrimitiveContext","createContext","useCheckboxContext","context","useContext","Error"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAUzB,OAAO,MAAMC,wBAAwB,gBAAGD,KAAK,CAACE,aAAa,CAAuC,IAAI,CAAC;AAEvG,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACJ,wBAAwB,CAAC;EAC1D,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIE,KAAK,CAAC,yEAAyE,CAAC;EAC5F;EACA,OAAOF,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useCheckboxContext } from "./checkbox-context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function CheckboxDescription(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...textProps
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
state,
|
|
15
|
+
styles
|
|
16
|
+
} = useCheckboxContext();
|
|
17
|
+
const calculatedStyle = [styles?.description?.default, styles?.description?.[state], style];
|
|
18
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
19
|
+
...textProps,
|
|
20
|
+
style: calculatedStyle,
|
|
21
|
+
children: children
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=checkbox-description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useCheckboxContext","jsx","_jsx","CheckboxDescription","props","children","style","textProps","state","styles","calculatedStyle","description","default"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,SAASC,mBAAmBA,CAACC,KAAwC,EAAE;EAC5E,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI,KAAK;IAAEC;EAAO,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAE9C,MAAMU,eAAe,GAAG,CAACD,MAAM,EAAEE,WAAW,EAAEC,OAAO,EAAEH,MAAM,EAAEE,WAAW,GAAGH,KAAK,CAAC,EAAEF,KAAK,CAAC;EAE3F,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEI,eAAgB;IAAAL,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text, View } from "react-native";
|
|
5
|
+
import { useCheckboxContext } from "./checkbox-context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const calculateState = (rootState, checked) => {
|
|
8
|
+
if (rootState === "disabled") {
|
|
9
|
+
return "disabled";
|
|
10
|
+
}
|
|
11
|
+
if (checked) {
|
|
12
|
+
return "checked";
|
|
13
|
+
}
|
|
14
|
+
return rootState;
|
|
15
|
+
};
|
|
16
|
+
export function CheckboxIndicator(props) {
|
|
17
|
+
const {
|
|
18
|
+
style,
|
|
19
|
+
...viewProps
|
|
20
|
+
} = props;
|
|
21
|
+
const {
|
|
22
|
+
checked,
|
|
23
|
+
state,
|
|
24
|
+
styles
|
|
25
|
+
} = useCheckboxContext();
|
|
26
|
+
const indicatorState = calculateState(state, checked);
|
|
27
|
+
const calculatedStyle = [styles?.indicator?.default, styles?.indicator?.[indicatorState], style];
|
|
28
|
+
const checkmarkStyle = [styles?.checkmark?.default, styles?.checkmark?.[indicatorState]];
|
|
29
|
+
return /*#__PURE__*/_jsx(View, {
|
|
30
|
+
...viewProps,
|
|
31
|
+
style: calculatedStyle,
|
|
32
|
+
children: checked && /*#__PURE__*/_jsx(Text, {
|
|
33
|
+
style: checkmarkStyle,
|
|
34
|
+
children: "\u2713"
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
//# sourceMappingURL=checkbox-indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","View","useCheckboxContext","jsx","_jsx","calculateState","rootState","checked","CheckboxIndicator","props","style","viewProps","state","styles","indicatorState","calculatedStyle","indicator","default","checkmarkStyle","checkmark","children"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-indicator.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,MAAMC,cAAc,GAAGA,CAACC,SAAwB,EAAEC,OAAgB,KAAoB;EACpF,IAAID,SAAS,KAAK,UAAU,EAAE;IAC5B,OAAO,UAAU;EACnB;EACA,IAAIC,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAOD,SAAS;AAClB,CAAC;AAED,OAAO,SAASE,iBAAiBA,CAACC,KAAsC,EAAE;EACxE,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGF,KAAK;EACrC,MAAM;IAAEF,OAAO;IAAEK,KAAK;IAAEC;EAAO,CAAC,GAAGX,kBAAkB,CAAC,CAAC;EAEvD,MAAMY,cAAc,GAAGT,cAAc,CAACO,KAAK,EAAEL,OAAO,CAAC;EAErD,MAAMQ,eAAe,GAAG,CAACF,MAAM,EAAEG,SAAS,EAAEC,OAAO,EAAEJ,MAAM,EAAEG,SAAS,GAAGF,cAAc,CAAC,EAAEJ,KAAK,CAAC;EAChG,MAAMQ,cAAc,GAAG,CAACL,MAAM,EAAEM,SAAS,EAAEF,OAAO,EAAEJ,MAAM,EAAEM,SAAS,GAAGL,cAAc,CAAC,CAAC;EAExF,oBACEV,IAAA,CAACH,IAAI;IAAA,GAAKU,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAK,QAAA,EACzCb,OAAO,iBAAIH,IAAA,CAACJ,IAAI;MAACU,KAAK,EAAEQ,cAAe;MAAAE,QAAA,EAAC;IAAC,CAAM;EAAC,CAC7C,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { useState } from "react";
|
|
4
|
+
import { Pressable } from "react-native";
|
|
5
|
+
import { CheckboxPrimitiveContext } from "./checkbox-context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
const calculateState = (checked, disabled, isHovered) => {
|
|
8
|
+
if (disabled) {
|
|
9
|
+
return "disabled";
|
|
10
|
+
}
|
|
11
|
+
if (isHovered) {
|
|
12
|
+
return "hovered";
|
|
13
|
+
}
|
|
14
|
+
if (checked) {
|
|
15
|
+
return "checked";
|
|
16
|
+
}
|
|
17
|
+
return "default";
|
|
18
|
+
};
|
|
19
|
+
export function CheckboxRoot(props) {
|
|
20
|
+
const {
|
|
21
|
+
children,
|
|
22
|
+
checked,
|
|
23
|
+
onChange,
|
|
24
|
+
disabled,
|
|
25
|
+
style,
|
|
26
|
+
styles,
|
|
27
|
+
...pressableProps
|
|
28
|
+
} = props;
|
|
29
|
+
const [isHovered, setIsHovered] = useState(false);
|
|
30
|
+
const state = calculateState(checked, disabled, isHovered);
|
|
31
|
+
const handlePress = () => {
|
|
32
|
+
if (!disabled) {
|
|
33
|
+
onChange(!checked);
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const calculatedStyle = [styles?.root?.default, styles?.root?.[state], style];
|
|
37
|
+
const contextValue = React.useMemo(() => ({
|
|
38
|
+
checked,
|
|
39
|
+
disabled,
|
|
40
|
+
state,
|
|
41
|
+
styles
|
|
42
|
+
}), [checked, disabled, state, styles]);
|
|
43
|
+
return /*#__PURE__*/_jsx(CheckboxPrimitiveContext.Provider, {
|
|
44
|
+
value: contextValue,
|
|
45
|
+
children: /*#__PURE__*/_jsx(Pressable, {
|
|
46
|
+
...pressableProps,
|
|
47
|
+
disabled: disabled,
|
|
48
|
+
onPress: handlePress,
|
|
49
|
+
onHoverIn: () => setIsHovered(true),
|
|
50
|
+
onHoverOut: () => setIsHovered(false),
|
|
51
|
+
style: calculatedStyle,
|
|
52
|
+
children: children
|
|
53
|
+
})
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
//# sourceMappingURL=checkbox-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Pressable","CheckboxPrimitiveContext","jsx","_jsx","calculateState","checked","disabled","isHovered","CheckboxRoot","props","children","onChange","style","styles","pressableProps","setIsHovered","state","handlePress","calculatedStyle","root","default","contextValue","useMemo","Provider","value","onPress","onHoverIn","onHoverOut"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,SAAS,QAA6D,cAAc;AAC7F,SAASC,wBAAwB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAY9D,MAAMC,cAAc,GAAGA,CAACC,OAAgB,EAAEC,QAA6B,EAAEC,SAAkB,KAAoB;EAC7G,IAAID,QAAQ,EAAE;IACZ,OAAO,UAAU;EACnB;EACA,IAAIC,SAAS,EAAE;IACb,OAAO,SAAS;EAClB;EACA,IAAIF,OAAO,EAAE;IACX,OAAO,SAAS;EAClB;EACA,OAAO,SAAS;AAClB,CAAC;AAED,OAAO,SAASG,YAAYA,CAACC,KAAiC,EAAE;EAC9D,MAAM;IAAEC,QAAQ;IAAEL,OAAO;IAAEM,QAAQ;IAAEL,QAAQ;IAAEM,KAAK;IAAEC,MAAM;IAAE,GAAGC;EAAe,CAAC,GAAGL,KAAK;EACzF,MAAM,CAACF,SAAS,EAAEQ,YAAY,CAAC,GAAGhB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMiB,KAAK,GAAGZ,cAAc,CAACC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,CAAC;EAE1D,MAAMU,WAAW,GAAGA,CAAA,KAAM;IACxB,IAAI,CAACX,QAAQ,EAAE;MACbK,QAAQ,CAAC,CAACN,OAAO,CAAC;IACpB;EACF,CAAC;EAED,MAAMa,eAAe,GAAG,CAACL,MAAM,EAAEM,IAAI,EAAEC,OAAO,EAAEP,MAAM,EAAEM,IAAI,GAAGH,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE7E,MAAMS,YAAY,GAAGvB,KAAK,CAACwB,OAAO,CAChC,OAAO;IACLjB,OAAO;IACPC,QAAQ;IACRU,KAAK;IACLH;EACF,CAAC,CAAC,EACF,CAACR,OAAO,EAAEC,QAAQ,EAAEU,KAAK,EAAEH,MAAM,CACnC,CAAC;EAED,oBACEV,IAAA,CAACF,wBAAwB,CAACsB,QAAQ;IAACC,KAAK,EAAEH,YAAa;IAAAX,QAAA,eACrDP,IAAA,CAACH,SAAS;MAAA,GACJc,cAAc;MAClBR,QAAQ,EAAEA,QAAS;MACnBmB,OAAO,EAAER,WAAY;MACrBS,SAAS,EAAEA,CAAA,KAAMX,YAAY,CAAC,IAAI,CAAE;MACpCY,UAAU,EAAEA,CAAA,KAAMZ,YAAY,CAAC,KAAK,CAAE;MACtCH,KAAK,EAAEM,eAAgB;MAAAR,QAAA,EAEtBA;IAAQ,CACA;EAAC,CACqB,CAAC;AAExC","ignoreList":[]}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { useCheckboxContext } from "./checkbox-context.js";
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export function CheckboxTitle(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...textProps
|
|
12
|
+
} = props;
|
|
13
|
+
const {
|
|
14
|
+
state,
|
|
15
|
+
styles
|
|
16
|
+
} = useCheckboxContext();
|
|
17
|
+
const calculatedStyle = [styles?.title?.default, styles?.title?.[state], style];
|
|
18
|
+
return /*#__PURE__*/_jsx(Text, {
|
|
19
|
+
...textProps,
|
|
20
|
+
style: calculatedStyle,
|
|
21
|
+
children: children
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=checkbox-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","useCheckboxContext","jsx","_jsx","CheckboxTitle","props","children","style","textProps","state","styles","calculatedStyle","title","default"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/checkbox-title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,kBAAkB;AAA6B,SAAAC,GAAA,IAAAC,IAAA;AAOxD,OAAO,SAASC,aAAaA,CAACC,KAAkC,EAAE;EAChE,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI,KAAK;IAAEC;EAAO,CAAC,GAAGT,kBAAkB,CAAC,CAAC;EAE9C,MAAMU,eAAe,GAAG,CAACD,MAAM,EAAEE,KAAK,EAAEC,OAAO,EAAEH,MAAM,EAAEE,KAAK,GAAGH,KAAK,CAAC,EAAEF,KAAK,CAAC;EAE/E,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEI,eAAgB;IAAAL,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { CheckboxRoot } from "./checkbox-root.js";
|
|
4
|
+
import { CheckboxIndicator } from "./checkbox-indicator.js";
|
|
5
|
+
import { CheckboxTitle } from "./checkbox-title.js";
|
|
6
|
+
import { CheckboxDescription } from "./checkbox-description.js";
|
|
7
|
+
export const CheckboxPrimitive = {
|
|
8
|
+
Root: CheckboxRoot,
|
|
9
|
+
Indicator: CheckboxIndicator,
|
|
10
|
+
Title: CheckboxTitle,
|
|
11
|
+
Description: CheckboxDescription
|
|
12
|
+
};
|
|
13
|
+
export * from "./types.js";
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["CheckboxRoot","CheckboxIndicator","CheckboxTitle","CheckboxDescription","CheckboxPrimitive","Root","Indicator","Title","Description"],"sourceRoot":"../../../../src","sources":["primitives/checkbox/index.ts"],"mappings":";;AAAA,SAASA,YAAY;AACrB,SAASC,iBAAiB;AAC1B,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAE5B,OAAO,MAAMC,iBAAiB,GAAG;EAC/BC,IAAI,EAAEL,YAAY;EAClBM,SAAS,EAAEL,iBAAiB;EAC5BM,KAAK,EAAEL,aAAa;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/checkbox/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["primitives/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { TabsRoot } from "./tabs-root.js";
|
|
4
3
|
import { TabsList } from "./tabs-list.js";
|
|
4
|
+
import { TabsRoot } from "./tabs-root.js";
|
|
5
5
|
import { TabsTrigger } from "./tabs-trigger.js";
|
|
6
6
|
import { TabsTriggerText } from "./tabs-trigger-text.js";
|
|
7
7
|
export const TabsPrimitive = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["TabsList","TabsRoot","TabsTrigger","TabsTriggerText","TabsPrimitive","Root","List","Trigger","TriggerText"],"sourceRoot":"../../../../src","sources":["primitives/tabs/index.ts"],"mappings":";;AAAA,SAASA,QAAQ;AACjB,SAASC,QAAQ;AACjB,SAASC,WAAW;AACpB,SAASC,eAAe;AAExB,OAAO,MAAMC,aAAa,GAAG;EAC3BC,IAAI,EAAEJ,QAAQ;EACdK,IAAI,EAAEN,QAAQ;EACdO,OAAO,EAAEL,WAAW;EACpBM,WAAW,EAAEL;AACf,CAAC;AAMD","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { useContext } from "react";
|
|
4
4
|
export const TabsPrimitiveContext = /*#__PURE__*/React.createContext(null);
|
|
5
5
|
export const useTabsContext = () => {
|
|
6
|
-
const context =
|
|
6
|
+
const context = useContext(TabsPrimitiveContext);
|
|
7
7
|
if (!context) {
|
|
8
8
|
throw new Error("Tabs compound components must be used within TabsPrimitive.Root");
|
|
9
9
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TabsPrimitiveContext","createContext","useTabsContext","context","
|
|
1
|
+
{"version":3,"names":["React","useContext","TabsPrimitiveContext","createContext","useTabsContext","context","Error"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AASzC,OAAO,MAAMC,oBAAoB,gBAAGF,KAAK,CAACG,aAAa,CAAmC,IAAI,CAAC;AAE/F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAM;EAClC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,oBAAoB,CAAC;EAChD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,iEAAiE,CAAC;EACpF;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { useMemo } from "react";
|
|
4
4
|
import { View } from "react-native";
|
|
5
5
|
import { TabsPrimitiveContext } from "./tabs-context.js";
|
|
6
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
@@ -8,16 +8,16 @@ export function TabsRoot(props) {
|
|
|
8
8
|
const {
|
|
9
9
|
children,
|
|
10
10
|
value,
|
|
11
|
-
|
|
11
|
+
onChange,
|
|
12
12
|
styles,
|
|
13
13
|
style,
|
|
14
14
|
...viewProps
|
|
15
15
|
} = props;
|
|
16
|
-
const contextValue =
|
|
16
|
+
const contextValue = useMemo(() => ({
|
|
17
17
|
value,
|
|
18
|
-
|
|
18
|
+
onChange,
|
|
19
19
|
styles
|
|
20
|
-
}), [value,
|
|
20
|
+
}), [value, onChange, styles]);
|
|
21
21
|
return /*#__PURE__*/_jsx(TabsPrimitiveContext.Provider, {
|
|
22
22
|
value: contextValue,
|
|
23
23
|
children: /*#__PURE__*/_jsx(View, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","TabsPrimitiveContext","jsx","_jsx","TabsRoot","props","children","value","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","TabsPrimitiveContext","jsx","_jsx","TabsRoot","props","children","value","onChange","styles","style","viewProps","contextValue","Provider"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,oBAAoB;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAWtD,OAAO,SAASC,QAAQA,CAACC,KAA6B,EAAE;EACtD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAExE,MAAMO,YAAY,GAAGb,OAAO,CAC1B,OAAO;IACLQ,KAAK;IACLC,QAAQ;IACRC;EACF,CAAC,CAAC,EACF,CAACF,KAAK,EAAEC,QAAQ,EAAEC,MAAM,CAC1B,CAAC;EAED,oBACEN,IAAA,CAACF,oBAAoB,CAACY,QAAQ;IAACN,KAAK,EAAEK,YAAa;IAAAN,QAAA,eACjDH,IAAA,CAACH,IAAI;MAAA,GAAKW,SAAS;MAAED,KAAK,EAAEA,KAAM;MAAAJ,QAAA,EAC/BA;IAAQ,CACL;EAAC,CACsB,CAAC;AAEpC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAShD,OAAO,SAASC,eAAeA,CAACC,KAAoC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,
|
|
1
|
+
{"version":3,"names":["React","Text","useTabsContext","jsx","_jsx","TabsTriggerText","props","children","value","triggerValue","isDisabled","style","textProps","styles","isActive","state","calculatedStyle","triggerText","default"],"sourceRoot":"../../../../src","sources":["primitives/tabs/tabs-trigger-text.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,cAAc;AAAyB,SAAAC,GAAA,IAAAC,IAAA;AAShD,OAAO,SAASC,eAAeA,CAACC,KAAoC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC,KAAK,EAAEC,YAAY;IAAEC,UAAU;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGN,KAAK;EAChF,MAAM;IAAEE,KAAK;IAAEK;EAAO,CAAC,GAAGX,cAAc,CAAC,CAAC;EAE1C,MAAMY,QAAQ,GAAGN,KAAK,KAAKC,YAAY;EACvC,MAAMM,KAAK,GAAGL,UAAU,GAAG,UAAU,GAAGI,QAAQ,GAAG,QAAQ,GAAG,SAAS;EAEvE,MAAME,eAAe,GAAG,CAACH,MAAM,EAAEI,WAAW,EAAEC,OAAO,EAAEL,MAAM,EAAEI,WAAW,GAAGF,KAAK,CAAC,EAAEJ,KAAK,CAAC;EAE3F,oBACEP,IAAA,CAACH,IAAI;IAAA,GAAKW,SAAS;IAAED,KAAK,EAAEK,eAAgB;IAAAT,QAAA,EACzCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}
|
|
@@ -23,14 +23,14 @@ export function TabsTrigger(props) {
|
|
|
23
23
|
} = props;
|
|
24
24
|
const {
|
|
25
25
|
value,
|
|
26
|
-
|
|
26
|
+
onChange,
|
|
27
27
|
styles
|
|
28
28
|
} = useTabsContext();
|
|
29
29
|
const isActive = value === triggerValue;
|
|
30
30
|
const state = calculateState(isActive, isDisabled);
|
|
31
31
|
const handlePress = () => {
|
|
32
32
|
if (!isDisabled) {
|
|
33
|
-
|
|
33
|
+
onChange(triggerValue);
|
|
34
34
|
}
|
|
35
35
|
};
|
|
36
36
|
const calculatedStyle = [styles?.trigger?.default, styles?.trigger?.[state], style];
|