@fluentui/react-accordion 0.0.0-nightly-20230223-2115.1 → 0.0.0-nightly-20230228-0425.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 (121) hide show
  1. package/CHANGELOG.json +17 -17
  2. package/CHANGELOG.md +11 -11
  3. package/lib/Accordion.js.map +1 -1
  4. package/lib/AccordionHeader.js.map +1 -1
  5. package/lib/AccordionItem.js.map +1 -1
  6. package/lib/AccordionPanel.js.map +1 -1
  7. package/lib/components/Accordion/Accordion.js.map +1 -1
  8. package/lib/components/Accordion/Accordion.types.js +1 -1
  9. package/lib/components/Accordion/Accordion.types.js.map +1 -1
  10. package/lib/components/Accordion/AccordionContext.js +3 -5
  11. package/lib/components/Accordion/AccordionContext.js.map +1 -1
  12. package/lib/components/Accordion/index.js.map +1 -1
  13. package/lib/components/Accordion/renderAccordion.js +3 -2
  14. package/lib/components/Accordion/renderAccordion.js.map +1 -1
  15. package/lib/components/Accordion/useAccordion.js +4 -5
  16. package/lib/components/Accordion/useAccordion.js.map +1 -1
  17. package/lib/components/Accordion/useAccordionContextValues.js.map +1 -1
  18. package/lib/components/Accordion/useAccordionStyles.js.map +1 -1
  19. package/lib/components/AccordionHeader/AccordionHeader.js.map +1 -1
  20. package/lib/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  21. package/lib/components/AccordionHeader/AccordionHeaderContext.js +4 -1
  22. package/lib/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  23. package/lib/components/AccordionHeader/index.js.map +1 -1
  24. package/lib/components/AccordionHeader/renderAccordionHeader.js +11 -2
  25. package/lib/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  26. package/lib/components/AccordionHeader/useAccordionHeader.js +5 -5
  27. package/lib/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  28. package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  29. package/lib/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  30. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  31. package/lib/components/AccordionItem/AccordionItem.types.js +1 -1
  32. package/lib/components/AccordionItem/AccordionItem.types.js.map +1 -1
  33. package/lib/components/AccordionItem/AccordionItemContext.js +6 -2
  34. package/lib/components/AccordionItem/AccordionItemContext.js.map +1 -1
  35. package/lib/components/AccordionItem/index.js.map +1 -1
  36. package/lib/components/AccordionItem/renderAccordionItem.js +3 -2
  37. package/lib/components/AccordionItem/renderAccordionItem.js.map +1 -1
  38. package/lib/components/AccordionItem/useAccordionItem.js.map +1 -1
  39. package/lib/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  40. package/lib/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  41. package/lib/components/AccordionPanel/AccordionPanel.js.map +1 -1
  42. package/lib/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  43. package/lib/components/AccordionPanel/index.js.map +1 -1
  44. package/lib/components/AccordionPanel/renderAccordionPanel.js +3 -2
  45. package/lib/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  46. package/lib/components/AccordionPanel/useAccordionPanel.js +0 -1
  47. package/lib/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  48. package/lib/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  49. package/lib/index.js.map +1 -1
  50. package/lib-commonjs/Accordion.js +4 -5
  51. package/lib-commonjs/Accordion.js.map +1 -1
  52. package/lib-commonjs/AccordionHeader.js +4 -5
  53. package/lib-commonjs/AccordionHeader.js.map +1 -1
  54. package/lib-commonjs/AccordionItem.js +4 -5
  55. package/lib-commonjs/AccordionItem.js.map +1 -1
  56. package/lib-commonjs/AccordionPanel.js +4 -5
  57. package/lib-commonjs/AccordionPanel.js.map +1 -1
  58. package/lib-commonjs/components/Accordion/Accordion.js +17 -18
  59. package/lib-commonjs/components/Accordion/Accordion.js.map +1 -1
  60. package/lib-commonjs/components/Accordion/Accordion.types.js +2 -5
  61. package/lib-commonjs/components/Accordion/Accordion.types.js.map +1 -1
  62. package/lib-commonjs/components/Accordion/AccordionContext.js +13 -24
  63. package/lib-commonjs/components/Accordion/AccordionContext.js.map +1 -1
  64. package/lib-commonjs/components/Accordion/index.js +10 -11
  65. package/lib-commonjs/components/Accordion/index.js.map +1 -1
  66. package/lib-commonjs/components/Accordion/renderAccordion.js +21 -18
  67. package/lib-commonjs/components/Accordion/renderAccordion.js.map +1 -1
  68. package/lib-commonjs/components/Accordion/useAccordion.js +81 -80
  69. package/lib-commonjs/components/Accordion/useAccordion.js.map +1 -1
  70. package/lib-commonjs/components/Accordion/useAccordionContextValues.js +21 -18
  71. package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map +1 -1
  72. package/lib-commonjs/components/Accordion/useAccordionStyles.js +11 -19
  73. package/lib-commonjs/components/Accordion/useAccordionStyles.js.map +1 -1
  74. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js +18 -18
  75. package/lib-commonjs/components/AccordionHeader/AccordionHeader.js.map +1 -1
  76. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js +2 -3
  77. package/lib-commonjs/components/AccordionHeader/AccordionHeader.types.js.map +1 -1
  78. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js +14 -20
  79. package/lib-commonjs/components/AccordionHeader/AccordionHeaderContext.js.map +1 -1
  80. package/lib-commonjs/components/AccordionHeader/index.js +9 -10
  81. package/lib-commonjs/components/AccordionHeader/index.js.map +1 -1
  82. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js +29 -18
  83. package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map +1 -1
  84. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js +94 -77
  85. package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map +1 -1
  86. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js +21 -24
  87. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderContextValues.js.map +1 -1
  88. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js +172 -383
  89. package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.js.map +1 -1
  90. package/lib-commonjs/components/AccordionItem/AccordionItem.js +17 -18
  91. package/lib-commonjs/components/AccordionItem/AccordionItem.js.map +1 -1
  92. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js +2 -5
  93. package/lib-commonjs/components/AccordionItem/AccordionItem.types.js.map +1 -1
  94. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js +16 -22
  95. package/lib-commonjs/components/AccordionItem/AccordionItemContext.js.map +1 -1
  96. package/lib-commonjs/components/AccordionItem/index.js +10 -11
  97. package/lib-commonjs/components/AccordionItem/index.js.map +1 -1
  98. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js +21 -18
  99. package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map +1 -1
  100. package/lib-commonjs/components/AccordionItem/useAccordionItem.js +35 -33
  101. package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map +1 -1
  102. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js +19 -22
  103. package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map +1 -1
  104. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js +11 -19
  105. package/lib-commonjs/components/AccordionItem/useAccordionItemStyles.js.map +1 -1
  106. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js +15 -16
  107. package/lib-commonjs/components/AccordionPanel/AccordionPanel.js.map +1 -1
  108. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js +2 -3
  109. package/lib-commonjs/components/AccordionPanel/AccordionPanel.types.js.map +1 -1
  110. package/lib-commonjs/components/AccordionPanel/index.js +8 -9
  111. package/lib-commonjs/components/AccordionPanel/index.js.map +1 -1
  112. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js +18 -15
  113. package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map +1 -1
  114. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js +35 -32
  115. package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map +1 -1
  116. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js +23 -39
  117. package/lib-commonjs/components/AccordionPanel/useAccordionPanelStyles.js.map +1 -1
  118. package/lib-commonjs/index.js +170 -43
  119. package/lib-commonjs/index.js.map +1 -1
  120. package/package.json +10 -10
  121. package/.swcrc +0 -33
