@fluentui/react-accordion 0.0.0-nightly-20230316-0427.1 → 0.0.0-nightly-20230317-1454.1

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 (141) hide show
  1. package/.swcrc +39 -0
  2. package/CHANGELOG.json +50 -17
  3. package/CHANGELOG.md +23 -11
  4. package/lib/Accordion.js +1 -1
  5. package/lib/Accordion.js.map +1 -1
  6. package/lib/AccordionHeader.js +1 -1
  7. package/lib/AccordionHeader.js.map +1 -1
  8. package/lib/AccordionItem.js +1 -1
  9. package/lib/AccordionItem.js.map +1 -1
  10. package/lib/AccordionPanel.js +1 -1
  11. package/lib/AccordionPanel.js.map +1 -1
  12. package/lib/components/Accordion/Accordion.js +7 -7
  13. package/lib/components/Accordion/Accordion.js.map +1 -1
  14. package/lib/components/Accordion/Accordion.types.js +1 -1
  15. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  16. package/lib/components/Accordion/AccordionContext.js +2 -3
  17. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  18. package/lib/components/Accordion/index.js +7 -7
  19. package/lib/components/Accordion/index.js.map +1 -1
  20. package/lib/components/Accordion/renderAccordion.js +4 -6
  21. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  22. package/lib/components/Accordion/useAccordion.js +7 -7
  23. package/lib/components/Accordion/useAccordion.js.map +1 -1
  24. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  25. package/lib/components/Accordion/useAccordionStyles.js +2 -2
  26. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  27. package/lib/components/AccordionHeader/AccordionHeader.js +7 -7
  28. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  29. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  30. package/lib/components/AccordionHeader/AccordionHeaderContext.js +4 -7
  31. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  32. package/lib/components/AccordionHeader/index.js +6 -6
  33. package/lib/components/AccordionHeader/index.js.map +1 -1
  34. package/lib/components/AccordionHeader/renderAccordionHeader.js +4 -14
  35. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  36. package/lib/components/AccordionHeader/useAccordionHeader.js +23 -24
  37. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  38. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js +1 -1
  39. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  40. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js +9 -9
  41. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  42. package/lib/components/AccordionItem/AccordionItem.js +7 -7
  43. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  44. package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
  45. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  46. package/lib/components/AccordionItem/AccordionItemContext.js +3 -7
  47. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  48. package/lib/components/AccordionItem/index.js +7 -7
  49. package/lib/components/AccordionItem/index.js.map +1 -1
  50. package/lib/components/AccordionItem/renderAccordionItem.js +4 -6
  51. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  52. package/lib/components/AccordionItem/useAccordionItem.js +5 -5
  53. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  54. package/lib/components/AccordionItem/useAccordionItemContextValues.js +1 -1
  55. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  56. package/lib/components/AccordionItem/useAccordionItemStyles.js +2 -2
  57. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  58. package/lib/components/AccordionPanel/AccordionPanel.js +6 -6
  59. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  60. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  61. package/lib/components/AccordionPanel/index.js +5 -5
  62. package/lib/components/AccordionPanel/index.js.map +1 -1
  63. package/lib/components/AccordionPanel/renderAccordionPanel.js +3 -5
  64. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  65. package/lib/components/AccordionPanel/useAccordionPanel.js +7 -6
  66. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  67. package/lib/components/AccordionPanel/useAccordionPanelStyles.js +3 -3
  68. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  69. package/lib/index.js +4 -4
  70. package/lib/index.js.map +1 -1
  71. package/lib-commonjs/Accordion.js +5 -4
  72. package/lib-commonjs/Accordion.js.map +1 -1
  73. package/lib-commonjs/AccordionHeader.js +5 -4
  74. package/lib-commonjs/AccordionHeader.js.map +1 -1
  75. package/lib-commonjs/AccordionItem.js +5 -4
  76. package/lib-commonjs/AccordionItem.js.map +1 -1
  77. package/lib-commonjs/AccordionPanel.js +5 -4
  78. package/lib-commonjs/AccordionPanel.js.map +1 -1
  79. package/lib-commonjs/components/Accordion/Accordion.js +21 -22
  80. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  81. package/lib-commonjs/components/Accordion/Accordion.types.js +5 -2
  82. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  83. package/lib-commonjs/components/Accordion/AccordionContext.js +21 -13
  84. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  85. package/lib-commonjs/components/Accordion/index.js +11 -10
  86. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  87. package/lib-commonjs/components/Accordion/renderAccordion.js +16 -21
  88. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  89. package/lib-commonjs/components/Accordion/useAccordion.js +79 -81
  90. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  91. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +18 -21
  92. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  93. package/lib-commonjs/components/Accordion/useAccordionStyles.js +19 -11
  94. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  95. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +21 -23
  96. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  97. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +3 -2
  98. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  99. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +20 -14
  100. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  101. package/lib-commonjs/components/AccordionHeader/index.js +10 -9
  102. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  103. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +16 -29
  104. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  105. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +76 -94
  106. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  107. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +24 -21
  108. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  109. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +383 -172
  110. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  111. package/lib-commonjs/components/AccordionItem/AccordionItem.js +21 -22
  112. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  113. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +5 -2
  114. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  115. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +22 -16
  116. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  117. package/lib-commonjs/components/AccordionItem/index.js +11 -10
  118. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  119. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +16 -21
  120. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  121. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +33 -35
  122. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  123. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +22 -19
  124. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  125. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +19 -11
  126. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  127. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +19 -20
  128. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  129. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +3 -2
  130. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  131. package/lib-commonjs/components/AccordionPanel/index.js +9 -8
  132. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  133. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +13 -18
  134. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  135. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +32 -35
  136. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  137. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +39 -23
  138. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  139. package/lib-commonjs/index.js +43 -170
  140. package/lib-commonjs/index.js.map +1 -1
  141. package/package.json +10 -10
