@fluentui/react-accordion 9.1.4 → 9.1.5
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/.swcrc +30 -0
- package/CHANGELOG.json +70 -1
- package/CHANGELOG.md +20 -2
- package/lib/Accordion.js.map +1 -1
- package/lib/AccordionHeader.js.map +1 -1
- package/lib/AccordionItem.js.map +1 -1
- package/lib/AccordionPanel.js.map +1 -1
- package/lib/components/Accordion/Accordion.js.map +1 -1
- package/lib/components/Accordion/Accordion.types.js +1 -1
- package/lib/components/Accordion/Accordion.types.js.map +1 -1
- package/lib/components/Accordion/AccordionContext.js +1 -2
- package/lib/components/Accordion/AccordionContext.js.map +1 -1
- package/lib/components/Accordion/index.js.map +1 -1
- package/lib/components/Accordion/renderAccordion.js +1 -3
- package/lib/components/Accordion/renderAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordion.js.map +1 -1
- package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib/components/AccordionHeader/AccordionHeaderContext.js +2 -4
- package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib/components/AccordionHeader/index.js.map +1 -1
- package/lib/components/AccordionHeader/renderAccordionHeader.js +1 -11
- package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeader.js +5 -5
- package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
- package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib/components/AccordionItem/AccordionItemContext.js +3 -6
- package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib/components/AccordionItem/index.js.map +1 -1
- package/lib/components/AccordionItem/renderAccordionItem.js +1 -3
- package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib/components/AccordionPanel/index.js.map +1 -1
- package/lib/components/AccordionPanel/renderAccordionPanel.js +1 -3
- package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanel.js +1 -0
- package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Accordion.js +5 -4
- package/lib-commonjs/Accordion.js.map +1 -1
- package/lib-commonjs/AccordionHeader.js +5 -4
- package/lib-commonjs/AccordionHeader.js.map +1 -1
- package/lib-commonjs/AccordionItem.js +5 -4
- package/lib-commonjs/AccordionItem.js.map +1 -1
- package/lib-commonjs/AccordionPanel.js +5 -4
- package/lib-commonjs/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.js +21 -22
- package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/Accordion.types.js +5 -2
- package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
- package/lib-commonjs/components/Accordion/AccordionContext.js +21 -13
- package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
- package/lib-commonjs/components/Accordion/index.js +11 -10
- package/lib-commonjs/components/Accordion/index.js.map +1 -1
- package/lib-commonjs/components/Accordion/renderAccordion.js +16 -21
- package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordion.js +79 -81
- package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js +18 -21
- package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
- package/lib-commonjs/components/Accordion/useAccordionStyles.js +19 -11
- package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +21 -23
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +3 -2
- package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +21 -14
- package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/index.js +10 -9
- package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -29
- package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +77 -94
- package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +24 -21
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +383 -172
- package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.js +21 -22
- package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +5 -2
- package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +23 -16
- package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/index.js +11 -10
- package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +16 -21
- package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js +33 -35
- package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +22 -19
- package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +19 -11
- package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +19 -20
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +3 -2
- package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/index.js +9 -8
- package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +13 -18
- package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +32 -35
- package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +39 -23
- package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
- package/lib-commonjs/index.js +43 -170
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -11
- package/lib-amd/Accordion.js +0 -6
- package/lib-amd/Accordion.js.map +0 -1
- package/lib-amd/AccordionHeader.js +0 -6
- package/lib-amd/AccordionHeader.js.map +0 -1
- package/lib-amd/AccordionItem.js +0 -6
- package/lib-amd/AccordionItem.js.map +0 -1
- package/lib-amd/AccordionPanel.js +0 -6
- package/lib-amd/AccordionPanel.js.map +0 -1
- package/lib-amd/components/Accordion/Accordion.js +0 -18
- package/lib-amd/components/Accordion/Accordion.js.map +0 -1
- package/lib-amd/components/Accordion/Accordion.types.js +0 -5
- package/lib-amd/components/Accordion/Accordion.types.js.map +0 -1
- package/lib-amd/components/Accordion/AccordionContext.js +0 -22
- package/lib-amd/components/Accordion/AccordionContext.js.map +0 -1
- package/lib-amd/components/Accordion/index.js +0 -12
- package/lib-amd/components/Accordion/index.js.map +0 -1
- package/lib-amd/components/Accordion/renderAccordion.js +0 -15
- package/lib-amd/components/Accordion/renderAccordion.js.map +0 -1
- package/lib-amd/components/Accordion/useAccordion.js +0 -83
- package/lib-amd/components/Accordion/useAccordion.js.map +0 -1
- package/lib-amd/components/Accordion/useAccordionContextValues.js +0 -18
- package/lib-amd/components/Accordion/useAccordionContextValues.js.map +0 -1
- package/lib-amd/components/Accordion/useAccordionStyles.js +0 -14
- package/lib-amd/components/Accordion/useAccordionStyles.js.map +0 -1
- package/lib-amd/components/AccordionHeader/AccordionHeader.js +0 -19
- package/lib-amd/components/AccordionHeader/AccordionHeader.js.map +0 -1
- package/lib-amd/components/AccordionHeader/AccordionHeader.types.js +0 -5
- package/lib-amd/components/AccordionHeader/AccordionHeader.types.js.map +0 -1
- package/lib-amd/components/AccordionHeader/AccordionHeaderContext.js +0 -15
- package/lib-amd/components/AccordionHeader/AccordionHeaderContext.js.map +0 -1
- package/lib-amd/components/AccordionHeader/index.js +0 -11
- package/lib-amd/components/AccordionHeader/index.js.map +0 -1
- package/lib-amd/components/AccordionHeader/renderAccordionHeader.js +0 -20
- package/lib-amd/components/AccordionHeader/renderAccordionHeader.js.map +0 -1
- package/lib-amd/components/AccordionHeader/useAccordionHeader.js +0 -70
- package/lib-amd/components/AccordionHeader/useAccordionHeader.js.map +0 -1
- package/lib-amd/components/AccordionHeader/useAccordionHeaderContextValues.js +0 -17
- package/lib-amd/components/AccordionHeader/useAccordionHeaderContextValues.js.map +0 -1
- package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js +0 -87
- package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js.map +0 -1
- package/lib-amd/components/AccordionItem/AccordionItem.js +0 -18
- package/lib-amd/components/AccordionItem/AccordionItem.js.map +0 -1
- package/lib-amd/components/AccordionItem/AccordionItem.types.js +0 -5
- package/lib-amd/components/AccordionItem/AccordionItem.types.js.map +0 -1
- package/lib-amd/components/AccordionItem/AccordionItemContext.js +0 -17
- package/lib-amd/components/AccordionItem/AccordionItemContext.js.map +0 -1
- package/lib-amd/components/AccordionItem/index.js +0 -12
- package/lib-amd/components/AccordionItem/index.js.map +0 -1
- package/lib-amd/components/AccordionItem/renderAccordionItem.js +0 -15
- package/lib-amd/components/AccordionItem/renderAccordionItem.js.map +0 -1
- package/lib-amd/components/AccordionItem/useAccordionItem.js +0 -27
- package/lib-amd/components/AccordionItem/useAccordionItem.js.map +0 -1
- package/lib-amd/components/AccordionItem/useAccordionItemContextValues.js +0 -12
- package/lib-amd/components/AccordionItem/useAccordionItemContextValues.js.map +0 -1
- package/lib-amd/components/AccordionItem/useAccordionItemStyles.js +0 -14
- package/lib-amd/components/AccordionItem/useAccordionItemStyles.js.map +0 -1
- package/lib-amd/components/AccordionPanel/AccordionPanel.js +0 -17
- package/lib-amd/components/AccordionPanel/AccordionPanel.js.map +0 -1
- package/lib-amd/components/AccordionPanel/AccordionPanel.types.js +0 -5
- package/lib-amd/components/AccordionPanel/AccordionPanel.types.js.map +0 -1
- package/lib-amd/components/AccordionPanel/index.js +0 -10
- package/lib-amd/components/AccordionPanel/index.js.map +0 -1
- package/lib-amd/components/AccordionPanel/renderAccordionPanel.js +0 -14
- package/lib-amd/components/AccordionPanel/renderAccordionPanel.js.map +0 -1
- package/lib-amd/components/AccordionPanel/useAccordionPanel.js +0 -24
- package/lib-amd/components/AccordionPanel/useAccordionPanel.js.map +0 -1
- package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js +0 -22
- package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js.map +0 -1
- package/lib-amd/index.js +0 -33
- package/lib-amd/index.js.map +0 -1
|
@@ -1,101 +1,84 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAccordionHeader_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useAccordionHeader_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
icon
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
onHeaderClick: onAccordionHeaderClick,
|
|
31
|
-
disabled,
|
|
32
|
-
open
|
|
33
|
-
} = index_1.useAccordionItemContext_unstable();
|
|
34
|
-
/**
|
|
35
|
-
* force disabled state on button if accordion isn't collapsible
|
|
36
|
-
* and this is the only item opened
|
|
37
|
-
*/
|
|
38
|
-
const disabledFocusable = AccordionContext_1.useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
39
|
-
const {
|
|
40
|
-
dir
|
|
41
|
-
} = react_shared_contexts_1.useFluent_unstable();
|
|
42
|
-
// Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
43
|
-
let expandIconRotation;
|
|
44
|
-
if (expandIconPosition === 'end') {
|
|
45
|
-
// If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
|
|
46
|
-
expandIconRotation = open ? -90 : 90;
|
|
47
|
-
} else {
|
|
48
|
-
// Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
|
|
49
|
-
expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
|
|
50
|
-
}
|
|
51
|
-
const buttonShorthand = react_aria_1.useARIAButtonShorthand(button, {
|
|
52
|
-
required: true,
|
|
53
|
-
defaultProps: {
|
|
54
|
-
disabled,
|
|
55
|
-
disabledFocusable,
|
|
56
|
-
'aria-expanded': open,
|
|
57
|
-
type: 'button'
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactUtilities = require("@fluentui/react-utilities");
|
|
12
|
+
const _index = require("../AccordionItem/index");
|
|
13
|
+
const _reactAria = require("@fluentui/react-aria");
|
|
14
|
+
const _accordionContext = require("../Accordion/AccordionContext");
|
|
15
|
+
const _reactIcons = require("@fluentui/react-icons");
|
|
16
|
+
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
|
17
|
+
const useAccordionHeader_unstable = (props, ref)=>{
|
|
18
|
+
const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start' } = props;
|
|
19
|
+
const { onHeaderClick: onAccordionHeaderClick , disabled , open } = (0, _index.useAccordionItemContext_unstable)();
|
|
20
|
+
/**
|
|
21
|
+
* force disabled state on button if accordion isn't collapsible
|
|
22
|
+
* and this is the only item opened
|
|
23
|
+
*/ const disabledFocusable = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
|
|
24
|
+
const { dir } = (0, _reactSharedContexts.useFluent_unstable)();
|
|
25
|
+
// Calculate how to rotate the expand icon [>] (ChevronRightRegular)
|
|
26
|
+
let expandIconRotation;
|
|
27
|
+
if (expandIconPosition === 'end') {
|
|
28
|
+
// If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
|
|
29
|
+
expandIconRotation = open ? -90 : 90;
|
|
30
|
+
} else {
|
|
31
|
+
// Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
|
|
32
|
+
expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
|
|
58
33
|
}
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
34
|
+
const buttonShorthand = (0, _reactAria.useARIAButtonShorthand)(button, {
|
|
35
|
+
required: true,
|
|
36
|
+
defaultProps: {
|
|
37
|
+
disabled,
|
|
38
|
+
disabledFocusable,
|
|
39
|
+
'aria-expanded': open,
|
|
40
|
+
type: 'button'
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
return {
|
|
44
|
+
disabled,
|
|
45
|
+
open,
|
|
46
|
+
size,
|
|
47
|
+
inline,
|
|
48
|
+
expandIconPosition,
|
|
49
|
+
components: {
|
|
50
|
+
root: 'div',
|
|
51
|
+
button: 'button',
|
|
52
|
+
expandIcon: 'span',
|
|
53
|
+
icon: 'div'
|
|
54
|
+
},
|
|
55
|
+
root: (0, _reactUtilities.getNativeElementProps)(as || 'div', {
|
|
56
|
+
ref,
|
|
57
|
+
...props
|
|
84
58
|
}),
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
59
|
+
icon: (0, _reactUtilities.resolveShorthand)(icon),
|
|
60
|
+
expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon, {
|
|
61
|
+
required: true,
|
|
62
|
+
defaultProps: {
|
|
63
|
+
children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronRightRegular, {
|
|
64
|
+
style: {
|
|
65
|
+
transform: `rotate(${expandIconRotation}deg)`
|
|
66
|
+
}
|
|
67
|
+
}),
|
|
68
|
+
'aria-hidden': true
|
|
69
|
+
}
|
|
70
|
+
}),
|
|
71
|
+
button: {
|
|
72
|
+
...buttonShorthand,
|
|
73
|
+
onClick: (0, _reactUtilities.useEventCallback)((ev)=>{
|
|
74
|
+
var _buttonShorthand_onClick;
|
|
75
|
+
(_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);
|
|
76
|
+
if (!ev.defaultPrevented) {
|
|
77
|
+
onAccordionHeaderClick(ev);
|
|
78
|
+
}
|
|
79
|
+
})
|
|
95
80
|
}
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
};
|
|
100
|
-
exports.useAccordionHeader_unstable = useAccordionHeader_unstable;
|
|
81
|
+
};
|
|
82
|
+
}; //# sourceMappingURL=useAccordionHeader.js.map
|
|
83
|
+
|
|
101
84
|
//# sourceMappingURL=useAccordionHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */\nexport const useAccordionHeader_unstable = (props, ref) => {\n const {\n as,\n icon,\n button,\n expandIcon,\n inline = false,\n size = 'medium',\n expandIconPosition = 'start'\n } = props;\n const {\n onHeaderClick: onAccordionHeaderClick,\n disabled,\n open\n } = useAccordionItemContext_unstable();\n /**\n * force disabled state on button if accordion isn't collapsible\n * and this is the only item opened\n */\n const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n const {\n dir\n } = useFluent();\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation;\n if (expandIconPosition === 'end') {\n // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n expandIconRotation = open ? -90 : 90;\n } else {\n // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n }\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button'\n }\n });\n return {\n disabled,\n open,\n size,\n inline,\n expandIconPosition,\n components: {\n root: 'div',\n button: 'button',\n expandIcon: 'span',\n icon: 'div'\n },\n root: getNativeElementProps(as || 'div', {\n ref,\n ...props\n }),\n icon: resolveShorthand(icon),\n expandIcon: resolveShorthand(expandIcon, {\n required: true,\n defaultProps: {\n children: /*#__PURE__*/React.createElement(ChevronRightRegular, {\n style: {\n transform: `rotate(${expandIconRotation}deg)`\n }\n }),\n 'aria-hidden': true\n }\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(ev => {\n var _buttonShorthand_onClick;\n (_buttonShorthand_onClick = buttonShorthand.onClick) === null || _buttonShorthand_onClick === void 0 ? void 0 : _buttonShorthand_onClick.call(buttonShorthand, ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n })\n }\n };\n};\n//# sourceMappingURL=useAccordionHeader.js.map"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","React","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_buttonShorthand_onClick","call","defaultPrevented"],"mappings":";;;;+BAYaA;;aAAAA;;;6DAZU;gCACmD;uBACzB;2BACV;kCACM;4BACT;qCACY;AAMzC,MAAMA,8BAA8B,CAACC,OAAOC,MAAQ;IACzD,MAAM,EACJC,GAAE,EACFC,KAAI,EACJC,OAAM,EACNC,WAAU,EACVC,QAAS,KAAK,CAAA,EACdC,MAAO,SAAQ,EACfC,oBAAqB,QAAO,EAC7B,GAAGR;IACJ,MAAM,EACJS,eAAeC,uBAAsB,EACrCC,SAAQ,EACRC,KAAI,EACL,GAAGC,IAAAA,uCAAgC;IACpC;;;EAGA,GACA,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAACC,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAChH,MAAM,EACJQ,IAAG,EACJ,GAAGC,IAAAA,uCAAS;IACb,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAChC,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IACD,MAAMG,kBAAkBC,IAAAA,iCAAsB,EAACpB,QAAQ;QACrDqB,UAAU,IAAI;QACdC,cAAc;YACZf;YACAG;YACA,iBAAiBF;YACjBe,MAAM;QACR;IACF;IACA,OAAO;QACLhB;QACAC;QACAL;QACAD;QACAE;QACAoB,YAAY;YACVC,MAAM;YACNzB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACA0B,MAAMC,IAAAA,qCAAqB,EAAC5B,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAM4B,IAAAA,gCAAgB,EAAC5B;QACvBE,YAAY0B,IAAAA,gCAAgB,EAAC1B,YAAY;YACvCoB,UAAU,IAAI;YACdC,cAAc;gBACZM,UAAU,WAAW,GAAEC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC9DC,OAAO;wBACLC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBAC/C;gBACF;gBACA,eAAe,IAAI;YACrB;QACF;QACAlB,QAAQ;YACN,GAAGmB,eAAe;YAClBe,SAASC,IAAAA,gCAAgB,EAACC,CAAAA,KAAM;gBAC9B,IAAIC;gBACHA,CAAAA,2BAA2BlB,gBAAgBe,OAAO,AAAD,MAAO,IAAI,IAAIG,6BAA6B,KAAK,IAAI,KAAK,IAAIA,yBAAyBC,IAAI,CAACnB,iBAAiBiB,GAAG;gBAClK,IAAI,CAACA,GAAGG,gBAAgB,EAAE;oBACxBjC,uBAAuB8B;gBACzB,CAAC;YACH;QACF;IACF;AACF,GACA,8CAA8C"}
|
|
@@ -1,26 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useAccordionHeaderContextValues_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
8
11
|
function useAccordionHeaderContextValues_unstable(state) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
25
|
-
|
|
12
|
+
const { disabled , expandIconPosition , open , size } = state;
|
|
13
|
+
const accordionHeader = _react.useMemo(()=>({
|
|
14
|
+
disabled,
|
|
15
|
+
expandIconPosition,
|
|
16
|
+
open,
|
|
17
|
+
size
|
|
18
|
+
}), [
|
|
19
|
+
disabled,
|
|
20
|
+
expandIconPosition,
|
|
21
|
+
open,
|
|
22
|
+
size
|
|
23
|
+
]);
|
|
24
|
+
return {
|
|
25
|
+
accordionHeader
|
|
26
|
+
};
|
|
27
|
+
} //# sourceMappingURL=useAccordionHeaderContextValues.js.map
|
|
28
|
+
|
|
26
29
|
//# sourceMappingURL=useAccordionHeaderContextValues.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/AccordionHeader/useAccordionHeaderContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionHeaderContextValues_unstable(state) {\n const {\n disabled,\n expandIconPosition,\n open,\n size\n } = state;\n const accordionHeader = React.useMemo(() => ({\n disabled,\n expandIconPosition,\n open,\n size\n }), [disabled, expandIconPosition, open, size]);\n return {\n accordionHeader\n };\n}\n//# sourceMappingURL=useAccordionHeaderContextValues.js.map"],"names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,yCAAyCC,KAAK,EAAE;IAC9D,MAAM,EACJC,SAAQ,EACRC,mBAAkB,EAClBC,KAAI,EACJC,KAAI,EACL,GAAGJ;IACJ,MAAMK,kBAAkBC,OAAMC,OAAO,CAAC,IAAO,CAAA;YAC3CN;YACAC;YACAC;YACAC;QACF,CAAA,GAAI;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAC9C,OAAO;QACLC;IACF;AACF,EACA,2DAA2D"}
|