@@ -1,84 +1,101 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAccordionHeader_unstable", {
6
- enumerable: true,
7
- get: ()=>useAccordionHeader_unstable
4
+ value: true
8
5
  });
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;
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'
33
58
  }
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
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
+ }
58
84
  }),
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
- })
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);
80
95
  }
81
- };
82
- }; //# sourceMappingURL=useAccordionHeader.js.map
83
-
96
+ })
97
+ }
98
+ };
99
+ };
100
+ exports.useAccordionHeader_unstable = useAccordionHeader_unstable;
84
101
  //# sourceMappingURL=useAccordionHeader.js.map
@@ -1 +1 @@
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
+ {"version":3,"mappings":";;;;;;AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;;;;;AAKO,MAAMA,2BAA2B,GAAG,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,GAAGC,wCAAgC,EAAE;EAEpG;;;;EAIA,MAAMC,iBAAiB,GAAGC,+CAA4B,CAACC,GAAG,IAAI,CAACA,GAAG,CAACC,WAAW,IAAID,GAAG,CAACE,SAAS,CAACC,MAAM,KAAK,CAAC,IAAIP,IAAI,CAAC;EAErH,MAAM;IAAEQ;EAAG,CAAE,GAAGC,0CAAS,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,GAAGC,mCAAsB,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,EAAEC,uCAAqB,CAAC5B,EAAE,IAAI,KAAK,EAAE;MACvCD,GAAG;MACH,GAAGD;KACJ,CAAC;IACFG,IAAI,EAAE2B,kCAAgB,CAAC3B,IAAI,CAAC;IAC5BE,UAAU,EAAEyB,kCAAgB,CAACzB,UAAU,EAAE;MACvCoB,QAAQ,EAAE,IAAI;MACdC,YAAY,EAAE;QACZK,QAAQ,EAAEC,oBAACC,iCAAmB;UAACC,KAAK,EAAE;YAAEC,SAAS,EAAE,UAAUb,kBAAkB;UAAM;QAAE,EAAI;QAC3F,aAAa,EAAE;;KAElB,CAAC;IACFlB,MAAM,EAAE;MACN,GAAGmB,eAAe;MAClBa,OAAO,EAAEN,kCAAgB,CACtBO,EAA8F,IAAI;;QACjG,qBAAe,CAACD,OAAO,+CAAvBb,eAAe,EAAWc,EAAE,CAAC;QAC7B,IAAI,CAACA,EAAE,CAACC,gBAAgB,EAAE;UACxB5B,sBAAsB,CAAC2B,EAAE,CAAC;;MAE9B,CAAC;;GAGN;AACH,CAAC;AAvEYE,mCAA2B","names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","index_1","disabledFocusable","AccordionContext_1","ctx","collapsible","openItems","length","dir","react_shared_contexts_1","expandIconRotation","buttonShorthand","react_aria_1","required","defaultProps","type","components","root","react_utilities_1","children","React","react_icons_1","style","transform","onClick","ev","defaultPrevented","exports"],"sourceRoot":"","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"]}
@@ -1,29 +1,26 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAccordionHeaderContextValues_unstable", {
6
- enumerable: true,
7
- get: ()=>useAccordionHeaderContextValues_unstable
4
+ value: true
8
5
  });
9
- const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
10
- const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
6
+ exports.useAccordionHeaderContextValues_unstable = void 0;
7
+ const React = /*#__PURE__*/require("react");
11
8
  function useAccordionHeaderContextValues_unstable(state) {
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
-
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;
29
26
  //# sourceMappingURL=useAccordionHeaderContextValues.js.map
@@ -1 +1 @@
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"}
1
+ {"version":3,"mappings":";;;;;;AAAA;AAOA,SAAgBA,wCAAwC,CAACC,KAA2B;EAClF,MAAM;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC;EAAI,CAAE,GAAGJ,KAAK;EAE1D,MAAMK,eAAe,GAAGC,KAAK,CAACC,OAAO,CACnC,OAAO;IACLN,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;AAdAG","names":["useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","React","useMemo","exports"],"sourceRoot":"","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"]}