@cdx-ui/primitives 0.0.1-beta.175 → 0.0.1-beta.177
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
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import { Platform, View } from 'react-native';
|
|
5
|
-
import { useDisclosure } from '@react-native-aria/disclosure';
|
|
6
|
-
import { Slot } from '../slot';
|
|
7
|
-
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
8
|
-
import { useAccordionItemContext } from './context';
|
|
9
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
-
export const AccordionPanelRoot = /*#__PURE__*/forwardRef(({
|
|
11
|
-
asChild,
|
|
12
|
-
children,
|
|
13
|
-
className,
|
|
14
|
-
style,
|
|
15
|
-
...props
|
|
16
|
-
}, ref) => {
|
|
17
|
-
const {
|
|
18
|
-
isExpanded,
|
|
19
|
-
isDisabled,
|
|
20
|
-
triggerId,
|
|
21
|
-
panelId,
|
|
22
|
-
toggle
|
|
23
|
-
} = useAccordionItemContext();
|
|
24
|
-
const toggleState = {
|
|
25
|
-
isSelected: isExpanded,
|
|
26
|
-
defaultSelected: false,
|
|
27
|
-
setSelected: selected => {
|
|
28
|
-
if (selected !== isExpanded) {
|
|
29
|
-
toggle();
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
toggle
|
|
33
|
-
};
|
|
34
|
-
const {
|
|
35
|
-
disclosureProps
|
|
36
|
-
} = useDisclosure({}, toggleState);
|
|
37
|
-
const Comp = asChild ? Slot : View;
|
|
38
|
-
if (!isExpanded) {
|
|
39
|
-
return null;
|
|
40
|
-
}
|
|
41
|
-
const platformA11yProps = Platform.OS === 'web' ? {
|
|
42
|
-
id: panelId,
|
|
43
|
-
nativeID: panelId,
|
|
44
|
-
role: 'region',
|
|
45
|
-
'aria-labelledby': triggerId
|
|
46
|
-
} : {
|
|
47
|
-
nativeID: panelId,
|
|
48
|
-
accessibilityLabelledBy: triggerId,
|
|
49
|
-
accessibilityRole: 'none'
|
|
50
|
-
};
|
|
51
|
-
return /*#__PURE__*/_jsx(Comp, {
|
|
52
|
-
ref: ref,
|
|
53
|
-
className: className,
|
|
54
|
-
style: style,
|
|
55
|
-
...disclosureProps,
|
|
56
|
-
...props,
|
|
57
|
-
...mergeDataAttributes(props, dataAttributes({
|
|
58
|
-
slot: 'accordion-panel',
|
|
59
|
-
state: 'open',
|
|
60
|
-
disabled: isDisabled
|
|
61
|
-
})),
|
|
62
|
-
...platformA11yProps,
|
|
63
|
-
children: children
|
|
64
|
-
});
|
|
65
|
-
});
|
|
66
|
-
AccordionPanelRoot.displayName = 'AccordionPanelRoot';
|
|
67
|
-
//# sourceMappingURL=AccordionPanel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Platform","View","useDisclosure","Slot","dataAttributes","mergeDataAttributes","useAccordionItemContext","jsx","_jsx","AccordionPanelRoot","asChild","children","className","style","props","ref","isExpanded","isDisabled","triggerId","panelId","toggle","toggleState","isSelected","defaultSelected","setSelected","selected","disclosureProps","Comp","platformA11yProps","OS","id","nativeID","role","accessibilityLabelledBy","accessibilityRole","slot","state","disabled","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionPanel.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,uBAAuB,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpD,OAAO,MAAMC,kBAAkB,gBAAGV,UAAU,CAC1C,CAAC;EAAEW,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEC,UAAU;IAAEC,UAAU;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAGd,uBAAuB,CAAC,CAAC;EAExF,MAAMe,WAAW,GAAG;IAClBC,UAAU,EAAEN,UAAU;IACtBO,eAAe,EAAE,KAAK;IACtBC,WAAW,EAAGC,QAAiB,IAAK;MAClC,IAAIA,QAAQ,KAAKT,UAAU,EAAE;QAC3BI,MAAM,CAAC,CAAC;MACV;IACF,CAAC;IACDA;EACF,CAAC;EAED,MAAM;IAAEM;EAAgB,CAAC,GAAGxB,aAAa,CAAC,CAAC,CAAC,EAAEmB,WAAW,CAAC;EAC1D,MAAMM,IAAI,GAAGjB,OAAO,GAAGP,IAAI,GAAGF,IAAI;EAElC,IAAI,CAACe,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAMY,iBAAiB,GACrB5B,QAAQ,CAAC6B,EAAE,KAAK,KAAK,GACjB;IACEC,EAAE,EAAEX,OAAO;IACXY,QAAQ,EAAEZ,OAAO;IACjBa,IAAI,EAAE,QAAiB;IACvB,iBAAiB,EAAEd;EACrB,CAAC,GACD;IACEa,QAAQ,EAAEZ,OAAO;IACjBc,uBAAuB,EAAEf,SAAS;IAClCgB,iBAAiB,EAAE;EACrB,CAAC;EAEP,oBACE1B,IAAA,CAACmB,IAAI;IACHZ,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTa,eAAe;IAAA,GACfZ,KAAK;IAAA,GACLT,mBAAmB,CACrBS,KAAK,EACLV,cAAc,CAAC;MACb+B,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAEpB;IACZ,CAAC,CACH,CAAC;IAAA,GACGW,iBAAiB;IAAAjB,QAAA,EAEpBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDF,kBAAkB,CAAC6B,WAAW,GAAG,oBAAoB","ignoreList":[]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { View } from 'react-native';
|
|
2
|
-
import type { IAccordionPanelProps } from './types';
|
|
3
|
-
export interface AccordionPanelRootProps extends IAccordionPanelProps {
|
|
4
|
-
asChild?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export declare const AccordionPanelRoot: import("react").ForwardRefExoticComponent<AccordionPanelRootProps & import("react").RefAttributes<View>>;
|
|
7
|
-
//# sourceMappingURL=AccordionPanel.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanel.d.ts","sourceRoot":"","sources":["../../../src/accordion/AccordionPanel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,IAAI,EAAE,MAAM,cAAc,CAAC;AAK9C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,MAAM,WAAW,uBAAwB,SAAQ,oBAAoB;IACnE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,0GAyD9B,CAAC"}
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
import { forwardRef } from 'react';
|
|
2
|
-
import { Platform, View } from 'react-native';
|
|
3
|
-
import { useDisclosure } from '@react-native-aria/disclosure';
|
|
4
|
-
import { Slot } from '../slot';
|
|
5
|
-
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
6
|
-
import { useAccordionItemContext } from './context';
|
|
7
|
-
import type { IAccordionPanelProps } from './types';
|
|
8
|
-
|
|
9
|
-
export interface AccordionPanelRootProps extends IAccordionPanelProps {
|
|
10
|
-
asChild?: boolean;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const AccordionPanelRoot = forwardRef<View, AccordionPanelRootProps>(
|
|
14
|
-
({ asChild, children, className, style, ...props }, ref) => {
|
|
15
|
-
const { isExpanded, isDisabled, triggerId, panelId, toggle } = useAccordionItemContext();
|
|
16
|
-
|
|
17
|
-
const toggleState = {
|
|
18
|
-
isSelected: isExpanded,
|
|
19
|
-
defaultSelected: false,
|
|
20
|
-
setSelected: (selected: boolean) => {
|
|
21
|
-
if (selected !== isExpanded) {
|
|
22
|
-
toggle();
|
|
23
|
-
}
|
|
24
|
-
},
|
|
25
|
-
toggle,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
const { disclosureProps } = useDisclosure({}, toggleState);
|
|
29
|
-
const Comp = asChild ? Slot : View;
|
|
30
|
-
|
|
31
|
-
if (!isExpanded) {
|
|
32
|
-
return null;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
const platformA11yProps =
|
|
36
|
-
Platform.OS === 'web'
|
|
37
|
-
? {
|
|
38
|
-
id: panelId,
|
|
39
|
-
nativeID: panelId,
|
|
40
|
-
role: 'region' as const,
|
|
41
|
-
'aria-labelledby': triggerId,
|
|
42
|
-
}
|
|
43
|
-
: {
|
|
44
|
-
nativeID: panelId,
|
|
45
|
-
accessibilityLabelledBy: triggerId,
|
|
46
|
-
accessibilityRole: 'none' as const,
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
return (
|
|
50
|
-
<Comp
|
|
51
|
-
ref={ref}
|
|
52
|
-
className={className}
|
|
53
|
-
style={style}
|
|
54
|
-
{...disclosureProps}
|
|
55
|
-
{...props}
|
|
56
|
-
{...mergeDataAttributes(
|
|
57
|
-
props,
|
|
58
|
-
dataAttributes({
|
|
59
|
-
slot: 'accordion-panel',
|
|
60
|
-
state: 'open',
|
|
61
|
-
disabled: isDisabled,
|
|
62
|
-
}),
|
|
63
|
-
)}
|
|
64
|
-
{...platformA11yProps}
|
|
65
|
-
>
|
|
66
|
-
{children}
|
|
67
|
-
</Comp>
|
|
68
|
-
);
|
|
69
|
-
},
|
|
70
|
-
);
|
|
71
|
-
|
|
72
|
-
AccordionPanelRoot.displayName = 'AccordionPanelRoot';
|