@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.
- 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
|
@@ -12,36 +12,42 @@ var _dataAttributes = require("../utils/dataAttributes");
|
|
|
12
12
|
var _context = require("./context");
|
|
13
13
|
var _utils = require("./utils");
|
|
14
14
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
15
|
+
const AccordionRoot = exports.AccordionRoot = /*#__PURE__*/(0, _react.forwardRef)((accordionProps, ref) => {
|
|
16
|
+
const {
|
|
17
|
+
asChild,
|
|
18
|
+
children,
|
|
19
|
+
className,
|
|
20
|
+
style,
|
|
21
|
+
type = 'single',
|
|
22
|
+
collapsible = true,
|
|
23
|
+
isDisabled = false,
|
|
24
|
+
value,
|
|
25
|
+
defaultValue,
|
|
26
|
+
onValueChange,
|
|
27
|
+
...props
|
|
28
|
+
} = accordionProps;
|
|
29
|
+
const isValueControlled = Object.prototype.hasOwnProperty.call(accordionProps, 'value');
|
|
30
|
+
const expandedKeys = (0, _react.useMemo)(() => isValueControlled ? (0, _utils.toExpandedKeys)(value) ?? new Set() : undefined, [isValueControlled, value]);
|
|
28
31
|
const groupState = (0, _disclosure.useDisclosureGroupState)({
|
|
29
32
|
allowsMultipleExpanded: type === 'multiple',
|
|
30
33
|
isDisabled,
|
|
31
|
-
expandedKeys
|
|
34
|
+
expandedKeys,
|
|
32
35
|
defaultExpandedKeys: (0, _utils.toExpandedKeys)(defaultValue),
|
|
33
36
|
onExpandedChange: onValueChange ? keys => {
|
|
34
37
|
onValueChange((0, _utils.fromExpandedKeys)(keys, type));
|
|
35
38
|
} : undefined
|
|
36
39
|
});
|
|
40
|
+
const isItemOpen = (0, _react.useCallback)(itemValue => groupState.expandedKeys.has(itemValue), [groupState.expandedKeys]);
|
|
41
|
+
const toggleItem = (0, _react.useCallback)(itemValue => groupState.toggleKey(itemValue), [groupState]);
|
|
37
42
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
38
|
-
groupState,
|
|
39
43
|
type,
|
|
40
44
|
collapsible,
|
|
41
|
-
isDisabled
|
|
42
|
-
|
|
45
|
+
isDisabled,
|
|
46
|
+
isItemOpen,
|
|
47
|
+
toggleItem
|
|
48
|
+
}), [type, collapsible, isDisabled, isItemOpen, toggleItem]);
|
|
43
49
|
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
44
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.
|
|
50
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionProvider, {
|
|
45
51
|
value: contextValue,
|
|
46
52
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
47
53
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_disclosure","_slot","_dataAttributes","_context","_utils","_jsxRuntime","AccordionRoot","exports","forwardRef","asChild","children","className","style","type","collapsible","isDisabled","value","defaultValue","onValueChange","props","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_disclosure","_slot","_dataAttributes","_context","_utils","_jsxRuntime","AccordionRoot","exports","forwardRef","accordionProps","ref","asChild","children","className","style","type","collapsible","isDisabled","value","defaultValue","onValueChange","props","isValueControlled","Object","prototype","hasOwnProperty","call","expandedKeys","useMemo","toExpandedKeys","Set","undefined","groupState","useDisclosureGroupState","allowsMultipleExpanded","defaultExpandedKeys","onExpandedChange","keys","fromExpandedKeys","isItemOpen","useCallback","itemValue","has","toggleItem","toggleKey","contextValue","Comp","Slot","View","jsx","AccordionProvider","mergeDataAttributes","dataAttributes","slot","displayName"],"sourceRoot":"../../../src","sources":["accordion/Accordion.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AAEA,IAAAM,MAAA,GAAAN,OAAA;AAA2D,IAAAO,WAAA,GAAAP,OAAA;AAoBpD,MAAMQ,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,iBAAU,EAA2B,CAACC,cAAc,EAAEC,GAAG,KAAK;EACzF,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,WAAW,GAAG,IAAI;IAClBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC,YAAY;IACZC,aAAa;IACb,GAAGC;EACL,CAAC,GAAGZ,cAAuC;EAC3C,MAAMa,iBAAiB,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACjB,cAAc,EAAE,OAAO,CAAC;EACvF,MAAMkB,YAAY,GAAG,IAAAC,cAAO,EAC1B,MAAON,iBAAiB,GAAI,IAAAO,qBAAc,EAACX,KAAK,CAAC,IAAI,IAAIY,GAAG,CAAS,CAAC,GAAIC,SAAU,EACpF,CAACT,iBAAiB,EAAEJ,KAAK,CAC3B,CAAC;EACD,MAAMc,UAAU,GAAG,IAAAC,mCAAuB,EAAC;IACzCC,sBAAsB,EAAEnB,IAAI,KAAK,UAAU;IAC3CE,UAAU;IACVU,YAAY;IACZQ,mBAAmB,EAAE,IAAAN,qBAAc,EAACV,YAAY,CAAC;IACjDiB,gBAAgB,EAAEhB,aAAa,GAC1BiB,IAAI,IAAK;MACRjB,aAAa,CAAC,IAAAkB,uBAAgB,EAACD,IAAI,EAAEtB,IAAI,CAAC,CAAC;IAC7C,CAAC,GACDgB;EACN,CAAC,CAAC;EAEF,MAAMQ,UAAU,GAAG,IAAAC,kBAAW,EAC3BC,SAAiB,IAAKT,UAAU,CAACL,YAAY,CAACe,GAAG,CAACD,SAAS,CAAC,EAC7D,CAACT,UAAU,CAACL,YAAY,CAC1B,CAAC;EACD,MAAMgB,UAAU,GAAG,IAAAH,kBAAW,EAC3BC,SAAiB,IAAKT,UAAU,CAACY,SAAS,CAACH,SAAS,CAAC,EACtD,CAACT,UAAU,CACb,CAAC;EAED,MAAMa,YAAY,GAAG,IAAAjB,cAAO,EAC1B,OAAO;IACLb,IAAI;IACJC,WAAW;IACXC,UAAU;IACVsB,UAAU;IACVI;EACF,CAAC,CAAC,EACF,CAAC5B,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAEsB,UAAU,EAAEI,UAAU,CACxD,CAAC;EAED,MAAMG,IAAI,GAAGnC,OAAO,GAAGoC,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA3C,WAAA,CAAA4C,GAAA,EAAC9C,QAAA,CAAA+C,iBAAiB;IAAChC,KAAK,EAAE2B,YAAa;IAAAjC,QAAA,eACrC,IAAAP,WAAA,CAAA4C,GAAA,EAACH,IAAI;MACHpC,GAAG,EAAEA,GAAI;MACTG,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTO,KAAK;MAAA,GACL,IAAA8B,mCAAmB,EAAC9B,KAAK,EAAE,IAAA+B,8BAAc,EAAC;QAAEC,IAAI,EAAE;MAAY,CAAC,CAAC,CAAC;MAAAzC,QAAA,EAEpEA;IAAQ,CACL;EAAC,CACU,CAAC;AAExB,CAAC,CAAC;AAEFN,aAAa,CAACgD,WAAW,GAAG,eAAe","ignoreList":[]}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.AccordionContentRoot = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _slot = require("../slot");
|
|
10
|
+
var _dataAttributes = require("../utils/dataAttributes");
|
|
11
|
+
var _domDataAttributes = require("../utils/domDataAttributes");
|
|
12
|
+
var _context = require("./context");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const AccordionContentRoot = exports.AccordionContentRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
15
|
+
asChild,
|
|
16
|
+
children,
|
|
17
|
+
className,
|
|
18
|
+
style,
|
|
19
|
+
...props
|
|
20
|
+
}, ref) => {
|
|
21
|
+
const {
|
|
22
|
+
isOpen,
|
|
23
|
+
triggerId,
|
|
24
|
+
contentId
|
|
25
|
+
} = (0, _context.useAccordionItemContext)();
|
|
26
|
+
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
27
|
+
if (!isOpen) {
|
|
28
|
+
return null;
|
|
29
|
+
}
|
|
30
|
+
const dataAttrValues = {
|
|
31
|
+
slot: 'accordion-content',
|
|
32
|
+
state: 'open'
|
|
33
|
+
};
|
|
34
|
+
if (_reactNative.Platform.OS === 'web' && asChild) {
|
|
35
|
+
const {
|
|
36
|
+
dataSet,
|
|
37
|
+
nativeID: _nativeID,
|
|
38
|
+
...domProps
|
|
39
|
+
} = props;
|
|
40
|
+
const dataAttrs = (0, _domDataAttributes.mergeDomDataAttributes)((0, _domDataAttributes.domDataAttributes)(dataSet ?? {}), domProps, (0, _domDataAttributes.domDataAttributes)(dataAttrValues));
|
|
41
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_slot.Slot, {
|
|
42
|
+
ref: ref,
|
|
43
|
+
className: className,
|
|
44
|
+
style: style,
|
|
45
|
+
...domProps,
|
|
46
|
+
...dataAttrs,
|
|
47
|
+
id: contentId,
|
|
48
|
+
role: "region",
|
|
49
|
+
"aria-labelledby": triggerId,
|
|
50
|
+
children: children
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
const platformA11yProps = _reactNative.Platform.OS === 'web' ? {
|
|
54
|
+
id: contentId,
|
|
55
|
+
role: 'region',
|
|
56
|
+
'aria-labelledby': triggerId
|
|
57
|
+
} : {
|
|
58
|
+
nativeID: contentId,
|
|
59
|
+
accessibilityLabelledBy: triggerId,
|
|
60
|
+
accessibilityRole: 'none'
|
|
61
|
+
};
|
|
62
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
className: className,
|
|
65
|
+
style: style,
|
|
66
|
+
...props,
|
|
67
|
+
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)(dataAttrValues)),
|
|
68
|
+
...platformA11yProps,
|
|
69
|
+
children: children
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
AccordionContentRoot.displayName = 'AccordionContentRoot';
|
|
73
|
+
//# sourceMappingURL=AccordionContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_domDataAttributes","_context","_jsxRuntime","AccordionContentRoot","exports","forwardRef","asChild","children","className","style","props","ref","isOpen","triggerId","contentId","useAccordionItemContext","Comp","Slot","View","dataAttrValues","slot","state","Platform","OS","dataSet","nativeID","_nativeID","domProps","dataAttrs","mergeDomDataAttributes","domDataAttributes","jsx","id","role","platformA11yProps","accessibilityLabelledBy","accessibilityRole","mergeDataAttributes","dataAttributes","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAKA,IAAAK,QAAA,GAAAL,OAAA;AAAoD,IAAAM,WAAA,GAAAN,OAAA;AAQ7C,MAAMO,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAG,IAAAE,iBAAU,EAC5C,CAAC;EAAEC,OAAO;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1D,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAClE,MAAMC,IAAI,GAAGV,OAAO,GAAGW,UAAI,GAAGC,iBAAI;EAElC,IAAI,CAACN,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EAEA,MAAMO,cAAc,GAAG;IACrBC,IAAI,EAAE,mBAAmB;IACzBC,KAAK,EAAE;EACT,CAAC;EAED,IAAIC,qBAAQ,CAACC,EAAE,KAAK,KAAK,IAAIjB,OAAO,EAAE;IACpC,MAAM;MACJkB,OAAO;MACPC,QAAQ,EAAEC,SAAS;MACnB,GAAGC;IACL,CAAC,GAAGjB,KAEH;IACD,MAAMkB,SAAS,GAAG,IAAAC,yCAAsB,EACtC,IAAAC,oCAAiB,EAACN,OAAO,IAAI,CAAC,CAAC,CAAC,EAChCG,QAAQ,EACR,IAAAG,oCAAiB,EAACX,cAAc,CAClC,CAAC;IAED,oBACE,IAAAjB,WAAA,CAAA6B,GAAA,EAACjC,KAAA,CAAAmB,IAAI;MACHN,GAAG,EAAEA,GAAI;MACTH,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTkB,QAAQ;MAAA,GACRC,SAAS;MACbI,EAAE,EAAElB,SAAU;MACdmB,IAAI,EAAC,QAAQ;MACb,mBAAiBpB,SAAU;MAAAN,QAAA,EAE1BA;IAAQ,CACL,CAAC;EAEX;EAEA,MAAM2B,iBAAiB,GACrBZ,qBAAQ,CAACC,EAAE,KAAK,KAAK,GACjB;IACES,EAAE,EAAElB,SAAS;IACbmB,IAAI,EAAE,QAAiB;IACvB,iBAAiB,EAAEpB;EACrB,CAAC,GACD;IACEY,QAAQ,EAAEX,SAAS;IACnBqB,uBAAuB,EAAEtB,SAAS;IAClCuB,iBAAiB,EAAE;EACrB,CAAC;EAEP,oBACE,IAAAlC,WAAA,CAAA6B,GAAA,EAACf,IAAI;IACHL,GAAG,EAAEA,GAAI;IACTH,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAA2B,mCAAmB,EAAC3B,KAAK,EAAE,IAAA4B,8BAAc,EAACnB,cAAc,CAAC,CAAC;IAAA,GAC1De,iBAAiB;IAAA3B,QAAA,EAEpBA;EAAQ,CACL,CAAC;AAEX,CACF,CAAC;AAEDJ,oBAAoB,CAACoC,WAAW,GAAG,sBAAsB","ignoreList":[]}
|
|
@@ -20,35 +20,36 @@ const AccordionItemRoot = exports.AccordionItemRoot = /*#__PURE__*/(0, _react.fo
|
|
|
20
20
|
...props
|
|
21
21
|
}, ref) => {
|
|
22
22
|
const {
|
|
23
|
-
groupState,
|
|
24
23
|
type,
|
|
25
24
|
collapsible,
|
|
26
|
-
isDisabled: groupDisabled
|
|
25
|
+
isDisabled: groupDisabled,
|
|
26
|
+
isItemOpen,
|
|
27
|
+
toggleItem
|
|
27
28
|
} = (0, _context.useAccordionContext)();
|
|
28
29
|
const reactId = (0, _react.useId)().replace(/[^a-zA-Z0-9_-]/g, '');
|
|
29
30
|
const triggerId = `accordion-${reactId}-trigger`;
|
|
30
|
-
const
|
|
31
|
-
const
|
|
31
|
+
const contentId = `accordion-${reactId}-content`;
|
|
32
|
+
const isOpen = isItemOpen(value);
|
|
32
33
|
const isDisabled = disabled || groupDisabled;
|
|
33
34
|
const toggle = (0, _react.useCallback)(() => {
|
|
34
35
|
if (isDisabled) {
|
|
35
36
|
return;
|
|
36
37
|
}
|
|
37
|
-
if (type === 'single' && !collapsible &&
|
|
38
|
+
if (type === 'single' && !collapsible && isOpen) {
|
|
38
39
|
return;
|
|
39
40
|
}
|
|
40
|
-
|
|
41
|
-
}, [isDisabled, type, collapsible,
|
|
41
|
+
toggleItem(value);
|
|
42
|
+
}, [isDisabled, type, collapsible, isOpen, toggleItem, value]);
|
|
42
43
|
const contextValue = (0, _react.useMemo)(() => ({
|
|
43
44
|
value,
|
|
44
|
-
|
|
45
|
+
isOpen,
|
|
45
46
|
isDisabled,
|
|
46
47
|
triggerId,
|
|
47
|
-
|
|
48
|
+
contentId,
|
|
48
49
|
toggle
|
|
49
|
-
}), [value,
|
|
50
|
+
}), [value, isOpen, isDisabled, triggerId, contentId, toggle]);
|
|
50
51
|
const Comp = asChild ? _slot.Slot : _reactNative.View;
|
|
51
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.
|
|
52
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionItemProvider, {
|
|
52
53
|
value: contextValue,
|
|
53
54
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
54
55
|
ref: ref,
|
|
@@ -57,7 +58,7 @@ const AccordionItemRoot = exports.AccordionItemRoot = /*#__PURE__*/(0, _react.fo
|
|
|
57
58
|
...props,
|
|
58
59
|
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
59
60
|
slot: 'accordion-item',
|
|
60
|
-
state:
|
|
61
|
+
state: isOpen ? 'open' : 'closed',
|
|
61
62
|
disabled: isDisabled
|
|
62
63
|
})),
|
|
63
64
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_jsxRuntime","AccordionItemRoot","exports","forwardRef","asChild","children","className","style","value","disabled","props","ref","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_slot","_dataAttributes","_context","_jsxRuntime","AccordionItemRoot","exports","forwardRef","asChild","children","className","style","value","disabled","props","ref","type","collapsible","isDisabled","groupDisabled","isItemOpen","toggleItem","useAccordionContext","reactId","useId","replace","triggerId","contentId","isOpen","toggle","useCallback","contextValue","useMemo","Comp","Slot","View","jsx","AccordionItemProvider","mergeDataAttributes","dataAttributes","slot","state","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAuE,IAAAK,WAAA,GAAAL,OAAA;AAQhE,MAAMM,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,iBAAU,EACzC,CAAC;EAAEC,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,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACzB,MAAMC,OAAO,GAAG,IAAAC,YAAK,EAAC,CAAC,CAACC,OAAO,CAAC,iBAAiB,EAAE,EAAE,CAAC;EACtD,MAAMC,SAAS,GAAG,aAAaH,OAAO,UAAU;EAChD,MAAMI,SAAS,GAAG,aAAaJ,OAAO,UAAU;EAEhD,MAAMK,MAAM,GAAGR,UAAU,CAACR,KAAK,CAAC;EAChC,MAAMM,UAAU,GAAGL,QAAQ,IAAIM,aAAa;EAE5C,MAAMU,MAAM,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC/B,IAAIZ,UAAU,EAAE;MACd;IACF;IACA,IAAIF,IAAI,KAAK,QAAQ,IAAI,CAACC,WAAW,IAAIW,MAAM,EAAE;MAC/C;IACF;IACAP,UAAU,CAACT,KAAK,CAAC;EACnB,CAAC,EAAE,CAACM,UAAU,EAAEF,IAAI,EAAEC,WAAW,EAAEW,MAAM,EAAEP,UAAU,EAAET,KAAK,CAAC,CAAC;EAE9D,MAAMmB,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLpB,KAAK;IACLgB,MAAM;IACNV,UAAU;IACVQ,SAAS;IACTC,SAAS;IACTE;EACF,CAAC,CAAC,EACF,CAACjB,KAAK,EAAEgB,MAAM,EAAEV,UAAU,EAAEQ,SAAS,EAAEC,SAAS,EAAEE,MAAM,CAC1D,CAAC;EAED,MAAMI,IAAI,GAAGzB,OAAO,GAAG0B,UAAI,GAAGC,iBAAI;EAElC,oBACE,IAAA/B,WAAA,CAAAgC,GAAA,EAACjC,QAAA,CAAAkC,qBAAqB;IAACzB,KAAK,EAAEmB,YAAa;IAAAtB,QAAA,eACzC,IAAAL,WAAA,CAAAgC,GAAA,EAACH,IAAI;MACHlB,GAAG,EAAEA,GAAI;MACTL,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTG,KAAK;MAAA,GACL,IAAAwB,mCAAmB,EACrBxB,KAAK,EACL,IAAAyB,8BAAc,EAAC;QACbC,IAAI,EAAE,gBAAgB;QACtBC,KAAK,EAAEb,MAAM,GAAG,MAAM,GAAG,QAAQ;QACjCf,QAAQ,EAAEK;MACZ,CAAC,CACH,CAAC;MAAAT,QAAA,EAEAA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B,CACF,CAAC;AAEDJ,iBAAiB,CAACqC,WAAW,GAAG,mBAAmB","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _utils = require("@cdx-ui/utils");
|
|
10
10
|
var _focus = require("@react-native-aria/focus");
|
|
11
11
|
var _interactions = require("@react-native-aria/interactions");
|
|
12
|
-
var _disclosure = require("@react-native-aria/disclosure");
|
|
13
12
|
var _slot = require("../slot");
|
|
14
13
|
var _dataAttributes = require("../utils/dataAttributes");
|
|
15
14
|
var _context = require("./context");
|
|
@@ -30,25 +29,12 @@ const AccordionTriggerRoot = exports.AccordionTriggerRoot = /*#__PURE__*/(0, _re
|
|
|
30
29
|
...props
|
|
31
30
|
}, ref) => {
|
|
32
31
|
const {
|
|
33
|
-
|
|
32
|
+
isOpen,
|
|
34
33
|
isDisabled,
|
|
35
34
|
triggerId,
|
|
36
|
-
|
|
35
|
+
contentId,
|
|
37
36
|
toggle
|
|
38
37
|
} = (0, _context.useAccordionItemContext)();
|
|
39
|
-
const toggleState = (0, _react.useMemo)(() => ({
|
|
40
|
-
isSelected: isExpanded,
|
|
41
|
-
defaultSelected: false,
|
|
42
|
-
setSelected: selected => {
|
|
43
|
-
if (selected !== isExpanded) {
|
|
44
|
-
toggle();
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
toggle
|
|
48
|
-
}), [isExpanded, toggle]);
|
|
49
|
-
const {
|
|
50
|
-
buttonProps
|
|
51
|
-
} = (0, _disclosure.useDisclosureButton)({}, toggleState);
|
|
52
38
|
const {
|
|
53
39
|
focusProps,
|
|
54
40
|
isFocused
|
|
@@ -73,23 +59,18 @@ const AccordionTriggerRoot = exports.AccordionTriggerRoot = /*#__PURE__*/(0, _re
|
|
|
73
59
|
const platformA11yProps = _reactNative.Platform.OS === 'web' ? {
|
|
74
60
|
id: triggerId,
|
|
75
61
|
role: 'button',
|
|
76
|
-
'aria-expanded':
|
|
62
|
+
'aria-expanded': isOpen,
|
|
77
63
|
'aria-disabled': isDisabled || undefined,
|
|
78
|
-
'aria-controls':
|
|
64
|
+
'aria-controls': contentId
|
|
79
65
|
} : {
|
|
80
66
|
nativeID: triggerId,
|
|
81
67
|
accessibilityRole: 'button',
|
|
82
68
|
accessibilityState: {
|
|
83
|
-
expanded:
|
|
69
|
+
expanded: isOpen,
|
|
84
70
|
disabled: isDisabled
|
|
85
71
|
},
|
|
86
|
-
accessibilityControls:
|
|
72
|
+
accessibilityControls: contentId
|
|
87
73
|
};
|
|
88
|
-
const {
|
|
89
|
-
onPress: disclosureOnPress,
|
|
90
|
-
...disclosureRestProps
|
|
91
|
-
} = buttonProps;
|
|
92
|
-
const disclosureProps = _reactNative.Platform.OS === 'web' ? {} : disclosureRestProps;
|
|
93
74
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
|
|
94
75
|
ref: ref,
|
|
95
76
|
disabled: isDisabled,
|
|
@@ -97,11 +78,10 @@ const AccordionTriggerRoot = exports.AccordionTriggerRoot = /*#__PURE__*/(0, _re
|
|
|
97
78
|
className: className,
|
|
98
79
|
style: style,
|
|
99
80
|
...props,
|
|
100
|
-
...disclosureProps,
|
|
101
81
|
...platformA11yProps,
|
|
102
82
|
...(0, _dataAttributes.mergeDataAttributes)(props, (0, _dataAttributes.dataAttributes)({
|
|
103
83
|
slot: 'accordion-trigger',
|
|
104
|
-
state:
|
|
84
|
+
state: isOpen ? 'open' : 'closed',
|
|
105
85
|
disabled: isDisabled,
|
|
106
86
|
hover: isHovered,
|
|
107
87
|
active: isPressed,
|
|
@@ -112,7 +92,7 @@ const AccordionTriggerRoot = exports.AccordionTriggerRoot = /*#__PURE__*/(0, _re
|
|
|
112
92
|
onPressOut: (0, _utils.composeEventHandlers)(onPressOut, pressProps.onPressOut),
|
|
113
93
|
onHoverIn: (0, _utils.composeEventHandlers)(onHoverIn, hoverProps.onHoverIn),
|
|
114
94
|
onHoverOut: (0, _utils.composeEventHandlers)(onHoverOut, hoverProps.onHoverOut),
|
|
115
|
-
onPress: (0, _utils.composeEventHandlers)(onPress,
|
|
95
|
+
onPress: (0, _utils.composeEventHandlers)(onPress, toggle),
|
|
116
96
|
onFocus: (0, _utils.composeEventHandlers)(onFocus, focusProps.onFocus, focusRingProps.onFocus),
|
|
117
97
|
onBlur: (0, _utils.composeEventHandlers)(onBlur, focusProps.onBlur, focusRingProps.onBlur),
|
|
118
98
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_utils","_focus","_interactions","_slot","_dataAttributes","_context","_jsxRuntime","AccordionTriggerRoot","exports","forwardRef","asChild","children","className","style","onPress","onPressIn","onPressOut","onHoverIn","onHoverOut","onFocus","onBlur","accessibilityLabel","props","ref","isOpen","isDisabled","triggerId","contentId","toggle","useAccordionItemContext","focusProps","isFocused","useFocus","focusRingProps","isFocusVisible","useFocusRing","pressProps","isPressed","usePress","hoverProps","isHovered","useHover","Comp","Slot","Pressable","platformA11yProps","Platform","OS","id","role","undefined","nativeID","accessibilityRole","accessibilityState","expanded","disabled","accessibilityControls","jsx","mergeDataAttributes","dataAttributes","slot","state","hover","active","focus","focusVisible","composeEventHandlers","displayName"],"sourceRoot":"../../../src","sources":["accordion/AccordionTrigger.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,24 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.useAccordionItemContext = exports.useAccordionContext = exports.AccordionProvider = exports.AccordionItemProvider = void 0;
|
|
7
|
+
var _utils = require("@cdx-ui/utils");
|
|
8
|
+
const [AccordionProvider, useAccordionContext] = (0, _utils.createContext)('AccordionContext');
|
|
7
9
|
exports.useAccordionContext = useAccordionContext;
|
|
10
|
+
exports.AccordionProvider = AccordionProvider;
|
|
11
|
+
const [AccordionItemProvider, useAccordionItemContext] = (0, _utils.createContext)('AccordionItemContext');
|
|
8
12
|
exports.useAccordionItemContext = useAccordionItemContext;
|
|
9
|
-
|
|
10
|
-
const AccordionContext = exports.AccordionContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
11
|
-
const AccordionItemContext = exports.AccordionItemContext = /*#__PURE__*/(0, _react.createContext)(null);
|
|
12
|
-
function useAccordionContext() {
|
|
13
|
-
const context = (0, _react.useContext)(AccordionContext);
|
|
14
|
-
if (!context) {
|
|
15
|
-
throw new Error('Accordion compound components must be used within Accordion');
|
|
16
|
-
}
|
|
17
|
-
return context;
|
|
18
|
-
}
|
|
19
|
-
function useAccordionItemContext() {
|
|
20
|
-
const context = (0, _react.useContext)(AccordionItemContext);
|
|
21
|
-
if (!context) {
|
|
22
|
-
throw new Error('Accordion.Item sub-components must be used within Accordion.Item');
|
|
23
|
-
}
|
|
24
|
-
return context;
|
|
25
|
-
}
|
|
13
|
+
exports.AccordionItemProvider = AccordionItemProvider;
|
|
26
14
|
//# sourceMappingURL=context.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_utils","require","AccordionProvider","useAccordionContext","createContext","exports","AccordionItemProvider","useAccordionItemContext"],"sourceRoot":"../../../src","sources":["accordion/context.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAGO,MAAM,CAACC,iBAAiB,EAAEC,mBAAmB,CAAC,GACnD,IAAAC,oBAAa,EAAyB,kBAAkB,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA;AAAAE,OAAA,CAAAH,iBAAA,GAAAA,iBAAA;AAErD,MAAM,CAACI,qBAAqB,EAAEC,uBAAuB,CAAC,GAC3D,IAAAH,oBAAa,EAA6B,sBAAsB,CAAC;AAACC,OAAA,CAAAE,uBAAA,GAAAA,uBAAA;AAAAF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
Object.defineProperty(exports, "
|
|
6
|
+
Object.defineProperty(exports, "AccordionContentRoot", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function () {
|
|
9
|
-
return
|
|
9
|
+
return _AccordionContent.AccordionContentRoot;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
Object.defineProperty(exports, "
|
|
12
|
+
Object.defineProperty(exports, "AccordionItemProvider", {
|
|
13
13
|
enumerable: true,
|
|
14
14
|
get: function () {
|
|
15
|
-
return _context.
|
|
15
|
+
return _context.AccordionItemProvider;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "AccordionItemRoot", {
|
|
@@ -21,10 +21,10 @@ Object.defineProperty(exports, "AccordionItemRoot", {
|
|
|
21
21
|
return _AccordionItem.AccordionItemRoot;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
Object.defineProperty(exports, "
|
|
24
|
+
Object.defineProperty(exports, "AccordionProvider", {
|
|
25
25
|
enumerable: true,
|
|
26
26
|
get: function () {
|
|
27
|
-
return
|
|
27
|
+
return _context.AccordionProvider;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "AccordionRoot", {
|
|
@@ -55,5 +55,5 @@ var _context = require("./context");
|
|
|
55
55
|
var _Accordion = require("./Accordion");
|
|
56
56
|
var _AccordionItem = require("./AccordionItem");
|
|
57
57
|
var _AccordionTrigger = require("./AccordionTrigger");
|
|
58
|
-
var
|
|
58
|
+
var _AccordionContent = require("./AccordionContent");
|
|
59
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_context","require","_Accordion","_AccordionItem","_AccordionTrigger","
|
|
1
|
+
{"version":3,"names":["_context","require","_Accordion","_AccordionItem","_AccordionTrigger","_AccordionContent"],"sourceRoot":"../../../src","sources":["accordion/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA","ignoreList":[]}
|
|
@@ -19,6 +19,6 @@ function toExpandedKeys(value) {
|
|
|
19
19
|
}
|
|
20
20
|
function fromExpandedKeys(keys, type) {
|
|
21
21
|
const values = Array.from(keys).map(String);
|
|
22
|
-
return type === 'single' ? values[0]
|
|
22
|
+
return type === 'single' ? values[0] : values;
|
|
23
23
|
}
|
|
24
24
|
//# 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":";;;;;;;AAEO,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;AAEO,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":";;;;;;;AAEO,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;AAEO,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":[]}
|
|
@@ -6,21 +6,26 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.FormRoot = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _slot = require("../slot");
|
|
9
|
+
var _domDataAttributes = require("../utils/domDataAttributes");
|
|
9
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
10
11
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
12
|
const FormRoot = exports.FormRoot = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
12
13
|
asChild,
|
|
14
|
+
dataSet,
|
|
13
15
|
...props
|
|
14
16
|
}, ref) => {
|
|
17
|
+
const dataAttrs = (0, _domDataAttributes.domDataAttributes)(dataSet ?? {});
|
|
15
18
|
if (asChild) {
|
|
16
19
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_slot.Slot, {
|
|
17
20
|
ref: ref,
|
|
18
|
-
...props
|
|
21
|
+
...props,
|
|
22
|
+
...dataAttrs
|
|
19
23
|
});
|
|
20
24
|
}
|
|
21
25
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
|
|
22
26
|
ref: ref,
|
|
23
|
-
...props
|
|
27
|
+
...props,
|
|
28
|
+
...dataAttrs
|
|
24
29
|
});
|
|
25
30
|
});
|
|
26
31
|
FormRoot.displayName = 'FormRoot';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_slot","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormRoot","exports","forwardRef","asChild","props","ref","jsx","Slot","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_slot","_domDataAttributes","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormRoot","exports","forwardRef","asChild","dataSet","props","ref","dataAttrs","domDataAttributes","jsx","Slot","displayName"],"sourceRoot":"../../../src","sources":["form/FormRoot.web.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA2F,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AASpF,MAAMkB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAChC,CAAC;EAAEC,OAAO;EAAEC,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACvC,MAAMC,SAAS,GAAG,IAAAC,oCAAiB,EAACJ,OAAO,IAAI,CAAC,CAAC,CAAC;EAElD,IAAID,OAAO,EAAE;IACX,oBAAO,IAAAvB,WAAA,CAAA6B,GAAA,EAAC/B,KAAA,CAAAgC,IAAI;MAACJ,GAAG,EAAEA,GAAI;MAAA,GAAMD,KAAK;MAAA,GAAkCE;IAAS,CAAG,CAAC;EAClF;EACA,oBAAO,IAAA3B,WAAA,CAAA6B,GAAA;IAAMH,GAAG,EAAEA,GAAI;IAAA,GAAKD,KAAK;IAAA,GAAME;EAAS,CAAG,CAAC;AACrD,CACF,CAAC;AAEDP,QAAQ,CAACW,WAAW,GAAG,UAAU","ignoreList":[]}
|
|
@@ -1,43 +1,49 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useMemo } from 'react';
|
|
3
|
+
import { forwardRef, useCallback, useMemo } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { useDisclosureGroupState } from '@react-stately/disclosure';
|
|
6
6
|
import { Slot } from '../slot';
|
|
7
7
|
import { dataAttributes, mergeDataAttributes } from '../utils/dataAttributes';
|
|
8
|
-
import {
|
|
8
|
+
import { AccordionProvider } from './context';
|
|
9
9
|
import { fromExpandedKeys, toExpandedKeys } from './utils';
|
|
10
10
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
-
export const AccordionRoot = /*#__PURE__*/forwardRef(({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
11
|
+
export const AccordionRoot = /*#__PURE__*/forwardRef((accordionProps, ref) => {
|
|
12
|
+
const {
|
|
13
|
+
asChild,
|
|
14
|
+
children,
|
|
15
|
+
className,
|
|
16
|
+
style,
|
|
17
|
+
type = 'single',
|
|
18
|
+
collapsible = true,
|
|
19
|
+
isDisabled = false,
|
|
20
|
+
value,
|
|
21
|
+
defaultValue,
|
|
22
|
+
onValueChange,
|
|
23
|
+
...props
|
|
24
|
+
} = accordionProps;
|
|
25
|
+
const isValueControlled = Object.prototype.hasOwnProperty.call(accordionProps, 'value');
|
|
26
|
+
const expandedKeys = useMemo(() => isValueControlled ? toExpandedKeys(value) ?? new Set() : undefined, [isValueControlled, value]);
|
|
24
27
|
const groupState = useDisclosureGroupState({
|
|
25
28
|
allowsMultipleExpanded: type === 'multiple',
|
|
26
29
|
isDisabled,
|
|
27
|
-
expandedKeys
|
|
30
|
+
expandedKeys,
|
|
28
31
|
defaultExpandedKeys: toExpandedKeys(defaultValue),
|
|
29
32
|
onExpandedChange: onValueChange ? keys => {
|
|
30
33
|
onValueChange(fromExpandedKeys(keys, type));
|
|
31
34
|
} : undefined
|
|
32
35
|
});
|
|
36
|
+
const isItemOpen = useCallback(itemValue => groupState.expandedKeys.has(itemValue), [groupState.expandedKeys]);
|
|
37
|
+
const toggleItem = useCallback(itemValue => groupState.toggleKey(itemValue), [groupState]);
|
|
33
38
|
const contextValue = useMemo(() => ({
|
|
34
|
-
groupState,
|
|
35
39
|
type,
|
|
36
40
|
collapsible,
|
|
37
|
-
isDisabled
|
|
38
|
-
|
|
41
|
+
isDisabled,
|
|
42
|
+
isItemOpen,
|
|
43
|
+
toggleItem
|
|
44
|
+
}), [type, collapsible, isDisabled, isItemOpen, toggleItem]);
|
|
39
45
|
const Comp = asChild ? Slot : View;
|
|
40
|
-
return /*#__PURE__*/_jsx(
|
|
46
|
+
return /*#__PURE__*/_jsx(AccordionProvider, {
|
|
41
47
|
value: contextValue,
|
|
42
48
|
children: /*#__PURE__*/_jsx(Comp, {
|
|
43
49
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","View","useDisclosureGroupState","Slot","dataAttributes","mergeDataAttributes","
|
|
1
|
+
{"version":3,"names":["forwardRef","useCallback","useMemo","View","useDisclosureGroupState","Slot","dataAttributes","mergeDataAttributes","AccordionProvider","fromExpandedKeys","toExpandedKeys","jsx","_jsx","AccordionRoot","accordionProps","ref","asChild","children","className","style","type","collapsible","isDisabled","value","defaultValue","onValueChange","props","isValueControlled","Object","prototype","hasOwnProperty","call","expandedKeys","Set","undefined","groupState","allowsMultipleExpanded","defaultExpandedKeys","onExpandedChange","keys","isItemOpen","itemValue","has","toggleItem","toggleKey","contextValue","Comp","slot","displayName"],"sourceRoot":"../../../src","sources":["accordion/Accordion.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACxD,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,uBAAuB,QAAQ,2BAA2B;AACnE,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,cAAc,EAAEC,mBAAmB,QAAQ,yBAAyB;AAC7E,SAASC,iBAAiB,QAAQ,WAAW;AAE7C,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAoB3D,OAAO,MAAMC,aAAa,gBAAGb,UAAU,CAA2B,CAACc,cAAc,EAAEC,GAAG,KAAK;EACzF,MAAM;IACJC,OAAO;IACPC,QAAQ;IACRC,SAAS;IACTC,KAAK;IACLC,IAAI,GAAG,QAAQ;IACfC,WAAW,GAAG,IAAI;IAClBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC,YAAY;IACZC,aAAa;IACb,GAAGC;EACL,CAAC,GAAGZ,cAAuC;EAC3C,MAAMa,iBAAiB,GAAGC,MAAM,CAACC,SAAS,CAACC,cAAc,CAACC,IAAI,CAACjB,cAAc,EAAE,OAAO,CAAC;EACvF,MAAMkB,YAAY,GAAG9B,OAAO,CAC1B,MAAOyB,iBAAiB,GAAIjB,cAAc,CAACa,KAAK,CAAC,IAAI,IAAIU,GAAG,CAAS,CAAC,GAAIC,SAAU,EACpF,CAACP,iBAAiB,EAAEJ,KAAK,CAC3B,CAAC;EACD,MAAMY,UAAU,GAAG/B,uBAAuB,CAAC;IACzCgC,sBAAsB,EAAEhB,IAAI,KAAK,UAAU;IAC3CE,UAAU;IACVU,YAAY;IACZK,mBAAmB,EAAE3B,cAAc,CAACc,YAAY,CAAC;IACjDc,gBAAgB,EAAEb,aAAa,GAC1Bc,IAAI,IAAK;MACRd,aAAa,CAAChB,gBAAgB,CAAC8B,IAAI,EAAEnB,IAAI,CAAC,CAAC;IAC7C,CAAC,GACDc;EACN,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAGvC,WAAW,CAC3BwC,SAAiB,IAAKN,UAAU,CAACH,YAAY,CAACU,GAAG,CAACD,SAAS,CAAC,EAC7D,CAACN,UAAU,CAACH,YAAY,CAC1B,CAAC;EACD,MAAMW,UAAU,GAAG1C,WAAW,CAC3BwC,SAAiB,IAAKN,UAAU,CAACS,SAAS,CAACH,SAAS,CAAC,EACtD,CAACN,UAAU,CACb,CAAC;EAED,MAAMU,YAAY,GAAG3C,OAAO,CAC1B,OAAO;IACLkB,IAAI;IACJC,WAAW;IACXC,UAAU;IACVkB,UAAU;IACVG;EACF,CAAC,CAAC,EACF,CAACvB,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAEkB,UAAU,EAAEG,UAAU,CACxD,CAAC;EAED,MAAMG,IAAI,GAAG9B,OAAO,GAAGX,IAAI,GAAGF,IAAI;EAElC,oBACES,IAAA,CAACJ,iBAAiB;IAACe,KAAK,EAAEsB,YAAa;IAAA5B,QAAA,eACrCL,IAAA,CAACkC,IAAI;MACH/B,GAAG,EAAEA,GAAI;MACTG,SAAS,EAAEA,SAAU;MACrBC,KAAK,EAAEA,KAAM;MAAA,GACTO,KAAK;MAAA,GACLnB,mBAAmB,CAACmB,KAAK,EAAEpB,cAAc,CAAC;QAAEyC,IAAI,EAAE;MAAY,CAAC,CAAC,CAAC;MAAA9B,QAAA,EAEpEA;IAAQ,CACL;EAAC,CACU,CAAC;AAExB,CAAC,CAAC;AAEFJ,aAAa,CAACmC,WAAW,GAAG,eAAe","ignoreList":[]}
|