@@ -1,101 +1,83 @@
1
1
  "use strict";
2
-
3
2
  Object.defineProperty(exports, "__esModule", {
4
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useAccordionHeader_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useAccordionHeader_unstable
5
8
  });
6
- exports.useAccordionHeader_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
8
- const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
9
- const index_1 = /*#__PURE__*/require("../AccordionItem/index");
10
- const react_aria_1 = /*#__PURE__*/require("@fluentui/react-aria");
11
- const AccordionContext_1 = /*#__PURE__*/require("../Accordion/AccordionContext");
12
- const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
13
- const react_shared_contexts_1 = /*#__PURE__*/require("@fluentui/react-shared-contexts");
14
- /**
15
- * Returns the props and state required to render the component
16
- * @param props - AccordionHeader properties
17
- * @param ref - reference to root HTMLElement of AccordionHeader
18
- */
19
- const useAccordionHeader_unstable = (props, ref) => {
20
- const {
21
- as,
22
- icon,
23
- button,
24
- expandIcon,
25
- inline = false,
26
- size = 'medium',
27
- expandIconPosition = 'start'
28
- } = props;
29
- const {
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
- return {
61
- disabled,
62
- open,
63
- size,
64
- inline,
65
- expandIconPosition,
66
- components: {
67
- root: 'div',
68
- button: 'button',
69
- expandIcon: 'span',
70
- icon: 'div'
71
- },
72
- root: react_utilities_1.getNativeElementProps(as || 'div', {
73
- ref,
74
- ...props
75
- }),
76
- icon: react_utilities_1.resolveShorthand(icon),
77
- expandIcon: react_utilities_1.resolveShorthand(expandIcon, {
78
- required: true,
79
- defaultProps: {
80
- children: React.createElement(react_icons_1.ChevronRightRegular, {
81
- style: {
82
- transform: `rotate(${expandIconRotation}deg)`
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
- 'aria-hidden': true
86
- }
87
- }),
88
- button: {
89
- ...buttonShorthand,
90
- onClick: react_utilities_1.useEventCallback(ev => {
91
- var _a;
92
- (_a = buttonShorthand.onClick) === null || _a === void 0 ? void 0 : _a.call(buttonShorthand, ev);
93
- if (!ev.defaultPrevented) {
94
- onAccordionHeaderClick(ev);
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
+ buttonShorthand.onClick?.(ev);
75
+ if (!ev.defaultPrevented) {
76
+ onAccordionHeaderClick(ev);
77
+ }
78
+ })
95
79
  }
96
- })
97
- }
98
- };
99
- };
100
- exports.useAccordionHeader_unstable = useAccordionHeader_unstable;
80
+ };
81
+ }; //# sourceMappingURL=useAccordionHeader.js.map
82
+
101
83
  //# sourceMappingURL=useAccordionHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["React","require","react_utilities_1","index_1","react_aria_1","AccordionContext_1","react_icons_1","react_shared_contexts_1","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_unstable","expandIconRotation","buttonShorthand","useARIAButtonShorthand","required","defaultProps","type","components","root","getNativeElementProps","resolveShorthand","children","createElement","ChevronRightRegular","style","transform","onClick","useEventCallback","ev","_a","call","defaultPrevented","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeader.tsx"],"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 type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n\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 = (\n props: AccordionHeaderProps,\n ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\n const { as, icon, button, expandIcon, inline = false, size = 'medium', expandIconPosition = 'start' } = props;\n const { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\n\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\n const { dir } = useFluent();\n\n // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n let expandIconRotation: 0 | 90 | -90 | 180;\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\n const buttonShorthand = useARIAButtonShorthand(button, {\n required: true,\n defaultProps: {\n disabled,\n disabledFocusable,\n 'aria-expanded': open,\n type: 'button',\n },\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: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n 'aria-hidden': true,\n },\n }),\n button: {\n ...buttonShorthand,\n onClick: useEventCallback(\n (ev: React.MouseEvent<HTMLButtonElement & HTMLDivElement & HTMLSpanElement & HTMLAnchorElement>) => {\n buttonShorthand.onClick?.(ev);\n if (!ev.defaultPrevented) {\n onAccordionHeaderClick(ev);\n }\n },\n ),\n },\n };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AACA,MAAAE,OAAA,gBAAAF,OAAA;AACA,MAAAG,YAAA,gBAAAH,OAAA;AAEA,MAAAI,kBAAA,gBAAAJ,OAAA;AACA,MAAAK,aAAA,gBAAAL,OAAA;AACA,MAAAM,uBAAA,gBAAAN,OAAA;AAEA;;;;;AAKO,MAAMO,2BAA2B,GAAGA,CACzCC,KAA2B,EAC3BC,GAA2B,KACH;EACxB,MAAM;IAAEC,EAAE;IAAEC,IAAI;IAAEC,MAAM;IAAEC,UAAU;IAAEC,MAAM,GAAG,KAAK;IAAEC,IAAI,GAAG,QAAQ;IAAEC,kBAAkB,GAAG;EAAO,CAAE,GAAGR,KAAK;EAC7G,MAAM;IAAES,aAAa,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAI,CAAE,GAAGlB,OAAA,CAAAmB,gCAAgC,EAAE;EAEpG;;;;EAIA,MAAMC,iBAAiB,GAAGlB,kBAAA,CAAAmB,4BAA4B,CAACC,GAAG,IAAI,CAACA,GAAG,CAACC,WAAW,IAAID,GAAG,CAACE,SAAS,CAACC,MAAM,KAAK,CAAC,IAAIP,IAAI,CAAC;EAErH,MAAM;IAAEQ;EAAG,CAAE,GAAGtB,uBAAA,CAAAuB,kBAAS,EAAE;EAE3B;EACA,IAAIC,kBAAsC;EAC1C,IAAId,kBAAkB,KAAK,KAAK,EAAE;IAChC;IACAc,kBAAkB,GAAGV,IAAI,GAAG,CAAC,EAAE,GAAG,EAAE;GACrC,MAAM;IACL;IACAU,kBAAkB,GAAGV,IAAI,GAAG,EAAE,GAAGQ,GAAG,KAAK,KAAK,GAAG,CAAC,GAAG,GAAG;;EAG1D,MAAMG,eAAe,GAAG5B,YAAA,CAAA6B,sBAAsB,CAACpB,MAAM,EAAE;IACrDqB,QAAQ,EAAE,IAAI;IACdC,YAAY,EAAE;MACZf,QAAQ;MACRG,iBAAiB;MACjB,eAAe,EAAEF,IAAI;MACrBe,IAAI,EAAE;;GAET,CAAC;EAEF,OAAO;IACLhB,QAAQ;IACRC,IAAI;IACJL,IAAI;IACJD,MAAM;IACNE,kBAAkB;IAClBoB,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXzB,MAAM,EAAE,QAAQ;MAChBC,UAAU,EAAE,MAAM;MAClBF,IAAI,EAAE;KACP;IACD0B,IAAI,EAAEpC,iBAAA,CAAAqC,qBAAqB,CAAC5B,EAAE,IAAI,KAAK,EAAE;MACvCD,GAAG;MACH,GAAGD;KACJ,CAAC;IACFG,IAAI,EAAEV,iBAAA,CAAAsC,gBAAgB,CAAC5B,IAAI,CAAC;IAC5BE,UAAU,EAAEZ,iBAAA,CAAAsC,gBAAgB,CAAC1B,UAAU,EAAE;MACvCoB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZM,QAAQ,EAAEzC,KAAA,CAAA0C,aAAA,CAACpC,aAAA,CAAAqC,mBAAmB;UAACC,KAAK,EAAE;YAAEC,SAAS,EAAE,UAAUd,kBAAkB;UAAM;QAAE,EAAI;QAC3F,aAAa,EAAE;;KAElB,CAAC;IACFlB,MAAM,EAAE;MACN,GAAGmB,eAAe;MAClBc,OAAO,EAAE5C,iBAAA,CAAA6C,gBAAgB,CACtBC,EAA8F,IAAI;;QACjG,CAAAC,EAAA,GAAAjB,eAAe,CAACc,OAAO,cAAAG,EAAA,uBAAAA,EAAA,CAAAC,IAAA,CAAvBlB,eAAe,EAAWgB,EAAE,CAAC;QAC7B,IAAI,CAACA,EAAE,CAACG,gBAAgB,EAAE;UACxBhC,sBAAsB,CAAC6B,EAAE,CAAC;;MAE9B,CAAC;;GAGN;AACH,CAAC;AAvEYI,OAAA,CAAA5C,2BAA2B,GAAAA,2BAAA"}
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 buttonShorthand.onClick?.(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","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;gBAC9BjB,gBAAgBe,OAAO,GAAGE;gBAC1B,IAAI,CAACA,GAAGC,gBAAgB,EAAE;oBACxB/B,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
- value: true
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
6
+ enumerable: true,
7
+ get: ()=>useAccordionHeaderContextValues_unstable
5
8
  });
