@cdx-ui/primitives 0.0.1-beta.174 → 0.0.1-beta.176
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/lib/commonjs/accordion/Accordion.js +24 -18
- package/lib/commonjs/accordion/Accordion.js.map +1 -1
- package/lib/commonjs/accordion/AccordionContent.js +73 -0
- package/lib/commonjs/accordion/AccordionContent.js.map +1 -0
- package/lib/commonjs/accordion/AccordionItem.js +13 -12
- package/lib/commonjs/accordion/AccordionItem.js.map +1 -1
- package/lib/commonjs/accordion/AccordionTrigger.js +8 -28
- package/lib/commonjs/accordion/AccordionTrigger.js.map +1 -1
- package/lib/commonjs/accordion/context.js +6 -18
- package/lib/commonjs/accordion/context.js.map +1 -1
- package/lib/commonjs/accordion/index.js +7 -7
- package/lib/commonjs/accordion/index.js.map +1 -1
- package/lib/commonjs/accordion/utils.js +1 -1
- package/lib/commonjs/accordion/utils.js.map +1 -1
- package/lib/commonjs/form/FormRoot.web.js +7 -2
- package/lib/commonjs/form/FormRoot.web.js.map +1 -1
- package/lib/module/accordion/Accordion.js +26 -20
- package/lib/module/accordion/Accordion.js.map +1 -1
- package/lib/module/accordion/AccordionContent.js +69 -0
- package/lib/module/accordion/AccordionContent.js.map +1 -0
- package/lib/module/accordion/AccordionItem.js +14 -13
- package/lib/module/accordion/AccordionItem.js.map +1 -1
- package/lib/module/accordion/AccordionTrigger.js +9 -29
- package/lib/module/accordion/AccordionTrigger.js.map +1 -1
- package/lib/module/accordion/context.js +3 -17
- package/lib/module/accordion/context.js.map +1 -1
- package/lib/module/accordion/index.js +2 -2
- package/lib/module/accordion/index.js.map +1 -1
- package/lib/module/accordion/utils.js +1 -1
- package/lib/module/accordion/utils.js.map +1 -1
- package/lib/module/form/FormRoot.web.js +7 -2
- package/lib/module/form/FormRoot.web.js.map +1 -1
- package/lib/typescript/accordion/Accordion.d.ts +2 -2
- package/lib/typescript/accordion/Accordion.d.ts.map +1 -1
- package/lib/typescript/accordion/AccordionContent.d.ts +8 -0
- package/lib/typescript/accordion/AccordionContent.d.ts.map +1 -0
- package/lib/typescript/accordion/AccordionItem.d.ts.map +1 -1
- package/lib/typescript/accordion/AccordionTrigger.d.ts.map +1 -1
- package/lib/typescript/accordion/context.d.ts +8 -4
- package/lib/typescript/accordion/context.d.ts.map +1 -1
- package/lib/typescript/accordion/index.d.ts +3 -3
- package/lib/typescript/accordion/index.d.ts.map +1 -1
- package/lib/typescript/accordion/types.d.ts +31 -19
- package/lib/typescript/accordion/types.d.ts.map +1 -1
- package/lib/typescript/accordion/utils.d.ts +1 -1
- package/lib/typescript/accordion/utils.d.ts.map +1 -1
- package/lib/typescript/form/FormRoot.web.d.ts +2 -0
- package/lib/typescript/form/FormRoot.web.d.ts.map +1 -1
- package/package.json +3 -4
- package/src/accordion/Accordion.tsx +83 -59
- package/src/accordion/AccordionContent.tsx +90 -0
- package/src/accordion/AccordionItem.tsx +19 -13
- package/src/accordion/AccordionTrigger.tsx +8 -29
- package/src/accordion/context.tsx +5 -19
- package/src/accordion/index.ts +6 -4
- package/src/accordion/types.ts +33 -19
- package/src/accordion/utils.ts +2 -2
- package/src/form/FormRoot.web.tsx +12 -6
- package/lib/commonjs/accordion/AccordionPanel.js +0 -71
- package/lib/commonjs/accordion/AccordionPanel.js.map +0 -1
- package/lib/module/accordion/AccordionPanel.js +0 -67
- package/lib/module/accordion/AccordionPanel.js.map +0 -1
- package/lib/typescript/accordion/AccordionPanel.d.ts +0 -7
- package/lib/typescript/accordion/AccordionPanel.d.ts.map +0 -1
- package/src/accordion/AccordionPanel.tsx +0 -72
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
|
+
import { Platform, View } from 'react-native';
|
|
5
|
+
import { Slot } from '../slot';
|
|
6
|
+
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
7
|
+
import { domDataAttributes, mergeDomDataAttributes } from '../utils/domDataAttributes';
|
|
8
|
+
import { useAccordionItemContext } from './context';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export const AccordionContentRoot = /*#__PURE__*/forwardRef(({
|
|
11
|
+
asChild,
|
|
12
|
+
children,
|
|
13
|
+
className,
|
|
14
|
+
style,
|
|
15
|
+
...props
|
|
16
|
+
}, ref) => {
|
|
17
|
+
const {
|
|
18
|
+
isOpen,
|
|
19
|
+
triggerId,
|
|
20
|
+
contentId
|
|
21
|
+
} = useAccordionItemContext();
|
|
22
|
+
const Comp = asChild ? Slot : View;
|
|
23
|
+
if (!isOpen) {
|
|
24
|
+
return null;
|
|
25
|
+
}
|
|
26
|
+
const dataAttrValues = {
|
|
27
|
+
slot: 'accordion-content',
|
|
28
|
+
state: 'open'
|
|
29
|
+
};
|
|
30
|
+
if (Platform.OS === 'web' && asChild) {
|
|
31
|
+
const {
|
|
32
|
+
dataSet,
|
|
33
|
+
nativeID: _nativeID,
|
|
34
|
+
...domProps
|
|
35
|
+
} = props;
|
|
36
|
+
const dataAttrs = mergeDomDataAttributes(domDataAttributes(dataSet ?? {}), domProps, domDataAttributes(dataAttrValues));
|
|
37
|
+
return /*#__PURE__*/_jsx(Slot, {
|
|
38
|
+
ref: ref,
|
|
39
|
+
className: className,
|
|
40
|
+
style: style,
|
|
41
|
+
...domProps,
|
|
42
|
+
...dataAttrs,
|
|
43
|
+
id: contentId,
|
|
44
|
+
role: "region",
|
|
45
|
+
"aria-labelledby": triggerId,
|
|
46
|
+
children: children
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
const platformA11yProps = Platform.OS === 'web' ? {
|
|
50
|
+
id: contentId,
|
|
51
|
+
role: 'region',
|
|
52
|
+
'aria-labelledby': triggerId
|
|
53
|
+
} : {
|
|
54
|
+
nativeID: contentId,
|
|
55
|
+
accessibilityLabelledBy: triggerId,
|
|
56
|
+
accessibilityRole: 'none'
|
|
57
|
+
};
|
|
58
|
+
return /*#__PURE__*/_jsx(Comp, {
|
|
59
|
+
ref: ref,
|
|
60
|
+
className: className,
|
|
61
|
+
style: style,
|
|
62
|
+
...props,
|
|
63
|
+
...mergeDataAttributes(props, dataAttributes(dataAttrValues)),
|
|
64
|
+
...platformA11yProps,
|
|
65
|
+
children: children
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
AccordionContentRoot.displayName = 'AccordionContentRoot';
|
|
69
|
+
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["forwardRef","Platform","View","Slot","dataAttributes","mergeDataAttributes","domDataAttributes","mergeDomDataAttributes","useAccordionItemContext","jsx","_jsx","AccordionContentRoot","asChild","children","className","style","props","ref","isOpen","triggerId","contentId","Comp","dataAttrValues","slot","state","OS","dataSet","nativeID","_nativeID","domProps","dataAttrs","id","role","platformA11yProps","accessibilityLabelledBy","accessibilityRole","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionContent.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SACEC,iBAAiB,EACjBC,sBAAsB,QAEjB,4BAA4B;AACnC,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpD,OAAO,MAAMC,oBAAoB,gBAAGX,UAAU,CAC5C,CAAC;EAAEY,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGZ,uBAAuB,CAAC,CAAC;EAClE,MAAMa,IAAI,GAAGT,OAAO,GAAGT,IAAI,GAAGD,IAAI;EAElC,IAAI,CAACgB,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMI,cAAc,GAAG;IACrBC,IAAI,EAAE,mBAAmB;IACzBC,KAAK,EAAE;EACT,CAAC;EAED,IAAIvB,QAAQ,CAACwB,EAAE,KAAK,KAAK,IAAIb,OAAO,EAAE;IACpC,MAAM;MACJc,OAAO;MACPC,QAAQ,EAAEC,SAAS;MACnB,GAAGC;IACL,CAAC,GAAGb,KAEH;IACD,MAAMc,SAAS,GAAGvB,sBAAsB,CACtCD,iBAAiB,CAACoB,OAAO,IAAI,CAAC,CAAC,CAAC,EAChCG,QAAQ,EACRvB,iBAAiB,CAACgB,cAAc,CAClC,CAAC;IAED,oBACEZ,IAAA,CAACP,IAAI;MACHc,GAAG,EAAEA,GAAI;MACTH,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTc,QAAQ;MAAA,GACRC,SAAS;MACbC,EAAE,EAAEX,SAAU;MACdY,IAAI,EAAC,QAAQ;MACb,mBAAiBb,SAAU;MAAAN,QAAA,EAE1BA;IAAQ,CACL,CAAC;EAEX;EAEA,MAAMoB,iBAAiB,GACrBhC,QAAQ,CAACwB,EAAE,KAAK,KAAK,GACjB;IACEM,EAAE,EAAEX,SAAS;IACbY,IAAI,EAAE,QAAiB;IACvB,iBAAiB,EAAEb;EACrB,CAAC,GACD;IACEQ,QAAQ,EAAEP,SAAS;IACnBc,uBAAuB,EAAEf,SAAS;IAClCgB,iBAAiB,EAAE;EACrB,CAAC;EAEP,oBACEzB,IAAA,CAACW,IAAI;IACHJ,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLX,mBAAmB,CAACW,KAAK,EAAEZ,cAAc,CAACkB,cAAc,CAAC,CAAC;IAAA,GAC1DW,iBAAiB;IAAApB,QAAA,EAEpBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,oBAAoB,CAACyB,WAAW,GAAG,sBAAsB","ignoreList":[]}
|
|
@@ -4,7 +4,7 @@ import { forwardRef, useCallback, useId, useMemo } from 'react';
|
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { Slot } from '../slot';
|
|
6
6
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
7
|
-
import {
|
|
7
|
+
import { AccordionItemProvider, useAccordionContext } from './context';
|
|
8
8
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
9
9
|
export const AccordionItemRoot = /*#__PURE__*/forwardRef(({
|
|
10
10
|
asChild,
|
|
@@ -16,35 +16,36 @@ export const AccordionItemRoot = /*#__PURE__*/forwardRef(({
|
|
|
16
16
|
...props
|
|
17
17
|
}, ref) => {
|
|
18
18
|
const {
|
|
19
|
-
groupState,
|
|
20
19
|
type,
|
|
21
20
|
collapsible,
|
|
22
|
-
isDisabled: groupDisabled
|
|
21
|
+
isDisabled: groupDisabled,
|
|
22
|
+
isItemOpen,
|
|
23
|
+
toggleItem
|
|
23
24
|
} = useAccordionContext();
|
|
24
25
|
const reactId = useId().replace(/[^a-zA-Z0-9_-]/g, '');
|
|
25
26
|
const triggerId = `accordion-${reactId}-trigger`;
|
|
26
|
-
const
|
|
27
|
-
const
|
|
27
|
+
const contentId = `accordion-${reactId}-content`;
|
|
28
|
+
const isOpen = isItemOpen(value);
|
|
28
29
|
const isDisabled = disabled || groupDisabled;
|
|
29
30
|
const toggle = useCallback(() => {
|
|
30
31
|
if (isDisabled) {
|
|
31
32
|
return;
|
|
32
33
|
}
|
|
33
|
-
if (type === 'single' && !collapsible &&
|
|
34
|
+
if (type === 'single' && !collapsible && isOpen) {
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
36
|
-
|
|
37
|
-
}, [isDisabled, type, collapsible,
|
|
37
|
+
toggleItem(value);
|
|
38
|
+
}, [isDisabled, type, collapsible, isOpen, toggleItem, value]);
|
|
38
39
|
const contextValue = useMemo(() => ({
|
|
39
40
|
value,
|
|
40
|
-
|
|
41
|
+
isOpen,
|
|
41
42
|
isDisabled,
|
|
42
43
|
triggerId,
|
|
43
|
-
|
|
44
|
+
contentId,
|
|
44
45
|
toggle
|
|
45
|
-
}), [value,
|
|
46
|
+
}), [value, isOpen, isDisabled, triggerId, contentId, toggle]);
|
|
46
47
|
const Comp = asChild ? Slot : View;
|
|
47
|
-
return /*#__PURE__*/_jsx(
|
|
48
|
+
return /*#__PURE__*/_jsx(AccordionItemProvider, {
|
|
48
49
|
value: contextValue,
|
|
49
50
|
children: /*#__PURE__*/_jsx(Comp, {
|
|
50
51
|
ref: ref,
|
|
@@ -53,7 +54,7 @@ export const AccordionItemRoot = /*#__PURE__*/forwardRef(({
|
|
|
53
54
|
...props,
|
|
54
55
|
...mergeDataAttributes(props, dataAttributes({
|
|
55
56
|
slot: 'accordion-item',
|
|
56
|
-
state:
|
|
57
|
+
state: isOpen ? 'open' : 'closed',
|
|
57
58
|
disabled: isDisabled
|
|
58
59
|
})),
|
|
59
60
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","Slot","dataAttributes","mergeDataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useId","useMemo","View","Slot","dataAttributes","mergeDataAttributes","AccordionItemProvider","useAccordionContext","jsx","_jsx","AccordionItemRoot","asChild","children","className","style","value","disabled","props","ref","type","collapsible","isDisabled","groupDisabled","isItemOpen","toggleItem","reactId","replace","triggerId","contentId","isOpen","toggle","contextValue","Comp","slot","state","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionItem.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,KAAK,EAAEC,OAAO,QAAQ,OAAO;AAC/D,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,qBAAqB,EAAEC,mBAAmB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQvE,OAAO,MAAMC,iBAAiB,gBAAGZ,UAAU,CACzC,CAAC;EAAEa,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAEC,KAAK;EAAEC,QAAQ,GAAG,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACnF,MAAM;IACJC,IAAI;IACJC,WAAW;IACXC,UAAU,EAAEC,aAAa;IACzBC,UAAU;IACVC;EACF,CAAC,GAAGjB,mBAAmB,CAAC,CAAC;EACzB,MAAMkB,OAAO,GAAGzB,KAAK,CAAC,CAAC,CAAC0B,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;EACtD,MAAMC,SAAS,GAAG,aAAaF,OAAO,UAAU;EAChD,MAAMG,SAAS,GAAG,aAAaH,OAAO,UAAU;EAEhD,MAAMI,MAAM,GAAGN,UAAU,CAACR,KAAK,CAAC;EAChC,MAAMM,UAAU,GAAGL,QAAQ,IAAIM,aAAa;EAE5C,MAAMQ,MAAM,GAAG/B,WAAW,CAAC,MAAM;IAC/B,IAAIsB,UAAU,EAAE;MACd;IACF;IACA,IAAIF,IAAI,KAAK,QAAQ,IAAI,CAACC,WAAW,IAAIS,MAAM,EAAE;MAC/C;IACF;IACAL,UAAU,CAACT,KAAK,CAAC;EACnB,CAAC,EAAE,CAACM,UAAU,EAAEF,IAAI,EAAEC,WAAW,EAAES,MAAM,EAAEL,UAAU,EAAET,KAAK,CAAC,CAAC;EAE9D,MAAMgB,YAAY,GAAG9B,OAAO,CAC1B,OAAO;IACLc,KAAK;IACLc,MAAM;IACNR,UAAU;IACVM,SAAS;IACTC,SAAS;IACTE;EACF,CAAC,CAAC,EACF,CAACf,KAAK,EAAEc,MAAM,EAAER,UAAU,EAAEM,SAAS,EAAEC,SAAS,EAAEE,MAAM,CAC1D,CAAC;EAED,MAAME,IAAI,GAAGrB,OAAO,GAAGR,IAAI,GAAGD,IAAI;EAElC,oBACEO,IAAA,CAACH,qBAAqB;IAACS,KAAK,EAAEgB,YAAa;IAAAnB,QAAA,eACzCH,IAAA,CAACuB,IAAI;MACHd,GAAG,EAAEA,GAAI;MACTL,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTG,KAAK;MAAA,GACLZ,mBAAmB,CACrBY,KAAK,EACLb,cAAc,CAAC;QACb6B,IAAI,EAAE,gBAAgB;QACtBC,KAAK,EAAEL,MAAM,GAAG,MAAM,GAAG,QAAQ;QACjCb,QAAQ,EAAEK;MACZ,CAAC,CACH,CAAC;MAAAT,QAAA,EAEAA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B,CACF,CAAC;AAEDF,iBAAiB,CAACyB,WAAW,GAAG,mBAAmB","ignoreList":[]}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef
|
|
3
|
+
import { forwardRef } from 'react';
|
|
4
4
|
import { Platform, Pressable } from 'react-native';
|
|
5
5
|
import { composeEventHandlers } from '@cdx-ui/utils';
|
|
6
6
|
import { useFocus, useFocusRing } from '@react-native-aria/focus';
|
|
7
7
|
import { usePress, useHover } from '@react-native-aria/interactions';
|
|
8
|
-
import { useDisclosureButton } from '@react-native-aria/disclosure';
|
|
9
8
|
import { Slot } from '../slot';
|
|
10
9
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
11
10
|
import { useAccordionItemContext } from './context';
|
|
@@ -26,25 +25,12 @@ export const AccordionTriggerRoot = /*#__PURE__*/forwardRef(({
|
|
|
26
25
|
...props
|
|
27
26
|
}, ref) => {
|
|
28
27
|
const {
|
|
29
|
-
|
|
28
|
+
isOpen,
|
|
30
29
|
isDisabled,
|
|
31
30
|
triggerId,
|
|
32
|
-
|
|
31
|
+
contentId,
|
|
33
32
|
toggle
|
|
34
33
|
} = useAccordionItemContext();
|
|
35
|
-
const toggleState = useMemo(() => ({
|
|
36
|
-
isSelected: isExpanded,
|
|
37
|
-
defaultSelected: false,
|
|
38
|
-
setSelected: selected => {
|
|
39
|
-
if (selected !== isExpanded) {
|
|
40
|
-
toggle();
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
toggle
|
|
44
|
-
}), [isExpanded, toggle]);
|
|
45
|
-
const {
|
|
46
|
-
buttonProps
|
|
47
|
-
} = useDisclosureButton({}, toggleState);
|
|
48
34
|
const {
|
|
49
35
|
focusProps,
|
|
50
36
|
isFocused
|
|
@@ -69,23 +55,18 @@ export const AccordionTriggerRoot = /*#__PURE__*/forwardRef(({
|
|
|
69
55
|
const platformA11yProps = Platform.OS === 'web' ? {
|
|
70
56
|
id: triggerId,
|
|
71
57
|
role: 'button',
|
|
72
|
-
'aria-expanded':
|
|
58
|
+
'aria-expanded': isOpen,
|
|
73
59
|
'aria-disabled': isDisabled || undefined,
|
|
74
|
-
'aria-controls':
|
|
60
|
+
'aria-controls': contentId
|
|
75
61
|
} : {
|
|
76
62
|
nativeID: triggerId,
|
|
77
63
|
accessibilityRole: 'button',
|
|
78
64
|
accessibilityState: {
|
|
79
|
-
expanded:
|
|
65
|
+
expanded: isOpen,
|
|
80
66
|
disabled: isDisabled
|
|
81
67
|
},
|
|
82
|
-
accessibilityControls:
|
|
68
|
+
accessibilityControls: contentId
|
|
83
69
|
};
|
|
84
|
-
const {
|
|
85
|
-
onPress: disclosureOnPress,
|
|
86
|
-
...disclosureRestProps
|
|
87
|
-
} = buttonProps;
|
|
88
|
-
const disclosureProps = Platform.OS === 'web' ? {} : disclosureRestProps;
|
|
89
70
|
return /*#__PURE__*/_jsx(Comp, {
|
|
90
71
|
ref: ref,
|
|
91
72
|
disabled: isDisabled,
|
|
@@ -93,11 +74,10 @@ export const AccordionTriggerRoot = /*#__PURE__*/forwardRef(({
|
|
|
93
74
|
className: className,
|
|
94
75
|
style: style,
|
|
95
76
|
...props,
|
|
96
|
-
...disclosureProps,
|
|
97
77
|
...platformA11yProps,
|
|
98
78
|
...mergeDataAttributes(props, dataAttributes({
|
|
99
79
|
slot: 'accordion-trigger',
|
|
100
|
-
state:
|
|
80
|
+
state: isOpen ? 'open' : 'closed',
|
|
101
81
|
disabled: isDisabled,
|
|
102
82
|
hover: isHovered,
|
|
103
83
|
active: isPressed,
|
|
@@ -108,7 +88,7 @@ export const AccordionTriggerRoot = /*#__PURE__*/forwardRef(({
|
|
|
108
88
|
onPressOut: composeEventHandlers(onPressOut, pressProps.onPressOut),
|
|
109
89
|
onHoverIn: composeEventHandlers(onHoverIn, hoverProps.onHoverIn),
|
|
110
90
|
onHoverOut: composeEventHandlers(onHoverOut, hoverProps.onHoverOut),
|
|
111
|
-
onPress: composeEventHandlers(onPress,
|
|
91
|
+
onPress: composeEventHandlers(onPress, toggle),
|
|
112
92
|
onFocus: composeEventHandlers(onFocus, focusProps.onFocus, focusRingProps.onFocus),
|
|
113
93
|
onBlur: composeEventHandlers(onBlur, focusProps.onBlur, focusRingProps.onBlur),
|
|
114
94
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","Platform","Pressable","composeEventHandlers","useFocus","useFocusRing","usePress","useHover","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","jsx","_jsx","AccordionTriggerRoot","asChild","children","className","style","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","accessibilityLabel","props","ref","isOpen","isDisabled","triggerId","contentId","toggle","focusProps","isFocused","focusRingProps","isFocusVisible","pressProps","isPressed","hoverProps","isHovered","Comp","platformA11yProps","OS","id","role","undefined","nativeID","accessibilityRole","accessibilityState","expanded","disabled","accessibilityControls","slot","state","hover","active","focus","focusVisible","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,20 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { createContext
|
|
4
|
-
export const
|
|
5
|
-
export const
|
|
6
|
-
export function useAccordionContext() {
|
|
7
|
-
const context = useContext(AccordionContext);
|
|
8
|
-
if (!context) {
|
|
9
|
-
throw new Error('Accordion compound components must be used within Accordion');
|
|
10
|
-
}
|
|
11
|
-
return context;
|
|
12
|
-
}
|
|
13
|
-
export function useAccordionItemContext() {
|
|
14
|
-
const context = useContext(AccordionItemContext);
|
|
15
|
-
if (!context) {
|
|
16
|
-
throw new Error('Accordion.Item sub-components must be used within Accordion.Item');
|
|
17
|
-
}
|
|
18
|
-
return context;
|
|
19
|
-
}
|
|
3
|
+
import { createContext } from '@cdx-ui/utils';
|
|
4
|
+
export const [AccordionProvider, useAccordionContext] = createContext('AccordionContext');
|
|
5
|
+
export const [AccordionItemProvider, useAccordionItemContext] = createContext('AccordionItemContext');
|
|
20
6
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createContext","
|
|
1
|
+
{"version":3,"names":["createContext","AccordionProvider","useAccordionContext","AccordionItemProvider","useAccordionItemContext"],"sourceRoot":"../../../src","sources":["accordion/context.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,eAAe;AAG7C,OAAO,MAAM,CAACC,iBAAiB,EAAEC,mBAAmB,CAAC,GACnDF,aAAa,CAAyB,kBAAkB,CAAC;AAE3D,OAAO,MAAM,CAACG,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3DJ,aAAa,CAA6B,sBAAsB,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
export {
|
|
3
|
+
export { AccordionProvider, AccordionItemProvider, useAccordionContext, useAccordionItemContext } from './context';
|
|
4
4
|
export { AccordionRoot } from './Accordion';
|
|
5
5
|
export { AccordionItemRoot } from './AccordionItem';
|
|
6
6
|
export { AccordionTriggerRoot } from './AccordionTrigger';
|
|
7
|
-
export {
|
|
7
|
+
export { AccordionContentRoot } from './AccordionContent';
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["AccordionProvider","AccordionItemProvider","useAccordionContext","useAccordionItemContext","AccordionRoot","AccordionItemRoot","AccordionTriggerRoot","AccordionContentRoot"],"sourceRoot":"../../../src","sources":["accordion/index.ts"],"mappings":";;AAYA,SACEA,iBAAiB,EACjBC,qBAAqB,EACrBC,mBAAmB,EACnBC,uBAAuB,QAClB,WAAW;AAElB,SAASC,aAAa,QAAiC,aAAa;AACpE,SAASC,iBAAiB,QAAqC,iBAAiB;AAChF,SAASC,oBAAoB,QAAwC,oBAAoB;AACzF,SAASC,oBAAoB,QAAwC,oBAAoB","ignoreList":[]}
|
|
@@ -14,6 +14,6 @@ export function toExpandedKeys(value) {
|
|
|
14
14
|
}
|
|
15
15
|
export function fromExpandedKeys(keys, type) {
|
|
16
16
|
const values = Array.from(keys).map(String);
|
|
17
|
-
return type === 'single' ? values[0]
|
|
17
|
+
return type === 'single' ? values[0] : values;
|
|
18
18
|
}
|
|
19
19
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["toExpandedKeys","value","undefined","Array","isArray","Set","fromExpandedKeys","keys","type","values","from","map","String"],"sourceRoot":"../../../src","sources":["accordion/utils.ts"],"mappings":";;AAEA,OAAO,SAASA,cAAcA,CAACC,KAAoC,EAA2B;EAC5F,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOA,SAAS;EAClB;EACA,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,OAAO,IAAII,GAAG,CAACJ,KAAK,CAAC;EACvB;EACA,IAAIA,KAAK,KAAK,EAAE,EAAE;IAChB,OAAO,IAAII,GAAG,CAAS,CAAC;EAC1B;EACA,OAAO,IAAIA,GAAG,CAAS,CAACJ,KAAK,CAAC,CAAC;AACjC;AAEA,OAAO,SAASK,gBAAgBA,CAC9BC,IAA+B,EAC/BC,IAAmB,
|
|
1
|
+
{"version":3,"names":["toExpandedKeys","value","undefined","Array","isArray","Set","fromExpandedKeys","keys","type","values","from","map","String"],"sourceRoot":"../../../src","sources":["accordion/utils.ts"],"mappings":";;AAEA,OAAO,SAASA,cAAcA,CAACC,KAAoC,EAA2B;EAC5F,IAAIA,KAAK,KAAKC,SAAS,EAAE;IACvB,OAAOA,SAAS;EAClB;EACA,IAAIC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,OAAO,IAAII,GAAG,CAACJ,KAAK,CAAC;EACvB;EACA,IAAIA,KAAK,KAAK,EAAE,EAAE;IAChB,OAAO,IAAII,GAAG,CAAS,CAAC;EAC1B;EACA,OAAO,IAAIA,GAAG,CAAS,CAACJ,KAAK,CAAC,CAAC;AACjC;AAEA,OAAO,SAASK,gBAAgBA,CAC9BC,IAA+B,EAC/BC,IAAmB,EACY;EAC/B,MAAMC,MAAM,GAAGN,KAAK,CAACO,IAAI,CAACH,IAAI,CAAC,CAACI,GAAG,CAACC,MAAM,CAAC;EAC3C,OAAOJ,IAAI,KAAK,QAAQ,GAAGC,MAAM,CAAC,CAAC,CAAC,GAAGA,MAAM;AAC/C","ignoreList":[]}
|
|
@@ -2,20 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
import React, { forwardRef } from 'react';
|
|
4
4
|
import { Slot } from '../slot';
|
|
5
|
+
import { domDataAttributes } from '../utils/domDataAttributes';
|
|
5
6
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
7
|
export const FormRoot = /*#__PURE__*/forwardRef(({
|
|
7
8
|
asChild,
|
|
9
|
+
dataSet,
|
|
8
10
|
...props
|
|
9
11
|
}, ref) => {
|
|
12
|
+
const dataAttrs = domDataAttributes(dataSet ?? {});
|
|
10
13
|
if (asChild) {
|
|
11
14
|
return /*#__PURE__*/_jsx(Slot, {
|
|
12
15
|
ref: ref,
|
|
13
|
-
...props
|
|
16
|
+
...props,
|
|
17
|
+
...dataAttrs
|
|
14
18
|
});
|
|
15
19
|
}
|
|
16
20
|
return /*#__PURE__*/_jsx("form", {
|
|
17
21
|
ref: ref,
|
|
18
|
-
...props
|
|
22
|
+
...props,
|
|
23
|
+
...dataAttrs
|
|
19
24
|
});
|
|
20
25
|
});
|
|
21
26
|
FormRoot.displayName = 'FormRoot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","Slot","jsx","_jsx","FormRoot","asChild","props","ref","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","Slot","domDataAttributes","jsx","_jsx","FormRoot","asChild","dataSet","props","ref","dataAttrs","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.web.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,iBAAiB,QAAoC,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS3F,OAAO,MAAMC,QAAQ,gBAAGL,UAAU,CAChC,CAAC;EAAEM,OAAO;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,SAAS,GAAGR,iBAAiB,CAACK,OAAO,IAAI,CAAC,CAAC,CAAC;EAElD,IAAID,OAAO,EAAE;IACX,oBAAOF,IAAA,CAACH,IAAI;MAACQ,GAAG,EAAEA,GAAI;MAAA,GAAMD,KAAK;MAAA,GAAkCE;IAAS,CAAG,CAAC;EAClF;EACA,oBAAON,IAAA;IAAMK,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAK;IAAA,GAAME;EAAS,CAAG,CAAC;AACrD,CACF,CAAC;AAEDL,QAAQ,CAACM,WAAW,GAAG,UAAU","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
2
|
import type { IAccordionProps } from './types';
|
|
3
|
-
export
|
|
3
|
+
export type AccordionRootProps = IAccordionProps & {
|
|
4
4
|
asChild?: boolean;
|
|
5
5
|
className?: string;
|
|
6
|
-
}
|
|
6
|
+
};
|
|
7
7
|
export declare const AccordionRoot: import("react").ForwardRefExoticComponent<AccordionRootProps & import("react").RefAttributes<View>>;
|
|
8
8
|
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAKpD,OAAO,KAAK,EAAiB,eAAe,EAAE,MAAM,SAAS,CAAC;AAgB9D,MAAM,MAAM,kBAAkB,GAAG,eAAe,GAAG;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,aAAa,qGAkExB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
import type { IAccordionContentProps } from './types';
|
|
3
|
+
export interface AccordionContentRootProps extends IAccordionContentProps {
|
|
4
|
+
asChild?: boolean;
|
|
5
|
+
className?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const AccordionContentRoot: import("react").ForwardRefExoticComponent<AccordionContentRootProps & import("react").RefAttributes<View>>;
|
|
8
|
+
//# sourceMappingURL=AccordionContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAS9C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,4GAsEhC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,WAAW,sBAAuB,SAAQ,mBAAmB;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,yGA6D7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionTrigger.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionTrigger.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEtD,MAAM,WAAW,yBAA0B,SAAQ,sBAAsB;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,mIAkFhC,CAAC"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import type { IAccordionContextValue, IAccordionItemContextValue } from './types';
|
|
2
|
-
export declare const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
2
|
+
export declare const AccordionProvider: import("react").FunctionComponent<{
|
|
3
|
+
children: import("react").ReactNode;
|
|
4
|
+
value: IAccordionContextValue;
|
|
5
|
+
}>, useAccordionContext: () => IAccordionContextValue;
|
|
6
|
+
export declare const AccordionItemProvider: import("react").FunctionComponent<{
|
|
7
|
+
children: import("react").ReactNode;
|
|
8
|
+
value: IAccordionItemContextValue;
|
|
9
|
+
}>, useAccordionItemContext: () => IAccordionItemContextValue;
|
|
6
10
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/accordion/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAElF,eAAO,
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/accordion/context.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAElF,eAAO,MAAO,iBAAiB;;;IAAE,mBAAmB,8BACO,CAAC;AAE5D,eAAO,MAAO,qBAAqB;;;IAAE,uBAAuB,kCACO,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export type { IAccordionProps, IAccordionItemProps, IAccordionTriggerProps,
|
|
2
|
-
export {
|
|
1
|
+
export type { IAccordionProps, IAccordionSingleProps, IAccordionMultipleProps, IAccordionItemProps, IAccordionTriggerProps, IAccordionContentProps, IAccordionContextValue, IAccordionItemContextValue, AccordionType, } from './types';
|
|
2
|
+
export { AccordionProvider, AccordionItemProvider, useAccordionContext, useAccordionItemContext, } from './context';
|
|
3
3
|
export { AccordionRoot, type AccordionRootProps } from './Accordion';
|
|
4
4
|
export { AccordionItemRoot, type AccordionItemRootProps } from './AccordionItem';
|
|
5
5
|
export { AccordionTriggerRoot, type AccordionTriggerRootProps } from './AccordionTrigger';
|
|
6
|
-
export {
|
|
6
|
+
export { AccordionContentRoot, type AccordionContentRootProps } from './AccordionContent';
|
|
7
7
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,sBAAsB,EACtB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/accordion/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,qBAAqB,EACrB,uBAAuB,EACvB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,0BAA0B,EAC1B,aAAa,GACd,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,WAAW,CAAC;AAEnB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,KAAK,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,23 +1,36 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
2
|
import type { PressableProps, ViewProps } from 'react-native';
|
|
3
|
-
import type { DisclosureGroupState } from '@react-stately/disclosure';
|
|
4
3
|
export type AccordionType = 'single' | 'multiple';
|
|
5
|
-
|
|
6
|
-
/** Controlled expanded item value(s). */
|
|
7
|
-
value?: string | string[];
|
|
8
|
-
/** Default expanded value(s) for uncontrolled usage. */
|
|
9
|
-
defaultValue?: string | string[];
|
|
10
|
-
/** Called when expanded items change. */
|
|
11
|
-
onValueChange?: (value: string | string[]) => void;
|
|
12
|
-
/** Single-select (accordion) vs multi-select (disclosure group). @default 'single' */
|
|
13
|
-
type?: AccordionType;
|
|
14
|
-
/** When `type="single"`, allow closing the open item. @default true */
|
|
15
|
-
collapsible?: boolean;
|
|
4
|
+
interface IAccordionBaseProps extends ViewProps {
|
|
16
5
|
/** Disables expansion for all items. */
|
|
17
6
|
isDisabled?: boolean;
|
|
18
7
|
'aria-label'?: string;
|
|
19
8
|
'aria-labelledby'?: string;
|
|
20
9
|
}
|
|
10
|
+
export interface IAccordionSingleProps extends IAccordionBaseProps {
|
|
11
|
+
/** Single-item expansion mode. @default 'single' */
|
|
12
|
+
type?: 'single';
|
|
13
|
+
/** Controlled open item value. */
|
|
14
|
+
value?: string;
|
|
15
|
+
/** Initial open item value for uncontrolled usage. */
|
|
16
|
+
defaultValue?: string;
|
|
17
|
+
/** Called when the open item changes. */
|
|
18
|
+
onValueChange?: (value: string | undefined) => void;
|
|
19
|
+
/** Allows closing the open item. @default true */
|
|
20
|
+
collapsible?: boolean;
|
|
21
|
+
}
|
|
22
|
+
export interface IAccordionMultipleProps extends IAccordionBaseProps {
|
|
23
|
+
/** Multiple-item expansion mode. */
|
|
24
|
+
type: 'multiple';
|
|
25
|
+
/** Controlled open item values. */
|
|
26
|
+
value?: string[];
|
|
27
|
+
/** Initial open item values for uncontrolled usage. */
|
|
28
|
+
defaultValue?: string[];
|
|
29
|
+
/** Called when the open items change. */
|
|
30
|
+
onValueChange?: (value: string[]) => void;
|
|
31
|
+
collapsible?: never;
|
|
32
|
+
}
|
|
33
|
+
export type IAccordionProps = IAccordionSingleProps | IAccordionMultipleProps;
|
|
21
34
|
export interface IAccordionItemProps extends ViewProps {
|
|
22
35
|
/** Required stable id within the Accordion. */
|
|
23
36
|
value: string;
|
|
@@ -27,24 +40,23 @@ export interface IAccordionTriggerProps extends PressableProps {
|
|
|
27
40
|
children?: ReactNode;
|
|
28
41
|
asChild?: boolean;
|
|
29
42
|
}
|
|
30
|
-
export interface
|
|
43
|
+
export interface IAccordionContentProps extends ViewProps {
|
|
31
44
|
children?: ReactNode;
|
|
32
|
-
className?: string;
|
|
33
45
|
}
|
|
34
46
|
export interface IAccordionContextValue {
|
|
35
|
-
groupState: DisclosureGroupState;
|
|
36
47
|
type: AccordionType;
|
|
37
48
|
collapsible: boolean;
|
|
38
49
|
isDisabled: boolean;
|
|
50
|
+
isItemOpen: (value: string) => boolean;
|
|
51
|
+
toggleItem: (value: string) => void;
|
|
39
52
|
}
|
|
40
53
|
export interface IAccordionItemContextValue {
|
|
41
54
|
value: string;
|
|
42
|
-
|
|
55
|
+
isOpen: boolean;
|
|
43
56
|
isDisabled: boolean;
|
|
44
57
|
triggerId: string;
|
|
45
|
-
|
|
58
|
+
contentId: string;
|
|
46
59
|
toggle: () => void;
|
|
47
|
-
disableGutters?: boolean;
|
|
48
|
-
showSeparator?: boolean;
|
|
49
60
|
}
|
|
61
|
+
export {};
|
|
50
62
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,CAAC;AAElD,UAAU,mBAAoB,SAAQ,SAAS;IAC7C,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,oDAAoD;IACpD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,uBAAwB,SAAQ,mBAAmB;IAClE,oCAAoC;IACpC,IAAI,EAAE,UAAU,CAAC;IACjB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,uBAAuB,CAAC;AAE9E,MAAM,WAAW,mBAAoB,SAAQ,SAAS;IACpD,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAuB,SAAQ,cAAc;IAC5D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,sBAAuB,SAAQ,SAAS;IACvD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,aAAa,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACvC,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { AccordionType } from './types';
|
|
2
2
|
export declare function toExpandedKeys(value: string | string[] | undefined): Set<string> | undefined;
|
|
3
|
-
export declare function fromExpandedKeys(keys: Iterable<string | number>, type: AccordionType): string | string[];
|
|
3
|
+
export declare function fromExpandedKeys(keys: Iterable<string | number>, type: AccordionType): string | string[] | undefined;
|
|
4
4
|
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/accordion/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,CAW5F;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,EAC/B,IAAI,EAAE,aAAa,GAClB,MAAM,GAAG,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/accordion/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,GAAG,SAAS,CAW5F;AAED,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC,EAC/B,IAAI,EAAE,aAAa,GAClB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAG/B"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { type DomDataAttributeValue } from '../utils/domDataAttributes';
|
|
2
3
|
export interface FormRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
3
4
|
asChild?: boolean;
|
|
4
5
|
className?: string;
|
|
5
6
|
children?: React.ReactNode;
|
|
7
|
+
dataSet?: Record<string, DomDataAttributeValue>;
|
|
6
8
|
}
|
|
7
9
|
export declare const FormRoot: React.ForwardRefExoticComponent<FormRootProps & React.RefAttributes<HTMLFormElement>>;
|
|
8
10
|
//# sourceMappingURL=FormRoot.web.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormRoot.web.d.ts","sourceRoot":"","sources":["../../../src/form/FormRoot.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FormRoot.web.d.ts","sourceRoot":"","sources":["../../../src/form/FormRoot.web.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAE3F,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,QAAQ,uFASpB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cdx-ui/primitives",
|
|
3
|
-
"version": "0.0.1-beta.
|
|
3
|
+
"version": "0.0.1-beta.176",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -61,7 +61,6 @@
|
|
|
61
61
|
"@react-aria/utils": "^3.33.0",
|
|
62
62
|
"@react-aria/visually-hidden": "3.8.30",
|
|
63
63
|
"@react-native-aria/checkbox": "0.2.10",
|
|
64
|
-
"@react-native-aria/disclosure": "0.2.8",
|
|
65
64
|
"@react-native-aria/focus": "^0.2.9",
|
|
66
65
|
"@react-native-aria/interactions": "^0.2.16",
|
|
67
66
|
"@react-native-aria/radio": "0.2.13",
|
|
@@ -69,8 +68,8 @@
|
|
|
69
68
|
"@react-stately/disclosure": "3.1.1",
|
|
70
69
|
"@react-stately/radio": "3.12.0",
|
|
71
70
|
"@react-stately/toggle": "3.9.4",
|
|
72
|
-
"@cdx-ui/
|
|
73
|
-
"@cdx-ui/
|
|
71
|
+
"@cdx-ui/formatters": "0.0.1-beta.176",
|
|
72
|
+
"@cdx-ui/utils": "0.0.1-beta.176"
|
|
74
73
|
},
|
|
75
74
|
"devDependencies": {
|
|
76
75
|
"@types/react": "19.1.17",
|