@cdx-ui/primitives 0.0.1-beta.1 → 0.0.1-beta.11
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/README.md +21 -21
- package/lib/commonjs/index.js +24 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/list-item/context.js +11 -0
- package/lib/commonjs/list-item/context.js.map +1 -0
- package/lib/commonjs/list-item/createListItemContent.js +30 -0
- package/lib/commonjs/list-item/createListItemContent.js.map +1 -0
- package/lib/commonjs/list-item/createListItemDescription.js +25 -0
- package/lib/commonjs/list-item/createListItemDescription.js.map +1 -0
- package/lib/commonjs/list-item/createListItemLeadingSlot.js +34 -0
- package/lib/commonjs/list-item/createListItemLeadingSlot.js.map +1 -0
- package/lib/commonjs/list-item/createListItemMeta.js +25 -0
- package/lib/commonjs/list-item/createListItemMeta.js.map +1 -0
- package/lib/commonjs/list-item/createListItemRoot.js +142 -0
- package/lib/commonjs/list-item/createListItemRoot.js.map +1 -0
- package/lib/commonjs/list-item/createListItemSectionHeader.js +54 -0
- package/lib/commonjs/list-item/createListItemSectionHeader.js.map +1 -0
- package/lib/commonjs/list-item/createListItemTitle.js +25 -0
- package/lib/commonjs/list-item/createListItemTitle.js.map +1 -0
- package/lib/commonjs/list-item/createListItemTrailingSlot.js +28 -0
- package/lib/commonjs/list-item/createListItemTrailingSlot.js.map +1 -0
- package/lib/commonjs/list-item/index.js +55 -0
- package/lib/commonjs/list-item/index.js.map +1 -0
- package/lib/commonjs/list-item/types.js +6 -0
- package/lib/commonjs/list-item/types.js.map +1 -0
- package/lib/commonjs/radio/context.js +14 -0
- package/lib/commonjs/radio/context.js.map +1 -0
- package/lib/commonjs/radio/createRadioGroup.js +66 -0
- package/lib/commonjs/radio/createRadioGroup.js.map +1 -0
- package/lib/commonjs/radio/createRadioIndicator.js +43 -0
- package/lib/commonjs/radio/createRadioIndicator.js.map +1 -0
- package/lib/commonjs/radio/createRadioLabel.js +38 -0
- package/lib/commonjs/radio/createRadioLabel.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.js +95 -0
- package/lib/commonjs/radio/createRadioRoot.js.map +1 -0
- package/lib/commonjs/radio/createRadioRoot.web.js +87 -0
- package/lib/commonjs/radio/createRadioRoot.web.js.map +1 -0
- package/lib/commonjs/radio/index.js +26 -0
- package/lib/commonjs/radio/index.js.map +1 -0
- package/lib/commonjs/radio/types.js +6 -0
- package/lib/commonjs/radio/types.js.map +1 -0
- package/lib/commonjs/radio/useRadioRoot.js +64 -0
- package/lib/commonjs/radio/useRadioRoot.js.map +1 -0
- package/lib/module/index.js +2 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/list-item/context.js +5 -0
- package/lib/module/list-item/context.js.map +1 -0
- package/lib/module/list-item/createListItemContent.js +24 -0
- package/lib/module/list-item/createListItemContent.js.map +1 -0
- package/lib/module/list-item/createListItemDescription.js +19 -0
- package/lib/module/list-item/createListItemDescription.js.map +1 -0
- package/lib/module/list-item/createListItemLeadingSlot.js +28 -0
- package/lib/module/list-item/createListItemLeadingSlot.js.map +1 -0
- package/lib/module/list-item/createListItemMeta.js +19 -0
- package/lib/module/list-item/createListItemMeta.js.map +1 -0
- package/lib/module/list-item/createListItemRoot.js +136 -0
- package/lib/module/list-item/createListItemRoot.js.map +1 -0
- package/lib/module/list-item/createListItemSectionHeader.js +48 -0
- package/lib/module/list-item/createListItemSectionHeader.js.map +1 -0
- package/lib/module/list-item/createListItemTitle.js +19 -0
- package/lib/module/list-item/createListItemTitle.js.map +1 -0
- package/lib/module/list-item/createListItemTrailingSlot.js +22 -0
- package/lib/module/list-item/createListItemTrailingSlot.js.map +1 -0
- package/lib/module/list-item/index.js +39 -0
- package/lib/module/list-item/index.js.map +1 -0
- package/lib/module/list-item/types.js +4 -0
- package/lib/module/list-item/types.js.map +1 -0
- package/lib/module/radio/context.js +7 -0
- package/lib/module/radio/context.js.map +1 -0
- package/lib/module/radio/createRadioGroup.js +61 -0
- package/lib/module/radio/createRadioGroup.js.map +1 -0
- package/lib/module/radio/createRadioIndicator.js +38 -0
- package/lib/module/radio/createRadioIndicator.js.map +1 -0
- package/lib/module/radio/createRadioLabel.js +33 -0
- package/lib/module/radio/createRadioLabel.js.map +1 -0
- package/lib/module/radio/createRadioRoot.js +90 -0
- package/lib/module/radio/createRadioRoot.js.map +1 -0
- package/lib/module/radio/createRadioRoot.web.js +82 -0
- package/lib/module/radio/createRadioRoot.web.js.map +1 -0
- package/lib/module/radio/index.js +22 -0
- package/lib/module/radio/index.js.map +1 -0
- package/lib/module/radio/types.js +4 -0
- package/lib/module/radio/types.js.map +1 -0
- package/lib/module/radio/useRadioRoot.js +60 -0
- package/lib/module/radio/useRadioRoot.js.map +1 -0
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/list-item/context.d.ts +6 -0
- package/lib/typescript/list-item/context.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemContent.d.ts +3 -0
- package/lib/typescript/list-item/createListItemContent.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemDescription.d.ts +3 -0
- package/lib/typescript/list-item/createListItemDescription.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts +4 -0
- package/lib/typescript/list-item/createListItemLeadingSlot.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemMeta.d.ts +3 -0
- package/lib/typescript/list-item/createListItemMeta.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemRoot.d.ts +4 -0
- package/lib/typescript/list-item/createListItemRoot.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts +4 -0
- package/lib/typescript/list-item/createListItemSectionHeader.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemTitle.d.ts +3 -0
- package/lib/typescript/list-item/createListItemTitle.d.ts.map +1 -0
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts +3 -0
- package/lib/typescript/list-item/createListItemTrailingSlot.d.ts.map +1 -0
- package/lib/typescript/list-item/index.d.ts +16 -0
- package/lib/typescript/list-item/index.d.ts.map +1 -0
- package/lib/typescript/list-item/types.d.ts +86 -0
- package/lib/typescript/list-item/types.d.ts.map +1 -0
- package/lib/typescript/radio/context.d.ts +21 -0
- package/lib/typescript/radio/context.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioGroup.d.ts +3 -0
- package/lib/typescript/radio/createRadioGroup.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts +5 -0
- package/lib/typescript/radio/createRadioIndicator.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioLabel.d.ts +5 -0
- package/lib/typescript/radio/createRadioLabel.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.d.ts.map +1 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts +3 -0
- package/lib/typescript/radio/createRadioRoot.web.d.ts.map +1 -0
- package/lib/typescript/radio/index.d.ts +10 -0
- package/lib/typescript/radio/index.d.ts.map +1 -0
- package/lib/typescript/radio/types.d.ts +54 -0
- package/lib/typescript/radio/types.d.ts.map +1 -0
- package/lib/typescript/radio/useRadioRoot.d.ts +149 -0
- package/lib/typescript/radio/useRadioRoot.d.ts.map +1 -0
- package/package.json +5 -2
- package/src/index.ts +2 -0
- package/src/list-item/context.tsx +5 -0
- package/src/list-item/createListItemContent.tsx +23 -0
- package/src/list-item/createListItemDescription.tsx +19 -0
- package/src/list-item/createListItemLeadingSlot.tsx +30 -0
- package/src/list-item/createListItemMeta.tsx +17 -0
- package/src/list-item/createListItemRoot.tsx +163 -0
- package/src/list-item/createListItemSectionHeader.tsx +53 -0
- package/src/list-item/createListItemTitle.tsx +17 -0
- package/src/list-item/createListItemTrailingSlot.tsx +21 -0
- package/src/list-item/index.ts +88 -0
- package/src/list-item/types.ts +122 -0
- package/src/radio/context.tsx +21 -0
- package/src/radio/createRadioGroup.tsx +67 -0
- package/src/radio/createRadioIndicator.tsx +32 -0
- package/src/radio/createRadioLabel.tsx +28 -0
- package/src/radio/createRadioRoot.tsx +100 -0
- package/src/radio/createRadioRoot.web.tsx +81 -0
- package/src/radio/index.ts +37 -0
- package/src/radio/types.ts +67 -0
- package/src/radio/useRadioRoot.ts +69 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export const createListItemDescription = Base => /*#__PURE__*/forwardRef(({
|
|
7
|
+
children,
|
|
8
|
+
style,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
11
|
+
...props,
|
|
12
|
+
...dataAttributes({
|
|
13
|
+
slot: 'list-item-description'
|
|
14
|
+
}),
|
|
15
|
+
ref: ref,
|
|
16
|
+
style: style,
|
|
17
|
+
children: children
|
|
18
|
+
}));
|
|
19
|
+
//# sourceMappingURL=createListItemDescription.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemDescription","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemDescription.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,yBAAyB,GAAQC,IAA4B,iBACxEL,UAAU,CACR,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAiC,CAAC,EAAEC,GAAuB,kBAChFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const shrinkZero = {
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
};
|
|
9
|
+
export const createListItemLeadingSlot = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
'aria-hidden': ariaHidden,
|
|
11
|
+
style,
|
|
12
|
+
children,
|
|
13
|
+
...props
|
|
14
|
+
}, ref) => {
|
|
15
|
+
const accessibilityElementsHidden = ariaHidden !== false;
|
|
16
|
+
return /*#__PURE__*/_jsx(Base, {
|
|
17
|
+
...props,
|
|
18
|
+
...dataAttributes({
|
|
19
|
+
slot: 'list-item-leading'
|
|
20
|
+
}),
|
|
21
|
+
accessibilityElementsHidden: accessibilityElementsHidden,
|
|
22
|
+
"aria-hidden": ariaHidden,
|
|
23
|
+
ref: ref,
|
|
24
|
+
style: [shrinkZero, style],
|
|
25
|
+
children: children
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
//# sourceMappingURL=createListItemLeadingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createListItemLeadingSlot","Base","ariaHidden","style","children","props","ref","accessibilityElementsHidden","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemLeadingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,yBAAyB,GAAQC,IAA4B,iBACxEP,UAAU,CACR,CACE;EAAE,aAAa,EAAEQ,UAAU;EAAEC,KAAK;EAAEC,QAAQ;EAAE,GAAGC;AAAiC,CAAC,EACnFC,GAAuB,KACpB;EACH,MAAMC,2BAA2B,GAAGL,UAAU,KAAK,KAAK;EAExD,oBACEL,IAAA,CAACI,IAAI;IAAA,GACEI,KAAK;IAAA,GACNV,cAAc,CAAC;MACjBa,IAAI,EAAE;IACR,CAAC,CAAC;IACFD,2BAA2B,EAAEA,2BAA4B;IACzD,eAAaL,UAAW;IACxBI,GAAG,EAAEA,GAAoB;IACzBH,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;IAAAC,QAAA,EAE1BA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export const createListItemMeta = Base => /*#__PURE__*/forwardRef(({
|
|
7
|
+
children,
|
|
8
|
+
style,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
11
|
+
...props,
|
|
12
|
+
...dataAttributes({
|
|
13
|
+
slot: 'list-item-meta'
|
|
14
|
+
}),
|
|
15
|
+
ref: ref,
|
|
16
|
+
style: style,
|
|
17
|
+
children: children
|
|
18
|
+
}));
|
|
19
|
+
//# sourceMappingURL=createListItemMeta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemMeta","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemMeta.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,kBAAkB,GAAQC,IAA4B,iBACjEL,UAAU,CAAC,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA0B,CAAC,EAAEC,GAAuB,kBACpFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useMemo } from 'react';
|
|
4
|
+
import { composeEventHandlers, mergeRefs } from '@cdx-ui/utils';
|
|
5
|
+
import { useHover, usePress } from '@react-native-aria/interactions';
|
|
6
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
7
|
+
import { ListItemProvider } from './context';
|
|
8
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
|
+
function listItemRootDataAttrs(size, surface, showSeparator, crossAlign) {
|
|
10
|
+
return dataAttributes({
|
|
11
|
+
slot: 'list-item',
|
|
12
|
+
size: size ?? 'default',
|
|
13
|
+
surface: surface ?? 'default',
|
|
14
|
+
separator: showSeparator ?? true,
|
|
15
|
+
crossAlign: crossAlign ?? 'center'
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
function rowStyleForCrossAlign(crossAlign) {
|
|
19
|
+
return {
|
|
20
|
+
flexDirection: 'row',
|
|
21
|
+
alignSelf: 'stretch',
|
|
22
|
+
alignItems: crossAlign === 'start' ? 'flex-start' : 'center'
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
export const createListItemRoot = (BaseView, BasePressable) => /*#__PURE__*/forwardRef(({
|
|
26
|
+
asChild = false,
|
|
27
|
+
children,
|
|
28
|
+
onPress,
|
|
29
|
+
size = 'default',
|
|
30
|
+
surface = 'default',
|
|
31
|
+
showSeparator = true,
|
|
32
|
+
crossAlign = 'center',
|
|
33
|
+
disabled = false,
|
|
34
|
+
style,
|
|
35
|
+
...restProps
|
|
36
|
+
}, ref) => {
|
|
37
|
+
const asChildInteractive = asChild && !!onPress && /*#__PURE__*/React.isValidElement(children);
|
|
38
|
+
const isPressableRoot = !!onPress && !asChildInteractive;
|
|
39
|
+
const pressState = usePress({
|
|
40
|
+
isDisabled: !isPressableRoot || disabled
|
|
41
|
+
});
|
|
42
|
+
const isPressed = pressState.isPressed;
|
|
43
|
+
const pressProps = pressState.pressProps;
|
|
44
|
+
const {
|
|
45
|
+
hoverProps,
|
|
46
|
+
isHovered
|
|
47
|
+
} = useHover();
|
|
48
|
+
const slotAttrs = listItemRootDataAttrs(size, surface, showSeparator, crossAlign);
|
|
49
|
+
const contextValue = useMemo(() => ({
|
|
50
|
+
isPressed: isPressableRoot ? isPressed : false,
|
|
51
|
+
isHovered,
|
|
52
|
+
isDisabled: disabled,
|
|
53
|
+
crossAlign: crossAlign ?? 'center'
|
|
54
|
+
}), [isPressableRoot, isPressed, isHovered, disabled, crossAlign]);
|
|
55
|
+
if (asChildInteractive) {
|
|
56
|
+
const child = children;
|
|
57
|
+
const mergedOnPress = composeEventHandlers(child.props.onPress, onPress);
|
|
58
|
+
const childDisabled = !!child.props.disabled;
|
|
59
|
+
const resolvedDisabled = disabled || childDisabled;
|
|
60
|
+
return /*#__PURE__*/_jsx(ListItemProvider, {
|
|
61
|
+
value: {
|
|
62
|
+
isPressed: false,
|
|
63
|
+
isHovered: false,
|
|
64
|
+
isDisabled: resolvedDisabled,
|
|
65
|
+
crossAlign: crossAlign ?? 'center'
|
|
66
|
+
},
|
|
67
|
+
children: /*#__PURE__*/React.cloneElement(child, {
|
|
68
|
+
...restProps,
|
|
69
|
+
...slotAttrs,
|
|
70
|
+
...dataAttributes({
|
|
71
|
+
active: false,
|
|
72
|
+
hovered: false,
|
|
73
|
+
disabled: resolvedDisabled
|
|
74
|
+
}),
|
|
75
|
+
...(resolvedDisabled && {
|
|
76
|
+
accessibilityState: {
|
|
77
|
+
disabled: true
|
|
78
|
+
}
|
|
79
|
+
}),
|
|
80
|
+
disabled: resolvedDisabled,
|
|
81
|
+
onPress: resolvedDisabled ? undefined : mergedOnPress,
|
|
82
|
+
ref: mergeRefs(ref, child.props.ref),
|
|
83
|
+
style: [rowStyleForCrossAlign(crossAlign), style, child.props.style]
|
|
84
|
+
})
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
if (isPressableRoot) {
|
|
88
|
+
const interactionAttrs = dataAttributes({
|
|
89
|
+
active: isPressed,
|
|
90
|
+
hovered: isHovered,
|
|
91
|
+
disabled
|
|
92
|
+
});
|
|
93
|
+
const {
|
|
94
|
+
onPressIn: onPressInProp,
|
|
95
|
+
onPressOut: onPressOutProp,
|
|
96
|
+
onHoverIn: onHoverInProp,
|
|
97
|
+
onHoverOut: onHoverOutProp
|
|
98
|
+
} = restProps;
|
|
99
|
+
return /*#__PURE__*/_jsx(ListItemProvider, {
|
|
100
|
+
value: contextValue,
|
|
101
|
+
children: /*#__PURE__*/_jsx(BasePressable, {
|
|
102
|
+
...restProps,
|
|
103
|
+
...slotAttrs,
|
|
104
|
+
...interactionAttrs,
|
|
105
|
+
...(disabled && {
|
|
106
|
+
accessibilityState: {
|
|
107
|
+
disabled: true
|
|
108
|
+
}
|
|
109
|
+
}),
|
|
110
|
+
disabled: disabled,
|
|
111
|
+
ref: ref,
|
|
112
|
+
style: [rowStyleForCrossAlign(crossAlign), style],
|
|
113
|
+
onPress: disabled ? undefined : onPress,
|
|
114
|
+
onPressIn: composeEventHandlers(onPressInProp, pressProps.onPressIn),
|
|
115
|
+
onPressOut: composeEventHandlers(onPressOutProp, pressProps.onPressOut),
|
|
116
|
+
onHoverIn: composeEventHandlers(onHoverInProp, hoverProps.onHoverIn),
|
|
117
|
+
onHoverOut: composeEventHandlers(onHoverOutProp, hoverProps.onHoverOut),
|
|
118
|
+
children: children
|
|
119
|
+
})
|
|
120
|
+
});
|
|
121
|
+
}
|
|
122
|
+
return /*#__PURE__*/_jsx(ListItemProvider, {
|
|
123
|
+
value: contextValue,
|
|
124
|
+
children: /*#__PURE__*/_jsx(BaseView, {
|
|
125
|
+
...restProps,
|
|
126
|
+
...slotAttrs,
|
|
127
|
+
...(disabled ? dataAttributes({
|
|
128
|
+
disabled: true
|
|
129
|
+
}) : undefined),
|
|
130
|
+
ref: ref,
|
|
131
|
+
style: [rowStyleForCrossAlign(crossAlign), style],
|
|
132
|
+
children: children
|
|
133
|
+
})
|
|
134
|
+
});
|
|
135
|
+
});
|
|
136
|
+
//# sourceMappingURL=createListItemRoot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","composeEventHandlers","mergeRefs","useHover","usePress","dataAttributes","ListItemProvider","jsx","_jsx","listItemRootDataAttrs","size","surface","showSeparator","crossAlign","slot","separator","rowStyleForCrossAlign","flexDirection","alignSelf","alignItems","createListItemRoot","BaseView","BasePressable","asChild","children","onPress","disabled","style","restProps","ref","asChildInteractive","isValidElement","isPressableRoot","pressState","isDisabled","isPressed","pressProps","hoverProps","isHovered","slotAttrs","contextValue","child","mergedOnPress","props","childDisabled","resolvedDisabled","value","cloneElement","active","hovered","accessibilityState","undefined","interactionAttrs","onPressIn","onPressInProp","onPressOut","onPressOutProp","onHoverIn","onHoverInProp","onHoverOut","onHoverOutProp"],"sourceRoot":"../../../src","sources":["list-item/createListItemRoot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAElD,SAASC,oBAAoB,EAAEC,SAAS,QAAQ,eAAe;AAC/D,SAASC,QAAQ,EAAEC,QAAQ,QAAQ,iCAAiC;AACpE,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,gBAAgB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,SAASC,qBAAqBA,CAC5BC,IAA4B,EAC5BC,OAAkC,EAClCC,aAAkC,EAClCC,UAAwC,EACxC;EACA,OAAOR,cAAc,CAAC;IACpBS,IAAI,EAAE,WAAW;IACjBJ,IAAI,EAAEA,IAAI,IAAI,SAAS;IACvBC,OAAO,EAAEA,OAAO,IAAI,SAAS;IAC7BI,SAAS,EAAEH,aAAa,IAAI,IAAI;IAChCC,UAAU,EAAEA,UAAU,IAAI;EAC5B,CAAC,CAAC;AACJ;AAEA,SAASG,qBAAqBA,CAACH,UAAwC,EAAE;EACvE,OAAO;IACLI,aAAa,EAAE,KAAc;IAC7BC,SAAS,EAAE,SAAkB;IAC7BC,UAAU,EAAEN,UAAU,KAAK,OAAO,GAAI,YAAY,GAAc;EAClE,CAAC;AACH;AAEA,OAAO,MAAMO,kBAAkB,GAAGA,CAChCC,QAAgC,EAChCC,aAAqC,kBAErCvB,UAAU,CACR,CACE;EACEwB,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,OAAO;EACPf,IAAI,GAAG,SAAS;EAChBC,OAAO,GAAG,SAAS;EACnBC,aAAa,GAAG,IAAI;EACpBC,UAAU,GAAG,QAAQ;EACrBa,QAAQ,GAAG,KAAK;EAChBC,KAAK;EACL,GAAGC;AACW,CAAC,EACjBC,GAAuB,KACpB;EACH,MAAMC,kBAAkB,GAAGP,OAAO,IAAI,CAAC,CAACE,OAAO,iBAAI3B,KAAK,CAACiC,cAAc,CAACP,QAAQ,CAAC;EACjF,MAAMQ,eAAe,GAAG,CAAC,CAACP,OAAO,IAAI,CAACK,kBAAkB;EAExD,MAAMG,UAAU,GAAG7B,QAAQ,CAAC;IAC1B8B,UAAU,EAAE,CAACF,eAAe,IAAIN;EAClC,CAAC,CAAC;EACF,MAAMS,SAAS,GAAGF,UAAU,CAACE,SAAS;EACtC,MAAMC,UAAU,GAAGH,UAAU,CAACG,UAA8D;EAC5F,MAAM;IAAEC,UAAU;IAAEC;EAAU,CAAC,GAAGnC,QAAQ,CAAC,CAAC;EAE5C,MAAMoC,SAAS,GAAG9B,qBAAqB,CAACC,IAAI,EAAEC,OAAO,EAAEC,aAAa,EAAEC,UAAU,CAAC;EAEjF,MAAM2B,YAAY,GAAGxC,OAAO,CAC1B,OAAO;IACLmC,SAAS,EAAEH,eAAe,GAAGG,SAAS,GAAG,KAAK;IAC9CG,SAAS;IACTJ,UAAU,EAAER,QAAQ;IACpBb,UAAU,EAAEA,UAAU,IAAI;EAC5B,CAAC,CAAC,EACF,CAACmB,eAAe,EAAEG,SAAS,EAAEG,SAAS,EAAEZ,QAAQ,EAAEb,UAAU,CAC9D,CAAC;EAED,IAAIiB,kBAAkB,EAAE;IACtB,MAAMW,KAAK,GAAGjB,QAAuD;IAErE,MAAMkB,aAAa,GAAGzC,oBAAoB,CACxCwC,KAAK,CAACE,KAAK,CAAClB,OAAO,EACnBA,OACF,CAAC;IAED,MAAMmB,aAAa,GAAG,CAAC,CAAEH,KAAK,CAACE,KAAK,CAA4BjB,QAAQ;IAExE,MAAMmB,gBAAgB,GAAGnB,QAAQ,IAAIkB,aAAa;IAElD,oBACEpC,IAAA,CAACF,gBAAgB;MACfwC,KAAK,EAAE;QACLX,SAAS,EAAE,KAAK;QAChBG,SAAS,EAAE,KAAK;QAChBJ,UAAU,EAAEW,gBAAgB;QAC5BhC,UAAU,EAAEA,UAAU,IAAI;MAC5B,CAAE;MAAAW,QAAA,eAED1B,KAAK,CAACiD,YAAY,CAACN,KAAK,EAAE;QACzB,GAAGb,SAAS;QACZ,GAAGW,SAAS;QACZ,GAAGlC,cAAc,CAAC;UAChB2C,MAAM,EAAE,KAAK;UACbC,OAAO,EAAE,KAAK;UACdvB,QAAQ,EAAEmB;QACZ,CAAC,CAAC;QACF,IAAIA,gBAAgB,IAAI;UAAEK,kBAAkB,EAAE;YAAExB,QAAQ,EAAE;UAAK;QAAE,CAAC,CAAC;QACnEA,QAAQ,EAAEmB,gBAAgB;QAC1BpB,OAAO,EAAEoB,gBAAgB,GAAGM,SAAS,GAAGT,aAAa;QACrDb,GAAG,EAAE3B,SAAS,CAAC2B,GAAG,EAAEY,KAAK,CAACE,KAAK,CAACd,GAAyB,CAAC;QAC1DF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,EAAEc,KAAK,CAACE,KAAK,CAAChB,KAAK;MACrE,CAAC;IAAC,CACc,CAAC;EAEvB;EAEA,IAAIK,eAAe,EAAE;IACnB,MAAMoB,gBAAgB,GAAG/C,cAAc,CAAC;MACtC2C,MAAM,EAAEb,SAAS;MACjBc,OAAO,EAAEX,SAAS;MAClBZ;IACF,CAAC,CAAC;IAEF,MAAM;MACJ2B,SAAS,EAAEC,aAAa;MACxBC,UAAU,EAAEC,cAAc;MAC1BC,SAAS,EAAEC,aAAa;MACxBC,UAAU,EAAEC;IACd,CAAC,GAAGhC,SAA0C;IAE9C,oBACEpB,IAAA,CAACF,gBAAgB;MAACwC,KAAK,EAAEN,YAAa;MAAAhB,QAAA,eACpChB,IAAA,CAACc,aAAa;QAAA,GACPM,SAAS;QAAA,GACVW,SAAS;QAAA,GACTa,gBAAgB;QAAA,IACf1B,QAAQ,IAAI;UAAEwB,kBAAkB,EAAE;YAAExB,QAAQ,EAAE;UAAK;QAAE,CAAC;QAC3DA,QAAQ,EAAEA,QAAS;QACnBG,GAAG,EAAEA,GAAoB;QACzBF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,CAAE;QAClDF,OAAO,EAAEC,QAAQ,GAAGyB,SAAS,GAAG1B,OAAQ;QACxC4B,SAAS,EAAEpD,oBAAoB,CAACqD,aAAa,EAAElB,UAAU,CAACiB,SAAS,CAAE;QACrEE,UAAU,EAAEtD,oBAAoB,CAACuD,cAAc,EAAEpB,UAAU,CAACmB,UAAU,CAAE;QACxEE,SAAS,EAAExD,oBAAoB,CAACyD,aAAa,EAAErB,UAAU,CAACoB,SAAS,CAAE;QACrEE,UAAU,EAAE1D,oBAAoB,CAAC2D,cAAc,EAAEvB,UAAU,CAACsB,UAAU,CAAE;QAAAnC,QAAA,EAEvEA;MAAQ,CACI;IAAC,CACA,CAAC;EAEvB;EAEA,oBACEhB,IAAA,CAACF,gBAAgB;IAACwC,KAAK,EAAEN,YAAa;IAAAhB,QAAA,eACpChB,IAAA,CAACa,QAAQ;MAAA,GACFO,SAAS;MAAA,GACVW,SAAS;MAAA,IACRb,QAAQ,GAAGrB,cAAc,CAAC;QAAEqB,QAAQ,EAAE;MAAK,CAAC,CAAC,GAAGyB,SAAS;MAC9DtB,GAAG,EAAEA,GAAoB;MACzBF,KAAK,EAAE,CAACX,qBAAqB,CAACH,UAAU,CAAC,EAAEc,KAAK,CAAE;MAAAH,QAAA,EAEjDA;IAAQ,CACD;EAAC,CACK,CAAC;AAEvB,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const row = {
|
|
8
|
+
flexDirection: 'row',
|
|
9
|
+
alignItems: 'center',
|
|
10
|
+
justifyContent: 'space-between',
|
|
11
|
+
gap: 8
|
|
12
|
+
};
|
|
13
|
+
const labelCell = {
|
|
14
|
+
flex: 1,
|
|
15
|
+
minWidth: 0,
|
|
16
|
+
/** Keeps the label column from stretching to a taller trailing sibling (e.g. Chip). */
|
|
17
|
+
alignSelf: 'center'
|
|
18
|
+
};
|
|
19
|
+
const trailingCell = {
|
|
20
|
+
flexShrink: 0,
|
|
21
|
+
/** Prevents the trailing slot from stretching vertically and “filling” the row. */
|
|
22
|
+
alignSelf: 'center'
|
|
23
|
+
};
|
|
24
|
+
export const createListItemSectionHeader = Base => /*#__PURE__*/forwardRef(({
|
|
25
|
+
children,
|
|
26
|
+
trailing,
|
|
27
|
+
showDivider = true,
|
|
28
|
+
style,
|
|
29
|
+
accessibilityRole = 'header',
|
|
30
|
+
...props
|
|
31
|
+
}, ref) => /*#__PURE__*/_jsxs(Base, {
|
|
32
|
+
...props,
|
|
33
|
+
...dataAttributes({
|
|
34
|
+
slot: 'list-section-header',
|
|
35
|
+
divider: showDivider
|
|
36
|
+
}),
|
|
37
|
+
accessibilityRole: accessibilityRole,
|
|
38
|
+
ref: ref,
|
|
39
|
+
style: [row, style],
|
|
40
|
+
children: [/*#__PURE__*/_jsx(View, {
|
|
41
|
+
style: labelCell,
|
|
42
|
+
children: children
|
|
43
|
+
}), trailing ? /*#__PURE__*/_jsx(View, {
|
|
44
|
+
style: trailingCell,
|
|
45
|
+
children: trailing
|
|
46
|
+
}) : null]
|
|
47
|
+
}));
|
|
48
|
+
//# sourceMappingURL=createListItemSectionHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","View","dataAttributes","jsx","_jsx","jsxs","_jsxs","row","flexDirection","alignItems","justifyContent","gap","labelCell","flex","minWidth","alignSelf","trailingCell","flexShrink","createListItemSectionHeader","Base","children","trailing","showDivider","style","accessibilityRole","props","ref","slot","divider"],"sourceRoot":"../../../src","sources":["list-item/createListItemSectionHeader.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzD,MAAMC,GAAG,GAAG;EACVC,aAAa,EAAE,KAAc;EAC7BC,UAAU,EAAE,QAAiB;EAC7BC,cAAc,EAAE,eAAwB;EACxCC,GAAG,EAAE;AACP,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,IAAI,EAAE,CAAC;EACPC,QAAQ,EAAE,CAAC;EACX;EACAC,SAAS,EAAE;AACb,CAAC;AAED,MAAMC,YAAY,GAAG;EACnBC,UAAU,EAAE,CAAC;EACb;EACAF,SAAS,EAAE;AACb,CAAC;AAED,OAAO,MAAMG,2BAA2B,GAAQC,IAA4B,iBAC1EnB,UAAU,CACR,CACE;EACEoB,QAAQ;EACRC,QAAQ;EACRC,WAAW,GAAG,IAAI;EAClBC,KAAK;EACLC,iBAAiB,GAAG,QAAQ;EAC5B,GAAGC;AACwB,CAAC,EAC9BC,GAAuB,kBAEvBpB,KAAA,CAACa,IAAI;EAAA,GACEM,KAAK;EAAA,GACNvB,cAAc,CAAC;IACjByB,IAAI,EAAE,qBAAqB;IAC3BC,OAAO,EAAEN;EACX,CAAC,CAAC;EACFE,iBAAiB,EAAEA,iBAAkB;EACrCE,GAAG,EAAEA,GAAoB;EACzBH,KAAK,EAAE,CAAChB,GAAG,EAAEgB,KAAK,CAAE;EAAAH,QAAA,gBAEpBhB,IAAA,CAACH,IAAI;IAACsB,KAAK,EAAEX,SAAU;IAAAQ,QAAA,EAAEA;EAAQ,CAAO,CAAC,EACxCC,QAAQ,gBAAGjB,IAAA,CAACH,IAAI;IAACsB,KAAK,EAAEP,YAAa;IAAAI,QAAA,EAAEC;EAAQ,CAAO,CAAC,GAAG,IAAI;AAAA,CAC3D,CAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
export const createListItemTitle = Base => /*#__PURE__*/forwardRef(({
|
|
7
|
+
children,
|
|
8
|
+
style,
|
|
9
|
+
...props
|
|
10
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
11
|
+
...props,
|
|
12
|
+
...dataAttributes({
|
|
13
|
+
slot: 'list-item-title'
|
|
14
|
+
}),
|
|
15
|
+
ref: ref,
|
|
16
|
+
style: style,
|
|
17
|
+
children: children
|
|
18
|
+
}));
|
|
19
|
+
//# sourceMappingURL=createListItemTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","createListItemTitle","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTitle.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,OAAO,MAAMC,mBAAmB,GAAQC,IAA4B,iBAClEL,UAAU,CAAC,CAAC;EAAEM,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAA2B,CAAC,EAAEC,GAAuB,kBACrFN,IAAA,CAACE,IAAI;EAAA,GACEG,KAAK;EAAA,GACNP,cAAc,CAAC;IACjBS,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAEA,KAAM;EAAAD,QAAA,EAEZA;AAAQ,CACL,CACP,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const shrinkZero = {
|
|
7
|
+
flexShrink: 0
|
|
8
|
+
};
|
|
9
|
+
export const createListItemTrailingSlot = Base => /*#__PURE__*/forwardRef(({
|
|
10
|
+
children,
|
|
11
|
+
style,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => /*#__PURE__*/_jsx(Base, {
|
|
14
|
+
...props,
|
|
15
|
+
...dataAttributes({
|
|
16
|
+
slot: 'list-item-trailing'
|
|
17
|
+
}),
|
|
18
|
+
ref: ref,
|
|
19
|
+
style: [shrinkZero, style],
|
|
20
|
+
children: children
|
|
21
|
+
}));
|
|
22
|
+
//# sourceMappingURL=createListItemTrailingSlot.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","dataAttributes","jsx","_jsx","shrinkZero","flexShrink","createListItemTrailingSlot","Base","children","style","props","ref","slot"],"sourceRoot":"../../../src","sources":["list-item/createListItemTrailingSlot.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGzD,MAAMC,UAAU,GAAG;EAAEC,UAAU,EAAE;AAAW,CAAC;AAE7C,OAAO,MAAMC,0BAA0B,GAAQC,IAA4B,iBACzEP,UAAU,CACR,CAAC;EAAEQ,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAkC,CAAC,EAAEC,GAAuB,kBACjFR,IAAA,CAACI,IAAI;EAAA,GACEG,KAAK;EAAA,GACNT,cAAc,CAAC;IACjBW,IAAI,EAAE;EACR,CAAC,CAAC;EACFD,GAAG,EAAEA,GAAoB;EACzBF,KAAK,EAAE,CAACL,UAAU,EAAEK,KAAK,CAAE;EAAAD,QAAA,EAE1BA;AAAQ,CACL,CAEV,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createListItemContent } from './createListItemContent';
|
|
4
|
+
import { createListItemDescription } from './createListItemDescription';
|
|
5
|
+
import { createListItemLeadingSlot } from './createListItemLeadingSlot';
|
|
6
|
+
import { createListItemMeta } from './createListItemMeta';
|
|
7
|
+
import { createListItemRoot } from './createListItemRoot';
|
|
8
|
+
import { createListItemSectionHeader } from './createListItemSectionHeader';
|
|
9
|
+
import { createListItemTitle } from './createListItemTitle';
|
|
10
|
+
import { createListItemTrailingSlot } from './createListItemTrailingSlot';
|
|
11
|
+
export { ListItemProvider, useListItemContext } from './context';
|
|
12
|
+
export function createListItem(BaseComponents) {
|
|
13
|
+
const ListItem = createListItemRoot(BaseComponents.View, BaseComponents.Pressable);
|
|
14
|
+
const LeadingSlot = createListItemLeadingSlot(BaseComponents.LeadingSlot);
|
|
15
|
+
const Content = createListItemContent(BaseComponents.Content);
|
|
16
|
+
const Title = createListItemTitle(BaseComponents.Title);
|
|
17
|
+
const Description = createListItemDescription(BaseComponents.Description);
|
|
18
|
+
const Meta = createListItemMeta(BaseComponents.Meta);
|
|
19
|
+
const TrailingSlot = createListItemTrailingSlot(BaseComponents.TrailingSlot);
|
|
20
|
+
const SectionHeader = createListItemSectionHeader(BaseComponents.SectionHeader);
|
|
21
|
+
ListItem.displayName = 'ListItemPrimitive';
|
|
22
|
+
LeadingSlot.displayName = 'ListItemPrimitive.LeadingSlot';
|
|
23
|
+
Content.displayName = 'ListItemPrimitive.Content';
|
|
24
|
+
Title.displayName = 'ListItemPrimitive.Title';
|
|
25
|
+
Description.displayName = 'ListItemPrimitive.Description';
|
|
26
|
+
Meta.displayName = 'ListItemPrimitive.Meta';
|
|
27
|
+
TrailingSlot.displayName = 'ListItemPrimitive.TrailingSlot';
|
|
28
|
+
SectionHeader.displayName = 'ListItemPrimitive.SectionHeader';
|
|
29
|
+
return Object.assign(ListItem, {
|
|
30
|
+
LeadingSlot,
|
|
31
|
+
Content,
|
|
32
|
+
Title,
|
|
33
|
+
Description,
|
|
34
|
+
Meta,
|
|
35
|
+
TrailingSlot,
|
|
36
|
+
SectionHeader
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createListItemContent","createListItemDescription","createListItemLeadingSlot","createListItemMeta","createListItemRoot","createListItemSectionHeader","createListItemTitle","createListItemTrailingSlot","ListItemProvider","useListItemContext","createListItem","BaseComponents","ListItem","View","Pressable","LeadingSlot","Content","Title","Description","Meta","TrailingSlot","SectionHeader","displayName","Object","assign"],"sourceRoot":"../../../src","sources":["list-item/index.ts"],"mappings":";;AACA,SAASA,qBAAqB,QAAQ,yBAAyB;AAC/D,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,yBAAyB,QAAQ,6BAA6B;AACvE,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,2BAA2B,QAAQ,+BAA+B;AAC3E,SAASC,mBAAmB,QAAQ,uBAAuB;AAC3D,SAASC,0BAA0B,QAAQ,8BAA8B;AAoBzE,SAASC,gBAAgB,EAAEC,kBAAkB,QAAQ,WAAW;AAEhE,OAAO,SAASC,cAAcA,CAU5BC,cAUD,EAAE;EACD,MAAMC,QAAQ,GAAGR,kBAAkB,CAACO,cAAc,CAACE,IAAI,EAAEF,cAAc,CAACG,SAAS,CAAC;EAClF,MAAMC,WAAW,GAAGb,yBAAyB,CAACS,cAAc,CAACI,WAAW,CAAC;EACzE,MAAMC,OAAO,GAAGhB,qBAAqB,CAACW,cAAc,CAACK,OAAO,CAAC;EAC7D,MAAMC,KAAK,GAAGX,mBAAmB,CAACK,cAAc,CAACM,KAAK,CAAC;EACvD,MAAMC,WAAW,GAAGjB,yBAAyB,CAACU,cAAc,CAACO,WAAW,CAAC;EACzE,MAAMC,IAAI,GAAGhB,kBAAkB,CAACQ,cAAc,CAACQ,IAAI,CAAC;EACpD,MAAMC,YAAY,GAAGb,0BAA0B,CAACI,cAAc,CAACS,YAAY,CAAC;EAC5E,MAAMC,aAAa,GAAGhB,2BAA2B,CAACM,cAAc,CAACU,aAAa,CAAC;EAE/ET,QAAQ,CAACU,WAAW,GAAG,mBAAmB;EAC1CP,WAAW,CAACO,WAAW,GAAG,+BAA+B;EACzDN,OAAO,CAACM,WAAW,GAAG,2BAA2B;EACjDL,KAAK,CAACK,WAAW,GAAG,yBAAyB;EAC7CJ,WAAW,CAACI,WAAW,GAAG,+BAA+B;EACzDH,IAAI,CAACG,WAAW,GAAG,wBAAwB;EAC3CF,YAAY,CAACE,WAAW,GAAG,gCAAgC;EAC3DD,aAAa,CAACC,WAAW,GAAG,iCAAiC;EAE7D,OAAOC,MAAM,CAACC,MAAM,CAACZ,QAAQ,EAAE;IAC7BG,WAAW;IACXC,OAAO;IACPC,KAAK;IACLC,WAAW;IACXC,IAAI;IACJC,YAAY;IACZC;EACF,CAAC,CAAC;AAUJ","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["list-item/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import { createContext } from '@cdx-ui/utils';
|
|
5
|
+
export const [RadioProvider, useRadioContext] = createContext('RadioContext');
|
|
6
|
+
export const RadioGroupContext = /*#__PURE__*/React.createContext(null);
|
|
7
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","createContext","RadioProvider","useRadioContext","RadioGroupContext"],"sourceRoot":"../../../src","sources":["radio/context.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,aAAa,QAAQ,eAAe;AAI7C,OAAO,MAAM,CAACC,aAAa,EAAEC,eAAe,CAAC,GAAGF,aAAa,CAAqB,cAAc,CAAC;AAWjG,OAAO,MAAMG,iBAAiB,gBAAGJ,KAAK,CAACC,aAAa,CAI1C,IAAI,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { useFormControlContext } from '@cdx-ui/utils';
|
|
5
|
+
import { useRadioGroup } from '@react-native-aria/radio';
|
|
6
|
+
import { useRadioGroupState } from '@react-stately/radio';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { RadioGroupContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const createRadioGroup = BaseRadioGroup => /*#__PURE__*/forwardRef(({
|
|
11
|
+
children,
|
|
12
|
+
...props
|
|
13
|
+
}, ref) => {
|
|
14
|
+
const formControlContext = useFormControlContext();
|
|
15
|
+
const combinedProps = {
|
|
16
|
+
...formControlContext,
|
|
17
|
+
...props
|
|
18
|
+
};
|
|
19
|
+
const radioGroupState = useRadioGroupState({
|
|
20
|
+
...combinedProps,
|
|
21
|
+
validationState: combinedProps.isInvalid ? 'invalid' : 'valid'
|
|
22
|
+
});
|
|
23
|
+
const {
|
|
24
|
+
radioGroupProps
|
|
25
|
+
} = useRadioGroup({
|
|
26
|
+
...combinedProps,
|
|
27
|
+
'aria-label': combinedProps['aria-label']
|
|
28
|
+
}, radioGroupState);
|
|
29
|
+
const isDisabled = combinedProps.isDisabled ?? false;
|
|
30
|
+
const isInvalid = combinedProps.isInvalid ?? false;
|
|
31
|
+
const isRequired = combinedProps.isRequired ?? false;
|
|
32
|
+
const isReadOnly = combinedProps.isReadOnly ?? false;
|
|
33
|
+
return /*#__PURE__*/_jsx(RadioGroupContext.Provider, {
|
|
34
|
+
value: {
|
|
35
|
+
state: {
|
|
36
|
+
isDisabled,
|
|
37
|
+
isInvalid,
|
|
38
|
+
isRequired,
|
|
39
|
+
isReadOnly,
|
|
40
|
+
isSelected: value => radioGroupState.selectedValue === value,
|
|
41
|
+
selectValue: value => radioGroupState.setSelectedValue(value)
|
|
42
|
+
},
|
|
43
|
+
radioGroupState,
|
|
44
|
+
name: combinedProps.name
|
|
45
|
+
},
|
|
46
|
+
children: /*#__PURE__*/_jsx(BaseRadioGroup, {
|
|
47
|
+
...radioGroupProps,
|
|
48
|
+
...combinedProps,
|
|
49
|
+
ref: ref,
|
|
50
|
+
"aria-required": isRequired || undefined,
|
|
51
|
+
"aria-readonly": isReadOnly || undefined,
|
|
52
|
+
...dataAttributes({
|
|
53
|
+
slot: 'radio-group',
|
|
54
|
+
disabled: isDisabled,
|
|
55
|
+
invalid: isInvalid
|
|
56
|
+
}),
|
|
57
|
+
children: children
|
|
58
|
+
})
|
|
59
|
+
});
|
|
60
|
+
});
|
|
61
|
+
//# sourceMappingURL=createRadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","useFormControlContext","useRadioGroup","useRadioGroupState","dataAttributes","RadioGroupContext","jsx","_jsx","createRadioGroup","BaseRadioGroup","children","props","ref","formControlContext","combinedProps","radioGroupState","validationState","isInvalid","radioGroupProps","isDisabled","isRequired","isReadOnly","Provider","value","state","isSelected","selectedValue","selectValue","setSelectedValue","name","undefined","slot","disabled","invalid"],"sourceRoot":"../../../src","sources":["radio/createRadioGroup.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,qBAAqB,QAAQ,eAAe;AACrD,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,iBAAiB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzET,UAAU,CAAC,CAAC;EAAEU,QAAQ;EAAE,GAAGC;AAAwB,CAAC,EAAEC,GAAkB,KAAK;EAC3E,MAAMC,kBAAkB,GAAGZ,qBAAqB,CAAC,CAAC;EAElD,MAAMa,aAAa,GAAG;IACpB,GAAGD,kBAAkB;IACrB,GAAGF;EACL,CAAC;EAED,MAAMI,eAAe,GAAGZ,kBAAkB,CAAC;IACzC,GAAGW,aAAa;IAChBE,eAAe,EAAEF,aAAa,CAACG,SAAS,GAAG,SAAS,GAAG;EACzD,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAgB,CAAC,GAAGhB,aAAa,CACvC;IACE,GAAGY,aAAa;IAChB,YAAY,EAAEA,aAAa,CAAC,YAAY;EAC1C,CAAC,EACDC,eACF,CAAC;EAED,MAAMI,UAAU,GAAGL,aAAa,CAACK,UAAU,IAAI,KAAK;EACpD,MAAMF,SAAS,GAAGH,aAAa,CAACG,SAAS,IAAI,KAAK;EAClD,MAAMG,UAAU,GAAGN,aAAa,CAACM,UAAU,IAAI,KAAK;EACpD,MAAMC,UAAU,GAAGP,aAAa,CAACO,UAAU,IAAI,KAAK;EAEpD,oBACEd,IAAA,CAACF,iBAAiB,CAACiB,QAAQ;IACzBC,KAAK,EAAE;MACLC,KAAK,EAAE;QACLL,UAAU;QACVF,SAAS;QACTG,UAAU;QACVC,UAAU;QACVI,UAAU,EAAGF,KAAa,IAAKR,eAAe,CAACW,aAAa,KAAKH,KAAK;QACtEI,WAAW,EAAGJ,KAAa,IAAKR,eAAe,CAACa,gBAAgB,CAACL,KAAK;MACxE,CAAC;MACDR,eAAe;MACfc,IAAI,EAAEf,aAAa,CAACe;IACtB,CAAE;IAAAnB,QAAA,eAEFH,IAAA,CAACE,cAAc;MAAA,GACTS,eAAe;MAAA,GACdJ,aAAa;MAClBF,GAAG,EAAEA,GAAI;MACT,iBAAeQ,UAAU,IAAIU,SAAU;MACvC,iBAAeT,UAAU,IAAIS,SAAU;MAAA,GACnC1B,cAAc,CAAC;QACjB2B,IAAI,EAAE,aAAa;QACnBC,QAAQ,EAAEb,UAAU;QACpBc,OAAO,EAAEhB;MACX,CAAC,CAAC;MAAAP,QAAA,EAEDA;IAAQ,CACK;EAAC,CACS,CAAC;AAEjC,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useRadioContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const createRadioIndicator = BaseRadioIndicator => /*#__PURE__*/forwardRef(({
|
|
8
|
+
children,
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
isChecked,
|
|
14
|
+
isDisabled,
|
|
15
|
+
isHovered,
|
|
16
|
+
isInvalid,
|
|
17
|
+
isReadOnly,
|
|
18
|
+
isPressed,
|
|
19
|
+
isFocusVisible
|
|
20
|
+
} = useRadioContext();
|
|
21
|
+
return /*#__PURE__*/_jsx(BaseRadioIndicator, {
|
|
22
|
+
className: className,
|
|
23
|
+
...dataAttributes({
|
|
24
|
+
slot: 'radio-indicator',
|
|
25
|
+
hover: isHovered,
|
|
26
|
+
checked: isChecked,
|
|
27
|
+
disabled: isDisabled,
|
|
28
|
+
focusVisible: isFocusVisible,
|
|
29
|
+
invalid: isInvalid,
|
|
30
|
+
readonly: isReadOnly,
|
|
31
|
+
active: isPressed
|
|
32
|
+
}),
|
|
33
|
+
...props,
|
|
34
|
+
ref: ref,
|
|
35
|
+
children: children
|
|
36
|
+
});
|
|
37
|
+
});
|
|
38
|
+
//# sourceMappingURL=createRadioIndicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioIndicator","BaseRadioIndicator","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","slot","hover","checked","disabled","focusVisible","invalid","readonly","active"],"sourceRoot":"../../../src","sources":["radio/createRadioIndicator.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,oBAAoB,GAAQC,kBAA0C,iBACjFN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;EAAe,CAAC,GAC1Ff,eAAe,CAAC,CAAC;EAEnB,oBACEE,IAAA,CAACE,kBAAkB;IACjBE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBiB,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAEN,SAAS;MAChBO,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,YAAY,EAAEL,cAAc;MAC5BM,OAAO,EAAET,SAAS;MAClBU,QAAQ,EAAET,UAAU;MACpBU,MAAM,EAAET;IACV,CAAC,CAAC;IAAA,GACGP,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACS,CAAC;AAEzB,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
5
|
+
import { useRadioContext } from './context';
|
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
7
|
+
export const createRadioLabel = BaseRadioLabel => /*#__PURE__*/forwardRef(({
|
|
8
|
+
children,
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
isChecked,
|
|
14
|
+
isDisabled,
|
|
15
|
+
isHovered,
|
|
16
|
+
isInvalid,
|
|
17
|
+
isReadOnly
|
|
18
|
+
} = useRadioContext();
|
|
19
|
+
return /*#__PURE__*/_jsx(BaseRadioLabel, {
|
|
20
|
+
className: className,
|
|
21
|
+
...dataAttributes({
|
|
22
|
+
hover: isHovered,
|
|
23
|
+
checked: isChecked,
|
|
24
|
+
disabled: isDisabled,
|
|
25
|
+
invalid: isInvalid,
|
|
26
|
+
readonly: isReadOnly
|
|
27
|
+
}),
|
|
28
|
+
...props,
|
|
29
|
+
ref: ref,
|
|
30
|
+
children: children
|
|
31
|
+
});
|
|
32
|
+
});
|
|
33
|
+
//# sourceMappingURL=createRadioLabel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","dataAttributes","useRadioContext","jsx","_jsx","createRadioLabel","BaseRadioLabel","children","className","props","ref","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","hover","checked","disabled","invalid","readonly"],"sourceRoot":"../../../src","sources":["radio/createRadioLabel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,eAAe,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG5C,OAAO,MAAMC,gBAAgB,GAAQC,cAAsC,iBACzEN,UAAU,CACR,CAAC;EAAEO,QAAQ;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1C,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGb,eAAe,CAAC,CAAC;EAErF,oBACEE,IAAA,CAACE,cAAc;IACbE,SAAS,EAAEA,SAAU;IAAA,GACjBP,cAAc,CAAC;MACjBe,KAAK,EAAEH,SAAS;MAChBI,OAAO,EAAEN,SAAS;MAClBO,QAAQ,EAAEN,UAAU;MACpBO,OAAO,EAAEL,SAAS;MAClBM,QAAQ,EAAEL;IACZ,CAAC,CAAC;IAAA,GACGN,KAAK;IACVC,GAAG,EAAEA,GAAI;IAAAH,QAAA,EAERA;EAAQ,CACK,CAAC;AAErB,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
5
|
+
import { useFocus } from '@react-native-aria/focus';
|
|
6
|
+
import { usePress } from '@react-native-aria/interactions';
|
|
7
|
+
import { dataAttributes } from '../utils/dataAttributes';
|
|
8
|
+
import { RadioProvider } from './context';
|
|
9
|
+
import { useRadioRoot } from './useRadioRoot';
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
export const createRadioRoot = (BaseRadio, RadioIndicator) => /*#__PURE__*/forwardRef(({
|
|
12
|
+
onPressIn,
|
|
13
|
+
onPressOut,
|
|
14
|
+
onHoverIn,
|
|
15
|
+
onHoverOut,
|
|
16
|
+
onFocus,
|
|
17
|
+
onBlur,
|
|
18
|
+
children,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
isHovered: isHoveredProp,
|
|
23
|
+
isDisabled: isDisabledProp,
|
|
24
|
+
isInvalid: isInvalidProp,
|
|
25
|
+
isReadOnly: isReadOnlyProp,
|
|
26
|
+
isPressed: isPressedProp,
|
|
27
|
+
isFocused: isFocusedProp,
|
|
28
|
+
isFocusVisible
|
|
29
|
+
} = props;
|
|
30
|
+
const {
|
|
31
|
+
combinedProps,
|
|
32
|
+
isInvalid,
|
|
33
|
+
isReadOnly,
|
|
34
|
+
inputProps,
|
|
35
|
+
isChecked,
|
|
36
|
+
isDisabled,
|
|
37
|
+
isHovered,
|
|
38
|
+
hoverProps,
|
|
39
|
+
mergedRef
|
|
40
|
+
} = useRadioRoot(props, ref);
|
|
41
|
+
const {
|
|
42
|
+
focusProps,
|
|
43
|
+
isFocused
|
|
44
|
+
} = useFocus();
|
|
45
|
+
const {
|
|
46
|
+
pressProps,
|
|
47
|
+
isPressed
|
|
48
|
+
} = usePress({
|
|
49
|
+
isDisabled: isDisabled || isDisabledProp
|
|
50
|
+
});
|
|
51
|
+
return /*#__PURE__*/_jsx(BaseRadio, {
|
|
52
|
+
disabled: isDisabled || isDisabledProp,
|
|
53
|
+
...pressProps,
|
|
54
|
+
...combinedProps,
|
|
55
|
+
...inputProps,
|
|
56
|
+
ref: mergedRef,
|
|
57
|
+
role: "radio",
|
|
58
|
+
onPressIn: composeEventHandlers(onPressIn, pressProps.onPressIn),
|
|
59
|
+
onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
|
|
60
|
+
onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
|
|
61
|
+
onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
|
|
62
|
+
onFocus: composeEventHandlers(onFocus, focusProps.onFocus),
|
|
63
|
+
onBlur: composeEventHandlers(onBlur, focusProps.onBlur),
|
|
64
|
+
...dataAttributes({
|
|
65
|
+
slot: 'radio',
|
|
66
|
+
checked: isChecked,
|
|
67
|
+
disabled: isDisabled || isDisabledProp,
|
|
68
|
+
hover: isHovered || isHoveredProp,
|
|
69
|
+
invalid: isInvalid || isInvalidProp,
|
|
70
|
+
readonly: isReadOnly || isReadOnlyProp,
|
|
71
|
+
active: isPressed,
|
|
72
|
+
focus: isFocused,
|
|
73
|
+
focusVisible: isFocusVisible
|
|
74
|
+
}),
|
|
75
|
+
children: /*#__PURE__*/_jsxs(RadioProvider, {
|
|
76
|
+
value: {
|
|
77
|
+
isChecked,
|
|
78
|
+
isDisabled: isDisabled || isDisabledProp,
|
|
79
|
+
isHovered: isHovered || isHoveredProp,
|
|
80
|
+
isInvalid: isInvalid || isInvalidProp,
|
|
81
|
+
isReadOnly: isReadOnly || isReadOnlyProp,
|
|
82
|
+
isPressed: isPressed || isPressedProp,
|
|
83
|
+
isFocused: isFocused || isFocusedProp,
|
|
84
|
+
isFocusVisible
|
|
85
|
+
},
|
|
86
|
+
children: [/*#__PURE__*/_jsx(RadioIndicator, {}), children]
|
|
87
|
+
})
|
|
88
|
+
});
|
|
89
|
+
});
|
|
90
|
+
//# sourceMappingURL=createRadioRoot.js.map
|