6
- exports.useAccordionHeaderContextValues_unstable = void 0;
7
- const React = /*#__PURE__*/require("react");
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
- const {
10
- disabled,
11
- expandIconPosition,
12
- open,
13
- size
14
- } = state;
15
- const accordionHeader = React.useMemo(() => ({
16
- disabled,
17
- expandIconPosition,
18
- open,
19
- size
20
- }), [disabled, expandIconPosition, open, size]);
21
- return {
22
- accordionHeader
23
- };
24
- }
25
- exports.useAccordionHeaderContextValues_unstable = useAccordionHeaderContextValues_unstable;
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,"names":["React","require","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo","exports"],"sources":["../../../../../../../../../packages/react-components/react-accordion/src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n AccordionHeaderContextValue,\n AccordionHeaderState,\n AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n const { disabled, expandIconPosition, open, size } = state;\n\n const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n () => ({\n disabled,\n expandIconPosition,\n open,\n size,\n }),\n [disabled, expandIconPosition, open, size],\n );\n\n return { accordionHeader };\n}\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AAOA,SAAgBC,wCAAwCA,CAACC,KAA2B;EAClF,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAI,CAAE,GAAGJ,KAAK;EAE1D,MAAMK,eAAe,GAAGR,KAAK,CAACS,OAAO,CACnC,OAAO;IACLL,QAAQ;IACRC,kBAAkB;IAClBC,IAAI;IACJC;GACD,CAAC,EACF,CAACH,QAAQ,EAAEC,kBAAkB,EAAEC,IAAI,EAAEC,IAAI,CAAC,CAC3C;EAED,OAAO;IAAEC;EAAe,CAAE;AAC5B;AAdAE,OAAA,CAAAR,wCAAA,GAAAA,wCAAA"}
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"}