@cdx-ui/primitives 0.0.1-beta.175 → 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.
Files changed (65) hide show
  1. package/lib/commonjs/accordion/Accordion.js +24 -18
  2. package/lib/commonjs/accordion/Accordion.js.map +1 -1
  3. package/lib/commonjs/accordion/AccordionContent.js +73 -0
  4. package/lib/commonjs/accordion/AccordionContent.js.map +1 -0
  5. package/lib/commonjs/accordion/AccordionItem.js +13 -12
  6. package/lib/commonjs/accordion/AccordionItem.js.map +1 -1
  7. package/lib/commonjs/accordion/AccordionTrigger.js +8 -28
  8. package/lib/commonjs/accordion/AccordionTrigger.js.map +1 -1
  9. package/lib/commonjs/accordion/context.js +6 -18
  10. package/lib/commonjs/accordion/context.js.map +1 -1
  11. package/lib/commonjs/accordion/index.js +7 -7
  12. package/lib/commonjs/accordion/index.js.map +1 -1
  13. package/lib/commonjs/accordion/utils.js +1 -1
  14. package/lib/commonjs/accordion/utils.js.map +1 -1
  15. package/lib/commonjs/form/FormRoot.web.js +7 -2
  16. package/lib/commonjs/form/FormRoot.web.js.map +1 -1
  17. package/lib/module/accordion/Accordion.js +26 -20
  18. package/lib/module/accordion/Accordion.js.map +1 -1
  19. package/lib/module/accordion/AccordionContent.js +69 -0
  20. package/lib/module/accordion/AccordionContent.js.map +1 -0
  21. package/lib/module/accordion/AccordionItem.js +14 -13
  22. package/lib/module/accordion/AccordionItem.js.map +1 -1
  23. package/lib/module/accordion/AccordionTrigger.js +9 -29
  24. package/lib/module/accordion/AccordionTrigger.js.map +1 -1
  25. package/lib/module/accordion/context.js +3 -17
  26. package/lib/module/accordion/context.js.map +1 -1
  27. package/lib/module/accordion/index.js +2 -2
  28. package/lib/module/accordion/index.js.map +1 -1
  29. package/lib/module/accordion/utils.js +1 -1
  30. package/lib/module/accordion/utils.js.map +1 -1
  31. package/lib/module/form/FormRoot.web.js +7 -2
  32. package/lib/module/form/FormRoot.web.js.map +1 -1
  33. package/lib/typescript/accordion/Accordion.d.ts +2 -2
  34. package/lib/typescript/accordion/Accordion.d.ts.map +1 -1
  35. package/lib/typescript/accordion/AccordionContent.d.ts +8 -0
  36. package/lib/typescript/accordion/AccordionContent.d.ts.map +1 -0
  37. package/lib/typescript/accordion/AccordionItem.d.ts.map +1 -1
  38. package/lib/typescript/accordion/AccordionTrigger.d.ts.map +1 -1
  39. package/lib/typescript/accordion/context.d.ts +8 -4
  40. package/lib/typescript/accordion/context.d.ts.map +1 -1
  41. package/lib/typescript/accordion/index.d.ts +3 -3
  42. package/lib/typescript/accordion/index.d.ts.map +1 -1
  43. package/lib/typescript/accordion/types.d.ts +31 -19
  44. package/lib/typescript/accordion/types.d.ts.map +1 -1
  45. package/lib/typescript/accordion/utils.d.ts +1 -1
  46. package/lib/typescript/accordion/utils.d.ts.map +1 -1
  47. package/lib/typescript/form/FormRoot.web.d.ts +2 -0
  48. package/lib/typescript/form/FormRoot.web.d.ts.map +1 -1
  49. package/package.json +3 -4
  50. package/src/accordion/Accordion.tsx +83 -59
  51. package/src/accordion/AccordionContent.tsx +90 -0
  52. package/src/accordion/AccordionItem.tsx +19 -13
  53. package/src/accordion/AccordionTrigger.tsx +8 -29
  54. package/src/accordion/context.tsx +5 -19
  55. package/src/accordion/index.ts +6 -4
  56. package/src/accordion/types.ts +33 -19
  57. package/src/accordion/utils.ts +2 -2
  58. package/src/form/FormRoot.web.tsx +12 -6
  59. package/lib/commonjs/accordion/AccordionPanel.js +0 -71
  60. package/lib/commonjs/accordion/AccordionPanel.js.map +0 -1
  61. package/lib/module/accordion/AccordionPanel.js +0 -67
  62. package/lib/module/accordion/AccordionPanel.js.map +0 -1
  63. package/lib/typescript/accordion/AccordionPanel.d.ts +0 -7
  64. package/lib/typescript/accordion/AccordionPanel.d.ts.map +0 -1
  65. 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';